@font-face{font-family:Onest;src:url("/assets/Onest.ttf") format("truetype");font-display:swap;font-weight:100 900}@font-face{font-family:Comfortaa;src:url("/assets/Comfortaa.ttf") format("truetype");font-display:swap;font-weight:300 700}
:root{--paper:oklch(97% .006 55);--ink:oklch(29% .035 305);--accent:oklch(49% .12 295);--muted:oklch(47% .025 305);--line:oklch(85% .018 305);--cream:oklch(93% .026 295);--lilac:oklch(80% .075 295);--space-sm:12px;--space-md:24px;--space-lg:48px;color:var(--ink);background:var(--paper);font-family:Onest,sans-serif;font-size:16px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p{line-height:1.7}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Comfortaa,'Trebuchet MS',sans-serif}h1{font-size:clamp(64px,7.6vw,112px);letter-spacing:-.062em;line-height:.99;font-weight:550}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(36px,4.3vw,62px);letter-spacing:-.045em;line-height:1.06;font-weight:500}h3{font-size:25px;letter-spacing:-.025em;font-weight:550}.wrap{width:min(1216px,calc(100% - 96px));margin-inline:auto}.site-header{height:96px;display:flex;justify-content:space-between;align-items:center;width:min(1312px,calc(100% - 80px));margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:38px;font-weight:600;letter-spacing:-2px}.brand svg{width:30px;height:30px;stroke:var(--accent);stroke-width:3;stroke-linecap:round;fill:none}.beta{font-family:Onest,sans-serif;font-size:9px;letter-spacing:1.8px;margin-left:12px;color:var(--muted)}nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:600}.nav-signin{border:1px solid var(--line);padding:12px 18px;border-radius:30px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;padding-block:88px 96px;align-items:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;line-height:1.5;margin-bottom:26px;color:var(--accent)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px}.intro{font-size:17px;max-width:420px;color:var(--muted);margin-top:28px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:32px}.button{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:17px 24px;border-radius:8px;font-size:13px;font-weight:700;border:1px solid transparent;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:var(--paper)}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:5px;background:none;border:0;padding:0;color:var(--ink)}.fine{font-size:11px;color:var(--muted);margin-top:16px}.hero-art{padding:30px;background:var(--cream);border-radius:4px;transform:rotate(2deg);position:relative}.note-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;gap:10px;padding-bottom:28px;color:var(--muted)}.paper{background:oklch(99% .004 305);padding:36px 30px 52px;min-height:350px;transform:rotate(-4deg);box-shadow:0 3px 0 oklch(80% .03 95 / .2);position:relative}.paper-label{font-size:10px;color:var(--muted)}.paper>p:first-of-type{font-family:Comfortaa,sans-serif;font-size:clamp(28px,3.4vw,48px);line-height:1.08;letter-spacing:-2px;margin-top:32px}.underline{text-decoration:underline;text-decoration-color:var(--lilac);text-decoration-thickness:8px;text-underline-offset:1px;text-decoration-skip-ink:none}.paper-small{font-size:12px;line-height:1.8;color:var(--muted);margin-top:22px}.handnote{position:absolute;right:15px;bottom:25px;font-family:Comfortaa,sans-serif;font-style:italic;font-size:18px;transform:rotate(-8deg);color:var(--accent)}.mini-recorder{display:flex;align-items:center;gap:16px;background:var(--ink);color:var(--paper);padding:19px 24px;border-radius:14px;transform:rotate(-2deg);margin:-15px -48px 0 8px;position:relative}.mini-recorder strong{font-size:12px;display:block;font-weight:500}.mini-recorder span{font-size:9px;color:oklch(87% .025 295);display:block;margin-top:5px}kbd{font-family:inherit;font-size:9px}.recorder-dot{width:6px;height:6px;border-radius:50%;background:var(--lilac);margin-left:auto}.wave{height:30px;display:flex;align-items:center;gap:3px}.wave i{width:3px;height:12px;background:var(--lilac);border-radius:3px}.wave i:nth-child(2n){height:23px}.wave i:nth-child(3n){height:32px}.art-caption{text-align:center;margin-top:24px;font-size:10px;color:var(--muted);letter-spacing:.3px}.ribbon{border-block:1px solid var(--line)}.ribbon>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px}.ribbon span{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.ribbon p{font-family:Comfortaa,sans-serif;font-size:20px;letter-spacing:-.4px}.ribbon b{font-weight:400;margin-inline:12px;color:var(--muted)}.process{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding-block:112px}.section-intro{max-width:390px;font-size:15px;color:var(--muted);margin-top:24px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li>span{font-size:11px;color:var(--accent);padding-top:5px}.steps p{font-size:13px;color:var(--muted);margin-top:10px}.steps h3{font-size:24px}.demo-section{background:var(--accent);color:var(--paper);padding-block:88px}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.demo-section .eyebrow{color:var(--lilac)}.demo-section .section-intro{color:oklch(91% .018 295)}.example-tabs{display:flex;gap:8px;margin-top:32px;flex-wrap:wrap}.example{border:1px solid oklch(76% .04 295);border-radius:40px;background:transparent;color:var(--paper);padding:10px 15px;font-size:11px}.example.active{background:var(--lilac);color:var(--ink);border-color:var(--lilac)}.demo-paper{background:var(--paper);color:var(--ink);padding:30px;transform:rotate(-2deg);min-height:305px;display:flex;flex-direction:column;gap:24px}.demo-label{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;color:var(--muted)}#example-text{font-family:Comfortaa,Onest,sans-serif;font-size:27px;line-height:1.6;flex:1}.demo-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;gap:12px;font-size:9px;color:var(--muted)}.keep{display:grid;grid-template-columns:.9fr 1.1fr .8fr;gap:40px;align-items:center;padding-block:110px}.keep-copy h3{font-size:23px;line-height:1.15}.keep-copy p{font-size:12px;color:var(--muted);margin-top:18px}.history-illustration{border:1px solid var(--line);padding:24px;border-radius:8px;background:oklch(99% .004 305)}.history-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.history-top strong{font-size:12px}.history-top>span{font-size:7px;letter-spacing:1px;color:var(--accent)}.history-row{display:flex;gap:12px;padding-block:17px;border-top:1px solid var(--line);font-size:9px;align-items:center}.history-row>span{font-size:8px;color:var(--muted)}.history-row p{flex:1}.history-foot{font-size:8px;color:var(--muted);margin-top:12px}.pricing-section{background:oklch(94% .018 295);padding-block:88px}.pricing-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px}.pricing-heading>p{font-size:14px;color:var(--muted);max-width:350px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{padding:30px;background:var(--paper);border-radius:12px;display:flex;flex-direction:column;align-items:stretch}.plan.pro{outline:1px solid var(--accent);background:oklch(94% .032 295)}.plan-kicker{font-size:8px;letter-spacing:1px;color:var(--muted);margin-bottom:26px}.plan h3{font-size:25px;display:flex;align-items:center;gap:12px}.tag{font-size:8px;font-family:Onest,sans-serif;font-weight:650;letter-spacing:.5px;background:var(--lilac);padding:7px;border-radius:3px}.price{font-family:Comfortaa,sans-serif;font-size:56px;letter-spacing:-3px;margin-top:25px}.price span{font-family:Onest,sans-serif;font-size:11px;letter-spacing:0;margin-left:8px;color:var(--muted)}.plan-allowance{font-size:12px;margin-top:8px}.plan ul{list-style:none;padding:24px 0 32px;font-size:12px;color:var(--muted);display:grid;gap:13px;margin:0;flex:1}.plan li:before{content:'✓';color:var(--accent);margin-right:9px}.plan .button{font-size:11px;padding:15px 18px}.pricing-note{font-size:10px;color:var(--muted);margin-top:24px;max-width:780px}.account-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:100px}.account-section .text-link{display:inline-block;margin-top:24px}.account-box{background:oklch(99% .004 305);border:1px solid var(--line);border-radius:10px;padding:32px;align-self:start}form{display:grid;gap:14px}label{font-size:12px;font-weight:650}input{width:100%;padding:15px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--paper);font-size:14px}form .fine{margin:0}.notice{background:var(--cream);font-size:12px;line-height:1.6;padding:16px;border-radius:5px;margin-bottom:22px}#account-status{font-size:12px;margin-top:18px;color:var(--accent)}.balance{margin-block:24px}.balance strong{font-family:Comfortaa,sans-serif;font-size:48px;font-weight:500}.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.account-actions button{border:1px solid var(--line);border-radius:5px;background:transparent;padding:10px;font-size:11px}#account-email{font-size:20px;overflow-wrap:anywhere}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-block:40px 100px}.faq h2{font-size:34px}.faq details{border-bottom:1px solid var(--line);padding-block:19px}.faq details:first-child{padding-top:0}.faq summary{font-size:14px;font-weight:650;cursor:pointer}.faq details p{font-size:13px;color:var(--muted);padding-top:15px}.faq details a{text-decoration:underline}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:32px}footer>div{display:flex;gap:24px;font-size:10px;color:var(--muted)}.skip{position:fixed;top:-100px;left:10px;z-index:10;background:var(--ink);color:var(--paper);padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}.legal{max-width:760px;margin:80px auto;padding:0 24px}.legal h1{font-size:54px;margin-bottom:24px}.legal h2{font-size:26px;margin-top:36px;margin-bottom:16px}.legal p,.legal li{font-size:15px;color:var(--muted);line-height:1.8}.legal a{text-decoration:underline}
@media(max-width:1050px){.hero{gap:40px}.hero-actions{align-items:start;flex-direction:column;gap:20px}.keep{grid-template-columns:1fr 1fr}.keep-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.keep-copy p{margin:0}.plan{padding:22px}.tag{display:none}.process,.demo-layout,.account-section{gap:48px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.site-header{width:calc(100% - 40px);height:76px}.brand{font-size:31px}.brand .beta{display:none}nav{gap:18px;font-size:11px}nav>a:first-child{display:none}.nav-signin{padding:10px 12px}.hero{grid-template-columns:1fr;padding-block:48px 60px;gap:50px}h1{font-size:76px}.hero-actions{flex-direction:row;align-items:center}.hero-art{margin:0 20px 0 6px;padding:24px}.paper{min-height:320px}.paper>p:first-of-type{font-size:43px}.mini-recorder{margin-right:-34px}.ribbon>.wrap{align-items:start;flex-direction:column;gap:10px}.ribbon p{font-size:15px}.ribbon b{margin-inline:4px}.process,.demo-layout,.account-section,.faq{grid-template-columns:1fr;gap:40px;padding-block:64px}.demo-section{padding-block:0}.keep{grid-template-columns:1fr;padding-block:64px}.keep-copy{grid-column:auto;display:block}.keep-copy p{margin-top:16px}.pricing-section{padding-block:64px}.pricing-heading{align-items:start;flex-direction:column;gap:24px}.plans{grid-template-columns:1fr}.plan{padding:28px}.plan .button{font-size:13px}.plan-kicker{font-size:9px}.tag{display:block}.plan ul{font-size:13px}.price{font-size:64px}.faq{padding-top:0}footer{align-items:start;gap:24px;flex-direction:column}footer>div{flex-wrap:wrap;gap:20px}.demo-paper{margin-inline:5px}.account-box{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* Sayhush: rounded type, generous space, a single distinctive cloud. */
h1{font-size:clamp(48px,5.6vw,82px);font-weight:600;letter-spacing:-.06em;line-height:1.12}h2{font-size:clamp(32px,3.7vw,52px);font-weight:600;line-height:1.17;letter-spacing:-.05em}h3{font-weight:600;line-height:1.3}.brand{font-size:28px;letter-spacing:-1.7px;font-weight:700;gap:10px}.brand-mark{display:block;flex:none}.hero{grid-template-columns:1.15fr 1fr;gap:48px;padding-block:76px 96px}.hero-art{padding:24px;background:var(--cream);border-radius:48% 48% 16px 16px;transform:none}.note-top{padding:12px 8px 0;font-size:8px}.hush-stage{position:relative;display:grid;place-items:center;min-height:340px}.hush-main{width:90%;height:auto;max-width:360px;transform:rotate(-5deg);animation:hush-arrive .8s cubic-bezier(.16,1,.3,1) both}.hush-wisp{position:absolute;right:0;top:32px;transform:rotate(-18deg);opacity:.7}.hush-caption{font-size:11px;color:var(--muted);margin-top:-28px}.mini-recorder{transform:none;margin:12px -36px 0 0;padding:20px;gap:14px;border-radius:16px}.mini-recorder strong{font-size:12px}.section-shape{display:block;margin-bottom:28px}.demo-section{background:var(--ink)}.demo-section .eyebrow{color:var(--lilac)}.price{font-size:48px;letter-spacing:-2px}.price span{white-space:nowrap}.button{border-radius:100px}.button.primary:hover{background:oklch(43% .12 295)}.account-box{border-radius:20px}.plan{border-radius:20px}.history-illustration{border-radius:16px}.faq summary{line-height:1.55}.intro{font-size:18px;line-height:1.65}.legal h1{font-size:clamp(34px,5vw,54px);line-height:1.16}.legal .brand{font-size:28px}footer .beta{letter-spacing:1px}nav{gap:28px}.tag{background:var(--cream);color:var(--accent)}
@keyframes hush-arrive{from{opacity:0;transform:translateY(14px) rotate(-9deg)}to{opacity:1;transform:translateY(0) rotate(-5deg)}}
@media(max-width:1050px){.hero{gap:32px}.mini-recorder{margin-right:-16px}.hero-art{padding:20px}.hush-stage{min-height:290px}.price{font-size:40px}}
@media(max-width:720px){.hero{grid-template-columns:1fr;padding-block:48px 64px;gap:40px}.hero-art{margin:0 10px;padding:20px}.hush-stage{min-height:300px}.hero-actions{flex-wrap:wrap;gap:22px}h1{font-size:clamp(44px,10vw,68px)}.brand{font-size:24px;gap:8px}.brand-mark{width:30px;height:25px}.mini-recorder{margin-right:-12px;gap:10px;padding:16px}.mini-recorder strong{font-size:11px}.note-top{font-size:7px}nav{gap:16px}.price{font-size:48px}.section-shape{width:60px;height:50px}footer .brand{flex-wrap:wrap}.hush-caption{margin-top:-14px}}
@media(prefers-reduced-motion:reduce){.hush-main{animation:none}}