/* KroLead: product-led discovery. Scoped to the new components. */
.growth-hero-note{font-size:11px;line-height:1.8;margin-top:20px;max-width:48ch}.growth-hero-note span{padding:0 8px;color:var(--blue)}
.editorial-hero .hero-title{font-size:clamp(46px,5.2vw,74px);max-width:12ch}.editorial-hero .hero-visual::before{border-radius:32px;transform:rotate(-5deg);background:linear-gradient(145deg,var(--mint),var(--soft))}.editorial-hero .hero-visual::after{content:'';position:absolute;inset:40px -15px 65px 20px;border:1px solid var(--line);border-radius:32px;transform:rotate(4deg);z-index:-1;pointer-events:none}
.growth-workflow{background:var(--soft);border-block:1px solid var(--line)}.growth-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.growth-heading>p{max-width:34ch;font-size:16px}.growth-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:44px;align-items:stretch}.growth-choices{display:flex;flex-direction:column;gap:12px}.growth-choice{display:flex;align-items:center;gap:18px;text-align:left;background:transparent;border:1px solid #7b8e88;border-radius:12px;padding:24px 20px;min-height:84px;transition:background .2s,transform .2s}.growth-choice>span:first-child{font:12px ui-monospace,monospace;color:var(--muted)}.growth-choice>span:last-child{margin-left:auto}.growth-choice strong{font-size:16px;letter-spacing:-.025em}.growth-choice[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.growth-choice[aria-pressed=true]>span:first-child{color:inherit}.growth-choice:hover{transform:translateX(3px)}.growth-result{background:var(--surface);border:1px solid var(--line);padding:36px;border-radius:16px;display:flex;flex-direction:column;justify-content:center}.growth-label{font:11px/1.6 ui-monospace,monospace;letter-spacing:.09em;color:var(--blue);margin-bottom:22px}.growth-result h3{font-size:32px;max-width:19ch;margin-bottom:18px}.growth-result p{max-width:52ch}.growth-link{display:inline-flex;align-items:center;gap:24px;align-self:start;min-height:44px;font-size:14px;font-weight:800;color:var(--blue);margin-top:18px;text-decoration:underline;text-underline-offset:5px}.growth-small{font-size:12px;margin-top:18px}.growth-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:54px}.growth-guides>a{position:relative;border-top:1px solid #7b8e88;padding:26px 24px 16px 0}.growth-guides>a>span:first-child{font:10px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.growth-guides h3{font-size:22px;margin:18px 0 12px}.growth-guides p{font-size:14px;max-width:31ch}.growth-guides>a>span:last-child{display:inline-block;margin-top:20px;font-size:22px;color:var(--blue);transition:transform .2s}.growth-guides>a:hover>span:last-child{transform:translate(3px,-3px)}
.guide-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px;border-bottom:1px solid var(--line)}.guide-nav .nav-logo img{width:36px}.guide-hero{padding:52px 0 76px}.guide-breadcrumb{font-size:12px;color:var(--muted);margin-bottom:38px}.guide-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.guide-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.guide-hero h1{font-size:clamp(38px,5vw,66px);font-weight:600;max-width:16ch}.guide-lede{font-size:18px;margin:24px 0;max-width:54ch}.guide-proof{max-height:510px;width:auto;margin:auto;border-radius:18px;box-shadow:0 24px 70px #15282d20}.guide-caption{font-size:11px;text-align:center;margin-top:14px}.guide-body{display:grid;grid-template-columns:230px minmax(0,760px);gap:70px;padding-block:60px;border-top:1px solid var(--line)}.guide-toc{align-self:start;position:sticky;top:30px}.guide-toc a{display:block;padding:10px 0;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.guide-copy section{margin-bottom:52px}.guide-copy h2{font-size:30px;margin-bottom:20px}.guide-copy h3{font-size:21px;margin:26px 0 14px}.guide-copy p{margin:16px 0;max-width:70ch}.guide-copy ul,.guide-copy ol{padding-left:24px;color:var(--muted)}.guide-copy li{margin:12px 0}.guide-copy a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.guide-copy details{border-top:1px solid var(--line);padding:20px 0}.guide-copy summary{font-weight:700;cursor:pointer;min-height:28px}.guide-end{padding:40px;border-radius:16px;background:var(--soft);margin-bottom:60px}.guide-end h2{font-size:32px;margin-bottom:15px}.guide-end p{margin-bottom:22px;max-width:65ch}.guide-footer{padding:30px 0 50px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:24px;font-size:13px}.guide-related{display:flex;flex-wrap:wrap;gap:12px 24px}.guide-table{overflow-x:auto}.guide-table table{width:100%;border-collapse:collapse;font-size:14px}.guide-table th,.guide-table td{padding:16px;text-align:left;border-bottom:1px solid var(--line);min-width:140px}.guide-table th{background:var(--soft)}
@media(max-width:800px){.growth-heading{display:block}.growth-heading>p{margin-top:24px;max-width:48ch}.growth-layout{grid-template-columns:1fr;gap:22px}.growth-guides{grid-template-columns:1fr;gap:10px}.growth-guides>a{padding-block:24px}.growth-guides p{max-width:50ch}.growth-result{padding:28px}.guide-hero-grid{grid-template-columns:1fr;gap:36px}.guide-hero h1{max-width:20ch}.guide-proof{max-height:400px}.guide-body{grid-template-columns:1fr;gap:35px}.guide-toc{position:static}.guide-nav .btn{font-size:11px;padding:12px}.guide-end{padding:25px}.editorial-hero .hero-visual::after{inset-inline:10px}}
@media(prefers-reduced-motion:reduce){.growth-choice,.growth-guides>a>span:last-child{transition:none}.growth-choice:hover,.growth-guides>a:hover>span:last-child{transform:none}}
.guide-copy{min-width:0}.guide-table{max-width:100%}.guide-table:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
