@font-face{font-family:Jakarta;src:url(assets/fonts/PlusJakartaSans-Variable.ttf) format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:Inter;src:url(assets/fonts/Inter-Regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(assets/fonts/Inter-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#111315;--text:#f3f5ef;--muted:#a9b0b4;--lime:#d7ff64;--line:#303638}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.wrap{width:calc(100% - 88px);max-width:1240px;margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font:750 21px/1.2 Jakarta,sans-serif;letter-spacing:-.06em;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.brand img{width:27px;height:27px}nav{display:flex;gap:34px;font-size:13px;color:var(--muted)}nav a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 24px;border:1px solid #414746;border-radius:11px;font-size:13px;font-weight:600;background:#202625;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px);background:#2a312b}.button.primary{background:var(--lime);color:#172009;border-color:var(--lime)}.button.primary:hover{background:#e3ff94}.button.small{padding:11px 18px;gap:20px;font-size:12px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;margin:0 0 26px;color:#b8c0b0}.dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #d7ff6444}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;padding-block:62px 64px}h1,h2,h3{font-family:Jakarta,sans-serif;margin:0;font-weight:650;line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(64px,8.1vw,108px);line-height:.99}h1 span{color:var(--lime)}.hero-aside{padding:0 0 5px 30px}.lead{font-size:20px;color:#c0c7c6;line-height:1.65;margin:0 0 28px}.micro{font-size:11px;color:#969f9d;margin:14px 0 0}.product-banner{position:relative;background:radial-gradient(ellipse at 90% 4%,#596c3544,transparent 65%),#202820;border:1px solid #414c37;border-radius:23px;overflow:hidden;padding:26px 70px 20px}.banner-top,.banner-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#b5bfac}.banner-top{margin:0 -37px 32px}.banner-top .eyebrow{margin:0;color:var(--lime)}.banner-mark{position:absolute;width:740px;height:740px;right:-170px;top:-210px;opacity:.06;transform:rotate(-12deg)}.screenshot-button{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;border-radius:12px;box-shadow:0 30px 70px #0008;overflow:hidden;transition:transform .25s}.screenshot-button:hover{transform:translateY(-3px)}.app-screenshot{width:100%;height:auto;display:block}.banner-bottom{margin:22px -37px 0}.text-link{border:0;background:none;padding:0;display:inline-flex;gap:22px;align-items:center;font-size:12px;font-weight:600}.text-link:hover{color:var(--lime)}.quiet-how{padding-block:106px 100px}.quiet-how h2{font-size:48px}.quiet-how ol{list-style:none;padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:65px}.quiet-how li{border-top:1px solid var(--line);padding-top:20px}.quiet-how li>span{font-size:11px;color:var(--lime)}h3{font-size:23px;margin-top:24px;letter-spacing:-.04em}.quiet-how li p{font-size:13px;line-height:1.7;color:var(--muted);max-width:250px;margin:13px 0 0}.support-banner{display:flex;align-items:center;gap:40px;border-radius:18px;background:#dce6cf;color:#1b2418;padding:46px 48px;position:relative;overflow:hidden}.support-banner>img{width:100px;height:100px;filter:brightness(.15);transform:rotate(-8deg)}.support-banner .eyebrow{color:#56634d;margin-bottom:15px}.support-banner h2{font-size:40px}.support-banner .text-link{margin-left:auto;white-space:nowrap}.support-banner .text-link:hover{color:#516d29}.quiet-download{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-block:95px}.quiet-download h2{font-size:38px}.quiet-download p{font-size:12px;color:var(--muted);margin:16px 0 0}.footer{border-top:1px solid var(--line);padding-block:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#89938d;font-size:10px}.footer .brand{color:var(--text);font-size:18px}dialog{background:#202625;color:var(--text);border:1px solid #4a5349;border-radius:18px;padding:42px;max-width:min(460px,calc(100vw - 32px))}dialog::backdrop{background:#050706dd;backdrop-filter:blur(8px)}dialog h2{font-size:34px;margin:25px 0 20px}dialog p{font-size:14px;color:#b8c1b4;line-height:1.8}dialog .button{width:100%;margin-top:20px}.dialog-close{position:absolute;right:15px;top:8px;background:none;border:0;font-size:27px;color:#bac2b8}.button.dialog-close{position:static;font-size:13px;color:#172009}.preview-dialog{max-width:calc(100vw - 48px);width:1160px;padding:38px 12px 4px;background:#111315}.preview-dialog img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 140px);margin:auto}.preview-dialog p{text-align:center;font-size:11px;margin:12px}.preview-dialog .dialog-close{top:0}
@media(max-width:900px){.hero{gap:25px}.hero-aside{padding-left:0}.lead{font-size:17px}.product-banner{padding:23px 30px 18px}.banner-top,.banner-bottom{margin-inline:0}.quiet-how ol{gap:28px}.support-banner{padding:35px;gap:25px}.support-banner>img{width:75px;height:75px}.support-banner h2{font-size:33px}.support-banner .text-link{font-size:11px}.quiet-download h2{font-size:32px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{height:82px;gap:16px}.brand{font-size:19px}.brand img{width:24px;height:24px}nav{display:none}.button.small{font-size:10px;padding:10px 12px;gap:12px}.hero{grid-template-columns:1fr;padding-block:40px 34px;gap:28px}h1{font-size:80px}.eyebrow{font-size:9px;margin-bottom:23px}.lead{font-size:16px;line-height:1.65;margin-bottom:24px}.hero .button{font-size:12px;padding:16px 20px}.micro{font-size:10px}.product-banner{padding:18px 11px 14px;border-radius:14px}.banner-top{margin-bottom:18px;gap:8px;align-items:flex-start}.banner-top .eyebrow{font-size:7px;letter-spacing:.09em}.banner-top>span:last-child{font-size:7px}.banner-bottom{margin-top:14px;font-size:8px;gap:12px;align-items:center}.banner-bottom .text-link{font-size:8px;gap:7px}.screenshot-button{border-radius:5px}.banner-mark{width:400px;height:400px}.quiet-how{padding-block:65px}.quiet-how h2{font-size:36px}.quiet-how ol{grid-template-columns:1fr;gap:28px;margin-top:35px}.quiet-how li{display:grid;grid-template-columns:35px 1fr;column-gap:8px;padding-top:18px}.quiet-how li>span{grid-row:1/3;padding-top:3px}h3{font-size:23px;margin:0}.quiet-how li p{grid-column:2;font-size:12px;max-width:260px;margin-top:9px}.support-banner{padding:30px 24px;display:grid;grid-template-columns:1fr 55px;gap:28px}.support-banner>img{grid-column:2;grid-row:1;width:65px;height:65px;align-self:start;margin-top:30px}.support-banner>div{grid-column:1;grid-row:1}.support-banner h2{font-size:32px}.support-banner .eyebrow{font-size:8px;line-height:1.8}.support-banner .text-link{margin:0;grid-column:1/3;justify-self:start;font-size:12px}.quiet-download{padding-block:65px;display:block}.quiet-download h2{font-size:34px}.quiet-download .button{margin-top:26px}.quiet-download p{font-size:10px}.footer{flex-wrap:wrap;gap:18px;padding-block:26px}.footer .brand{width:100%;font-size:18px}.footer>span{font-size:9px}.preview-dialog{max-width:calc(100vw - 16px);padding-inline:5px}.preview-dialog p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
