:root{--bg:#050509;--panel:#0c0c13;--text:#fff;--muted:#bdb8c7;--line:rgba(255,255,255,.10);--purple:#9a85ff;--blue:#6aaeff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 8%,rgba(126,88,255,.15),transparent 28%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:74px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(5,5,9,.72);backdrop-filter:blur(14px)}.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.22em}.brandtext{display:inline-flex;align-items:baseline;gap:7px}.brandsub{font-size:.68em;letter-spacing:.18em;opacity:.82}.brandmark{width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center}.navlinks{display:flex;gap:12px;align-items:center}.navlinks a,.navlinks button{border:0;background:none;color:#d7d3df;font:inherit;padding:10px 14px;cursor:pointer}.shop{background:#fff!important;color:#111!important;border-radius:999px!important;font-weight:700!important;padding:11px 20px!important}.ghost{border:1px solid var(--line)!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important}
.heroScroll{height:205vh;position:relative;padding-top:74px}.sticky{position:sticky;top:94px}.intro{text-align:center;max-width:1120px;margin:0 auto;padding:0 14px;overflow:visible}.badge{display:inline-flex;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:9px 14px;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#d3ceda}.intro h1{font-size:clamp(54px,7.4vw,106px);line-height:.94;letter-spacing:-.055em;margin:26px 0 0;overflow:visible}.gradient{background:linear-gradient(90deg,#fff,#c7bbff,#8a6cff);background-clip:text;color:transparent}.intro p{max-width:760px;margin:24px auto 0;color:var(--muted);font-size:18px}
.heroMedia{margin:48px auto 0;max-width:1180px;border:1px solid var(--line);border-radius:30px;padding:9px;background:#09080f;box-shadow:0 28px 120px rgba(0,0,0,.5);transform-origin:center center;will-change:transform,opacity}.heroMediaInner{position:relative;overflow:hidden;border-radius:23px}.heroMedia img{display:block;width:100%;height:min(63vh,680px);object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,3,8,.82),transparent 48%,rgba(0,0,0,.18))}.scrollnote{position:absolute;left:50%;top:18px;transform:translateX(-50%);color:rgba(255,255,255,.52);font-size:11px;letter-spacing:.18em;text-transform:uppercase;z-index:2;white-space:nowrap}.scrollIndicator{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:12;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.45);pointer-events:none}.mouse{width:27px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:20px;display:grid;justify-items:center;padding-top:8px;background:rgba(255,255,255,.03);backdrop-filter:blur(6px)}.mouse span{width:4px;height:8px;border-radius:999px;background:rgba(255,255,255,.58);animation:wheel 1.4s ease-in-out infinite}.scrollIndicatorText{font-size:11px;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}@keyframes wheel{0%{transform:translateY(0);opacity:.15}40%{opacity:.9}100%{transform:translateY(12px);opacity:.15}}
.choicesWrap{position:absolute;left:0;right:0;bottom:4vh;opacity:0;transform:translateY(70px);will-change:opacity,transform}.choices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{position:relative;overflow:hidden;min-height:430px;color:#fff;text-align:left;font:inherit;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.047),rgba(255,255,255,.018));padding:36px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s}.card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.18);box-shadow:0 25px 70px rgba(0,0,0,.28)}.label{position:absolute;top:34px;left:50%;transform:translateX(-50%);width:max-content;font-size:12px;letter-spacing:.22em;color:#fff;text-transform:uppercase;text-align:center}.card h2{font-size:clamp(46px,5vw,72px);line-height:.92;letter-spacing:-.055em;margin:48px 0 0;color:#fff}.card p{color:var(--muted);font-size:17px;max-width:500px;line-height:1.7}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pill{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:#c9c4cf;font-size:12px}.cta{margin-top:26px;font-weight:700}.purple{color:var(--purple)}.blue{color:var(--blue)}.arrow{position:absolute;left:30px;top:26px;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:22px}.card:before{content:'';position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(90px);opacity:.16}.b2b:before{left:-90px;bottom:-120px;background:#3788ff}.b2c:before{left:-90px;bottom:-120px;background:#3788ff}.card>*{position:relative;z-index:2}
.section{border-top:1px solid rgba(255,255,255,.07);padding:90px 0}.sectionTop{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end}.eyebrow{color:var(--purple);font-size:12px;letter-spacing:.19em;text-transform:uppercase}.section h3{font-size:clamp(46px,5vw,68px);line-height:.95;letter-spacing:-.05em;margin:14px 0 0}.sectionTop>p{color:var(--muted);font-size:20px;max-width:620px;margin:0}.miniGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}.mini{border-top:1px solid var(--line);padding-top:22px}.mini b{color:var(--purple);font-size:12px}.mini h4{font-size:24px;margin:24px 0 10px}.mini p{color:#aaa5b3;margin:0}.mini p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.bottomCTA{margin:0 auto 90px;max-width:1180px;border:1px solid var(--line);border-radius:30px;padding:42px;background:radial-gradient(circle at 90% 0%,rgba(126,88,255,.18),transparent 35%),#0a0912;display:flex;justify-content:space-between;align-items:end;gap:34px}.bottomCTA h4{font-size:clamp(38px,4.5vw,60px);line-height:.95;letter-spacing:-.05em;margin:10px 0 0}.btn{border:0;border-radius:999px;padding:14px 22px;font-weight:700;cursor:pointer}.btnWhite{background:#fff;color:#111}
.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:block}.backdrop{position:absolute;inset:0;border:0;padding:0;margin:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100% - 28px));max-height:calc(100vh - 28px);overflow:auto;border:1px solid var(--line);border-radius:26px;background:#0a0911;box-shadow:0 30px 120px rgba(0,0,0,.55)}.panelHead{display:flex;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;background:rgba(10,9,17,.95);backdrop-filter:blur(12px);z-index:2}.panelHead h2{margin:6px 0 0;font-size:30px}.close{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:none;color:#fff;font-size:24px;cursor:pointer}.form{padding:26px 28px;display:grid;gap:18px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px;color:#d0cad8;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;padding:14px 15px;font:inherit}.field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23ffffff' stroke-opacity='0.7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px;color-scheme:dark}.field textarea{min-height:130px}.field option,.field optgroup{background:#0a0911;color:#fff}.formNote{border:1px solid rgba(154,133,255,.22);background:rgba(154,133,255,.07);border-radius:16px;padding:14px 16px;color:#cfc9d8;font-size:14px}.formError{display:none;border:1px solid rgba(255,90,100,.28);background:rgba(255,90,100,.08);color:#ffd9dc;border-radius:16px;padding:14px}.contactPage{padding:130px 0 90px}.contactHero{text-align:center;max-width:900px;margin:auto}.contactHero h1{font-size:clamp(54px,7vw,96px);line-height:.92;letter-spacing:-.06em;margin:14px 0}.contactHero p{color:var(--muted);font-size:19px}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:50px}.contactCard{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));padding:30px;min-height:260px}.contactCard h2{font-size:34px;margin:34px 0 0}.contactCard p{color:var(--muted)}
footer{border-top:1px solid rgba(255,255,255,.07);padding:32px 0;color:#8a8491;font-size:14px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:800px){.navlinks .ghost,.navlinks .contactLink{display:none}.heroScroll{height:auto;padding-bottom:60px}.sticky{position:relative;top:auto;padding-top:50px}.heroMedia{transform:none!important;opacity:1!important}.choicesWrap{position:relative;opacity:1!important;transform:none!important;margin-top:50px}.choices,.sectionTop,.miniGrid,.contactGrid,.row{grid-template-columns:1fr}.sectionTop{gap:24px}.heroMedia img{height:48vh}.card{min-height:390px}.bottomCTA{margin:0 18px 70px;display:block}.bottomCTA .btn{margin-top:26px}.panel{top:12px;transform:translateX(-50%);max-height:calc(100vh - 24px)}}

.responseTime{margin-top:10px;color:#d9eaff;font-size:13px;font-weight:600}.card.b2b .label,.card.b2b h2,.card.b2c .label{color:#fff}.card.b2b .arrow{border-color:rgba(106,174,255,.32)}
button,.backdrop,.card,.close,.btn,.ghost{outline:none}.backdrop:focus,.card:focus,.close:focus,.btn:focus,.ghost:focus{outline:none;box-shadow:none}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:rgba(106,174,255,.55);box-shadow:0 0 0 3px rgba(106,174,255,.08)}

@media(max-width:800px){.scrollIndicator{display:none}.scrollnote{top:12px;font-size:10px;letter-spacing:.14em}}