.product-hero{padding:76px 0 72px;border-bottom:1px solid var(--line);overflow:clip}.product-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.product-intro h1,.article-hero h1,.journal-hero h1{font-size:clamp(52px,6.2vw,90px);line-height:1.055;letter-spacing:-.065em;margin:0 0 32px;font-weight:450}.product-intro .hero-sub{max-width:46ch}.product-intro .section-badge{color:#b5bbac}.app-stage{margin:0;min-width:0}.phone-pair{position:relative;max-width:420px;height:485px;margin:0 auto 25px;perspective:1000px}.phone-pair img{display:block;width:208px;height:auto;border:5px solid #30332d;border-radius:30px;box-shadow:0 25px 45px #080c08b3;background:#131811}.phone-main{position:absolute;left:8px;top:0;z-index:2;transform:rotate(-7deg)}.phone-back{position:absolute;right:0;top:30px;transform:rotate(9deg)}figcaption{font-size:12px;line-height:1.8;color:#bbc0b3}figcaption span{color:var(--muted)}.app-stage figcaption{text-align:center}.website-stage{margin:0;transform:perspective(1200px) rotateY(-7deg);min-width:0}.website-stage img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;border:1px solid #42463c}.browser-edge{font-size:10px;letter-spacing:.03em;display:flex;justify-content:space-between;padding:16px 20px;background:#252821;border:1px solid #42463c;border-bottom:0;border-radius:9px 9px 0 0;color:#c1c7b7}.website-stage figcaption{padding:20px 0}.redesign-hero .product-intro h1{font-size:clamp(48px,5.3vw,76px)}.article-hero{padding-top:78px;padding-bottom:60px;border-bottom:1px solid var(--line)}.article-hero h1{max-width:19ch;font-size:clamp(48px,5.5vw,80px)}.article-deck{font-size:21px;line-height:1.65;max-width:65ch;color:#ccd0c5;margin-bottom:32px}.article-meta{font-size:12px;color:var(--muted);margin:0}.revision-note{font-size:13px;line-height:1.7;color:var(--muted);border-left:1px solid var(--accent);padding-left:20px;max-width:78ch;margin:30px 0 0}.article-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:9vw;padding-top:65px;padding-bottom:95px;align-items:start}.article-aside{position:sticky;top:125px;max-width:29ch}.article-aside nav{display:grid;gap:0}.article-aside a{font-size:13px;line-height:1.65;text-decoration:none;padding:11px 0;border-bottom:1px solid var(--line);color:var(--muted)}.article-aside a:hover{color:var(--ink)}.article-copy{max-width:740px;min-width:0}.article-copy section+section{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}.article-copy h2{font-size:34px;line-height:1.2;max-width:27ch}.article-copy p,.article-copy li{font-size:17px;line-height:1.9;color:#b9bdb3}.article-copy ul{padding-left:23px;margin-bottom:28px}.article-copy li{margin-bottom:12px}.article-copy a{color:var(--ink)}.article-example{display:flex;align-items:center;gap:35px;margin:34px 0;padding:35px;background:#1b2119}.article-example img{display:block;width:165px;max-width:48%;height:auto;border-radius:19px}.article-example figcaption{max-width:21ch}.journal-hero{padding-top:85px;padding-bottom:55px}.journal-hero h1{font-size:clamp(58px,7vw,100px);max-width:19ch}.journal-intro{display:flex;justify-content:space-between;gap:40px;margin-top:44px}.journal-intro p:first-child{max-width:51ch}.journal-intro p:last-child{font-size:12px;color:var(--muted);padding-top:8px;min-width:160px}.journal-list{padding-bottom:100px}.journal-entry{display:grid;grid-template-columns:55px 1fr 175px;gap:30px;padding:36px 0;border-top:1px solid var(--line);text-decoration:none;align-items:start;transition:padding .25s,color .25s}.journal-entry:last-child{border-bottom:1px solid var(--line)}.entry-number{color:var(--accent);font-size:12px;padding-top:7px;font-variant-numeric:tabular-nums}.journal-entry h2{font-size:clamp(24px,2.4vw,34px);line-height:1.25;max-width:33ch;margin:0}.entry-label{color:var(--muted);font-size:11px;line-height:1.8;padding-top:7px}.journal-entry:hover{padding-left:8px;color:var(--accent)}
@media(max-width:1100px){.product-hero-grid{gap:35px}.phone-pair{height:440px}.phone-pair img{width:180px}.article-layout{gap:6vw}.journal-entry{grid-template-columns:35px 1fr 150px;gap:24px}}
@media(max-width:760px){.product-hero{padding:48px 0 45px}.product-hero-grid{grid-template-columns:1fr;gap:40px}.product-intro h1{font-size:clamp(48px,12.2vw,73px)}.product-intro .hero-sub{font-size:16px}.product-intro .section-badge{margin-bottom:26px}.phone-pair{height:385px;max-width:320px;margin-bottom:14px}.phone-pair img{width:161px;border-width:4px;border-radius:24px}.phone-back{top:26px;right:12px}.phone-main{left:14px}.website-stage{transform:none}.browser-edge{padding:12px;font-size:9px}.website-stage figcaption{font-size:11px;padding-bottom:0}.redesign-hero .product-intro h1{font-size:clamp(44px,11.4vw,62px)}.article-hero{padding-top:49px;padding-bottom:37px}.article-hero h1{font-size:clamp(42px,11.5vw,68px);line-height:1.08;max-width:18ch}.article-deck{font-size:18px;line-height:1.7}.article-meta{font-size:11px;line-height:1.8}.revision-note{font-size:12px}.article-layout{display:block;padding-top:30px;padding-bottom:65px}.article-aside{position:static;max-width:none;margin-bottom:45px}.article-aside .section-badge{margin-bottom:5px}.article-aside a{font-size:13px;padding:12px 0;min-height:44px}.article-copy h2{font-size:30px}.article-copy p,.article-copy li{font-size:16px;line-height:1.9}.article-copy section+section{margin-top:42px;padding-top:30px}.article-example{gap:20px;padding:22px;margin:25px 0}.article-example figcaption{font-size:11px}.journal-hero{padding-top:50px;padding-bottom:25px}.journal-hero h1{font-size:clamp(48px,12.2vw,70px)}.journal-intro{display:block;margin-top:26px}.journal-intro p:first-child{font-size:16px}.journal-intro p:last-child{font-size:11px}.journal-entry{grid-template-columns:22px 1fr;gap:10px 15px;padding:26px 0}.journal-entry h2{font-size:25px;letter-spacing:-.035em}.entry-label{grid-column:2;padding-top:0;font-size:10px}.entry-number{padding-top:5px;font-size:10px}.journal-list{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){.journal-entry{transition:none}}