:root{--ink:#102a32;--muted:#536c69;--water:#17627c;--water-dark:#0f485e;--reed:#477f4a;--reed-dark:#2d6d3e;--warm:#f0b85f;--warm-dark:#a66719;--surface:#f8fbf5;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--ink);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%}#root{min-height:100svh}html{scroll-behavior:smooth}body{background:#f5f8f1}.site-shell{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 12% 12%,#4c865b33,#0000 26rem),radial-gradient(circle at 84% 4%,#125b772b,#0000 28rem),linear-gradient(#f8fbf5 0%,#eef5eb 46%,#f8fbf5 100%);overflow:hidden}.section-inner,.nav,.site-footer{width:min(1120px,100% - 32px);margin-inline:auto}.section-pad{padding:86px 0}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbf5db;border-bottom:1px solid #163d461a;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand,.nav-links,.footer-links,.button{align-items:center;display:flex}.brand,.nav a,.footer-links a,.button{text-decoration:none}.brand{color:var(--ink);gap:10px;font-size:1.08rem;font-weight:850}.brand-icon{background:linear-gradient(135deg, var(--water), var(--reed));border:1px solid #ffffffc7;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden;box-shadow:0 14px 26px #114a5f33}.brand-icon img{object-fit:contain;width:29px;height:29px}.nav-links,.footer-links{flex-wrap:wrap;gap:8px 18px}.nav-links a,.footer-links a{color:var(--muted);font-size:.94rem;font-weight:750}.nav-links a:hover,.footer-links a:hover{color:var(--water-dark)}.hero{padding-top:72px;position:relative}.hero:after{content:"";background:linear-gradient(#13577114,#3e7c481a),repeating-linear-gradient(0deg,#ffffff38 0 2px,#0000 2px 19px);border-radius:50% 50% 0 0;height:270px;position:absolute;inset:auto -10% -16%}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.04fr) minmax(300px,.78fr);align-items:center;gap:56px;display:grid;position:relative}.eyebrow{color:var(--reed-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:.77rem;font-weight:850}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.04}h1{letter-spacing:0;max-width:760px;margin-bottom:24px;font-size:clamp(2.8rem,8vw,5.9rem)}h2{letter-spacing:0;margin-bottom:16px;font-size:clamp(2rem,4vw,3.25rem)}h3{margin-bottom:10px;font-size:1.08rem}p{color:var(--muted);line-height:1.7}.hero-text{color:#365d5d;max-width:650px;margin-bottom:30px;font-size:1.13rem}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;min-height:48px;padding:12px 20px;font-weight:850;transition:transform .18s,box-shadow .18s,border-color .18s}.button:hover{transform:translateY(-2px)}.primary-button{color:#fbfff7;background:linear-gradient(135deg, var(--water-dark), var(--reed));box-shadow:0 18px 34px #0f4f6a3d}.secondary-button{color:var(--water-dark);background:#ffffffb8;border-color:#125b7738}.hero-visual{place-items:center;min-height:570px;display:grid;position:relative}.phone-frame{background:#102a31;border:12px solid #102a31;border-radius:42px;overflow:hidden;box-shadow:0 28px 70px #0e2d3745,inset 0 0 0 1px #ffffff1f}.phone-frame img{object-fit:cover;width:100%;height:100%;display:block}.hero-phone{aspect-ratio:9/19.5;width:min(318px,82vw);transform:rotate(2.5deg)}.stat-cloud{pointer-events:none;position:absolute;inset:0}.stat-cloud span{min-height:40px;color:var(--water-dark);background:#ffffffdb;border:1px solid #ffffffc2;border-radius:999px;align-items:center;padding:8px 14px;font-size:.88rem;font-weight:850;display:inline-flex;position:absolute;box-shadow:0 16px 32px #163d4624}.stat-cloud span:first-child{top:13%;left:2%}.stat-cloud span:nth-child(2){top:27%;right:0}.stat-cloud span:nth-child(3){bottom:25%;right:4%}.stat-cloud span:nth-child(4){bottom:15%;left:0}.section-heading{max-width:720px;margin-bottom:34px}.section-heading p{max-width:620px}.feature-grid,.screenshot-grid,.roadmap-grid{gap:18px;display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.screenshot-card,.roadmap-card,.closing-panel{background:#ffffffc2;border:1px solid #1446521a;border-radius:8px;box-shadow:0 18px 46px #1a3d3e1a}.feature-card{padding:24px}.feature-mark{background:radial-gradient(circle at 62% 38%, #f0b85f 0 12%, transparent 13%), linear-gradient(135deg, var(--water), var(--reed));border-radius:50%;width:34px;height:34px;margin-bottom:20px;display:block}.why{background:linear-gradient(135deg,#114a5ff2,#1c5446f2),#113d48}.why h2,.why p,.why .eyebrow{color:#f8fcf5}.why-grid,.privacy-grid{grid-template-columns:minmax(0,.9fr) minmax(300px,1fr);align-items:start;gap:48px;display:grid}.why-copy p{color:#f8fcf5d6;font-size:1.07rem}.audience-list{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.audience-list span{color:#f8fcf5;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:750}.screenshot-grid{grid-template-columns:1.15fr repeat(2,minmax(0,1fr));align-items:stretch}.screenshot-card{text-align:center;justify-items:center;gap:16px;padding:22px;display:grid}.featured-shot{grid-row:span 2}.screenshot-phone{aspect-ratio:9/19.5;border-width:8px;border-radius:32px;width:min(210px,100%);box-shadow:0 18px 42px #0e2d3733}.featured-shot .screenshot-phone{width:min(290px,100%)}.screenshot-card p{color:var(--warm-dark);font-size:.9rem;font-weight:800}.privacy{background:linear-gradient(#f8fbf5e6,#e8f1e5eb),#eef5eb}.check-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.check-list li{color:var(--ink);background:#ffffffb8;border:1px solid #1446521a;border-radius:8px;padding:16px 18px 16px 46px;position:relative;box-shadow:0 12px 28px #1a3d3e14}.check-list li:before{background:var(--reed);content:"";border-radius:50%;width:16px;height:16px;position:absolute;top:17px;left:17px;box-shadow:inset 0 0 0 5px #dcebd5}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roadmap-card{padding:22px}.roadmap-card span{color:var(--water-dark);text-transform:uppercase;background:#e4efe6;border-radius:999px;margin-bottom:18px;padding:6px 10px;font-size:.76rem;font-weight:850;display:inline-flex}.closing{padding-top:52px}.closing-panel{background:radial-gradient(circle at 92% 18%,#f0b85f3d,#0000 17rem),linear-gradient(135deg,#f8fbf5,#e8f2e5);justify-items:start;padding:clamp(28px,6vw,56px);display:grid}.closing-panel p{max-width:720px;margin-bottom:24px;font-size:1.06rem}.site-footer{color:var(--muted);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:32px 0 42px;display:grid}.site-footer strong{color:var(--ink);margin-bottom:4px;display:block}.site-footer p{margin-bottom:0}.copyright{white-space:nowrap}@media (width<=880px){.section-pad{padding:68px 0}.nav{flex-direction:column;justify-content:center;align-items:flex-start;padding:14px 0}.hero-grid,.why-grid,.privacy-grid{grid-template-columns:1fr}.hero-grid{gap:28px}.hero-visual{min-height:500px}.feature-grid,.roadmap-grid,.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-shot{grid-area:auto/1/auto/-1}.site-footer{grid-template-columns:1fr}}@media (width<=620px){.section-inner,.nav,.site-footer{width:min(100% - 24px,1120px)}.hero{padding-top:50px}.hero-actions,.button{width:100%}.hero-visual{min-height:430px}.hero-phone{width:min(260px,78vw)}.stat-cloud span{font-size:.78rem}.stat-cloud span:first-child,.stat-cloud span:nth-child(4){left:-2px}.stat-cloud span:nth-child(2),.stat-cloud span:nth-child(3){right:-2px}.feature-grid,.screenshot-grid,.roadmap-grid{grid-template-columns:1fr}.feature-card,.screenshot-card,.roadmap-card{padding:20px}.screenshot-phone,.featured-shot .screenshot-phone{width:min(230px,100%)}}