@font-face{font-family:Golos;src:url('/product-assets/golos-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Golos;src:url('/product-assets/golos-600.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{color-scheme:dark;--bg:#041522;--surface:#0a2232;--line:#173746;--text:#f0f5ff;--muted:#afbed2;--mint:#21f2c2;--blue:#14a6ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Golos,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;height:auto;display:block}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}h1,h2,h3,p{margin:0}h2{font-size:clamp(27px,3vw,43px);line-height:1.12;letter-spacing:-1.2px;font-weight:600}h3{font-size:18px;line-height:1.25;font-weight:600}p{color:var(--muted)}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:600;margin-bottom:9px}.skip{position:absolute;left:20px;top:-70px;background:var(--mint);color:#002c2b;padding:10px;z-index:10}.skip:focus{top:8px}:focus-visible{outline:2px solid var(--mint);outline-offset:5px;border-radius:4px}
.opening{position:relative;background:linear-gradient(90deg,rgba(2,18,30,.99) 0%,rgba(2,19,31,.86) 30%,rgba(2,19,31,.05) 67%),linear-gradient(0deg,var(--bg) 0%,transparent 30%),url('/marketing/lake.webp') center 37%/cover no-repeat}.site-header{display:flex;align-items:center;gap:24px;padding-block:23px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand b{font-size:24px;line-height:1.2;display:block;letter-spacing:-.8px}.brand small{font-size:10px;display:block;color:var(--muted)}.brand-mark{display:grid;grid-template-columns:repeat(2,12px);gap:5px;transform:rotate(0deg)}.brand-mark i{width:12px;height:12px;border:4px solid var(--mint);border-radius:4px;transform:rotate(45deg)}.desktop-nav{display:flex;gap:28px;justify-content:center;flex:1;font-size:12px}.desktop-nav a:hover,.site-footer a:hover{color:var(--mint)}.header-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;border-radius:10px;padding:11px 22px;font-size:13px;font-weight:600;border:1px solid transparent;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--mint);color:#002c30;box-shadow:0 6px 28px #12e6bd26,inset 0 1px 2px #c4ffed99}.quiet{background:#173142b8;border-color:#315164;color:var(--text)}.outline{border-color:#24c8be;color:var(--text);background:#041a27b3}.mobile-menu{display:none}
.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.5fr);align-items:center;gap:12px;padding-top:46px;padding-bottom:60px;min-height:550px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(43px,4.6vw,64px);line-height:1.035;letter-spacing:-2.1px;margin:16px 0 20px}.hero em{font-style:normal;color:var(--mint)}.intro{max-width:465px;font-size:17px;line-height:1.5}.cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.play{font-size:19px;border:1px solid #cce5f9;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.trust-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:32px 0 0;max-width:470px}.trust-row li{display:grid;gap:10px;color:var(--muted);font-size:10px;line-height:1.4}.trust-row svg{color:var(--mint);height:30px;width:30px}.hero-visual{position:relative;min-width:0;height:430px;display:flex;align-items:center;padding-right:32px;padding-bottom:10px}.handwritten{position:absolute;right:10px;top:-17px;font:italic 19px/1.3 Georgia,serif;color:#c2d5ed;transform:rotate(-10deg);z-index:1;letter-spacing:1px}.handwritten span{color:var(--mint);display:block;text-align:center;font-size:36px;line-height:.5}.device-glow{position:absolute;inset:60% 0 -5% 0;background:radial-gradient(ellipse,#16d3bc61,transparent 65%);filter:blur(22px)}.laptop{position:relative;width:100%;padding:10px 10px 14px;background:linear-gradient(130deg,#40535a,#020c14 15%,#132f40);border:2px solid #608188;border-bottom-color:#092331;border-radius:20px 20px 9px 9px;box-shadow:-18px 22px 38px #0009;transform:perspective(1400px) rotateY(8deg) rotateZ(2deg);transform-origin:left center}.laptop-screen{border:2px solid #071018;border-radius:9px;overflow:hidden;background:#0b1922;aspect-ratio:1.5}.laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.laptop-camera{position:absolute;top:4px;left:50%;height:3px;width:3px;border-radius:50%;background:#60818b}.laptop-base{position:absolute;left:-4%;right:-4%;height:16px;bottom:-13px;background:linear-gradient(#94a9af,#35454a 50%,#071c27 85%);border-radius:2px 2px 50% 50%;box-shadow:0 12px 22px #000a}.laptop-base:after{content:'';position:absolute;width:15%;left:43%;height:5px;background:#45595f;border-radius:0 0 5px 5px}.phone{position:absolute;right:-7px;bottom:4px;width:24%;max-width:172px;border:3px solid #6a8a94;border-radius:27px;background:#020f16;padding:5px;box-shadow:-10px 10px 22px #0008;transform:rotate(-2deg)}.phone img{border-radius:20px;width:100%;aspect-ratio:390/844;object-fit:cover}.phone-camera{position:absolute;top:7px;left:28%;width:44%;height:10px;background:#010a10;border-radius:0 0 12px 12px}.demo-note{position:absolute;left:10%;bottom:-33px;font-size:10px;color:#9bb6c9}
.section{border-top:1px solid #14334580;padding:36px 0 30px;background:radial-gradient(ellipse at 60% 30%,#07213270,transparent 75%)}.section-head{display:flex;gap:28px;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.section-head>p{font-size:13px;max-width:390px;padding-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.feature-card,.step{min-width:0;padding:23px 22px 19px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(125deg,#0c2635,#071b29 75%);box-shadow:inset 0 1px #b7eeff04}.feature-card{display:flex;align-items:flex-start;flex-direction:column}.icon-tile{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;width:51px;height:51px;margin-bottom:14px}.icon-tile svg{height:31px;width:31px}.gold{color:#ffd16a;background:linear-gradient(135deg,#77653270,#55462115)}.mint{color:var(--mint);background:linear-gradient(135deg,#08766d75,#075b5220)}.coral{color:#ff705e;background:linear-gradient(135deg,#8b3a3a70,#41192920)}.blue{color:#1ca6ff;background:linear-gradient(135deg,#075e9670,#07243b30)}.violet{color:#b878ff;background:linear-gradient(135deg,#69329470,#28153c30)}.feature-card p{font-size:13px;line-height:1.55;margin:9px 0 18px}.circle-link{border:1px solid #2a5064;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;margin-top:auto}.circle-link svg{width:18px;height:18px}.circle-link:hover{background:#143f4c;color:var(--mint)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.step{position:relative;padding:20px}.step:not(:last-child):after{content:'→';position:absolute;right:-23px;top:48%;z-index:2;color:var(--mint);font-size:34px;font-weight:600}.step-head{display:flex;gap:15px;align-items:flex-start;margin-bottom:21px}.step-head h3{font-size:15px;margin:5px 0 6px}.step-head p{font-size:12px}.step-number{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#008f85,#27d5c0);border:1px solid #51e8d598;font-size:24px}.step:nth-child(n+2) .step-number{background:linear-gradient(135deg,#064c9c,#1478f4);border-color:#6cb1ff70}.command-example{display:flex;align-items:center;gap:10px;border:1px solid #11d3ba;border-radius:15px;padding:11px;background:#051b28;box-shadow:0 0 0 5px #0a786c17;min-width:0;font-size:13px}.command-example svg{background:#0b554f;padding:5px;width:34px;height:34px;border-radius:50%;color:#31e8ce}.command-example b{margin-left:auto;background:#204255;width:24px;height:24px;border-radius:50%;text-align:center}.example-chips{display:flex;flex-direction:column;gap:7px;align-items:flex-start;margin-top:20px}.example-chips span{border-radius:20px;border:1px solid #143e51;background:#0b2636;padding:5px 12px;font-size:10px;color:#c4d4e6}.step>small{font-size:10px;color:#8caabb;display:block;margin-top:14px}.draft-example,.confirmation-example{border:1px solid #19475a;border-radius:12px;padding:15px;background:linear-gradient(135deg,#0b2a38,#071a26)}.draft-example>b{font-size:12px}.draft-example dl{margin:10px 0 0;font-size:11px}.draft-example dl>div{display:flex;gap:10px;align-items:center;border:1px solid #133343;border-radius:7px;padding:4px 9px;margin-bottom:4px}.draft-example dt{width:42%;color:#a8bbcc}.draft-example dd{margin:0}.confirmation-example>div{display:flex;gap:12px;align-items:center}.confirmation-example .icon-tile{margin:0;width:40px;height:40px;flex-shrink:0}.confirmation-example b{font-size:14px}.confirmation-example small{display:block;color:#78b4cc;font-size:10px}.confirmation-label{background:var(--mint);color:#053435;text-align:center;padding:12px 6px;border-radius:8px;font-weight:600;font-size:12px;margin:17px 0}.confirmation-example>p:last-child{font-size:11px;display:flex;align-items:center;gap:12px}.check-dot{width:35px;height:35px;border-radius:50%;background:var(--mint);color:#023635;display:grid;place-items:center;font-size:22px;flex-shrink:0}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.audience{border:1px solid #194355;border-radius:14px;padding:23px;min-height:202px;background:linear-gradient(90deg,#071f30f5,#071f3070),url('/marketing/lake.webp') center/cover;position:relative;overflow:hidden}.audience.work{background-position:20% center;background-image:linear-gradient(90deg,#0a2235ff,#0d26396b),url('/marketing/dashboard-960.webp')}.audience.calm{background-position:80% center;background-image:linear-gradient(90deg,#082233eb,#09293d3d),url('/marketing/lake.webp')}.audience h3{font-size:17px}.audience p{font-size:12px;margin-top:7px;color:#c5d5e7}.audience small{font-size:10px;color:#a4bbcb}.audience .icon-tile{width:43px;height:43px;margin-bottom:10px}
.preview-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.preview-tabs button{cursor:pointer;color:#c5d3e4;border:1px solid var(--line);background:#092231;padding:10px 17px;border-radius:20px;min-height:43px;font-size:12px}.preview-tabs [aria-pressed=true]{background:var(--mint);color:#002c2d;border-color:var(--mint);font-weight:600}.product-preview{margin:0;border:1px solid #244554;border-radius:14px;overflow:hidden;box-shadow:0 16px 55px #0005;background:#091e2c}.preview-chrome{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;font-size:11px;color:#c0d0de;background:#0a2030}.preview-chrome>span:first-child{display:flex;gap:5px}.preview-chrome i{width:6px;height:6px;background:#416376;border-radius:50%}.preview-chrome i:first-child{background:#23ac99}.preview-demo{color:#43cbb4;font-size:9px;letter-spacing:1px}.product-preview img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.product-preview figcaption{padding:13px 20px;font-size:12px;color:#aec0d0;border-top:1px solid #163a4c}.preview-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:26px 0 8px}.preview-facts>div{display:flex;gap:13px}.preview-facts svg{color:var(--mint);width:24px}.preview-facts b{display:block;color:#dce8f3;font-size:13px;margin-bottom:4px}.preview-facts span{display:block;font-size:12px;line-height:1.5}
.final-cta{text-align:center;padding:73px 0 65px;background:linear-gradient(#041522e8,#04152230 55%,#04152250),url('/marketing/lake.webp') center 62%/cover;border-top:1px solid #17394b}.final-cta .wrap{position:relative}.final-cta h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.8px;text-shadow:0 3px 20px #051629}.final-cta p:not(.eyebrow){margin-top:13px;color:#c9d8ea;font-size:14px}.final-cta .cta-row{justify-content:center;margin-top:22px}.final-cta .button{min-width:145px}.final-cta .handwritten{top:80px;right:0;font-size:17px}.site-footer{display:flex;align-items:center;gap:30px;padding-block:28px}.site-footer .brand b{font-size:19px}.site-footer .brand-mark{transform:scale(.8)}.site-footer nav{display:flex;gap:24px;font-size:11px}.site-footer>small{margin-left:auto;color:#93a8bd;font-size:10px}
@media(min-width:1600px){.hero{padding-block:60px 80px;min-height:630px}.hero-visual{height:475px}.opening{background-position:center 42%}.section{padding-block:42px}}
@media(max-width:1200px){.wrap{width:calc(100% - 48px)}.desktop-nav{gap:15px}.brand b{font-size:22px}.brand small{font-size:8px}.header-actions .button{padding-inline:15px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.hero h1{font-size:49px}.hero-visual{height:390px;padding-right:25px}.hero .cta-row{gap:9px}.hero .button{padding-inline:13px;font-size:12px}.intro{font-size:15px}.feature-card{padding:20px 16px}.section-head>p{max-width:300px}.handwritten{font-size:16px}.final-cta .handwritten{display:none}}
@media(max-width:950px){.desktop-nav{display:none}.site-header{gap:16px}.header-actions{margin-left:auto}.hero{padding-top:24px;padding-bottom:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.hero h1{font-size:42px}.hero-visual{height:320px}.phone{width:28%;right:-8px;bottom:15px;border-radius:20px}.phone img{border-radius:15px}.handwritten{top:0;font-size:14px}.trust-row{gap:8px;font-size:9px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.section-head>p{max-width:none}.steps{gap:11px}.step{padding:15px 12px}.step-head{gap:8px}.step-number{width:33px;height:33px;font-size:20px}.step-head h3{font-size:13px}.step:not(:last-child):after{right:-16px;font-size:25px}.command-example{font-size:10px;gap:6px;padding:8px}.command-example svg{width:25px;height:25px}.audience{padding:18px}.site-footer{flex-wrap:wrap}.site-footer>small{margin-left:0;width:100%}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center;min-height:44px;font-size:11px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:48px;min-width:200px;display:grid;gap:5px;background:#102b3b;border:1px solid #244c5c;border-radius:10px;padding:12px;box-shadow:0 10px 30px #0008}.mobile-menu nav a{padding:8px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{padding-block:18px;gap:12px;flex-wrap:wrap}.brand b{font-size:23px}.brand small{font-size:8px}.site-header .header-actions{display:none}.mobile-menu{margin-left:auto}.hero{grid-template-columns:minmax(0,1fr);gap:5px;padding-top:25px;padding-bottom:45px}.hero-copy{max-width:490px}.hero h1{font-size:clamp(43px,10vw,58px);letter-spacing:-1.6px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.intro{font-size:15px;max-width:430px}.hero .cta-row{gap:10px}.hero .button{font-size:12px;min-height:46px;padding-inline:15px}.trust-row{margin-top:25px;max-width:390px}.trust-row li{font-size:9px}.trust-row svg{height:24px;width:24px}.hero-visual{margin-top:16px;height:auto;min-height:300px;padding:40px 34px 20px 0}.handwritten{top:3px;right:13px;font-size:13px}.laptop{border-radius:13px 13px 6px 6px;padding:7px}.laptop-screen{border-radius:6px}.phone{width:26%;max-width:125px;bottom:0;right:0;padding:3px;border-width:2px;border-radius:18px}.phone img{border-radius:13px}.phone-camera{top:4px;height:7px}.demo-note{bottom:-22px;left:0;font-size:8px}.opening{background:linear-gradient(180deg,#04152225,#041522 98%),linear-gradient(90deg,#041522ed,#04152245),url('/marketing/lake.webp') 65% 0/auto 670px no-repeat}.section{padding-block:31px 27px}.section-head{gap:12px;margin-bottom:20px}h2{font-size:29px;letter-spacing:-.8px}.section-head>p{font-size:12px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-card{padding:18px 16px}.feature-card:last-child{grid-column:1/-1}.feature-card h3{font-size:16px}.feature-card p{font-size:12px}.icon-tile{width:44px;height:44px}.steps,.audience-grid,.preview-facts{grid-template-columns:minmax(0,1fr);gap:14px}.step{padding:22px}.step:not(:last-child):after{display:none}.step-head h3{font-size:16px}.step-head p{font-size:13px}.step-number{width:42px;height:42px}.command-example{font-size:14px;padding:12px}.command-example svg{width:33px;height:33px}.draft-example dl{font-size:13px}.confirmation-example b{font-size:16px}.step .example-chips span{font-size:12px}.audience{min-height:190px;padding:22px}.audience p{font-size:13px}.preview-tabs{gap:6px}.preview-tabs button{padding-inline:13px;font-size:11px}.preview-chrome{padding:10px 12px}.product-preview figcaption{padding:12px;font-size:11px}.preview-facts{gap:20px}.final-cta{padding-block:55px;background-position:center}.final-cta h2{font-size:27px}.final-cta p:not(.eyebrow){font-size:12px}.site-footer{gap:20px;padding-block:25px}.site-footer nav{gap:15px;flex-wrap:wrap}.site-footer small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}