
:root { --ink:#f7f8ff; --muted:#9ba8c5; --violet:#8b5cff; --cyan:#35d7ff; --deep:#030612; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--deep); }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 70% 15%,#11134a 0,rgba(6,7,25,.5) 27%,transparent 50%),var(--deep); font-family:Arial,Helvetica,sans-serif; overflow-x:hidden; }
body:before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.2; background-image:linear-gradient(rgba(83,111,194,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(83,111,194,.09) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to bottom,transparent,black 35%,transparent); }
button,a { font:inherit; }
button { color:inherit; }
.shell { width:min(1360px,calc(100% - 72px)); margin-inline:auto; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; position:absolute; z-index:20; left:50%; transform:translateX(-50%); top:0; }
.brand { display:flex; align-items:center; gap:14px; color:white; text-decoration:none; letter-spacing:.22em; font-size:20px; font-weight:750; }
.brand-mark { width:34px; height:38px; position:relative; display:inline-block; filter:drop-shadow(0 0 9px #744fff); }
.brand-mark i { position:absolute; width:26px; height:26px; border:1px solid; transform:rotate(30deg) skew(-8deg); top:5px; left:4px; }
.brand-mark i:nth-child(1){border-color:#9e65ff;left:0}.brand-mark i:nth-child(2){border-color:#37cfff;left:8px}.brand-mark i:nth-child(3){transform:rotate(90deg) scale(.6);border-color:#fff}
.nav-links { display:flex; gap:44px; }
.nav-links a { color:#a7b1c8; text-decoration:none; font-size:14px; transition:.2s; }
.nav-links a:hover { color:white; }
.button { min-height:50px; padding:0 24px; border-radius:8px; border:1px solid #52607c; background:transparent; display:inline-flex; align-items:center; justify-content:center; gap:12px; cursor:pointer; font-weight:700; transition:.25s ease; }
.button:hover { transform:translateY(-2px); border-color:#9f8cff; box-shadow:0 10px 28px rgba(54,34,130,.35); }
.button-primary { border-color:#9982ff; background:linear-gradient(110deg,#6b35e9,#317ee8 55%,#33cbee); box-shadow:0 0 24px rgba(113,71,255,.65),inset 0 0 14px rgba(255,255,255,.22); }
.button-quiet { min-height:42px; padding-inline:20px; font-size:13px; }
.hero { min-height:900px; display:grid; grid-template-columns:.92fr 1.35fr; align-items:center; padding-top:104px; position:relative; }
.hero:after { content:""; position:absolute; height:1px; width:80%; left:10%; bottom:0; background:linear-gradient(90deg,transparent,#3b4d91,transparent); }
.hero-copy { position:relative; z-index:5; padding-bottom:36px; }
.eyebrow,.kicker { color:#b178ff; letter-spacing:.36em; font-size:12px; font-weight:800; }
.eyebrow span { color:#3bd8ec; }
h1 { font-size:clamp(56px,5.35vw,88px); line-height:1.01; letter-spacing:-.055em; max-width:720px; margin:27px 0 25px; }
.lede { color:#aab5cf; max-width:590px; font-size:19px; line-height:1.75; }
.hero-actions { display:flex; gap:16px; margin-top:40px; }
.proof-row { display:flex; gap:42px; margin-top:66px; }
.proof-row div { display:flex; flex-direction:column; border-left:1px solid #313d68; padding-left:15px; }
.proof-row strong { font-size:22px; color:white; }
.proof-row span { color:#77839f; font-size:11px; margin-top:5px; text-transform:uppercase; letter-spacing:.12em; }
.orbit-stage { height:690px; position:relative; perspective:900px; transform:translateX(3%); }
.orbit-stage:before { content:""; position:absolute; width:280px; height:280px; border-radius:50%; left:43%; top:47%; transform:translate(-50%,-50%); background:#6842ff; filter:blur(110px); opacity:.42; }
.orbit { position:absolute; border:1px solid rgba(87,125,239,.44); border-radius:50%; left:43%; top:48%; transform:translate(-50%,-50%) rotateX(66deg); box-shadow:0 0 14px rgba(61,150,255,.16),inset 0 0 14px rgba(138,65,255,.15); }
.orbit-one{width:350px;height:350px;border-color:#9a55ff;animation:breath 3.2s ease-in-out infinite}.orbit-two{width:590px;height:590px;border-style:dashed}.orbit-three{width:840px;height:840px;border-color:rgba(52,207,255,.32)}
.core-node { position:absolute; left:43%; top:47%; width:190px; height:105px; border-radius:50%; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:radial-gradient(ellipse,rgba(74,43,176,.8),rgba(13,20,67,.84) 58%,rgba(34,211,255,.3)); border:1px solid #9f7dff; box-shadow:0 0 18px #854fff,0 0 65px #1a8aff,inset 0 0 23px #6052f4; font-weight:800; letter-spacing:.12em; }
.core-cube { width:42px; height:42px; position:relative; }
.core-cube i { position:absolute; inset:0; border:1px solid white; transform:rotate(30deg) skew(-8deg); box-shadow:0 0 9px #66caff; }.core-cube i:nth-child(2){transform:rotate(90deg) scale(.65)}.core-cube i:nth-child(3){transform:rotate(150deg) scale(.65)}
.industry-card { position:absolute; width:174px; height:116px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:11px; text-transform:uppercase; font-size:13px; letter-spacing:.08em; color:#eff3ff; border-radius:14px; border:1px solid #7e83c7; background:linear-gradient(140deg,rgba(130,84,255,.28),rgba(10,20,52,.86)); box-shadow:inset 0 0 19px rgba(123,67,240,.18),0 0 20px rgba(90,62,211,.25); backdrop-filter:blur(11px); transform:rotate(2deg); }
.industry-card span { font-size:27px; color:#c0caff; }.card-hospitality{top:8%;left:50%}.card-retail{top:39%;left:4%}.card-distribution{right:-2%;top:45%;border-color:#22c8f2;box-shadow:inset 0 0 20px rgba(27,165,255,.22),0 0 20px rgba(24,174,255,.3)}
.tier-pill { position:absolute; width:142px; height:48px; display:flex; align-items:center; justify-content:flex-start; padding-left:24px; gap:13px; border:1px solid #596da1; border-radius:17px; background:rgba(14,25,65,.83); text-transform:uppercase; font-size:12px; letter-spacing:.07em; backdrop-filter:blur(10px); }
.tier-pill i { width:14px; height:14px; border-radius:50%; background:#79cbff; box-shadow:0 0 13px #5ecbff; }.tier-standard{left:51%;top:67%}.tier-plus{left:48%;top:77%;border-color:#a864ff}.tier-plus i{background:#b278ff;box-shadow:0 0 13px #a74dff}.tier-pro{left:44%;top:87%}
.star { position:absolute; width:4px; height:4px; border-radius:50%; background:white; box-shadow:0 0 12px 4px #7f5aff; }.s1{left:22%;top:27%}.s2{right:11%;top:29%}.s3{left:15%;bottom:16%}.s4{right:25%;bottom:9%}
.section { padding:132px 0; position:relative; }
.section-heading { max-width:790px; margin-bottom:52px; }.section-heading.narrow{max-width:660px}.section-heading h2 { font-size:clamp(39px,4vw,62px); letter-spacing:-.045em; line-height:1.05; margin:17px 0 19px; }.section-heading>p:last-child { color:var(--muted); font-size:17px; line-height:1.75; }
.thesis-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.glass-card { border:1px solid #28335b; background:linear-gradient(145deg,rgba(22,29,70,.72),rgba(7,10,29,.85)); border-radius:22px; box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 70px rgba(0,0,0,.2); }
.metric-card { min-height:350px; padding:32px; display:flex; flex-direction:column; position:relative; overflow:hidden; }
.metric-card:after { content:""; position:absolute; width:130px;height:130px;border-radius:50%;background:#5e32ff;filter:blur(65px);opacity:.2;right:-30px;bottom:-30px}.metric-card .index{color:#7584aa;font-size:11px;letter-spacing:.16em}.metric-card h3{font-size:23px;margin:44px 0 13px}.metric-card p{color:#98a4c0;line-height:1.65;font-size:14px}.metric-card strong{font-size:42px;margin-top:auto;background:linear-gradient(90deg,#a688ff,#4ed9ff);background-clip:text;color:transparent}.metric-card small{color:#687590;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
.architecture { display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; align-items:center; }
.layer-stack { display:flex; flex-direction:column; gap:10px; perspective:1000px; }
.layer { min-height:86px; display:grid; grid-template-columns:48px 1fr 28px; align-items:center; padding:14px 22px; border:1px solid #273767; border-radius:13px; background:linear-gradient(90deg,rgba(19,26,65,.94),rgba(15,18,47,.75)); transition:.3s; box-shadow:0 14px 34px rgba(0,0,0,.18); }.layer:hover{transform:translateX(-10px);border-color:#765cf2;box-shadow:0 12px 45px rgba(78,49,183,.26)}.layer>span{color:#5f75a7;font-size:12px}.layer h3{font-size:16px;margin:0 0 7px}.layer p{color:#8592ad;font-size:12px;margin:0}.layer i{width:9px;height:9px;border:1px solid #45d1ff;transform:rotate(45deg);box-shadow:0 0 10px #3bcfff}
@keyframes breath {50%{box-shadow:0 0 24px rgba(133,67,255,.8),inset 0 0 24px rgba(33,185,255,.35)}}
@media(max-width:1000px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:140px}.hero-copy{padding-top:30px}.orbit-stage{height:620px;transform:scale(.88)}.architecture{grid-template-columns:1fr}.thesis-grid{grid-template-columns:1fr}.metric-card{min-height:270px}}
@media(max-width:650px){.shell{width:min(100% - 34px,1360px)}.nav{height:72px}.brand{font-size:16px}.nav .button{display:none}.hero{min-height:auto}.hero-actions{flex-direction:column;align-items:stretch}.proof-row{gap:16px;justify-content:space-between}.proof-row div{padding-left:9px}.orbit-stage{height:480px;transform:scale(.68);transform-origin:top center;margin-bottom:-110px;width:145%;left:-22%}.card-distribution{right:2%}.section{padding:90px 0}.section-heading h2{font-size:39px}.architecture{gap:36px}.layer{grid-template-columns:36px 1fr 15px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

.centered{text-align:center;margin-inline:auto}.mini-label{color:#7182a9!important;font-size:10px!important;letter-spacing:.19em;text-transform:uppercase}.edition-explorer{display:grid;grid-template-columns:330px 1fr;gap:18px}.edition-tabs{display:flex;flex-direction:column;gap:8px}.edition-tabs button{color:#8794b2;border:1px solid transparent;background:transparent;border-radius:12px;min-height:66px;padding:0 18px;display:flex;align-items:center;gap:17px;text-align:left;cursor:pointer;transition:.25s}.edition-tabs button span{width:37px;height:37px;border:1px solid #35436f;border-radius:9px;display:grid;place-items:center;color:#697aa5;font-size:10px}.edition-tabs button:hover,.edition-tabs button[aria-selected="true"]{color:white;border-color:#46548e;background:linear-gradient(90deg,rgba(68,48,148,.45),rgba(20,26,59,.4));transform:translateX(7px)}.edition-tabs button[aria-selected="true"] span{border-color:#9c65ff;color:#59dcff;box-shadow:0 0 17px rgba(122,79,255,.35)}.edition-display{min-height:438px;border:1px solid #293768;border-radius:24px;background:radial-gradient(circle at 23% 50%,rgba(108,62,230,.25),transparent 29%),linear-gradient(140deg,rgba(17,26,69,.83),rgba(6,9,28,.92));display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:52px;overflow:hidden;position:relative}.edition-display:after{content:"";position:absolute;width:360px;height:360px;border:1px dashed rgba(66,194,255,.25);border-radius:50%;left:-80px;top:40px}.edition-orb{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;margin:auto;background:radial-gradient(circle,#613ee5 0,#192163 35%,#09122e 63%);box-shadow:0 0 18px #6b4aff,0 0 70px rgba(33,145,255,.48);position:relative;z-index:2}.edition-orb:before,.edition-orb:after{content:"";position:absolute;border:1px solid #8868ff;inset:24px;transform:rotate(45deg);box-shadow:0 0 14px #5d94ff}.edition-orb:after{inset:49px;border-color:#4bdcff;transform:rotate(20deg)}.edition-orb span{font-size:32px;font-weight:900;letter-spacing:.12em;position:relative;z-index:2}.edition-content{position:relative;z-index:2}.edition-content h3{font-size:36px;margin:13px 0 30px}.edition-line{border-top:1px solid #28345b;padding:17px 0;display:grid;grid-template-columns:130px 1fr;gap:20px}.edition-line span{color:#6f7d9d;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.edition-line strong{font-size:13px;line-height:1.5}.capabilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.capabilities i{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#a8b4d0;border:1px solid #34426c;padding:9px 12px;border-radius:20px}
.tier-section{border-block:1px solid #19234a;background:radial-gradient(circle at 50% 50%,rgba(45,37,131,.3),transparent 45%),rgba(7,9,26,.65)}.tier-switch{max-width:680px;margin:0 auto 24px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #28365e;padding:7px;border-radius:14px;background:#070b1c}.tier-switch button{border:0;background:transparent;color:#7b89a8;min-height:59px;border-radius:9px;cursor:pointer;font-weight:800}.tier-switch button span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-top:5px;font-weight:500}.tier-switch button[aria-selected="true"]{color:white;background:linear-gradient(120deg,rgba(108,63,229,.64),rgba(21,131,193,.3));box-shadow:inset 0 0 20px rgba(114,74,240,.25)}.tier-panel{max-width:1050px;min-height:350px;margin:auto;border:1px solid #6350bd;border-radius:23px;padding:48px;display:grid;grid-template-columns:1.1fr 1fr 170px;gap:45px;align-items:center;background:linear-gradient(130deg,rgba(46,33,114,.76),rgba(8,13,37,.88) 57%,rgba(19,71,103,.4));box-shadow:0 25px 80px rgba(0,0,0,.35)}.tier-panel h3{font-size:34px;margin:12px 0}.tier-panel>div>p:last-child{color:#98a5c1;line-height:1.65}.tier-panel ul{padding:0;margin:0;list-style:none}.tier-panel li{border-bottom:1px solid #303b67;padding:15px 0;font-size:13px}.tier-panel li span{color:#5ecbf3;font-size:9px;margin-right:15px}.tier-signal{height:170px;width:170px;border:1px solid #7560dd;border-radius:50%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#5137bc,rgba(8,18,58,.8) 63%);box-shadow:0 0 45px rgba(88,59,220,.4)}.tier-signal span{font-size:52px;font-weight:900}.tier-signal small{text-transform:uppercase;letter-spacing:.16em;color:#aeb8d0}.addon-note{text-align:center;color:#7e8aa6;font-size:12px;margin-top:28px}.addon-note span{color:#52d5fb;border:1px solid #356288;border-radius:50%;padding:2px 6px;margin-right:8px}
.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:15px}.roadmap-grid:before{content:"";position:absolute;top:92px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,#6944db,#2bd1f5)}.roadmap-card{min-height:330px;padding:26px 25px;border:1px solid #25325b;border-radius:17px;background:linear-gradient(160deg,rgba(19,27,65,.8),rgba(6,9,25,.88));position:relative;z-index:2}.roadmap-top{display:flex;justify-content:space-between;color:#657398;font-size:9px;letter-spacing:.14em}.roadmap-top strong{font-size:14px;color:#7f8db0}.roadmap-dot{display:block;width:18px;height:18px;border-radius:50%;background:#7250ec;border:4px solid #1a1642;box-shadow:0 0 14px #7554ff;margin:49px 0 39px}.roadmap-dot.d2{background:#7d61ff}.roadmap-dot.d3{background:#35bcf1;box-shadow:0 0 14px #27d5ff}.roadmap-dot.d4{background:white;box-shadow:0 0 16px #27d5ff}.roadmap-card h3{font-size:19px;margin:0 0 14px}.roadmap-card p{color:#8b98b3;font-size:13px;line-height:1.65}.roadmap-card small{position:absolute;bottom:24px;color:#5d6a87;text-transform:uppercase;letter-spacing:.1em;font-size:8px}
.flywheel{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:100px;min-height:760px}.flywheel-visual{height:560px;position:relative}.wheel-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #4e4b9d}.wr1{width:460px;height:460px;border-style:dashed;animation:spin 30s linear infinite}.wr2{width:330px;height:330px;border-color:#365b9b;box-shadow:0 0 30px rgba(62,81,197,.22)}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#5a39c8,#131a51 55%,#07112c);box-shadow:0 0 25px #6548d9,0 0 70px rgba(36,171,255,.3)}.wheel-center strong{font-size:21px;letter-spacing:.09em;line-height:1.35}.wheel-center span{font-size:9px;color:#87cde9;margin-top:9px;text-transform:uppercase;letter-spacing:.1em}.wheel-label{position:absolute;color:#a6b1c9;font-size:11px;border:1px solid #303b6c;border-radius:20px;padding:11px 15px;background:#090d24}.wl1{left:34%;top:4%}.wl2{right:-2%;top:39%}.wl3{left:31%;bottom:2%}.wl4{left:-4%;top:45%}.flywheel-copy h2{font-size:clamp(40px,4vw,60px);letter-spacing:-.045em;line-height:1.06;margin:16px 0 22px}.flywheel-copy>p:last-of-type{color:#9aa7c1;line-height:1.75}.revenue-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:35px}.revenue-list span{border:1px solid #29345c;border-radius:11px;padding:15px;color:#b9c1d3;font-size:12px}.revenue-list i{font-style:normal;color:#39cff4;font-size:9px;margin-right:10px}
.final-cta{text-align:center;padding:150px 0 130px;border-block:1px solid #1f2a50;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;width:650px;height:300px;background:#5e32da;filter:blur(170px);opacity:.25;left:50%;top:50%;transform:translate(-50%,-50%)}.final-cta>*{position:relative}.final-cta h2{font-size:clamp(48px,6vw,84px);line-height:1.02;letter-spacing:-.055em;margin:20px 0}.final-cta h2 span{background:linear-gradient(90deg,#a76fff,#4edcff);color:transparent;background-clip:text}.final-cta>p:not(.kicker){color:#8d9ab6}.final-cta .button{margin-top:28px}.footer{min-height:120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:0}.footer .brand{font-size:14px}.footer .brand-mark{transform:scale(.7);transform-origin:left}.footer p,.footer>span{color:#56627d;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.footer>span{text-align:right}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:1000px){.edition-explorer{grid-template-columns:1fr}.edition-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.edition-display{grid-template-columns:1fr 1.3fr}.tier-panel{grid-template-columns:1fr 1fr}.tier-signal{display:none!important}.roadmap-grid{grid-template-columns:1fr 1fr}.roadmap-grid:before{display:none}.flywheel{grid-template-columns:1fr}.flywheel-copy{grid-row:1}.flywheel-visual{max-width:600px;width:100%;margin:auto}}
@media(max-width:650px){.edition-tabs{grid-template-columns:1fr 1fr}.edition-tabs button{font-size:11px;min-height:55px;padding:0 9px}.edition-tabs button span{width:30px;height:30px}.edition-display{grid-template-columns:1fr;padding:30px 22px}.edition-orb{width:140px;height:140px;margin-bottom:35px}.edition-content h3{font-size:27px}.edition-line{grid-template-columns:1fr;gap:7px}.tier-switch button{font-size:12px}.tier-panel{grid-template-columns:1fr;padding:28px 22px}.roadmap-grid{grid-template-columns:1fr}.roadmap-card{min-height:270px}.roadmap-dot{margin:35px 0 30px}.flywheel{gap:20px}.flywheel-visual{transform:scale(.72);margin-block:-70px}.revenue-list{grid-template-columns:1fr}.footer{grid-template-columns:1fr;text-align:center;padding:35px 0;gap:20px}.footer .brand{margin:auto}.footer>span{text-align:center}}
