:root{--tpbsh-navy:#0D2B54;--tpbsh-blue:#2563EB;--tpbsh-green:#16A34A;--tpbsh-lblue:#F0F6FF;--tpbsh-lgreen:#E6F7EF;--tpbsh-gray:#6B7280;--tpbsh-line:#E5EAF2;--tpbsh-ink:#0B1F44;--tpbsh-bg:#fff} .tpbsh-hub,.tpbsh-hub *{box-sizing:border-box}.tpbsh-hub{background:var(--tpbsh-bg);color:var(--tpbsh-ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;line-height:1.6}.tpbsh-hub a{color:inherit;text-decoration:none}.tpbsh-hub img{max-width:100%;height:auto} .tpbsh-container{margin:0 auto}.tpbsh-site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #edf0f5}.tpbsh-header-inner{height:74px;display:flex;align-items:center;gap:38px}.tpbsh-brand{display:flex;align-items:center;min-width:176px}.tpbsh-brand img{width:145px;height:auto;display:block}.tpbsh-nav{display:flex;gap:34px;align-items:center;font-size:15px;font-weight:700;flex:1;justify-content:center}.tpbsh-nav a{position:relative;padding:25px 0 22px}.tpbsh-nav a:hover,.tpbsh-nav a.current{color:var(--tpbsh-blue)}.tpbsh-nav a.current:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:12px;background:var(--tpbsh-blue);border-radius:9px}.tpbsh-header-actions{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.tpbsh-icon-link{display:flex;gap:7px;align-items:center}.tpbsh-icon-link svg{width:20px;height:20px;stroke-width:1.8}.tpbsh-menu-toggle{display:none;border:0;background:transparent;padding:8px}.tpbsh-menu-toggle svg{width:25px;height:25px} .tpbsh-hub{padding:44px 0 74px}.tpbsh-hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:240px;padding:0 18px 22px}.tpbsh-hero-eyebrow{margin:0 0 12px;color:var(--tpbsh-blue);font-size:13px;font-weight:900;letter-spacing:.08em}.tpbsh-hero-copy h1{font-size:44px;line-height:1.15;margin:0 0 16px;font-weight:900;letter-spacing:-1.8px}.tpbsh-hero-copy p{font-size:17px;line-height:1.65;margin:0;color:#222f49} .tpbsh-hero-art{position:relative;height:260px}.tpbsh-hero-orbit{position:absolute;inset:6px 26px 0 14px}.tpbsh-orbit-ring{position:absolute;border:1.5px dashed #b9d4ff;border-radius:50%;inset:26px 36px 12px 36px}.tpbsh-laptop{position:absolute;left:50%;top:58%;width:230px;height:145px;transform:translate(-50%,-50%) perspective(500px) rotateX(2deg);background:linear-gradient(145deg,#fefefe,#dce4ed);border:2px solid #354052;border-radius:9px;box-shadow:0 15px 22px rgba(14,36,68,.16)}.tpbsh-laptop:after{content:"";position:absolute;height:14px;left:-27px;right:-27px;bottom:-14px;background:linear-gradient(#d7dde5,#aeb8c6);border-radius:2px 2px 12px 12px;transform:skewX(-12deg)}.tpbsh-laptop-screen{position:absolute;inset:11px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center}.tpbsh-laptop-screen img{width:105px}.tpbsh-float{position:absolute;width:55px;height:55px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(35,77,130,.12)}.tpbsh-float svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9}.tpbsh-f1{left:13%;top:33%;background:#edf5ff;color:var(--tpbsh-blue)}.tpbsh-f2{left:31%;top:3%;background:#e2f8ea;color:var(--tpbsh-green)}.tpbsh-f3{right:26%;top:0;background:#edf5ff;color:var(--tpbsh-blue)}.tpbsh-f4{right:8%;top:29%;background:#f0ebff;color:#7746dd}.tpbsh-f5{right:22%;bottom:4%;background:#e6f7ef;color:var(--tpbsh-green);font-size:23px;font-weight:900}.tpbsh-f6{left:18%;bottom:8%;background:#fff1e7;color:#f97316}.tpbsh-dot{position:absolute;border-radius:50%;opacity:.45}.tpbsh-dot-a{width:34px;height:34px;background:#ffe0c7;left:5%;bottom:20%}.tpbsh-dot-b{width:62px;height:62px;background:#dff3ec;right:1%;bottom:3%} .tpbsh-growth-banner,.tpbsh-choice-banner{border:1px solid #d9eee5;background:linear-gradient(90deg,#f7fffb,#f8fbff);border-radius:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:19px 29px;margin:4px 0 14px}.tpbsh-growth-icon,.tpbsh-choice-icon{width:88px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eaf4ff,#f5fbff);color:var(--tpbsh-blue)}.tpbsh-growth-icon svg{width:61px;height:45px}.tpbsh-choice-icon{width:56px;height:48px}.tpbsh-choice-icon svg{width:25px;height:25px}.tpbsh-banner-copy h2,.tpbsh-banner-copy h3{margin:0 0 4px;font-size:20px;line-height:1.3;letter-spacing:-.5px}.tpbsh-banner-copy p{margin:0;color:#44506a;font-size:13px;line-height:1.45}.tpbsh-green-btn{display:inline-flex;align-items:center;justify-content:center;min-width:165px;background:var(--tpbsh-green);color:#fff;border-radius:9px;padding:11px 20px;font-size:14px;font-weight:800;box-shadow:0 6px 18px rgba(22,163,74,.14)}.tpbsh-green-btn:hover{filter:brightness(.96)} .tpbsh-section{margin-top:13px}.tpbsh-section-title{font-size:21px;margin:0 0 2px;letter-spacing:-.5px}.tpbsh-section-desc{font-size:12.5px;color:#526078;margin:0 0 9px}.tpbsh-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.tpbsh-category-card{border:1px solid var(--tpbsh-line);border-radius:9px;min-height:151px;padding:15px 11px 12px;text-align:center;background:#fff;transition:.18s ease}.tpbsh-category-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,45,85,.08);border-color:#cbd8ea}.tpbsh-cat-icon{width:50px;height:50px;border-radius:11px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}.tpbsh-cat-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}.tpbsh-cat-blue{background:#eef5ff;color:var(--tpbsh-blue)}.tpbsh-cat-green{background:#e9f9ef;color:var(--tpbsh-green)}.tpbsh-cat-purple{background:#f0ebff;color:#7544dd}.tpbsh-cat-orange{background:#fff0e5;color:#f97316}.tpbsh-category-card h3{font-size:14px;margin:0 0 3px;letter-spacing:-.25px}.tpbsh-category-card p{font-size:10.5px;line-height:1.45;color:#6b7280;margin:0;min-height:31px}.tpbsh-arrow{width:27px;height:27px;border:1px solid #dde4ef;border-radius:50%;margin:8px auto 0;display:flex;align-items:center;justify-content:center;color:#233453;font-weight:900;font-size:14px}.tpbsh-choice-banner{margin-top:10px;padding-top:12px;padding-bottom:12px}.tpbsh-choice-eyebrow{font-size:10px;color:var(--tpbsh-green);font-weight:800;margin-bottom:1px}.tpbsh-choice-banner .tpbsh-banner-copy h3{font-size:18px}.tpbsh-choice-banner .tpbsh-banner-copy p{font-size:11.5px}.tpbsh-choice-banner .tpbsh-green-btn{min-width:120px;padding:8px 15px} #operating-guides{margin-top:24px}#operating-guides .tpbsh-section-title{font-size:28px;line-height:1.3;margin-bottom:5px;letter-spacing:-.8px}#operating-guides .tpbsh-section-desc{font-size:15px;line-height:1.65;margin-bottom:16px}.tpbsh-stage-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.tpbsh-stage-nav{border:1px solid var(--tpbsh-line);border-radius:12px;padding:20px;background:linear-gradient(#fff,#fbfdff);position:sticky;top:92px}.tpbsh-stage-nav h3{font-size:16px;margin:0 0 9px}.tpbsh-stage-nav strong{display:block;font-size:13px;margin-bottom:5px}.tpbsh-stage-nav a{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.45;font-weight:700;padding:7px 0;color:#22344f}.tpbsh-stage-nav .dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--tpbsh-blue);box-shadow:0 0 0 3px #edf4ff}.tpbsh-stage-nav .dot.green{background:var(--tpbsh-green);box-shadow:0 0 0 3px #eaf9ef}.tpbsh-stage-rule{height:1px;background:#edf0f5;margin:20px 0 15px}.tpbsh-stage-nav p{font-size:12.5px;color:#6d7687;margin:0;line-height:1.65}.tpbsh-stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tpbsh-stage-card{border:1px solid var(--tpbsh-line);border-radius:12px;padding:19px 21px;background:#fff;min-height:225px}.tpbsh-stage-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.tpbsh-stage-badge{width:42px;height:42px;flex:0 0 42px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#eef5ff;color:var(--tpbsh-blue);font-size:16px;font-weight:900;border:1px solid #dbe8fb}.tpbsh-stage-badge.green{background:#ebfaf1;color:var(--tpbsh-green);border-color:#d9f1e2}.tpbsh-stage-title h3{font-size:18px;margin:0;line-height:1.4;color:var(--tpbsh-blue)}.tpbsh-stage-card.is-green .tpbsh-stage-title h3{color:var(--tpbsh-green)}.tpbsh-stage-title p{font-size:13.5px;color:#667085;margin:4px 0 0;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}.tpbsh-guide-label{font-size:12px;color:var(--tpbsh-blue);font-weight:900;margin:4px 0}.tpbsh-guide-label.green{color:var(--tpbsh-green)}.tpbsh-stage-card strong{display:block;font-size:13px;margin-bottom:2px}.tpbsh-stage-card ul{margin:6px 0 10px 18px;padding:0;font-size:13px;line-height:1.6;color:#43506a}.tpbsh-stage-link{font-size:13px;color:var(--tpbsh-blue);font-weight:800}.tpbsh-stage-link.green{color:var(--tpbsh-green)}.tpbsh-note{display:flex;align-items:flex-start;gap:8px;color:#68758a;font-size:12px;line-height:1.55;margin:16px auto 0;width:fit-content}.tpbsh-note svg{width:16px;min-width:16px;height:16px;color:var(--tpbsh-blue)} .tpbsh-default-main{padding:50px 0 80px}.tpbsh-default-main article{max-width:820px;margin:auto}.tpbsh-default-main h1{font-size:38px}.tpbsh-default-main .entry-content{font-size:17px}.tpbsh-default-main .entry-content a{color:var(--tpbsh-blue);text-decoration:underline}.tpbsh-site-footer{border-top:1px solid #edf0f5;padding:28px 0 40px;color:#6b7280;font-size:13px}.tpbsh-footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.tpbsh-footer-inner img{width:120px}.tpbsh-footer-links{display:flex;gap:18px} @media(max-width:1024px){.tpbsh-nav{gap:18px;font-size:14px}.tpbsh-header-actions{gap:12px}.tpbsh-category-grid{grid-template-columns:repeat(3,1fr)}.tpbsh-hero-copy h1{font-size:38px}.tpbsh-stage-layout{grid-template-columns:220px 1fr}} @media(max-width:820px){.tpbsh-header-inner{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 0}.tpbsh-menu-toggle{display:block;margin-left:auto}.tpbsh-nav{order:3;display:none;width:100%;flex-direction:column;gap:0;align-items:flex-start}.tpbsh-nav.open{display:flex}.tpbsh-nav a{padding:10px 0;width:100%}.tpbsh-nav a.current:after{display:none}.tpbsh-header-actions{display:none}.tpbsh-hero{grid-template-columns:1fr;padding:24px 0 8px}.tpbsh-hero-art{height:230px}.tpbsh-growth-banner,.tpbsh-choice-banner{grid-template-columns:auto 1fr}.tpbsh-green-btn{grid-column:1/-1}.tpbsh-category-grid{grid-template-columns:repeat(2,1fr)}.tpbsh-stage-layout{grid-template-columns:1fr}.tpbsh-stage-nav{position:static}.tpbsh-stage-grid{grid-template-columns:1fr}.tpbsh-footer-inner{flex-direction:column;align-items:flex-start}} @media(max-width:520px){.tpbsh-container{margin-inline:auto}.tpbsh-hub{padding-top:24px}.tpbsh-hero-copy h1{font-size:34px}.tpbsh-hero-copy p{font-size:15px}.tpbsh-hero-art{height:205px}.tpbsh-laptop{width:190px;height:122px}.tpbsh-float{width:48px;height:48px}.tpbsh-category-grid{gap:10px}.tpbsh-category-card{min-height:145px}.tpbsh-growth-banner,.tpbsh-choice-banner{grid-template-columns:1fr;text-align:left;padding:16px}.tpbsh-growth-icon,.tpbsh-choice-icon{width:58px}.tpbsh-stage-nav{overflow:auto}.tpbsh-footer-links{flex-wrap:wrap}} .tpbsh-stage-card li a{color:#34445f}.tpbsh-stage-card li a:hover{color:var(--tpbsh-blue);text-decoration:underline}.tpbsh-empty{margin:8px 0 13px;color:#7a8495;font-size:13px;line-height:1.55} /* v1.15.5: typography copied in cascade order from the AI software hub. */ #tp-business-typography{word-break: keep-all;} #tp-business-typography .tpbsh-hero-eyebrow{font-size: 14px;font-weight: 900;letter-spacing: .05em;text-transform: uppercase;} #tp-business-typography .tpbsh-hero-copy h1{font-size: clamp(40px, 5vw, 56px);line-height: 1.12;letter-spacing: -.055em;font-weight: 950;} #tp-business-typography .tpbsh-hero-copy p{font-size: 21px;line-height: 1.75;} #tp-business-typography .tpbsh-choice-eyebrow{font-size: 14px;font-weight: 950;} #tp-business-typography .tpbsh-banner-copy h2, #tp-business-typography .tpbsh-banner-copy h3{font-size: 28px;line-height: 1.25;letter-spacing: -.03em;font-weight: 950;} #tp-business-typography .tpbsh-banner-copy p{font-size: 16px;} #tp-business-typography .tpbsh-green-btn{font-weight: 950;} #tp-business-typography .tpbsh-section-title{font-size: 34px;letter-spacing: -.04em;line-height: 1.2;font-weight: 950;} #tp-business-typography .tpbsh-section-desc{font-size: 17px;} #tp-business-typography .tpbsh-stage-nav h3, #tp-business-typography .tpbsh-stage-nav > strong, #tp-business-typography .tpbsh-category-card h3{font-size: 18px;font-weight: 950;} #tp-business-typography .tpbsh-stage-nav a{font-size: 15px;font-weight: 850;} #tp-business-typography .tpbsh-stage-nav p{font-size: 15px;line-height: 1.7;} #tp-business-typography .tpbsh-stage-title h3{font-size: 24px;line-height: 1.25;letter-spacing: -.035em;font-weight: 950;} #tp-business-typography .tpbsh-stage-title p, #tp-business-typography .tpbsh-category-card p{font-size: 15.5px;line-height: 1.68;} #tp-business-typography .tpbsh-stage-card li a{font-size: 14px;font-weight: 850;line-height: 1.45;} #tp-business-typography .tpbsh-note{font-size: 15.5px;} @media (max-width: 560px){ #tp-business-typography .tpbsh-hero-copy h1{font-size: 38px;} #tp-business-typography .tpbsh-hero-copy p{font-size: 18px;} } #tp-business-typography{font-family: Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", sans-serif;font-size: 16px;line-height: 1.65;letter-spacing: -0.025em;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;} #tp-business-typography .tpbsh-hero-eyebrow{font-size: 14px;line-height: 1.35;font-weight: 900;letter-spacing: .05em;text-transform: uppercase;} #tp-business-typography .tpbsh-hero-copy h1{font-size: clamp(40px, 5vw, 56px);line-height: 1.12;letter-spacing: -.055em;font-weight: 950;} #tp-business-typography .tpbsh-hero-copy p{font-size: 21px;line-height: 1.75;font-weight: 400;letter-spacing: -.025em;} #tp-business-typography .tpbsh-choice-eyebrow{font-size: 14px;line-height: 1.35;font-weight: 950;letter-spacing: -.025em;} #tp-business-typography .tpbsh-banner-copy h2, #tp-business-typography .tpbsh-banner-copy h3{font-size: 28px;line-height: 1.25;letter-spacing: -.03em;font-weight: 950;} #tp-business-typography .tpbsh-banner-copy p{font-size: 16px;line-height: 1.65;font-weight: 400;letter-spacing: -.025em;} #tp-business-typography .tpbsh-section-title{font-size: 34px;line-height: 1.2;letter-spacing: -.04em;font-weight: 950;} #tp-business-typography .tpbsh-section-desc{font-size: 17px;line-height: 1.65;font-weight: 400;letter-spacing: -.025em;} #tp-business-typography .tpbsh-stage-nav h3, #tp-business-typography .tpbsh-stage-nav > strong, #tp-business-typography .tpbsh-category-card h3{font-size: 18px;line-height: 1.35;font-weight: 950;letter-spacing: -.025em;} #tp-business-typography .tpbsh-stage-nav a{font-size: 15px;line-height: 1.45;font-weight: 850;letter-spacing: -.025em;} #tp-business-typography .tpbsh-stage-title h3{font-size: 24px;line-height: 1.25;letter-spacing: -.035em;font-weight: 950;} #tp-business-typography .tpbsh-stage-title p, #tp-business-typography .tpbsh-category-card p{font-size: 15.5px;line-height: 1.68;font-weight: 400;letter-spacing: -.025em;} #tp-business-typography .tpbsh-stage-card li a{font-size: 14px;line-height: 1.45;font-weight: 850;letter-spacing: -.025em;} #tp-business-typography .tpbsh-green-btn{font-weight: 950;letter-spacing: -.025em;} @media (max-width: 560px){ #tp-business-typography .tpbsh-hero-copy h1{font-size: 38px;} #tp-business-typography .tpbsh-hero-copy p{font-size: 18px;} } #tp-business-typography .tpbsh-stage-link{font-size: 14px;font-weight: 950;letter-spacing: -.025em;} #tp-business-typography .tpbsh-empty{font-size: 14px;line-height: 1.65;font-weight: 700;} #tp-business-typography .tpbsh-guide-label{font-size: 11px;font-weight: 950;letter-spacing: -.025em;} #tp-business-typography .tpbsh-guide-label{font-size: 11px;font-weight: 950;letter-spacing: -.025em;} #tp-business-typography .tpbsh-empty{font-size: 14px;line-height: 1.65;font-weight: 700;} #tp-business-typography .tpbsh-stage-link{font-size: 14px;font-weight: 950;letter-spacing: -.025em;} @media (max-width: 767px){ #tp-business-typography .tpbsh-hero-eyebrow{font-size: 12px;} #tp-business-typography .tpbsh-hero-copy h1{font-size: clamp(34px, 10vw, 42px);line-height: 1.12;letter-spacing: -.06em;} #tp-business-typography .tpbsh-hero-copy p{font-size: 16px;line-height: 1.68;} #tp-business-typography .tpbsh-banner-copy h2, #tp-business-typography .tpbsh-banner-copy h3{font-size: 22px;} #tp-business-typography .tpbsh-banner-copy p{font-size: 14px;line-height: 1.6;} #tp-business-typography .tpbsh-section-title{font-size: 28px;line-height: 1.22;} #tp-business-typography .tpbsh-section-desc{font-size: 15px;} #tp-business-typography .tpbsh-stage-nav a{font-size: 14px;} #tp-business-typography .tpbsh-stage-title h3{font-size: 21px;line-height: 1.25;} #tp-business-typography .tpbsh-stage-title p, #tp-business-typography .tpbsh-category-card p{font-size: 14px;line-height: 1.62;} #tp-business-typography .tpbsh-stage-card li a{font-size: 13px;line-height: 1.48;} #tp-business-typography .tpbsh-stage-link{font-size: 13px;} } @media (max-width: 430px){ #tp-business-typography .tpbsh-hero-copy h1{font-size: 34px;} } #tp-business-typography .tpbsh-hero-eyebrow{font-size: 13px;line-height: 1.35;font-weight: 950;letter-spacing: .06em;text-transform: uppercase;} #tp-business-typography .tpbsh-hero-copy h1{font-size: clamp(44px, 5.2vw, 64px);line-height: 1.12;letter-spacing: -.065em;font-weight: 950;text-wrap: balance;} #tp-business-typography .tpbsh-hero-copy p{font-size: 20px;line-height: 1.72;letter-spacing: -.03em;font-weight: 400;word-break: keep-all;} #tp-business-typography .tpbsh-hero-eyebrow{font-size: 13px;line-height: 1.35;font-weight: 950;letter-spacing: .06em;} @media (max-width: 1024px){ #tp-business-typography .tpbsh-hero-copy h1{font-size: clamp(36px, 7vw, 48px);line-height: 1.12;letter-spacing: -.06em;} #tp-business-typography .tpbsh-hero-copy p{font-size: 17px;line-height: 1.68;} } @media (max-width: 767px){ #tp-business-typography .tpbsh-hero-eyebrow{font-size: 12px;} #tp-business-typography .tpbsh-hero-copy h1{font-size: clamp(32px, 9vw, 38px);line-height: 1.12;letter-spacing: -.06em;} #tp-business-typography .tpbsh-hero-copy p{font-size: 15px;line-height: 1.66;} } @media (max-width: 430px){ #tp-business-typography .tpbsh-hero-copy h1{font-size: clamp(30px, 9vw, 36px);} #tp-business-typography .tpbsh-hero-copy p{font-size: 14.5px;} } /* Allow larger type to wrap within the existing business hub grid. */ #tp-business-typography .tpbsh-stage-layout{grid-template-columns:240px minmax(0,1fr)} #tp-business-typography .tpbsh-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #tp-business-typography .tpbsh-stage-title, #tp-business-typography .tpbsh-banner-copy{min-width:0} #tp-business-typography .tpbsh-stage-title h3, #tp-business-typography .tpbsh-category-card h3{word-break:keep-all;overflow-wrap:break-word} #tp-business-typography .tpbsh-stage-card ul{line-height:1.45} #tp-business-typography .tpbsh-stage-card li+li{margin-top:8px} @media(max-width:1024px){#tp-business-typography .tpbsh-stage-layout{grid-template-columns:220px minmax(0,1fr)}} @media(max-width:820px){#tp-business-typography .tpbsh-stage-layout,#tp-business-typography .tpbsh-stage-grid{grid-template-columns:minmax(0,1fr)}} /* v1.15.6: use the shared tp-container width and AI hub layout cascade. */ #tp-business-typography .tpbsh-stage-layout{display: grid;grid-template-columns: 330px minmax(0, 1fr);gap: 36px;align-items: start;} #tp-business-typography .tpbsh-stage-nav{position: sticky;top: calc(var(--tp-header-height, 72px) + 24px);padding: 28px;} #tp-business-typography .tpbsh-stage-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px;} #tp-business-typography .tpbsh-stage-card{min-height: 224px;padding: 26px;} @media (max-width: 1100px){#tp-business-typography .tpbsh-stage-layout{grid-template-columns: 1fr;} #tp-business-typography .tpbsh-stage-nav{position: static;} #tp-business-typography .tpbsh-stage-grid{grid-template-columns: 1fr;}} @media (max-width: 560px){#tp-business-typography .tpbsh-stage-card{padding: 22px;}} @media (max-width: 1024px){#tp-business-typography .tpbsh-stage-layout{grid-template-columns: 1fr;gap: 22px;} #tp-business-typography .tpbsh-stage-nav{position: static;} #tp-business-typography .tpbsh-stage-grid{grid-template-columns: 1fr;gap: 18px;}} @media (max-width: 767px){#tp-business-typography .tpbsh-stage-nav{padding: 18px;} #tp-business-typography .tpbsh-stage-card{min-height: 0;padding: 20px;}} /* Align the hero to the same outer edge as the content below it. */ #tp-business-typography .tpbsh-hero{padding-left:0;padding-right:0;min-width:0} /* Give descriptions the full card width, as in the AI software hub. */ #tp-business-typography .tpbsh-stage-top{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;row-gap:12px} #tp-business-typography .tpbsh-stage-title{display:contents} #tp-business-typography .tpbsh-stage-title h3{grid-column:2;grid-row:1;align-self:center} #tp-business-typography .tpbsh-stage-title p{grid-column:1/-1;margin:0} #tp-business-typography .tpbsh-stage-card li a{word-break:keep-all;overflow-wrap:anywhere} /* v1.15.7: descriptions flow continuously and wrap only when space runs out. */ #tp-business-typography .tpbsh-hero-copy p, #tp-business-typography .tpbsh-banner-copy p, #tp-business-typography .tpbsh-stage-title p, #tp-business-typography .tpbsh-category-card p, #tp-business-typography .tpbsh-section-desc{ white-space:normal;word-break:keep-all;overflow-wrap:break-word;text-wrap:wrap; } /* v1.15.8: breathing room for the two guide banners and six service cards. */ #tp-business-typography .tpbsh-growth-banner, #tp-business-typography .tpbsh-choice-banner{ min-height:156px;padding:32px;gap:28px;border-radius:14px; } #tp-business-typography .tpbsh-growth-banner{margin:24px 0 0} #tp-business-typography .tpbsh-service-fields{margin-top:44px} #tp-business-typography .tpbsh-service-fields .tpbsh-section-desc{margin:12px 0 24px} #tp-business-typography .tpbsh-category-grid{gap:20px} #tp-business-typography .tpbsh-category-card{ min-height:280px;padding:28px 18px;display:flex;flex-direction:column; align-items:center;border-radius:14px;min-width:0; } #tp-business-typography .tpbsh-cat-icon{width:56px;height:56px;flex-shrink:0;margin:0 auto 18px} #tp-business-typography .tpbsh-category-card h3{margin:0 0 12px} #tp-business-typography .tpbsh-category-card p{margin:0 0 20px;min-height:0;width:100%} #tp-business-typography .tpbsh-category-card .tpbsh-arrow{margin:auto auto 0;width:30px;height:30px;flex-shrink:0} #tp-business-typography .tpbsh-choice-banner{margin:36px 0 0} #tp-business-typography .tpbsh-banner-copy h2, #tp-business-typography .tpbsh-banner-copy h3{margin-bottom:12px} #tp-business-typography .tpbsh-choice-eyebrow{margin-bottom:8px} #tp-business-typography #operating-guides{margin-top:48px} @media(max-width:820px){ #tp-business-typography .tpbsh-growth-banner, #tp-business-typography .tpbsh-choice-banner{min-height:0;padding:26px;gap:20px} #tp-business-typography .tpbsh-category-grid{gap:16px} #tp-business-typography .tpbsh-category-card{min-height:256px;padding:26px 18px} } @media(max-width:520px){ #tp-business-typography .tpbsh-growth-banner, #tp-business-typography .tpbsh-choice-banner{padding:24px 20px;gap:18px} #tp-business-typography .tpbsh-service-fields{margin-top:32px} #tp-business-typography .tpbsh-service-fields .tpbsh-section-desc{margin:10px 0 20px} #tp-business-typography .tpbsh-category-grid{gap:14px} #tp-business-typography .tpbsh-category-card{min-height:244px;padding:24px 14px} #tp-business-typography .tpbsh-cat-icon{margin-bottom:16px} #tp-business-typography .tpbsh-choice-banner{margin-top:28px} #tp-business-typography #operating-guides{margin-top:36px} } /* v1.15.9: each guide banner follows its section description. */ #tp-business-typography .tpbsh-service-fields > .tpbsh-section-desc, #tp-business-typography #operating-guides > .tpbsh-section-desc{margin:12px 0 0} #tp-business-typography .tpbsh-service-fields > .tpbsh-growth-banner, #tp-business-typography #operating-guides > .tpbsh-choice-banner{margin:24px 0 28px} @media(max-width:520px){ #tp-business-typography .tpbsh-service-fields > .tpbsh-section-desc, #tp-business-typography #operating-guides > .tpbsh-section-desc{margin:10px 0 0} #tp-business-typography .tpbsh-service-fields > .tpbsh-growth-banner, #tp-business-typography #operating-guides > .tpbsh-choice-banner{margin:20px 0 24px} }