/* Growth library: existing brand, truthful file specimens and real app captures. */
.growth{--display:clamp(42px,5.4vw,76px);--head:clamp(30px,3.3vw,48px);--body:18px;--small:15px;background:var(--bg);color:var(--ink)}
.growth .header{background:var(--deep);color:var(--light-ink);width:100%;padding-inline:var(--gap)}.growth .header nav{flex-wrap:wrap}.growth .header .nav-status{background:var(--citron);color:var(--deepest)}
.growth h1{font-size:var(--display);line-height:1.02;letter-spacing:-.045em;max-width:20ch;margin:0 0 30px}.growth h2{font-size:var(--head);line-height:1.08;letter-spacing:-.035em;max-width:25ch;margin:0 0 26px}.growth h3{font-size:26px;line-height:1.2;letter-spacing:-.025em}.growth p{max-width:65ch;margin:0 0 24px}.growth .lead{font-size:24px;line-height:1.4}.growth .small,.growth figcaption{font-size:15px}.growth .small{margin-top:22px}.growth figure{margin:0}.growth figure img{display:block;width:100%;height:auto}.growth figcaption{margin:14px 0 0}.growth-opening{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:74px 30px;align-items:start}.growth-opening .lead{max-width:29ch}.specimen{background:#e0eceb;padding:32px}.specimen h2{font-size:30px}.specimen ul{padding-left:22px;columns:2;gap:25px;margin-bottom:24px}.specimen li{margin-bottom:10px;break-inside:avoid}.starter-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.starter-switch button{border:0;font:inherit;background:#c1d9d6;color:var(--deepest);padding:11px 14px;cursor:pointer}.starter-switch button[aria-pressed=true]{background:var(--deep);color:white}.starter-switch button:hover{transform:translateY(-2px)}.next-action{background:white;padding:20px}.growth-intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:80px 30px}.starter-row{display:grid;grid-template-columns:33% 1fr;gap:7%;align-items:center;margin-block:70px 125px}.starter-row figure{background:#d4e6e5;padding:28px}.opening-guide{display:grid;grid-template-columns:40% 1fr;gap:10%;padding-block:50px 90px}.sticky{position:sticky;top:35px;align-self:start}.open-steps{margin:0;padding-left:24px}.open-steps li{padding-left:10px;margin-bottom:55px}.open-steps h3{margin:0 0 20px}.walkthrough-call{background:var(--deep);color:var(--light-ink);display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:50px;margin-block:30px 100px;align-items:center}.walkthrough-call img{width:100%;height:auto}.guide-opening{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:70px;align-items:center}.guide-opening h1{font-size:var(--display)}.guide-opening figure{padding:20px;background:#d4e6e5}.guide-layout{display:grid;grid-template-columns:28% 1fr;gap:10%}.guide-layout aside{position:sticky;top:32px;align-self:start}.guide-layout aside h2{font-size:26px}.guide-layout aside nav a{display:block;margin-bottom:18px}.guide-layout article{max-width:72ch}.guide-layout article section{margin-bottom:65px}.guide-layout article h2{font-size:34px}.guide-layout article figure{margin-bottom:65px}.guide-layout article img{max-height:650px;object-fit:contain;background:#d4e6e5;padding:26px}.tutorial-opening{padding-block:70px 45px}.tutorial-opening .lead{max-width:55ch}.tutorial-video{display:block;width:100%;height:auto;background:var(--deepest);margin:35px 0 22px}.tutorial-text{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:45px 80px}.tutorial-text li{margin-bottom:16px}.tutorial-text ol{padding-left:24px}.growth a:focus-visible,.growth button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.growth [hidden]{display:none!important}.growth main>section,.starter-row,.guide-layout article section{scroll-margin-top:30px}.growth .footer{margin-top:40px}.growth-animate{animation:growth-rise .65s var(--ease) both}@keyframes growth-rise{from{transform:translateY(20px);opacity:.25}to{transform:none;opacity:1}}
@media(max-width:900px){.growth-opening,.guide-opening{gap:5%;grid-template-columns:1fr 1fr}.specimen{padding:24px}.specimen ul{columns:1}.starter-row{grid-template-columns:1fr 1.25fr;gap:5%}.growth .header nav{gap:15px}.guide-layout{gap:6%}}
@media(max-width:650px){.growth .header{gap:18px}.growth .header nav{width:100%;font-size:14px;gap:14px}.growth .header .nav-status{padding:7px 10px}.growth-opening,.growth-intro,.starter-row,.opening-guide,.walkthrough-call,.guide-opening,.guide-layout,.tutorial-text{display:block}.growth-opening,.guide-opening,.tutorial-opening{padding-top:42px}.growth h1{font-size:42px;max-width:17ch}.growth h2{font-size:32px}.growth h3{font-size:24px}.growth .lead{font-size:21px}.specimen{margin-top:36px}.specimen ul{columns:2}.growth-intro{padding-top:70px}.starter-row{margin-block:55px 80px}.starter-row figure{margin-top:30px;padding:15px}.sticky,.guide-layout aside{position:static}.opening-guide{padding-block:15px 25px}.open-steps{margin-top:45px}.walkthrough-call{padding:30px;margin-bottom:70px}.walkthrough-call img{margin-top:30px}.guide-opening figure{margin-top:35px}.guide-layout aside{background:#e0eceb;padding:25px;margin-bottom:45px}.guide-layout article h2{font-size:30px}.guide-layout article img{padding:15px}.tutorial-text>div+div{margin-top:55px}.growth .footer nav{gap:15px}}
@media(max-width:360px){.growth h1{font-size:37px}.specimen ul{columns:1}.growth .header nav{font-size:13px;gap:12px}.growth .header .nav-status{padding:5px}.starter-switch button{padding:10px}.growth h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.growth-animate{animation:none!important}.sticky{position:static}*{scroll-behavior:auto!important}}