/* Product landing visual layer. Kept separate because /assets/* is served immutable. */
.product-landing{background:#060808;position:relative;isolation:isolate}
.product-landing:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E")}
.product-landing .ambient{position:absolute;z-index:-2;border-radius:50%;filter:blur(8px);pointer-events:none}
.product-landing .ambient-one{width:780px;height:780px;top:-260px;right:0;background:radial-gradient(circle,rgba(29,191,163,.18),rgba(29,191,163,.04) 43%,transparent 72%)}
.product-landing .ambient-two{width:700px;height:700px;top:870px;left:-390px;background:radial-gradient(circle,rgba(29,191,163,.09),transparent 68%)}
.product-landing .grid-field{position:absolute;z-index:-3;top:64px;left:0;right:0;height:920px;opacity:.22;pointer-events:none;background-image:linear-gradient(rgba(29,191,163,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(29,191,163,.11) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.product-landing main{max-width:1160px;padding-top:102px}
.product-landing .breadcrumb{margin:0 0 18px 4px}
.product-landing .product-hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:48px;align-items:center;padding:52px 54px;margin-bottom:24px;border:1px solid rgba(54,83,75,.8);border-radius:30px;background:linear-gradient(145deg,rgba(17,25,22,.94),rgba(8,12,11,.78));box-shadow:0 32px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035);overflow:hidden;position:relative}
.product-landing .product-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:-200px;background:radial-gradient(circle,rgba(29,191,163,.16),transparent 68%);pointer-events:none}
.product-landing .hero-copy{position:relative;z-index:2}
.product-landing .app-identity{display:inline-block;margin:0 0 16px;padding:7px 11px;border:1px solid rgba(29,191,163,.25);border-radius:999px;background:rgba(29,191,163,.055);color:var(--text2);font-family:'DM Mono',monospace;font-size:9px;line-height:1.4;letter-spacing:.04em}
.product-landing .hero h1{font-size:clamp(43px,5.5vw,72px);line-height:.98;letter-spacing:-3px;margin-bottom:22px}
.product-landing .hero h1:after{content:"";display:block;width:74px;height:3px;margin-top:24px;border-radius:3px;background:linear-gradient(90deg,var(--teal),transparent)}
.product-landing .hero .deck{font-size:16px;max-width:650px}
.product-landing .hero-actions{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.product-landing .btn-large{font-size:14px;padding:14px 23px;border-radius:12px;box-shadow:0 13px 34px rgba(29,191,163,.2)}
.product-landing .btn-secondary{display:inline-block;color:var(--text);font-size:13px;font-weight:700;text-decoration:none;padding:13px 20px;border:1px solid var(--border2);border-radius:12px;background:rgba(255,255,255,.02)}
.product-landing .btn-secondary:hover{border-color:rgba(29,191,163,.55);background:rgba(29,191,163,.05)}
.product-landing .hero-visual{position:relative;height:530px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.product-landing .visual-orbit{position:absolute;border:1px solid rgba(29,191,163,.13);border-radius:50%;z-index:-1}
.product-landing .orbit-one{width:420px;height:420px}.product-landing .orbit-two{width:330px;height:330px;border-color:rgba(29,191,163,.22)}
.product-landing .phone-shell{width:226px;padding:8px;border:1px solid rgba(111,156,143,.45);border-radius:31px;background:#080b0a;box-shadow:0 35px 75px rgba(0,0,0,.65),0 0 65px rgba(29,191,163,.13);position:relative;transform:rotate(2deg)}
.product-landing .phone-shell:before{content:"";position:absolute;inset:-1px;border-radius:31px;background:linear-gradient(145deg,rgba(255,255,255,.15),transparent 26%,rgba(29,191,163,.12));z-index:-1}
.product-landing .phone-shell img{display:block;width:100%;height:auto;border-radius:24px}
.product-landing .phone-island{position:absolute;z-index:2;top:15px;left:50%;width:67px;height:18px;transform:translateX(-50%);border-radius:20px;background:#020303}
.product-landing .float-card{position:absolute;z-index:3;width:188px;padding:14px 16px;border:1px solid rgba(72,108,98,.65);border-radius:15px;background:rgba(10,15,13,.9);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.42)}
.product-landing .float-card span,.product-landing .float-card small{display:block;font-family:'DM Mono',monospace;color:var(--text3);font-size:9px;line-height:1.45}.product-landing .float-card span{text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin-bottom:5px}.product-landing .float-card strong{display:block;font-size:13px;line-height:1.35;color:var(--text);margin-bottom:4px}
.product-landing .float-top{top:70px;right:-5px}.product-landing .float-bottom{bottom:78px;left:-16px}
.product-landing .trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 18px 40px;border:1px solid var(--border2);border-radius:17px;overflow:hidden;background:var(--border2);box-shadow:0 15px 45px rgba(0,0,0,.18)}
.product-landing .trust-strip span{min-height:80px;display:flex;flex-direction:column;justify-content:center;padding:15px 19px;background:rgba(12,15,14,.94);font-family:'DM Mono',monospace;font-size:9px;line-height:1.5;color:var(--text3)}
.product-landing .trust-strip strong{font-family:'Sora',sans-serif;font-size:13px;color:var(--text);margin-bottom:3px}
.product-landing .quick{margin:0 18px 42px;padding:28px 31px;border-radius:18px;background:linear-gradient(135deg,rgba(29,191,163,.13),rgba(12,15,14,.9));box-shadow:0 17px 48px rgba(0,0,0,.2)}
.product-landing .prose{max-width:960px;margin:0 auto}
.product-landing .evidence-panel{padding:29px 30px 16px;margin:0 0 45px;border:1px solid var(--border2);border-radius:20px;background:linear-gradient(145deg,rgba(18,24,22,.92),rgba(10,14,12,.8));box-shadow:0 20px 55px rgba(0,0,0,.2)}
.product-landing .evidence-panel h2{margin:4px 0 13px}.product-landing .section-kicker{font-family:'DM Mono',monospace;color:var(--teal);font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.product-landing .grid{gap:16px}.product-landing .card{min-height:150px;padding:24px;border-color:rgba(54,77,70,.8);background:linear-gradient(145deg,rgba(18,24,22,.92),rgba(10,14,12,.88));box-shadow:0 16px 44px rgba(0,0,0,.18);transition:transform .2s,border-color .2s,box-shadow .2s}.product-landing .card:hover{transform:translateY(-3px);border-color:rgba(29,191,163,.45);box-shadow:0 22px 50px rgba(0,0,0,.28)}
.product-landing .prose>h2{padding-top:14px}.product-landing .prose>p{max-width:820px}
.product-landing .compare{background:rgba(10,14,12,.8);border-radius:14px;overflow:hidden}.product-landing .compare th{background:rgba(20,29,25,.95)}
.product-landing .cta{padding:48px 34px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(140deg,rgba(29,191,163,.16),rgba(12,17,15,.92) 56%);box-shadow:0 25px 65px rgba(0,0,0,.25)}.product-landing .cta:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-180px;top:-230px;background:rgba(29,191,163,.15);filter:blur(20px)}.product-landing .cta h2,.product-landing .cta p,.product-landing .cta a{position:relative}
.product-landing .related-grid a{min-height:76px;display:flex;align-items:center;background:linear-gradient(145deg,var(--bg2),rgba(18,24,22,.86));transition:transform .2s,border-color .2s}.product-landing .related-grid a:hover{transform:translateY(-2px)}
.product-landing footer{max-width:1100px}
@media(max-width:980px){.product-landing .product-hero{grid-template-columns:1fr;padding:42px}.product-landing .hero-copy{text-align:center}.product-landing .hero h1:after{margin-left:auto;margin-right:auto}.product-landing .hero .deck{margin-left:auto;margin-right:auto}.product-landing .meta,.product-landing .hero-actions{justify-content:center}.product-landing .hero-visual{height:500px;max-width:520px;width:100%;margin:0 auto}.product-landing .trust-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.product-landing main{padding-left:14px;padding-right:14px}.product-landing .product-hero{padding:32px 20px 24px;border-radius:22px}.product-landing .hero h1{font-size:39px;letter-spacing:-1.9px}.product-landing .hero-visual{height:440px}.product-landing .phone-shell{width:194px}.product-landing .float-card{width:158px;padding:11px 12px}.product-landing .float-top{right:-8px;top:55px}.product-landing .float-bottom{left:-8px;bottom:58px}.product-landing .trust-strip{margin-left:0;margin-right:0}.product-landing .trust-strip span{min-height:70px;padding:12px}.product-landing .quick{margin-left:0;margin-right:0}.product-landing .evidence-panel{padding:23px 20px 12px}.product-landing .cta{padding:38px 22px}.product-landing .hero-actions{align-items:stretch}.product-landing .hero-actions a{width:100%;text-align:center}}
