:root{--primary: #005EB8;--primary-dark: #00478d;--secondary: #E41E1B;--surface: #f9f9fc;--surface-low: #f3f3f6;--surface-high: #e8e8ea;--outline: #727783;--outline-var: #c2c6d4;--ink: #1a1c1e;--ink-2: #424752;--font-sans: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:var(--font-sans);background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page{display:flex;flex-direction:column;height:100vh;max-width:1280px;margin:0 auto;padding:0 64px}.hero{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#fff}.hero-left{display:flex;flex-direction:column;padding:40px 40px 40px 0;position:relative;background:#fff}.hero-logo{flex-shrink:0;margin-bottom:24px;position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.hero-logo img{height:52px;object-fit:contain;object-position:left center;display:block;mix-blend-mode:multiply;padding:6px 10px 6px 0;transform-origin:left center;animation:logo-pulse 3.5s ease-in-out infinite}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.hero-logo-tag{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--outline)}.hero-content{display:flex;flex-direction:column;justify-content:center;flex:1;position:relative;z-index:1}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:9999px;border:1px solid var(--outline-var);background:var(--surface-low);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-dark);margin-bottom:20px;width:fit-content}.chip svg{width:13px;height:13px}.hero-title{font-size:40px;font-weight:700;line-height:1.12;letter-spacing:-.025em;color:var(--ink);margin-bottom:20px;max-width:480px}.hero-desc{font-size:16px;line-height:1.7;color:var(--ink-2);max-width:440px;margin-bottom:32px}.btn-apk{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:6px;border:none;background:var(--primary);color:#fff;font-family:var(--font-sans);font-size:16px;font-weight:700;box-shadow:0 2px 4px #00000014;transition:background .12s,transform .1s;margin-bottom:32px;cursor:pointer;align-self:flex-start}.btn-apk:hover{background:var(--primary-dark)}.btn-apk:active{transform:scale(.98)}.btn-apk svg{width:30px;height:30px}.stats{display:flex;border-top:1px solid var(--surface-high);padding-top:20px}.stat{padding-right:20px;border-right:1px solid var(--surface-high)}.stat+.stat{padding-left:20px}.stat:last-child{border-right:none}.stat-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--primary);margin-bottom:3px}.stat-value{font-size:12px;color:var(--outline)}.hero-right{position:relative;height:100vh;overflow:hidden;margin-right:-64px;background:#fff}.phone-wrap{position:absolute;transform-style:preserve-3d;will-change:transform}.phone-wrap-main{left:30%;top:50%;transform:translate(-50%,-50%);z-index:2;animation:fadein-main .7s cubic-bezier(.22,1,.36,1) both}.phone-wrap-back{left:63%;top:54%;transform:translate(-50%,-50%) rotate(10deg);z-index:1;opacity:.9;animation:fadein-back .85s .12s cubic-bezier(.22,1,.36,1) both}@keyframes fadein-main{0%{opacity:0}to{opacity:1}}@keyframes fadein-back{0%{opacity:0}to{opacity:.88}}.phone{position:relative;background:linear-gradient(155deg,#2e2e30,#1c1c1e 55%,#131315);display:flex;flex-direction:column;box-shadow:0 28px 56px #0000002e,0 10px 20px #0000001a,0 3px 6px #0000000f,inset 0 1px #ffffff1a,inset 0 -1px #00000080,inset 1px 0 #ffffff0a,inset -1px 0 #0000004d}.phone:before{content:"";position:absolute;left:-4.5px;top:92px;width:4.5px;height:26px;background:#202022;border-radius:2px 0 0 2px;box-shadow:0 40px #202022,0 80px #202022}.phone:after{content:"";position:absolute;right:-4.5px;top:116px;width:4.5px;height:54px;background:#202022;border-radius:0 2px 2px 0}.phone-top{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%)}.phone-speaker{width:52px;height:4px;background:#ffffff0f;border-radius:2px}.phone-cam{width:11px;height:11px;background:#0d0d10;border-radius:50%;border:1.5px solid rgba(255,255,255,.07);box-shadow:inset -1px -1px 2px #6478ff26}.phone-screen{flex:1;background:#fff;overflow:hidden}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.phone-bottom{display:flex;justify-content:center;align-items:center;flex-shrink:0}.phone-indicator{display:block;background:#ffffff38;border-radius:2px}.phone-main{width:262px;height:538px;border-radius:44px;padding:0 10px}.phone-main .phone-top{padding:14px 0 7px;border-radius:34px 34px 0 0}.phone-main .phone-screen{border-radius:2px}.phone-main .phone-bottom{padding:9px 0 15px;border-radius:0 0 34px 34px}.phone-main .phone-indicator{width:104px;height:4px}.phone-back{width:218px;height:448px;border-radius:36px;padding:0 8px}.phone-back .phone-top{padding:11px 0 6px;border-radius:28px 28px 0 0}.phone-back .phone-screen{border-radius:2px}.phone-back .phone-bottom{padding:7px 0 12px;border-radius:0 0 28px 28px}.phone-back .phone-indicator{width:84px;height:3px}.phone-back .phone-speaker{width:40px}.phone-back .phone-cam{width:9px;height:9px}.phone-back:before{top:76px;height:22px;box-shadow:0 32px #202022,0 64px #202022}.phone-back:after{top:94px;height:44px}@media (max-width: 900px){html,body{overflow:auto}.page{padding:0 16px;height:auto;min-height:100vh}.hero{grid-template-columns:1fr;gap:24px;padding-bottom:40px;overflow:visible}.hero-left{padding:24px 0}.hero-logo{margin-bottom:32px}.hero-logo img{height:40px}.hero-title{font-size:28px}.hero-desc{font-size:14px}.hero-right{height:420px;margin-right:-16px;perspective:none}.phone-wrap-main{left:32%;top:50%;transform:translate(-50%,-50%)!important;transition:none!important}.phone-wrap-back{left:70%;top:54%;transform:translate(-50%,-50%) rotate(12deg)!important;transition:none!important}.phone-main{width:192px;height:392px;border-radius:34px}.phone-back{width:160px;height:328px;border-radius:28px}.phone-main .phone-indicator{width:80px}.phone-back .phone-indicator{width:64px}}