:root{--bg:#0b1018;--panel:#121c29;--line:#253244;--muted:#a0adbf;--lime:#76ddbc}
body{font-family:Manrope,Arial,sans-serif;background:#0b1018;color:#edf2fa;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 85% 5%,#27746d22,transparent 40%),radial-gradient(ellipse at 4% 55%,#344f8f1c,transparent 40%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,auto,80px 80px,80px 80px;mask-image:linear-gradient(#000,#0008)}
body:after{content:'';position:fixed;width:600px;height:600px;right:-220px;top:10%;border-radius:50%;background:#559eb30c;filter:blur(65px);z-index:-1;pointer-events:none;animation:ambient-drift 20s ease-in-out infinite alternate}
header{height:90px;max-width:1440px;position:relative;background:#0b1018a6;border-color:#ffffff0d}.brand>b{font-size:14px;letter-spacing:1.5px}.brand{font-size:28px}nav{gap:25px}nav a{font-size:11px;color:#adbbce}.small-button{border-color:#526d6b;border-radius:8px;background:#76ddbc08}.login-link{color:#b6c4d7}.wrap{max-width:1260px}.hero{min-height:680px;gap:40px;padding-top:70px;padding-bottom:80px;position:relative}.hero:before{content:'';width:440px;height:440px;border:1px solid #76ddbc0b;border-radius:50%;position:absolute;right:-70px;top:100px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:#83cdbb}.eyebrow:before{content:'';display:inline-block;width:17px;height:1px;background:var(--lime);vertical-align:middle;margin-right:10px}h1{font-size:clamp(48px,5.1vw,70px);line-height:1.12;letter-spacing:-3.1px;font-weight:600}h1 em{color:#86dfc5}h2{font-weight:600;font-size:clamp(30px,3.2vw,42px);letter-spacing:-1.4px;line-height:1.22}h3{font-weight:600}.lead{font-size:14px;line-height:1.95;color:#a4b4c9;max-width:430px}.button{border-radius:8px;background:#7edfc1;border-color:#7edfc1;color:#101e20;padding:16px 23px;box-shadow:0 4px 20px #76ddbc0d;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{background:#a0ecd5;box-shadow:0 6px 30px #76ddbc20;transform:translateY(-3px)}.button.secondary{border-color:#35465d;background:#14203060;color:#d4dfed}.micro{color:#8495ab;line-height:1.8}.strip{background:#16223455;border:1px solid #2b3b50;border-radius:10px;padding:24px 28px;color:#7c92ac}.strip b{color:#d0ddeb}.section{padding:85px 0;position:relative}.card{border-color:#2c3b4d;background:linear-gradient(140deg,#192638b0,#101a27d9);border-radius:12px;padding:32px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.card:after{content:'';height:1px;position:absolute;top:0;left:10%;right:10%;background:linear-gradient(90deg,transparent,#a3d6d233,transparent)}a.card:hover{transform:translateY(-5px);border-color:#527c7b;box-shadow:0 14px 45px #0003}.card p{font-size:13px;color:#9bacbf;line-height:1.9}.icon{font-size:24px;color:#86d7c5;background:#7edfc10b;border:1px solid #7edfc11c;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;margin-bottom:32px}.panel,.form{background:linear-gradient(130deg,#172537c7,#111b28ed);border-color:#2c3d52;border-radius:12px;box-shadow:0 20px 60px #0002}.partner{background:linear-gradient(115deg,#183b3c,#172d36 55%,#172333);border:1px solid #3b6265;color:#e5f3f1;padding:50px}.partner .eyebrow{color:#89cdbf}.partner p{color:#acc5c8}.partner .button{background:#86dfc5;color:#102a28;border-color:#86dfc5}.partner:after{color:#93d5c209;right:30px;top:-20px}.profile{border-radius:7px;border-color:#2e4057;color:#a8b9cc;transition:background .2s,transform .2s}.profile:hover{transform:translateY(-2px);border-color:#6a9e96}.profile.active{background:#7edfc1;color:#122725;border-color:#7edfc1}.profile-view{background:linear-gradient(120deg,#1a2a3dc9,#111c29);border-color:#30455a;border-radius:12px;padding:38px;align-items:start;position:relative;overflow:hidden}.profile-view:after{content:'';width:210px;height:210px;border:1px solid #83d9c112;border-radius:50%;position:absolute;left:-55px;bottom:-110px;pointer-events:none}.profile-view p{font-size:13px;line-height:1.95;color:#acbbcd}.avatar{color:#81c9ba;background:radial-gradient(#7edfc10b,transparent 70%);padding-top:25px;font-size:85px}.payment{font-size:76px;color:#86dfc5}.payment small{color:#a3bac2}.rule{border-color:#2c3b4d;gap:20px}.rule b{font-weight:500;color:#d2dfeb}.demo-screen{background:#101b28;border-color:#30455a;box-shadow:0 25px 60px #0003}.demo-bar{color:#86b7b0}.chart{border-color:#334c5a}.chart i{background:linear-gradient(#84d7c2,#315b65);transform-origin:bottom;animation:bar-enter 1.2s ease both}.chart i:nth-child(2n){animation-delay:.1s}.chart i:nth-child(3n){animation-delay:.2s}.notice{background:#7edfc107;border-color:#5d9f92;color:#a4b9c7}.cta{border-top-color:#2a3b4c;border-radius:20px 20px 0 0;background:radial-gradient(ellipse at bottom,#5bb7ab18,transparent 75%);padding:75px 25px}.cta h2{font-size:42px}.page-top{padding-top:80px}.page-top h1{font-size:60px;font-weight:600}.page-top p{line-height:1.95;color:#a3b4c8}input,select,textarea{background:#0c1521;border-color:#33465e;color:#dfebf6;border-radius:7px}details{border-color:#29394d;padding:26px 0}summary{font-size:15px;color:#d7e2ef}footer{border-color:#28374a;padding-top:45px;color:#8296ae}footer .brand{color:#dce6f2}dialog{background:#142133;border-color:#405c71}.hero-art{background:radial-gradient(ellipse,#64c7ac0c,transparent 68%);perspective:900px}.orbit{border-color:#57988c55;width:440px;height:440px;animation:orbit-turn 80s linear infinite}.orbit:before{content:'';position:absolute;top:40px;left:70px;width:6px;height:6px;border-radius:50%;background:#96d9c5;box-shadow:0 0 18px #96d9c5}.orbit:after{border-color:#57988c44}.table{width:410px;height:235px;background:radial-gradient(ellipse,#264746,#132d31);border:11px solid #23343f;box-shadow:0 0 0 1px #68827d,0 35px 80px #0008,inset 0 0 0 2px #54776e;animation:table-float 9s ease-in-out infinite}.playing-card{background:#e7ece8}.chip{background:#387365;border-color:#a0c8ba;box-shadow:0 4px 0 #254d43}.chip.c3{background:#263d52;border-color:#afbdc5}.felt-logo{font-size:11px;color:#bad9cf55;letter-spacing:3px}.float-label{background:#182737ed;border-color:#385267;border-radius:10px;box-shadow:0 15px 45px #0005;animation:label-float 7s ease-in-out infinite}.float-label.right{animation-delay:-3s;top:35px;right:-10px}.float-label b{font-size:15px;font-weight:600}.status{color:#a0b8ca;letter-spacing:.5px;font-size:9px}.status i{box-shadow:0 0 0 4px #7edfc10c;background:#7edfc1}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.hero>div:first-child{animation:hero-enter .85s ease both}.hero-art{animation:hero-enter 1.1s ease both}
@keyframes ambient-drift{to{transform:translate(-160px,120px)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes table-float{0%,100%{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-10px)}}@keyframes label-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-enter{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@media(max-width:1050px){nav{gap:14px}.hero{gap:15px}.brand>b{font-size:12px}.wrap{padding:0 30px}.hero-art{scale:.85}.hero{min-height:610px}header{padding:0 3%}.header-actions{gap:12px}.small-button{padding:12px;font-size:11px}}
@media(max-width:750px){header{height:75px;padding:0 18px}nav{background:#142133;top:75px}.brand>b{font-size:10px;letter-spacing:.7px}.brand{font-size:23px;gap:7px}.header-actions{gap:10px}.small-button{padding:10px 8px;font-size:9px}.small-button span{margin-left:5px}.wrap{padding:0 23px}.hero{padding:45px 0 25px;gap:0;min-height:auto}.hero h1{font-size:51px;letter-spacing:-2px}.hero-art{height:370px;scale:.82;margin-top:0}.hero:before{display:none}.strip{padding:20px;font-size:10px}.section{padding:55px 0}.card{padding:26px}.partner{padding:29px}.profile-view{padding:26px}.avatar{padding-top:0;font-size:60px}.page-top{padding-top:48px}.page-top h1{font-size:43px;letter-spacing:-2px}.cta h2{font-size:31px}.float-label.right{right:-10px}.profile{padding:11px 12px}.hero .lead{font-size:13px}.section-heading p{font-size:13px}.hero-art .orbit{width:410px;height:410px}footer .brand>b{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}}
.hero{grid-template-columns:.9fr 1.15fr;gap:25px}.hero-scene{height:480px;min-width:0;perspective:none;scale:1;position:relative;border-radius:18px;overflow:hidden;border:1px solid #7edfc125;box-shadow:0 25px 80px #0004;background:#0b151b}.hero-scene-image{width:100%;height:100%;display:block;object-fit:cover;object-position:57% center;animation:scene-breathe 22s ease-in-out infinite alternate}.hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b1018f0,transparent 30%,transparent 80%,#0b101833);pointer-events:none}.scene-caption{position:absolute;bottom:26px;left:26px;z-index:1}.scene-caption b{display:block;font-weight:500;font-size:16px;color:#e2f1ed;margin-top:12px}@keyframes scene-breathe{from{transform:scale(1)}to{transform:scale(1.045)}}@media(max-width:1000px){.hero-scene{height:430px;scale:1}.hero h1{font-size:55px}}@media(max-width:750px){.hero{grid-template-columns:1fr;gap:28px}.hero-scene{height:auto;aspect-ratio:1.35;margin-bottom:25px}.hero-scene-image{object-position:center}.hero h1{font-size:51px}.scene-caption{bottom:20px;left:20px}.scene-caption b{font-size:13px}}@media(prefers-reduced-motion:reduce){.hero-scene-image{animation:none}}
/* Integrated cinematic hero */
.hero{isolation:isolate;position:relative;min-height:710px;grid-template-columns:1fr 1fr;overflow:visible;padding-top:90px;padding-bottom:100px}.hero>div:first-child{z-index:3;position:relative;max-width:570px}.hero h1{font-size:clamp(48px,5.1vw,70px);text-shadow:0 3px 40px #0b1018}.hero .lead{color:#b6c4d6;text-shadow:0 2px 15px #0b1018}.hero:before{inset:0 -70px;top:0;right:-70px;width:auto;height:auto;border:0;border-radius:0;background:radial-gradient(ellipse at 75% 36%,#78d6bd10,transparent 60%);z-index:-1}.hero-scene{position:absolute;inset:0 -95px 0 29%;height:auto;width:auto;min-width:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:transparent;z-index:-1;animation:hero-enter 1.2s ease both;mask-image:linear-gradient(90deg,transparent 0%,#000 29%,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 29%,#000 87%,transparent 100%)}.hero-scene-image{width:100%;height:100%;object-fit:cover;object-position:57% 40%;filter:saturate(.72) brightness(.77);opacity:.92;animation:scene-breathe 28s ease-in-out infinite alternate}.hero-scene:after{background:linear-gradient(90deg,#0b1018e8 0%,#0b101875 20%,transparent 52%),linear-gradient(0deg,#0b1018 0%,#0b1018b0 10%,transparent 32%,transparent 65%,#0b1018db 95%,#0b1018 100%);inset:-1px;z-index:1}.scene-caption{display:none}.hero .actions{margin-top:34px}.hero .micro{max-width:390px;color:#9bb2b9}.strip{position:relative;background:#121d2bd9;backdrop-filter:blur(16px);margin-top:-20px;z-index:4;border-color:#35485b88;box-shadow:0 -20px 70px #0b101855}.hero:after{content:"";position:absolute;left:-60px;bottom:30px;width:520px;height:1px;background:linear-gradient(90deg,transparent,#7edfc133,transparent);pointer-events:none}
@media(min-width:1400px){.hero-scene{right:-130px;left:26%}}@media(max-width:1000px){.hero{min-height:650px;gap:0}.hero-scene{inset:0 -30px 0 25%;scale:1;height:auto}.hero h1{font-size:58px}.hero>div:first-child{max-width:470px}.hero .lead{max-width:350px}.hero-scene-image{object-position:56% center;filter:saturate(.7) brightness(.62)}}@media(max-width:750px){.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding-top:48px;padding-bottom:0;gap:0}.hero>div:first-child{max-width:none}.hero h1{font-size:51px}.hero .lead{max-width:420px}.hero-scene{position:relative;inset:auto;width:calc(100% + 46px);height:360px;min-height:360px;aspect-ratio:auto;margin:-10px -23px 0;z-index:-1;mask-image:linear-gradient(0deg,transparent,#000 22%,#000 85%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 22%,#000 85%,transparent)}.hero-scene-image{object-position:center 35%;filter:saturate(.75) brightness(.82);opacity:1}.hero-scene:after{background:linear-gradient(0deg,#0b1018,transparent 25%,transparent 65%,#0b1018)}.hero .micro{position:relative;z-index:3}.hero:after{display:none}.strip{margin-top:-10px;backdrop-filter:none}.hero:before{inset:0 -23px}}
body{overflow-x:clip}