.nav-products{position:relative}.nav-products>div{position:absolute;top:100%;left:-18px;display:none;width:280px;padding:12px 6px 6px;color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(17,35,29,.16)}.nav-products:hover>div,.nav-products:focus-within>div{display:grid}.nav-products>div a{padding:10px 12px}.nav-products>div a:hover{background:var(--mint);opacity:1}
.product-page{background:#fff}.product-page .site-header{color:var(--ink);background:rgba(255,255,255,.96);border-color:var(--line)}.product-hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:780px;padding:150px clamp(22px,6vw,100px) 70px;background:var(--cream)}.product-hero-copy{align-self:center;max-width:700px}.product-hero h1{font-size:clamp(46px,5.2vw,76px)}.product-hero h1 span{display:block;color:var(--forest)}.product-hero .hero-lead{color:var(--muted)}.price-line{display:flex;align-items:baseline;gap:9px;margin:30px 0}.price-line strong{font-family:var(--serif);font-size:42px;font-weight:400}.price-line span{color:var(--muted);font-size:13px}.product-visual{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:610px;overflow:hidden;background:var(--mint)}.product-visual:before{content:"";position:absolute;top:12%;right:10%;width:140px;height:140px;border-radius:50%;background:var(--gold)}.phone{position:relative;z-index:1;width:min(330px,72%);height:570px;padding:10px;overflow:hidden;background:#101513;border:7px solid #101513;border-radius:42px;box-shadow:0 28px 60px rgba(18,43,34,.28)}.phone:before{content:"";position:absolute;z-index:2;top:10px;left:50%;width:82px;height:20px;transform:translateX(-50%);border-radius:0 0 14px 14px;background:#101513}.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:28px}.phone.secondary{width:270px;height:500px;margin-left:-45px;transform:translateY(70px)}
.answer-section{padding:105px clamp(22px,6vw,100px)}.answer-section.tinted{background:var(--cream)}.answer-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;margin-bottom:58px}.answer-head h2{margin:0}.answer-head p{max-width:610px;color:var(--muted);font-size:18px}.pain-grid,.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.pain-grid article,.solution-grid article{min-height:250px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.pain-grid span,.solution-grid span{color:var(--sage);font-family:var(--serif);font-size:20px}.pain-grid h3,.solution-grid h3{margin:44px 0 10px;font-family:var(--serif);font-size:26px;font-weight:400}.pain-grid p,.solution-grid p{color:var(--muted);font-size:14px}.screen-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:100px clamp(22px,6vw,100px);color:#fff;background:var(--dark)}.screen-copy{align-self:center}.screen-copy p{color:rgba(255,255,255,.66)}.desktop-shot{align-self:center;padding:12px;background:#fff;border-radius:7px;box-shadow:0 24px 55px rgba(0,0,0,.22)}.desktop-shot img{display:block;width:100%;max-height:570px;object-fit:cover;object-position:top}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:95px clamp(22px,6vw,100px);background:var(--gold)}.pricing h2{margin-bottom:18px}.pricing-card{padding:36px;background:#fff;border:1px solid rgba(0,0,0,.08)}.pricing-card strong{display:block;font-family:var(--serif);font-size:52px;font-weight:400}.pricing-card p{color:var(--muted)}.product-footer-cta{padding:90px clamp(22px,6vw,100px);text-align:center;color:#fff;background:var(--forest)}.product-footer-cta h2{max-width:850px;margin:0 auto 30px}.product-footer-cta .button{margin:auto}
@media(max-width:980px){.nav-products{display:none}.product-hero,.answer-head,.screen-section,.pricing{grid-template-columns:1fr}.product-hero{padding-top:120px}.product-visual{min-height:600px}.pain-grid,.solution-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.product-hero{padding:110px 18px 52px}.product-visual{min-height:520px}.phone{height:470px}.phone.secondary{display:none}.answer-section,.screen-section,.pricing,.product-footer-cta{padding:72px 18px}.answer-head{gap:20px}.pain-grid,.solution-grid{grid-template-columns:1fr}.pain-grid article,.solution-grid article{min-height:220px}.pricing-card strong{font-size:42px}}
