:root{--bg:#050912;--navy:#17234f;--line:rgba(118,220,235,.2);--text:#eefcff;--muted:#9bb5c4;--dim:#688291;--cyan:#08bfc8;--cyan-bright:#27e0df;--lime:#d9ff22;--shadow:0 24px 80px rgba(0,0,0,.42);font-family:"Segoe UI",Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(ellipse 44rem 32rem at 74% 28%,rgba(8,191,200,.13),transparent 68%),radial-gradient(ellipse 30rem 26rem at 16% 82%,rgba(23,35,79,.3),transparent 70%),linear-gradient(180deg,#050912,#08111d 54%,#050912)}button,a{font:inherit}button{cursor:pointer}.preview-glow{position:fixed;pointer-events:none;border-radius:50%;filter:blur(4px);opacity:.35}.preview-glow-one{width:24rem;height:24rem;top:20%;left:-15rem;background:rgba(8,191,200,.16)}.preview-glow-two{width:20rem;height:20rem;right:-10rem;bottom:8%;background:rgba(217,255,34,.06)}.preview-shell{position:relative;width:min(820px,calc(100% - 40px));margin:auto;padding:24px 0 32px}.preview-nav{display:flex;align-items:center;justify-content:space-between;min-height:48px}.preview-brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.preview-brand-mark{display:grid;place-items:center;width:38px;height:38px;color:var(--cyan);border:1px solid rgba(8,191,200,.7);border-radius:12px;background:rgba(8,191,200,.1);box-shadow:0 0 22px rgba(8,191,200,.16)}.preview-brand-mark svg{width:34px;height:34px}.brand-wordmark{display:flex;align-items:baseline;letter-spacing:-.08em;font-size:1.22rem;line-height:1}.brand-wordmark strong{color:var(--text);font-weight:900}.brand-wordmark b{color:var(--cyan);font-weight:800}.preview-label{margin-left:4px;padding:4px 8px;color:var(--lime);border:1px solid rgba(217,255,34,.3);border-radius:999px;font:700 .62rem/1 ui-monospace,monospace;letter-spacing:.12em}.live-dot{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.75rem}.live-dot i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.hero-grid{padding:clamp(64px,10vw,116px) 0 44px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--lime);font:800 .68rem/1 ui-monospace,monospace;letter-spacing:.17em}.eyebrow-line{width:34px;height:1px;background:var(--cyan)}h1,p{margin:0}.hero-copy h1{max-width:700px;margin:24px 0 22px;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.92;letter-spacing:-.085em}.hero-copy h1 em{display:block;color:var(--cyan);font-style:normal}.hero-lead{max-width:610px;color:var(--muted);font-size:clamp(1rem,1.8vw,1.16rem);line-height:1.7}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:32px}.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 18px;border:1px solid rgba(217,255,34,.5);border-radius:15px;color:#102044;background:linear-gradient(135deg,var(--cyan-bright),var(--lime));box-shadow:0 14px 34px rgba(8,191,200,.28);font-weight:900;transition:transform .2s ease,filter .2s ease}.primary-cta:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-cta[aria-busy=true]{cursor:wait;filter:saturate(.7);opacity:.8}.primary-cta:focus-visible,.secondary-cta:focus-visible{outline:3px solid rgba(217,255,34,.65);outline-offset:3px}.cta-icon svg{width:20px;height:20px}.cta-arrow{font-size:1.3rem}.secondary-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);font-size:.88rem;text-decoration:none}.secondary-cta:hover{color:var(--text)}.trust-line{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--dim);font-size:.76rem}.trust-check{color:var(--lime);font-weight:900}.benefit-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:30px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--lime);font-size:.86rem}.benefit-line>span{color:var(--cyan);font-weight:700}.benefit-line small{flex-basis:100%;color:var(--dim);font-size:.72rem;line-height:1.4}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);color:var(--dim);font-size:.74rem}.preview-footer a{color:var(--cyan-bright);text-decoration:none}.toast{position:fixed;right:20px;bottom:20px;display:flex;align-items:center;gap:9px;max-width:calc(100% - 40px);padding:12px 15px;color:#dbeafe;border:1px solid rgba(8,191,200,.3);border-radius:13px;background:#101b27;box-shadow:var(--shadow);font-size:.8rem;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s ease}.toast.visible{opacity:1;transform:translateY(0)}.toast-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}@media(max-width:760px){.preview-shell{width:min(100% - 28px,560px);padding:14px 0 24px}.live-dot{display:none}.hero-grid{padding:62px 0 28px}.hero-copy h1{max-width:100%;margin:20px 0 18px;font-size:clamp(2.85rem,15vw,4.5rem);line-height:.94}.hero-lead{font-size:.96rem;line-height:1.58}.hero-actions{display:block;margin-top:26px}.primary-cta{width:100%;min-height:56px}.secondary-cta{justify-content:center;width:100%;margin-top:12px}.trust-line{align-items:flex-start;margin-top:16px;font-size:.7rem;line-height:1.45}.benefit-list{margin-top:28px}.benefit-row{gap:12px;padding:14px 0}.benefit-row strong{font-size:.82rem}.benefit-row div span{font-size:.7rem}.preview-footer{align-items:flex-start;flex-direction:column;gap:10px;margin-top:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
/* Spacing refinement: compact 8/16px rhythm for mobile-first layout */
.preview-shell{padding-top:16px;padding-bottom:24px}.preview-nav{min-height:42px}.hero-grid{padding-top:72px;padding-bottom:32px}.hero-copy h1{margin-top:16px;margin-bottom:16px}.hero-lead{line-height:1.58}.hero-actions{margin-top:24px}.trust-line{margin-top:12px}.benefit-line{margin-top:22px;padding:12px 0}.preview-footer{margin-top:24px;padding-top:16px}
@media(max-width:760px){.preview-shell{width:calc(100% - 28px);padding-top:12px;padding-bottom:20px}.hero-grid{padding-top:48px;padding-bottom:20px}.hero-copy h1{margin-top:16px;margin-bottom:14px}.hero-actions{margin-top:20px}.trust-line{margin-top:10px}.benefit-line{margin-top:18px;padding:11px 0;gap:6px}.preview-footer{margin-top:20px;padding-top:14px}}