*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#e5e7eb;background-color:#050712;background-image:radial-gradient(circle at 20% -10%,#38bdf866,#0000 55%);background-repeat:no-repeat;background-attachment:fixed;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page-root{justify-content:center;min-height:100vh;padding:40px 18px 48px;display:flex;position:relative}.page-bg{pointer-events:none;position:fixed;inset:0}.page-shell{z-index:1;width:100%;max-width:1120px;animation:.7s ease-out forwards fadeIn;position:relative}.page-shell-glass{-webkit-backdrop-filter:blur(22px);background:radial-gradient(circle at 0 0,#f8fafc0a,#0000 55%),#0f172ae6;border-radius:32px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 28px 90px #0f172af2}.page-shell-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.9;pointer-events:none;background:linear-gradient(135deg,#f8717173,#818cf8e6,#38bdf8cc);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.page-shell-glass>*{z-index:1;position:relative}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.logo-group{align-items:center;gap:10px;display:flex}.logo-mark{background:radial-gradient(circle at 30% 20%,#fbbf24,#f97316);border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.logo-text{flex-direction:column;gap:2px;display:flex}.logo-title{letter-spacing:.03em;font-weight:700}.logo-subtitle{opacity:.7;font-size:12px}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.lang-switch{background:#0f172ae6;border:1px solid #94a3b866;border-radius:999px;padding:2px;display:inline-flex}.lang-pill{color:#e5e7eb;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:999px;padding:4px 10px;font-size:11px;transition:background .2s,opacity .2s,transform .15s}.lang-pill:hover{opacity:.9}.lang-pill.active{opacity:1;background:linear-gradient(135deg,#6366f1,#22d3ee);transform:translateY(-.5px)}.header-cta{box-shadow:0 16px 35px #0f172a,0 0 22px #5eead4b3}.link-muted{opacity:.8;font-size:14px}.btn-primary{color:#f9fafb;cursor:pointer;background-image:linear-gradient(135deg,#f97316,#ec4899,#6366f1,#22d3ee);background-size:200% 200%;border:none;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s,background-position .4s;display:inline-flex;box-shadow:0 18px 40px #0f172a,0 0 30px #5eead499}.btn-primary:hover{background-position:100% 0;transform:translateY(-1px)scale(1.01);box-shadow:0 22px 50px #0f172a,0 0 40px #5eead4cc}.btn-primary:active{transform:translateY(0)scale(.99);box-shadow:0 12px 30px #0f172a,0 0 24px #5eead4bf}.btn-lg{height:46px;padding-inline:22px;font-size:15px}.glass{-webkit-backdrop-filter:blur(18px);border-radius:24px;padding:20px;position:relative;overflow:hidden}.glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.9;background:linear-gradient(135deg,#f8717180,#818cf8e6,#38bdf8cc);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass>*{z-index:1;position:relative}.fade-in{animation:.7s ease-out forwards fadeIn}.slide-up{opacity:0;animation:.6s ease-out forwards slideUp;transform:translateY(14px)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.18s}.delay-3{animation-delay:.26s}.hero{background:radial-gradient(circle at 0 0,#f8fafc0f,#0000 55%),linear-gradient(145deg,#0f172afa,#0f172adb);border-radius:32px;grid-template-columns:1.25fr 1fr;align-items:center;gap:28px;margin-bottom:40px;padding:26px;display:grid;box-shadow:0 24px 80px #0f172af2}.hero-main h1{margin-bottom:16px;font-size:32px;font-weight:800;line-height:1.15}.hero-main p{opacity:.9;margin-bottom:16px;font-size:15px}.hero-points{opacity:.9;margin-bottom:20px;font-size:13px;list-style:none}.hero-points li:before{content:"•";color:#a855f7;margin-right:6px}.hero-cta-row{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.cta-note{opacity:.8;font-size:12px}.hero-visual{justify-content:center;display:flex}.parallax{perspective:800px}.phone{transform-origin:50%;background:radial-gradient(circle at 0 0,#f8fafc1f,#0000 55%),linear-gradient(160deg,#0f172a,#0f172ae6);border-radius:34px;width:230px;height:440px;padding:18px 10px;animation:10s ease-in-out infinite alternate floatSlow;box-shadow:0 24px 60px #0f172ae6}.phone-notch{background:#0f172af5;border-radius:999px;width:82px;height:24px;margin:0 auto 18px}.phone-body{flex-direction:column;gap:10px;display:flex}.pill{border-radius:18px;height:72px}.pill-primary{background:linear-gradient(135deg,#3b82f6b3,#ec4899cc)}.pill-secondary{background:linear-gradient(135deg,#10b981b3,#38bdf8b3)}.pill-tertiary{background:linear-gradient(135deg,#fbbf24b3,#f472b6b3)}.phone-screen{background:radial-gradient(circle at 0 0,#f8fafc1a,#0000 55%),linear-gradient(145deg,#0f172af2,#0f172aeb);border-radius:24px;flex-direction:column;flex:1;gap:8px;padding:14px 14px 12px;display:flex}.phone-screen-header{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.phone-chip,.phone-chip-secondary{border:1px solid #94a3b899;border-radius:999px;padding:2px 8px;font-size:10px}.phone-chip{background:linear-gradient(135deg,#3b82f6b3,#ec4899cc)}.phone-chip-secondary{opacity:.8}.phone-metric-row{justify-content:space-between;padding:4px 2px;font-size:11px;display:flex}.phone-metric-label{opacity:.75}.phone-metric-value{font-weight:600}.phone-metric-value.low{color:#4ade80}.phone-shimmer-bar{background:linear-gradient(90deg,#3b82f633,#f472b6b3,#38bdf833) 0 0/200% 100%;border-radius:999px;height:6px;margin-top:6px;animation:2.4s ease-in-out infinite shimmer}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:40px 0 44px;display:grid}.card{background:0 0}.card h2,.card h3{margin-bottom:8px;font-size:16px;font-weight:600}.card p{opacity:.9;margin-top:4px;font-size:14px}.cta-bottom{background:0 0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.cta-bottom h2{margin-bottom:8px;font-size:20px}.cta-bottom p{opacity:.9;margin-top:2px;font-size:14px}.page-footer{opacity:.6;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;font-size:12px;display:flex}.footer-muted{text-align:right}@media (max-width:960px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.page-header{flex-direction:column;align-items:stretch;gap:20px}.header-actions{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%}.lang-switch{order:2;justify-content:center;margin-top:4px}.header-cta{flex-shrink:0;justify-content:center;width:100%;max-width:260px}.header-actions .link-muted{order:0}.hero{padding:22px 18px 26px}.hero-main h1{font-size:26px}.grid{grid-template-columns:1fr;row-gap:18px}.cta-bottom,.page-footer{flex-direction:column;align-items:flex-start}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSlow{0%{transform:translateY(0)rotateX(0)}50%{transform:translateY(-6px)rotate3d(1,.2,0,6deg)}to{transform:translateY(-10px)rotate3d(1,-.2,0,-4deg)}}.glow{box-shadow:0 18px 40px #0f172a,0 0 26px #5eead4cc}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}
