@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#031522;--navy2:#061d2c;--cyan:#10d7ee;--cyan2:#25b7ff;--ink:#071c2e;--muted:#64778a;--line:#dfe8ef;--bg:#fff;--soft:#eef8f8;--green:#10b899;--red:#d95a63;--purple:#795ce7;--orange:#f0a11b;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",sans-serif;color:#fff;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 80px));margin:auto}.topbar{height:82px;background:#02131f;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:10}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font:800 13px Manrope;letter-spacing:-.02em}.logo{width:38px;height:38px;border-radius:10px;overflow:hidden;display:grid;place-items:center}.logo img{width:100%;height:100%;object-fit:cover}.nav nav{display:flex;gap:38px;font-size:11px;color:#8fa3b5;height:100%;align-items:center}.nav nav a{height:100%;display:grid;place-items:center;position:relative}.nav nav a.active,.nav nav a:hover{color:var(--cyan)}.nav nav a.active:after{content:"";height:2px;width:32px;background:var(--cyan);position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.nav-cta{border:1px solid #087f9e;border-radius:999px;padding:10px 17px;font-size:10px;color:#dffbff}.hero{background:radial-gradient(circle at 65% 42%,rgba(13,91,124,.25),transparent 25%),linear-gradient(135deg,#02111d,#052437 55%,#03131f);min-height:645px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:-30%;background:linear-gradient(135deg,transparent 49.8%,rgba(83,177,211,.07) 50%,transparent 50.2%),linear-gradient(25deg,transparent 49.8%,rgba(83,177,211,.05) 50%,transparent 50.2%);background-size:720px 720px;transform:rotate(8deg)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:645px;align-items:center}.hero-copy{padding:40px 0 60px}.kicker{font:700 9px Manrope;letter-spacing:.25em;color:#08d5ec}.kicker.dark{color:#079bb9}.hero h1{font:800 clamp(48px,5.2vw,72px)/.99 Manrope;letter-spacing:-.06em;margin:20px 0 24px}.hero h1 em{font-style:normal;color:#13d8ec}.hero p{max-width:560px;color:#9bb0c1;font-size:15px;line-height:1.7}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:30px}.play{display:inline-flex;align-items:center;gap:10px;border:1px solid #0aa4bf;border-radius:8px;padding:9px 15px;background:rgba(0,213,239,.03)}.play-tri{font-size:19px;color:#29d8ec}.play small,.play b{display:block}.play small{font-size:6px;letter-spacing:.08em}.play b{font-size:12px}.android{display:flex;gap:9px;align-items:center;color:#11d9ed}.android strong{font-size:19px}.android span b,.android span small{display:block}.android span b{font-size:10px;color:#bfeef4}.android span small{font-size:8px;color:#6c8799}.hero-ui{height:100%;position:relative;display:grid;place-items:center}.phone{width:290px;height:520px;border:7px solid #03101a;border-radius:42px;background:#071c2c;box-shadow:0 0 0 1px rgba(53,202,232,.4),0 40px 100px rgba(0,0,0,.55),0 0 70px rgba(0,200,255,.15);padding:23px 17px 12px;position:relative;z-index:2;overflow:hidden}.tilt{transform:rotate(-6deg) translateY(10px)}.phone:before{content:"";position:absolute;width:105px;height:23px;background:#03101a;border-radius:0 0 15px 15px;left:50%;top:-1px;transform:translateX(-50%)}.phone-top{display:flex;justify-content:space-between;font-size:7px;color:#7992a2;margin-bottom:13px}.app-head{display:flex;align-items:center;gap:8px;padding:11px 9px;background:#0a5377;border-radius:13px}.mini-logo{width:25px;height:25px;border-radius:7px;background:#062b3f;display:grid;place-items:center;font-size:7px}.app-head b,.app-head small{display:block}.app-head b{font-size:9px}.app-head small{font-size:6px;color:#9bc1d2}.app-head i{font-style:normal;margin-left:auto;font-size:6px;padding:5px 7px;border-radius:9px;background:rgba(255,255,255,.1)}.phone h3{font:700 17px Manrope;margin:17px 2px 10px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stat-grid>div{background:#09283b;border:1px solid rgba(255,255,255,.06);padding:10px;border-radius:10px}.stat-grid small,.stat-grid b,.stat-grid em{display:block}.stat-grid small{font-size:6px;color:#7993a2}.stat-grid b{font-size:12px;margin-top:4px}.stat-grid em{font-size:6px;color:#16d2ad;font-style:normal;margin-top:2px}.stat-grid .red{color:#ef6b76}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.quick-grid span{background:#082d40;border-radius:8px;padding:8px;text-align:center;font-size:10px;color:#15d7ec}.quick-grid small{display:block;font-size:6px;color:#8aa5b3;margin-top:3px}.recent{margin-top:14px}.row-head{display:flex;justify-content:space-between;font-size:7px}.row-head a{color:#15d7ec}.record{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;margin-top:7px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.record i,.record-card i{font-style:normal;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:9px}.green{background:#dff8f2;color:#0aa78f}.blue{background:#e2efff;color:#2875df}.violet{background:#efe8ff;color:#795ce7}.record span b,.record span small{display:block}.record span b{font-size:7px}.record span small{font-size:5px;color:#6d8797}.record strong{font-size:7px}.phone-nav{position:absolute;bottom:0;left:0;right:0;height:47px;background:#061925;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.phone-nav span{font-size:10px;color:#6e8795}.phone-nav small{display:block;font-size:5px;margin-top:2px}.phone-nav .sel{color:#0de0ed}.orbit{position:absolute;border:1px solid rgba(20,209,237,.1);border-radius:50%;width:510px;height:510px}.o2{width:390px;height:390px;border-color:rgba(21,158,220,.13)}.section{padding:95px 0}.intro{background:#fff;color:var(--ink)}.intro-head{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:end}.intro h2,.copy h2,.privacy-content h2{font:800 42px/1.04 Manrope;letter-spacing:-.045em;margin:14px 0 0}.intro-head p,.copy p{font-size:13px;color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.feature{min-height:205px;border:1px solid #e1e9ee;border-radius:11px;padding:21px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 12px 35px rgba(10,45,70,.05)}.feature-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:12px;color:#fff}.feature-icon.green{background:#10b899}.feature-icon.blue{background:#3779eb}.feature-icon.purple{background:#795ce7}.feature-icon.orange{background:#f0a11b}.feature h3{font:700 14px/1.2 Manrope;margin:19px 0 10px}.feature p{font-size:10px;line-height:1.55;color:#718496;min-height:49px}.feature a{font-size:9px;color:#069db8;display:inline-block;margin-top:14px}.feature a b{margin-left:8px}.records{background:#f8fbfc;color:var(--ink)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.copy h2{font-size:48px}.copy h2 em{color:#0ab6d1;font-style:normal}.copy p{max-width:490px;margin:22px 0}.copy ul{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:10px;color:#506679;font-size:11px}.copy li i{font-style:normal;color:#0cbba2;margin-right:10px}.panel{border:1px solid #dce7ee;border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(7,43,67,.1);padding:20px;color:var(--ink)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:5px 2px 18px}.panel-head small,.panel-head b{display:block}.panel-head small{font-size:7px;color:#7290a1;letter-spacing:.13em}.panel-head b{font:700 16px Manrope;margin-top:3px}.panel-head>span{font-size:7px;color:#0caa92;background:#e6f8f4;padding:6px 8px;border-radius:7px}.filter,.quote-search{height:38px;border:1px solid #dbe6ec;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:9px;color:#7d8f9d}.filter b{background:#062b43;color:#fff;padding:8px 11px;border-radius:7px;font-size:8px}.record-list{margin-top:12px;display:grid;gap:8px}.record-card{display:grid;grid-template-columns:32px 1fr auto 20px 20px;align-items:center;gap:9px;border:1px solid #e7edf1;border-radius:10px;padding:10px}.record-card>div b,.record-card>div small{display:block}.record-card>div b{font-size:10px}.record-card>div small{font-size:7px;color:#8193a1}.record-card>strong{font-size:9px;color:#0ba88f}.record-card>span{font-size:9px;color:#8193a1}.reverse{grid-template-columns:1.1fr .9fr}.quotes{background:#fff;color:var(--ink)}.quote-search{justify-content:flex-start}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.chips>*{font-style:normal;font-size:8px;border:1px solid #dfe8ee;border-radius:99px;padding:6px 9px;color:#718494}.chips i{background:#dff4fb;color:#097d9e;border-color:#c4e9f2}.quote-panel button{width:100%;height:35px;border:0;border-radius:99px;background:#062a42;color:#fff;font-size:10px}.quote-card{margin-top:10px;border:1px solid #e0e9ef;border-radius:11px;padding:12px;position:relative}.quote-card>div{display:flex;align-items:center;gap:8px}.quote-card>div i{font-style:normal;background:#e3f0fb;width:27px;height:27px;border-radius:7px;display:grid;place-items:center}.quote-card>div b,.quote-card>div small{display:block}.quote-card>div b{font-size:9px}.quote-card>div small{font-size:7px;color:#8294a2}.quote-card>div em{margin-left:auto;font-size:7px;font-style:normal;color:#119b81;border:1px solid #9bdcca;padding:4px 7px;border-radius:99px;background:#edf9f5}.quote-card hr{border:0;border-top:1px solid #e7edf0;margin:12px 0}.quote-card>small{font-size:7px;color:#7a8c99;margin-right:24px}.quote-card>strong{display:inline-block;font-size:14px;margin-top:4px}.trash{position:absolute;right:12px;bottom:12px;color:#d05d63}.mini-points,.tool-tags{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.mini-points span,.tool-tags span{border:1px solid #dfe8ed;padding:10px 12px;border-radius:9px;font-size:9px;color:#567084;background:#fbfdfe}.tools{background:#f6fafc;color:var(--ink)}.tool-tags{margin-top:25px}.calc-panel{padding:18px}.tool-tabs{display:flex;gap:7px;flex-wrap:wrap}.tool-tabs>*{padding:8px 10px;border:1px solid #dfe8ee;border-radius:8px;font-size:8px;color:#6d8190}.tool-tabs b{background:#dff2fa;color:#0b7b99;border-color:#c5e6f0}.calc-card{margin-top:15px;border:1px solid #dfe8ed;border-radius:12px;padding:15px}.calc-title{display:flex;gap:9px;align-items:center}.calc-title i{font-style:normal;background:#e0f2fb;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:#0b91b0}.calc-title b,.calc-title small{display:block}.calc-title b{font-size:11px}.calc-title small{font-size:7px;color:#8092a0}.calc-card label{display:block;font-size:8px;color:#748795;margin-top:12px}.calc-card input{display:block;width:100%;height:38px;border:1px solid #b8c5ce;border-radius:8px;padding:0 10px;margin-top:5px;font:inherit;font-size:9px}.calc-panel h4{font:700 12px Manrope;margin:18px 0 8px}.saved{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;background:#fff7fa;border:1px solid #f0e4e8;border-radius:10px;padding:10px;margin-top:7px}.saved>i{font-style:normal;background:#e5eef4;width:28px;height:28px;border-radius:7px;display:grid;place-items:center}.saved b,.saved small{display:block}.saved b{font-size:9px}.saved small{font-size:7px;color:#778b9b;line-height:1.5}.saved strong{color:#c75c63}.workflow{background:#021927;padding:82px 0;color:#fff;border-radius:12px}.workflow-inner{position:relative}.workflow-copy h2{font:800 34px/1.06 Manrope;margin:15px 0 42px;letter-spacing:-.04em}.steps{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:start;gap:8px;max-width:850px}.steps>span{color:#0fd7ec;font-size:24px;text-align:center;padding-top:15px}.steps div{position:relative}.steps b{width:34px;height:34px;border-radius:50%;background:#087f9d;display:grid;place-items:center;font-size:11px}.steps h3{font:700 13px Manrope;margin:10px 0 4px}.steps p{font-size:8px;line-height:1.5;color:#8fa7b7;max-width:180px}.device-card{margin:48px 0 0 auto;width:530px;border:1px solid rgba(32,188,220,.35);border-radius:13px;padding:20px;background:linear-gradient(145deg,rgba(9,50,72,.8),rgba(4,24,37,.8));position:relative;overflow:hidden}.device-card h3{font:700 18px Manrope;margin:12px 0 8px}.device-card p{font-size:9px;color:#8fa8b6;max-width:370px}.device-card ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 0;font-size:8px;color:#a8c0cc}.shield{position:absolute;right:28px;top:50%;width:68px;height:82px;transform:translateY(-50%);clip-path:polygon(50% 0,92% 18%,85% 70%,50% 100%,15% 70%,8% 18%);background:#1594ae;display:grid;place-items:center;font-size:25px}.settings{background:#fff;color:var(--ink)}.settings-links{display:grid;gap:8px;margin-top:24px}.settings-links span{border:1px solid #e1e9ef;border-radius:9px;padding:10px 12px;font-size:10px}.settings-links b{display:block;color:#81919f;font-size:8px;margin-top:2px;font-weight:400}.settings-art{height:400px;border-radius:22px;background:radial-gradient(circle at center,#0b607c,transparent 48%),linear-gradient(145deg,#03243a,#061824);position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(0,38,63,.15)}.shield-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:170px;clip-path:polygon(50% 0,92% 18%,85% 70%,50% 100%,15% 70%,8% 18%);background:linear-gradient(145deg,#21c8e1,#0a6e91);display:grid;place-items:center;font-size:52px;box-shadow:0 0 70px rgba(17,205,235,.35)}.support-bubble,.gear{position:absolute;width:70px;height:70px;border-radius:18px;background:rgba(18,147,181,.15);border:1px solid rgba(27,208,235,.3);display:grid;place-items:center;color:#37d8ec;font-size:27px}.support-bubble{left:50px;top:80px}.gear{right:50px;bottom:80px}.privacy-strip{background:#eaf8f7;color:var(--ink);padding:48px 0}.privacy-strip .container{display:grid;grid-template-columns:1.1fr 1fr 80px;align-items:center;gap:40px}.privacy-strip h2{font:800 24px Manrope;margin:10px 0}.privacy-strip p{font-size:9px;color:#6c8190;max-width:450px}.privacy-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:9px;color:#5b7180}.strip-icon{width:62px;height:62px;border:1px solid #c2e6e5;border-radius:10px;display:grid;place-items:center;color:#0b94ad;font-size:25px;background:#fff}.download{padding:95px 0;text-align:center;background:#fff;color:var(--ink)}.download h2{font:800 43px/1.02 Manrope;margin:14px 0}.download h2 em{font-style:normal;color:#09b9d4}.download p{font-size:12px;color:#718494;margin-bottom:24px}.download .play{background:#061f31;color:#fff}.download .play small{color:#b7c6d0}.download .play b{color:#fff}footer{background:#02131f;color:#fff}.footer{min-height:105px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;font-size:8px;color:#6f8798}.footer .brand span:last-child{display:flex;flex-direction:column}.footer .brand small{font-size:6px;color:#668194;margin-top:3px}.footer>div:last-child{display:flex;gap:20px;color:#94a9b8}.privacy-page{background:#fff;color:var(--ink)}.privacy-page .topbar{background:#fff;border-bottom:1px solid #e7edf2;color:var(--ink)}.privacy-page .nav nav{color:#647889}.privacy-page .nav nav a.active{color:#058fae}.privacy-page .nav-cta{color:#067d9c;border-color:#0aa4be}.privacy-hero{padding:65px 0 55px;background:linear-gradient(120deg,#f2fbfd,#fff);border-bottom:1px solid #e5edf1}.privacy-hero h1{font:800 58px Manrope;letter-spacing:-.05em;margin:13px 0 8px}.privacy-hero p{font-size:14px;color:#687d8d}.meta{display:flex;gap:30px;margin-top:25px;font-size:9px;color:#758a99}.privacy-content{padding:65px 0 100px}.legal{max-width:920px}.legal>p{font-size:13px;line-height:1.8;color:#536a7b;margin:0 0 18px}.legal h2{font:800 25px Manrope;margin:46px 0 15px;color:#08223a;letter-spacing:-.03em;border-left:3px solid #0abbd4;padding-left:14px}.legal ul{padding-left:20px;color:#536a7b;font-size:12px;line-height:1.8;margin:8px 0 20px}.legal strong{color:#17344a}@media(max-width:900px){.container{width:min(100% - 40px,var(--max))}.hero-grid,.intro-head,.split,.reverse,.privacy-strip .container{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding-top:45px}.hero-ui{min-height:560px}.feature-grid{grid-template-columns:1fr 1fr}.device-card{width:100%}.settings-art{height:330px}.privacy-strip .container{gap:25px}.strip-icon{display:none}.footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.container{width:calc(100% - 28px)}.topbar{height:70px}.nav nav{gap:15px}.nav-cta{padding:8px 10px;font-size:8px}.brand{font-size:10px}.logo{width:31px;height:31px}.hero-grid{min-height:auto}.hero h1{font-size:45px}.hero p{font-size:13px}.hero-actions{flex-wrap:wrap}.hero-ui{min-height:490px}.phone{width:250px;height:445px;padding:20px 13px 10px}.app-head{padding:8px}.phone h3{font-size:14px;margin:12px 2px 8px}.intro,.section{padding:65px 0}.intro h2,.copy h2{font-size:35px}.feature-grid{grid-template-columns:1fr}.feature{min-height:auto}.split{gap:35px}.reverse .quote-panel{order:2}.steps{grid-template-columns:1fr;gap:18px}.steps>span{display:none}.device-card{margin-top:35px}.device-card ul{grid-template-columns:1fr}.privacy-strip{padding:35px 0}.privacy-list{grid-template-columns:1fr}.download h2{font-size:35px}.footer{grid-template-columns:1fr;gap:16px;padding:25px 0}.footer>span{display:none}.privacy-hero{padding:45px 0}.privacy-hero h1{font-size:44px}.meta{flex-direction:column;gap:7px}.privacy-content{padding:45px 0}.legal h2{font-size:22px;margin-top:38px}.legal>p{font-size:12px}.nav nav a.active:after{bottom:0}}

