:root{--slate: #161B25;--slate-lift: #333B4D;--paper: #F2F4F8;--paper-70: rgba(242, 244, 248, .7);--paper-50: rgba(242, 244, 248, .5);--paper-12: rgba(242, 244, 248, .12);--paper-6: rgba(242, 244, 248, .06);--amber: #F5A623;--amber-ink: #FFC766;--ember: #F0702E;--indigo: #2B3170;--night: #0D111C;--screen: #FFC766, #F0702E;--apps: #B79BFF, #6C4AE8;--chats: #8CE0FF, #1E8FB8;--gallery: #FFB37A, #D9447F;--messages: #9AA6FF, #4E5AD8;--calls: #86EB8E, #1F9E4F;--files: #7FD0FF, #2F78F0;--notifications: #FF97A8, #E2416A;--clipboard: #6EEAC8, #17A387;--lock: #D3D8E3, #7D869A;--wifi: #8CE0FF, #1E8FB8;--cable: #FFC766, #F0702E;--qr: #6EEAC8, #17A387;--max: 1180px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(760px 760px at 92% 0%,rgba(43,49,112,.85),transparent 70%),radial-gradient(620px 620px at 62% 108%,rgba(240,112,46,.42),rgba(245,166,35,.12) 45%,transparent 75%),radial-gradient(520px 520px at 0% 55%,rgba(43,49,112,.35),transparent 70%),linear-gradient(135deg,rgba(51,59,77,.9),var(--slate) 50%,var(--night));background-attachment:fixed;background-color:var(--slate);color:var(--paper);font:17px/1.55 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.08;margin:0}h1{font-size:clamp(44px,7vw,88px);font-weight:300;letter-spacing:-.03em}h2{font-size:clamp(32px,4.6vw,56px);font-weight:300;letter-spacing:-.025em}h3{font-size:22px;font-weight:650;letter-spacing:-.01em}p{margin:0}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.lead{font-size:clamp(18px,2vw,22px);color:var(--paper-70);max-width:640px}.eyebrow{font-size:14px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-ink)}.muted{color:var(--paper-50)}.amber{background:linear-gradient(100deg,var(--amber) 0%,var(--ember) 40%,#FFD58A 50%,var(--ember) 60%,var(--amber) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400;animation:shimmer 7s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:100% 0}50%{background-position:0% 0}}.button{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;font-weight:650;font-size:17px;text-decoration:none;border:1px solid var(--paper-12);background:var(--paper-6);color:var(--paper);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px)}.button{background:#ffffff1f;border-color:#ffffff1a}.button.primary{background:#f5a623eb;color:var(--slate);border-color:transparent;box-shadow:0 10px 40px #f0702e59}.button.primary:hover{background:var(--amber)}.button.primary:hover{box-shadow:0 14px 50px #f5a62380}.button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--amber-ink);outline-offset:3px}.shot{border-radius:16px;overflow:hidden;border:1px solid var(--paper-12);box-shadow:0 40px 120px #0000008c,0 0 0 1px #0000004d;background:var(--slate-lift)}.tile{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;flex:none;position:relative;border:.5px solid rgba(255,255,255,.22);box-shadow:0 6px 18px #00000059}.tile:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 50%)}.tile svg{position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.tile svg{width:28px;height:28px;fill:#fff}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:28px;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px #ffffff14}section{padding:120px 0;position:relative}@media(max-width:760px){section{padding:72px 0}body{font-size:16px}}input{font:inherit;color:var(--paper);background:#0000004d;border:1px solid var(--paper-12);border-radius:12px;padding:14px 16px;width:100%}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}:root{--spring: cubic-bezier(.22, 1.2, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}.dd-reveal{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .7s var(--ease-out),transform .9s var(--ease-out)}.dd-reveal.dd-in{opacity:1;transform:none}@keyframes dd-rise{0%{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.enter{animation:dd-rise .9s var(--ease-out) both}.enter.d1{animation-delay:.08s}.enter.d2{animation-delay:.18s}.enter.d3{animation-delay:.3s}.enter.d4{animation-delay:.42s}.enter.d5{animation-delay:.55s}@keyframes dd-settle{0%{opacity:0;transform:perspective(2200px) rotateX(18deg) translateY(60px)}}.settle{animation:dd-settle 1.3s var(--ease-out) .5s both}.button{position:relative;overflow:hidden;transition:transform .25s var(--spring),box-shadow .25s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.97);transition-duration:.08s}.button.primary:after{content:"";position:absolute;inset:0;transform:translate(-120%) skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent)}.button.primary:hover:after{transform:translate(120%) skew(-20deg);transition:transform .75s var(--ease-out)}.button .arrow{display:inline-block;transition:transform .25s var(--spring)}.button:hover .arrow{transform:translateY(2px)}.dd-spot{position:relative;transition:transform .35s var(--spring),border-color .3s ease}.dd-spot:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.09),transparent 60%)}.dd-spot:hover:before{opacity:1}.dd-spot:hover{border-color:#ffffff2e}@keyframes dd-bounce{0%{transform:scale(1)}35%{transform:scale(1.14) translateY(-3px)}65%{transform:scale(.96)}to{transform:scale(1)}}.dd-spot:hover .tile,.point:hover .tile,.copy:hover .tile{animation:dd-bounce .6s var(--spring)}.shot{transition:transform .6s var(--ease-out),box-shadow .6s ease}.feature .shot:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 50px 140px #0009}@keyframes dd-breathe{0%,to{opacity:.85}50%{opacity:1}}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(620px 620px at 62% 108%,rgba(240,112,46,.18),transparent 70%);animation:dd-breathe 9s ease-in-out infinite}
