:root{--blue:#354ec4;--ink:#1b2841;--yellow:#ffda72;--cream:#fffaf4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}.site-nav,.site-footer{max-width:1280px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:29px;letter-spacing:-1.5px;font-weight:850;display:flex;align-items:center;gap:5px}.wordmark span{font-weight:500;color:var(--blue)}.wordmark img{margin-left:10px}.site-nav nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--blue);color:white;border:0;border-radius:12px;padding:16px 23px;font-weight:700;cursor:pointer;text-decoration:none!important}.button:hover{background:#263d9b}.button.small{padding:12px 19px}.hero{max-width:1280px;margin:0 auto;padding:70px 40px 100px;display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:center}.kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--blue)}h1{font-size:clamp(42px,5.7vw,78px);line-height:1.05;letter-spacing:-3.8px;margin:25px 0}h1 span{color:var(--blue)}.intro{font-size:20px;max-width:540px;color:#4d5870;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.hero-actions>a:last-child{font-size:14px;font-weight:650}.quiet{font-size:13px;color:#586378;margin-top:28px}.product-preview{background:white;border:1px solid #dae0ee;border-radius:28px;padding:26px;box-shadow:18px 24px 0 #ffda72,0 12px 50px #20336110;transform:rotate(2deg)}.preview-top{display:flex;justify-content:space-between;align-items:center}.mini-logo{font-weight:850;color:var(--blue);font-size:20px;letter-spacing:-1px}.preview-top>span:last-child,.example-label{font-size:10px;letter-spacing:1.4px;color:#667088}.example-label{margin:18px 0 6px}.product-preview h2{font-size:25px;margin:0;letter-spacing:-.8px}.product-preview>p:not(.example-label){margin:3px 0;font-size:14px;color:#646f84}.preview-stories{display:flex;gap:25px;margin:24px 0;font-size:11px;text-align:center}.preview-stories span{display:grid;place-items:center;width:57px;height:57px;border:2px solid var(--blue);outline:3px solid #eff2ff;border-radius:50%;font-size:28px;margin:0 auto 8px;color:var(--blue)}.preview-alert{background:#fff1cb;border-radius:16px;padding:21px}.tag{font-size:10px;letter-spacing:1px;font-weight:800;color:#6c5214}.preview-alert h3{font-size:20px;margin:8px 0}.preview-alert p{font-size:13px;margin:8px 0}.preview-response{display:block;background:white;border-radius:9px;padding:8px 15px;font-size:13px;font-weight:700;text-align:center;margin-top:16px}.preview-diary{display:flex;gap:20px;padding:17px 0 0;font-size:13px}.preview-diary>span{color:var(--blue);font-weight:700}.preview-diary p{margin:0;font-size:12px;color:#6a7485}.section{max-width:1280px;margin:auto;padding:70px 40px}h2{font-size:42px;line-height:1.15;letter-spacing:-1.5px;margin:18px 0 36px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.feature-grid article{border-top:2px solid #dce1ef;padding-top:24px}.feature-number{font-size:11px;letter-spacing:1px;color:var(--blue);font-weight:800}.feature-grid h3{font-size:21px;line-height:1.3;margin:16px 0}.feature-grid p{font-size:15px;color:#586378}.privacy-section{background:var(--blue);color:white;margin:50px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:70px max(40px,calc((100vw - 1200px)/2))}.privacy-section .kicker{color:var(--yellow)}.privacy-section p{color:#e0e5ff;max-width:500px}.privacy-levels article{display:flex;gap:24px;border-bottom:1px solid #ffffff38;padding:18px 0}.privacy-levels article>b{font-size:24px;color:var(--yellow)}.privacy-levels h3{margin:0;font-size:22px}.privacy-levels p{margin:2px 0;font-size:15px}.proposal{display:grid;grid-template-columns:1fr 1fr;gap:100px}.proposal>div>p{max-width:480px}.proposal .button{margin-top:20px}.questions{align-self:center}.questions details{border-bottom:1px solid #ccd4e6;padding:18px 0}.questions summary{font-weight:700;cursor:pointer}.questions p{font-size:15px;color:#586378}.site-footer{border-top:1px solid #dbe1ef;margin-top:50px;font-size:13px;flex-wrap:wrap}.site-footer .wordmark{font-size:23px}.demo-main{max-width:760px;margin:30px auto 80px;padding:0 24px}.demo-main h1{font-size:48px;letter-spacing:-2px}.demo-form{background:white;border:1px solid #dce1ef;padding:32px;border-radius:20px;display:grid;gap:20px}.demo-form label{display:grid;gap:6px;font-weight:650}.demo-form input,.demo-form textarea{width:100%;border:1px solid #bfc9df;border-radius:9px;padding:12px;background:white;color:var(--ink)}.demo-form textarea{min-height:120px}.demo-form .check{display:flex;align-items:flex-start;font-size:14px;font-weight:400;gap:10px}.demo-form .check input{width:auto;margin-top:7px}.demo-error{padding:16px;background:#ffe8e8;border-radius:10px}.demo-success{padding:28px;background:#e8f2e7;border-radius:20px}.trap{position:absolute;left:-10000px}.privacy-note{font-size:14px;color:#526077}@media(max-width:850px){.site-nav{padding:20px 24px}.site-nav nav>a:not(.button):not(.login-link){display:none}.site-nav nav{gap:15px}.site-nav .small{font-size:12px;padding:10px}.hero{padding:30px 24px 70px;gap:45px;grid-template-columns:1fr}.hero-copy{max-width:600px}h1{font-size:58px;letter-spacing:-3px}.product-preview{max-width:470px;width:100%;justify-self:center;transform:none;box-shadow:10px 12px 0 var(--yellow)}.section{padding:50px 24px}.feature-grid{grid-template-columns:1fr 1fr;gap:25px}.privacy-section{padding:45px 24px;gap:30px;grid-template-columns:1fr}.proposal{grid-template-columns:1fr;gap:30px}.site-footer{padding:25px 24px}h2{font-size:34px}.demo-main h1{font-size:36px}.demo-form{padding:22px}}@media(max-width:430px){.wordmark{font-size:24px}.site-nav{gap:10px}.site-nav nav{gap:10px}.site-nav .small{max-width:110px;line-height:1.3;text-align:center}h1{font-size:47px;letter-spacing:-2.3px}.intro{font-size:18px}.feature-grid{grid-template-columns:1fr}.hero-actions{gap:20px}}