/* Final hero revision: no phone/mobile mockup; centered heading-led hero */
.hero-grid{grid-template-columns:1fr;min-height:645px;display:flex;align-items:center;justify-content:center}
.hero-copy{width:min(900px,100%);padding:60px 0;text-align:center}
.hero-copy h1{margin-left:auto;margin-right:auto}
.hero-copy p{margin-left:auto;margin-right:auto;max-width:680px}
.hero-actions{justify-content:center}
.hero-ui{display:none}
@media(max-width:600px){.hero-grid{min-height:560px}.hero-copy{padding:45px 0}.hero h1{font-size:43px}.hero p{max-width:600px}}

/* Premium UI refinement + persistent navigation */
body{padding-top:82px}
.topbar{position:fixed;top:0;left:0;right:0;height:82px;background:rgba(2,19,31,.88);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.privacy-page .topbar{background:rgba(255,255,255,.9);box-shadow:0 8px 28px rgba(7,36,55,.07)}
.nav{position:relative}
.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(15,215,238,.38),transparent);opacity:.8}
.nav-cta{transition:all .25s ease;box-shadow:0 0 0 rgba(16,215,238,0)}
.nav-cta:hover{border-color:#10d7ee;background:rgba(16,215,238,.08);box-shadow:0 0 22px rgba(16,215,238,.12);transform:translateY(-1px)}
.hero{min-height:calc(100vh - 82px);display:flex;align-items:center}
.hero-grid{min-height:calc(100vh - 82px);width:min(1060px,calc(100% - 80px))}
.hero:after{content:"GLM";position:absolute;right:-2%;bottom:-13%;font:800 31vw/1 Manrope;color:rgba(40,178,218,.025);letter-spacing:-.09em;pointer-events:none}
.hero-copy{position:relative;z-index:2}
.hero-copy .kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(16,215,238,.2);border-radius:999px;background:rgba(16,215,238,.035);box-shadow:inset 0 0 20px rgba(16,215,238,.025)}
.hero-copy .kicker:before{content:"";width:5px;height:5px;border-radius:50%;background:#10d7ee;box-shadow:0 0 12px #10d7ee}
.hero h1{font-size:clamp(52px,7vw,92px);line-height:.94;margin:26px 0 28px}
.hero h1 em{display:inline-block;background:linear-gradient(90deg,#10d7ee,#5ce9f5);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:15px;line-height:1.75;color:#9fb5c5}
.hero-actions{margin-top:34px}
.play{transition:all .25s ease;box-shadow:0 12px 35px rgba(0,180,220,.08)}
.play:hover{transform:translateY(-2px);background:rgba(16,215,238,.08);box-shadow:0 16px 38px rgba(0,180,220,.14)}
.android{padding:9px 13px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(255,255,255,.025)}
.hero-copy:after{content:"";display:block;width:min(620px,80%);height:1px;margin:48px auto 0;background:linear-gradient(90deg,transparent,rgba(67,191,224,.3),transparent)}
.feature{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;position:relative;overflow:hidden}
.feature:after{content:"";position:absolute;inset:auto -30% -70% -30%;height:140px;background:radial-gradient(circle,rgba(16,215,238,.1),transparent 65%);opacity:0;transition:.3s}
.feature:hover{transform:translateY(-6px);border-color:#c8e7ef;box-shadow:0 20px 45px rgba(7,48,72,.1)}
.feature:hover:after{opacity:1}
.feature-icon{box-shadow:0 7px 20px rgba(0,100,150,.1)}
.panel{transition:box-shadow .3s ease,transform .3s ease}
.panel:hover{box-shadow:0 28px 75px rgba(7,43,67,.14);transform:translateY(-2px)}
.copy h2{letter-spacing:-.055em}
.copy h2 em{background:linear-gradient(90deg,#08a8c4,#0cd7e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.records,.quotes,.tools,.settings{position:relative}
.records:before,.tools:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 50%,rgba(16,190,220,.055),transparent 27%)}
.quotes:after{content:"02";position:absolute;right:4%;top:10%;font:800 170px/1 Manrope;color:rgba(6,42,66,.025);pointer-events:none}
.workflow{border-radius:0;position:relative;overflow:hidden}
.workflow:before{content:"";position:absolute;width:700px;height:700px;border:1px solid rgba(18,199,229,.08);border-radius:50%;right:-260px;top:-340px;box-shadow:0 0 0 80px rgba(18,199,229,.025),0 0 0 160px rgba(18,199,229,.015)}
.workflow-inner{z-index:1}
.steps div b{box-shadow:0 0 0 6px rgba(8,127,157,.08),0 0 25px rgba(15,215,236,.12)}
.device-card{box-shadow:0 22px 60px rgba(0,0,0,.18)}
.settings-art{box-shadow:0 30px 80px rgba(0,38,63,.18);border:1px solid rgba(24,196,222,.12)}
.settings-links span{transition:.25s ease;background:#fff}
.settings-links span:hover{transform:translateX(5px);border-color:#bfe6ed;box-shadow:0 10px 25px rgba(8,57,78,.06)}
.privacy-strip{position:relative;overflow:hidden}
.privacy-strip:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(8,155,177,.08);border-radius:50%;right:-150px;top:-220px;box-shadow:0 0 0 60px rgba(8,155,177,.025),0 0 0 120px rgba(8,155,177,.018)}
.download{position:relative;overflow:hidden}
.download:before{content:"";position:absolute;width:700px;height:300px;left:50%;bottom:-240px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(9,185,212,.12),transparent 65%)}
.download .container{position:relative;z-index:1}
footer{border-top:1px solid rgba(72,170,196,.08)}
@media(max-width:600px){body{padding-top:70px}.topbar{height:70px}.hero{min-height:calc(100vh - 70px)}.hero-grid{min-height:calc(100vh - 70px);width:calc(100% - 28px)}.hero h1{font-size:43px}.hero-copy .kicker{font-size:8px}.hero-copy:after{margin-top:38px}.feature:hover,.panel:hover{transform:none}.privacy-page .topbar{height:70px}}


/* FINAL PRODUCT-LED REFINEMENT */
.hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);min-height:calc(100vh - 82px);gap:28px;align-items:center}
.hero-copy{text-align:left;padding:50px 0 70px}
.hero-copy h1{margin-left:0;margin-right:0}
.hero-copy p{margin-left:0}
.hero-copy:after{margin:42px 0 0;width:min(560px,90%)}
.hero-actions{justify-content:flex-start}
.hero-ui{display:grid;min-height:620px}
.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.hero-proof span{border:1px solid rgba(130,204,220,.15);background:rgba(255,255,255,.025);border-radius:999px;padding:7px 10px;color:#7f9aaa;font-size:8px;letter-spacing:.02em}
.hero-proof b{color:#c9f8ff;margin-right:5px}
.phone{transform:rotate(-5deg) translateY(5px);transition:transform .5s ease,box-shadow .5s ease}
.hero-ui:hover .phone{transform:rotate(-2deg) translateY(-5px);box-shadow:0 0 0 1px rgba(53,202,232,.5),0 50px 120px rgba(0,0,0,.58),0 0 85px rgba(0,200,255,.2)}
.orbit{animation:spinSlow 18s linear infinite}.o2{animation:spinSlow 13s linear reverse infinite}
@keyframes spinSlow{to{transform:rotate(360deg)}}
.feature h3{min-height:34px}.feature p{min-height:64px}
.records .panel,.quotes .panel,.tools .panel{min-height:390px}
.privacy-strip .container{position:relative;z-index:2}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{text-align:center;padding-bottom:25px}.hero-copy h1,.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-copy:after{margin-left:auto;margin-right:auto}.hero-ui{min-height:560px}.hero-proof{justify-content:center}.hero-ui .phone{transform:rotate(-3deg) scale(.92)}}
@media(max-width:600px){.hero-copy{text-align:center;padding-top:30px;padding-bottom:5px}.hero h1{font-size:clamp(42px,12vw,55px);line-height:.96}.hero p{font-size:12px;line-height:1.65}.hero-actions{gap:10px}.android{width:100%;justify-content:center}.hero-ui{min-height:500px}.hero-ui .phone{width:255px;height:450px;transform:rotate(-2deg) scale(.88)}.hero-ui .orbit{width:390px;height:390px}.hero-ui .o2{width:300px;height:300px}.hero-proof span{font-size:7px}.feature h3{min-height:0}.feature p{min-height:0}.records .panel,.quotes .panel,.tools .panel{min-height:0}}


/* FINAL HERO + FIXED NAV REFINEMENT */
body{padding-top:72px}
.topbar{position:fixed;top:0;left:0;right:0;height:72px;background:rgba(2,19,31,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:1000}
.container{width:min(var(--max),calc(100% - 64px))}
.nav{height:72px}
.nav nav{gap:32px;font-size:12px}
.nav-cta{padding:9px 16px;font-size:11px}
.brand{font-size:13px}
.logo{width:36px;height:36px}
.hero{min-height:calc(100vh - 72px);display:flex;align-items:center}
.hero-grid{width:min(1120px,calc(100% - 64px));min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center}
.hero-copy{width:min(940px,100%);padding:40px 0 55px;text-align:center;margin:0 auto}
.hero-copy h1{margin:26px auto 28px;max-width:920px}
.hero-copy p{margin-left:auto;margin-right:auto;max-width:700px}
.hero-actions{justify-content:center}
.hero-proof{justify-content:center}
.hero-copy:after{margin-left:auto;margin-right:auto}
.hero-ui{display:none!important}
@media(max-width:600px){body{padding-top:64px}.topbar{height:64px}.nav{height:64px}.container{width:calc(100% - 32px)}.nav nav{gap:16px;font-size:11px}.nav-cta{padding:8px 11px;font-size:9px}.brand{font-size:10px}.logo{width:31px;height:31px}.hero{min-height:calc(100vh - 64px)}.hero-grid{min-height:calc(100vh - 64px);width:calc(100% - 32px)}.hero-copy{padding:35px 0 45px}.hero h1{font-size:clamp(42px,11vw,58px)}}

/* Keep the privacy page's light navigation while using the same fixed layout. */
.privacy-page .topbar{background:rgba(255,255,255,.96);border-bottom-color:#e7edf2}
.privacy-page .nav nav{color:#647889}
.privacy-page .nav nav a.active{color:#058fae}
.privacy-page .nav-cta{color:#067d9c;border-color:#0aa4be}


/* REAL-WORLD SAAS SCALE — FINAL TYPE + CARD SYSTEM */
:root{
  --max:1200px;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --section-y:88px;
}

body{font-family:"Inter",sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Navigation */
.topbar{height:68px}
.nav{height:68px}
.container{width:min(var(--max),calc(100% - 72px))}
.brand{font-size:14px;font-weight:800}
.logo{width:36px;height:36px;border-radius:9px}
.nav nav{gap:30px;font-size:13px;font-weight:500}
.nav-cta{padding:9px 16px;font-size:12px;font-weight:600;border-radius:10px}
body{padding-top:68px}

/* Hero */
.hero{min-height:calc(100vh - 68px)}
.hero-grid{min-height:calc(100vh - 68px);width:min(1120px,calc(100% - 72px))}
.hero-copy{width:min(920px,100%);padding:48px 0 60px}
.hero-copy .kicker{font-size:10px;font-weight:700;letter-spacing:.22em;padding:8px 14px}
.hero h1{font-size:clamp(52px,6.4vw,84px);line-height:.97;letter-spacing:-.055em;margin:24px auto 24px}
.hero p{max-width:700px;font-size:16px;line-height:1.7}
.hero-actions{margin-top:30px;gap:14px}
.play{padding:11px 16px;border-radius:10px}
.play small{font-size:7px}.play b{font-size:13px}
.android{padding:10px 14px;border-radius:10px}
.android span b{font-size:11px}.android span small{font-size:9px}
.hero-proof{gap:8px;margin-top:24px}
.hero-proof span{padding:7px 11px;font-size:9px}

/* All major sections use a consistent, realistic SaaS rhythm */
.section{padding:var(--section-y) 0}
.intro-head{gap:72px}
.intro h2,.copy h2,.privacy-content h2{font-size:44px;line-height:1.08;letter-spacing:-.04em}
.intro-head p,.copy p{font-size:15px;line-height:1.7}

/* Feature cards */
.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:42px}
.feature{min-height:0;padding:24px;border-radius:var(--radius-md);box-shadow:0 8px 28px rgba(10,45,70,.045)}
.feature-icon{width:36px;height:36px;border-radius:10px;font-size:13px}
.feature h3{font-size:15px;line-height:1.3;margin:18px 0 9px;min-height:0}
.feature p{font-size:13px;line-height:1.6;min-height:0;margin:0}
.feature a{font-size:12px;margin-top:16px}

/* Content split + product panels */
.split{gap:72px}
.copy h2{font-size:48px}
.copy p{max-width:520px;margin:18px 0}
.copy ul{margin-top:22px;gap:10px;font-size:13px}
.panel{border-radius:var(--radius-lg);padding:24px;box-shadow:0 18px 50px rgba(7,43,67,.08)}
.panel-head{padding:2px 0 18px}
.panel-head small{font-size:9px}.panel-head b{font-size:18px}.panel-head>span{font-size:9px;padding:7px 9px}
.filter,.quote-search{height:42px;border-radius:10px;padding:0 12px;font-size:12px}
.filter b{padding:8px 11px;font-size:10px;border-radius:8px}
.record-list{gap:9px;margin-top:14px}
.record-card{grid-template-columns:36px 1fr auto 22px 22px;gap:10px;border-radius:12px;padding:12px}
.record-card i{width:36px;height:36px;border-radius:9px;font-size:11px}
.record-card>div b{font-size:12px}.record-card>div small{font-size:9px}.record-card>strong{font-size:11px}.record-card>span{font-size:11px}

/* Quote UI */
.chips{gap:8px;margin:12px 0}.chips>*{font-size:10px;padding:7px 10px}
.quote-panel button{height:40px;font-size:12px}
.quote-card{margin-top:12px;border-radius:12px;padding:14px}
.quote-card>div i{width:32px;height:32px;border-radius:8px}
.quote-card>div b{font-size:11px}.quote-card>div small{font-size:9px}.quote-card>div em{font-size:9px;padding:5px 8px}
.quote-card>small{font-size:9px}.quote-card>strong{font-size:16px}

/* Calculators / tools */
.calc-title{font-size:18px!important}
.tool-tabs,.tool-tags{font-size:11px}
.calc-card{border-radius:14px;padding:18px}
.calc-card input,.calc-card select{height:42px;border-radius:9px;font-size:13px}

/* Workflow / settings / supporting cards */
.steps{gap:16px}
.steps div{padding:18px 20px;border-radius:14px}
.device-card,.settings-art{border-radius:18px}
.settings-links{gap:10px}
.settings-links span{padding:13px 15px;border-radius:12px;font-size:12px}

/* Privacy page readability */
.privacy-hero{padding:72px 0}
.privacy-hero h1{font-size:clamp(48px,6vw,72px);letter-spacing:-.05em}
.privacy-content{padding:76px 0}
.legal h2{font-size:25px;line-height:1.2}
.legal>p,.privacy-list li{font-size:14px;line-height:1.75}

/* Footer */
.footer{font-size:12px}

@media(max-width:900px){
  :root{--section-y:72px}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intro-head{gap:40px}
  .split{gap:48px}
  .copy h2{font-size:42px}
}

@media(max-width:600px){
  body{padding-top:62px}
  .topbar,.nav{height:62px}
  .container{width:calc(100% - 32px)}
  .brand{font-size:11px;gap:9px}.logo{width:31px;height:31px;border-radius:8px}
  .nav nav{gap:15px;font-size:11px}
  .nav-cta{padding:8px 10px;font-size:10px;border-radius:9px}
  .hero{min-height:calc(100vh - 62px)}
  .hero-grid{min-height:calc(100vh - 62px);width:calc(100% - 32px)}
  .hero-copy{padding:36px 0 46px}
  .hero h1{font-size:clamp(42px,11vw,58px);line-height:.96}
  .hero p{font-size:14px;line-height:1.65}
  .hero-actions{flex-direction:column;align-items:stretch}.play,.android{justify-content:center}
  .feature-grid{grid-template-columns:1fr;gap:14px}
  .feature{padding:20px}
  .intro h2,.copy h2,.privacy-content h2{font-size:34px}
  .copy h2{font-size:38px}
  .panel{padding:18px;border-radius:15px}
  .record-card{grid-template-columns:34px 1fr auto;}.record-card>span,.record-card>div:last-child{display:none}
}