*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08080f;--card-bg:#111118;--text:#e8e8f0;--text-muted:#b0b0c0;--blue:#3d6df5;--blue-glow:#4d8dff;--violet:#8b5cf6;--violet-glow:#a78bfa;--blue-dark:#2f5cd0;--focus-ring:#4d8dff;--grid-opacity:.05;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(77,141,255,0.03) 28px,rgba(77,141,255,0.03) 29px),repeating-linear-gradient(60deg,transparent,transparent 28px,rgba(77,141,255,0.03) 28px,rgba(77,141,255,0.03) 29px),repeating-linear-gradient(120deg,transparent,transparent 28px,rgba(77,141,255,0.03) 28px,rgba(77,141,255,0.03) 29px);opacity:1;transition:opacity .3s ease}body.grid-illuminated::before{opacity:1;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(77,141,255,0.12) 28px,rgba(77,141,255,0.12) 29px),repeating-linear-gradient(60deg,transparent,transparent 28px,rgba(139,92,246,0.10) 28px,rgba(139,92,246,0.10) 29px),repeating-linear-gradient(120deg,transparent,transparent 28px,rgba(77,141,255,0.12) 28px,rgba(77,141,255,0.12) 29px)}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 18% 12%,rgba(77,141,255,0.10) 0,rgba(139,92,246,0.04) 35%,transparent 65%);opacity:1}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body::before{transition:none}body.grid-illuminated::before{opacity:1}}header{position:relative;z-index:10;width:100%;max-width:900px;padding:clamp(12px,2vh,20px) clamp(16px,3vw,32px);display:flex;align-items:center;justify-content:flex-start}header img{width:clamp(36px,5vw,44px);height:auto;display:block}main{position:relative;z-index:5;width:100%;max-width:900px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 clamp(16px,3vw,32px) 40px;gap:clamp(32px,5vh,48px)}.hero-card{background:var(--card-bg);border:1px solid rgba(77,141,255,0.2);border-radius:16px;padding:clamp(24px,4vh,36px) clamp(20px,4vw,40px);width:100%;max-width:620px;position:relative;box-shadow:8px 12px 40px rgba(0,0,0,0.5),0 0 0 1px rgba(77,141,255,0.08) inset,-2px -2px 20px rgba(77,141,255,0.06);text-align:center;transition:box-shadow .28s ease}.hero-card::before{content:'';position:absolute;top:12px;left:16px;right:16px;height:10px;display:flex;align-items:center;gap:7px;pointer-events:none}.hero-card .dots{position:absolute;top:14px;left:20px;display:flex;gap:7px;pointer-events:none;z-index:2}.hero-card .dots span{width:10px;height:10px;border-radius:50%;display:block}.hero-card .dots span:nth-child(1){background:#5c5c6e}.hero-card .dots span:nth-child(2){background:#6e6e80}.hero-card .dots span:nth-child(3){background:#7e7e90}.hero-card h1{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.2;margin-bottom:clamp(10px,1.5vh,16px);margin-top:10px;position:relative;z-index:1}.hero-card h1 .accent{color:var(--blue-glow)}.hero-card p{font-size:clamp(1rem,1.6vw,1.15rem);color:var(--text-muted);max-width:480px;margin:0 auto clamp(20px,3vh,28px);line-height:1.55;position:relative;z-index:1}.cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:200px;min-height:48px;padding:14px 32px;font-size:clamp(1rem,1.5vw,1.1rem);font-weight:700;color:#fff;background:var(--blue);background:linear-gradient(135deg,#4d8dff 0,#3d6df5 40%,#2f5cd0 100%);border:none;border-radius:12px;cursor:pointer;text-decoration:none;letter-spacing:.01em;position:relative;z-index:1;box-shadow:0 4px 20px rgba(77,141,255,0.35),0 0 0 0 rgba(77,141,255,0.5);transition:box-shadow .25s ease,transform .2s ease,background .25s ease;outline:none}.cta-primary:focus-visible,.cta-secondary:focus-visible{box-shadow:0 4px 20px rgba(77,141,255,0.35),0 0 0 2px var(--focus-ring),0 0 0 4px rgba(77,141,255,0.2);outline:none}.cta-primary:hover,.cta-secondary:hover{box-shadow:0 6px 28px rgba(77,141,255,0.5),0 0 0 0 rgba(77,141,255,0.4);transform:translateY(-1px);background:linear-gradient(135deg,#5d9dff 0,#4d7df5 40%,#3f6ce0 100%)}.cta-primary:active,.cta-secondary:active{transform:translateY(0);box-shadow:0 2px 12px rgba(77,141,255,0.3);transition:box-shadow .1s ease,transform .1s ease}.badges-row{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,16px);justify-content:center;align-items:center;width:100%;max-width:620px;position:relative;z-index:1}.badge-hex{display:flex;align-items:center;gap:7px;background:rgba(17,17,24,0.8);border:1px solid rgba(139,92,246,0.25);border-radius:8px;font-size:clamp(.8rem,1.2vw,.9rem);color:var(--text-muted);white-space:nowrap;position:relative;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0% 50%);padding:10px 18px;min-height:42px;transition:border-color .25s ease,box-shadow .25s ease}.badge-hex:hover{border-color:rgba(139,92,246,0.55);box-shadow:0 0 18px rgba(139,92,246,0.2)}.badge-hex .badge-icon{font-size:1.1em;flex-shrink:0}.benefits-section{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.5vw,24px);width:100%;max-width:700px;position:relative;z-index:1}@media(max-width:640px){.benefits-section{grid-template-columns:1fr;max-width:380px;gap:14px}}.benefit-card{background:rgba(17,17,24,0.75);border:1px solid rgba(77,141,255,0.15);border-radius:10px;padding:clamp(16px,2.5vh,22px) clamp(14px,2vw,20px);text-align:center;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0% 50%);transition:transform .25s ease,filter .25s ease,border-color .25s ease,box-shadow .25s ease;cursor:default;position:relative}.benefit-card:hover{transform:rotate(3deg);filter:saturate(70%);border-color:rgba(139,92,246,0.45);box-shadow:0 0 24px rgba(139,92,246,0.15)}.benefit-card .card-icon{font-size:clamp(1.6rem,2.5vw,2rem);margin-bottom:8px;display:block}.benefit-card h2{font-size:clamp(.95rem,1.3vw,1.1rem);font-weight:700;color:#fff;margin-bottom:4px;letter-spacing:-.01em}.benefit-card p{font-size:clamp(.8rem,1vw,.9rem);color:var(--text-muted);line-height:1.4;max-width:180px;margin:0 auto}.final-cta-section{text-align:center;width:100%;max-width:620px;position:relative;z-index:1}.final-cta-section p{color:var(--text-muted);margin-bottom:16px}.cta-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:200px;min-height:48px;padding:14px 32px;font-size:clamp(1rem,1.5vw,1.1rem);font-weight:700;color:#fff;background:transparent;border:1px solid rgba(77,141,255,0.45);border-radius:12px;cursor:pointer;text-decoration:none;letter-spacing:.01em;position:relative;z-index:1;box-shadow:0 4px 20px rgba(77,141,255,0.12);transition:box-shadow .25s ease,transform .2s ease,background .25s ease;outline:none}footer{position:relative;z-index:5;width:100%;max-width:900px;padding:20px 32px 32px;text-align:center;color:var(--text-muted);font-size:.9rem}