@font-face{font-family:Rubik;src:url('/assets/Rubik.ttf') format('truetype');font-style:normal;font-weight:300 900;font-display:swap}
:root{color-scheme:light;--paper:#faf9f6;--ink:#242421;--muted:#706f68;--line:#e3e1da;--wash:#f3e9e4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Rubik,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid #b32e40;outline-offset:6px}img{display:block;max-width:100%;height:auto}.wrap{max-width:1160px;width:calc(100% - 96px);margin-inline:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between}.face{display:block;overflow:hidden;border-radius:50%;width:44px;height:44px}.face img{width:100%;height:100%;transform:scale(1.22);max-width:none}.support-link{font-size:13px}.skip{position:fixed;top:12px;left:12px;background:var(--ink);color:white;padding:12px;z-index:10;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}.hero{text-align:center;padding:62px 0 46px}.eyebrow{font-size:12px;color:var(--muted);margin:0 0 23px}h1{font-size:clamp(42px,6.1vw,76px);letter-spacing:-.06em;line-height:1.1;font-weight:500;margin:0}.intro{color:var(--muted);font-size:18px;line-height:1.6;margin:24px 0 0}.screens{display:flex;align-items:flex-start;justify-content:center;gap:28px;background:var(--wash);border-radius:24px;padding:58px 60px 0;max-height:630px;overflow:hidden}.screen{width:28%;margin:30px 0 0;flex-shrink:0}.screen:nth-child(2){margin-top:0}.screen img{width:100%;border-radius:34px;border:5px solid #292826;box-shadow:0 20px 30px #3e2b2915}.screen-note{color:var(--muted);font-size:10px;text-align:right;margin:12px 0 0}.pricing{text-align:center;padding:76px 0 64px}.free{font-size:14px;color:var(--muted);margin:0 0 28px}h2{font-size:24px;font-weight:600;letter-spacing:-.6px;margin:0;display:flex;align-items:center;justify-content:center;gap:9px}.crown{width:21px;height:21px;color:var(--muted)}.price{font-size:clamp(29px,4vw,44px);font-weight:500;letter-spacing:-1.4px;line-height:1.25;margin:19px 0 16px}.benefit{font-size:16px;line-height:1.6;margin:0}.release{font-size:13px;color:var(--muted);margin:28px 0 12px}.price-note{font-size:10px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:26px 0 34px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:24px}.footer nav{display:flex;gap:25px}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{height:88px}.hero{padding:46px 0 36px}.intro{font-size:16px}.screens{padding:38px 25px 0;gap:18px;max-height:480px}.screen{width:31%;margin-top:20px}.screen img{border-radius:25px;border-width:4px}.pricing{padding:56px 0}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.header{height:76px}.face{width:38px;height:38px}.support-link{font-size:12px}.hero{padding:36px 0 32px}.eyebrow{font-size:11px;margin-bottom:20px}h1{font-size:clamp(31px,9.1vw,48px);letter-spacing:-.055em;overflow-wrap:anywhere}.intro{font-size:14px;margin-top:21px}.screens{width:calc(100% + 40px);margin-inline:-20px;border-radius:0;padding:32px 0 0;gap:17px;max-height:540px}.screen{width:62%;margin-top:24px}.screen:nth-child(1){margin-left:-51%}.screen:nth-child(3){margin-right:-51%}.screen img{border-radius:24px;border-width:4px}.screen-note{font-size:9px;text-align:center}.pricing{padding:46px 0}.price{font-size:30px;letter-spacing:-1px}.benefit{font-size:14px}.footer{font-size:10px;flex-direction:column;align-items:center;gap:18px;padding-block:25px}.footer nav{gap:22px}}