:root{--bg:#050608;--bg2:#090b10;--panel:#0b0e14;--line:rgba(255,255,255,.085);--text:#f5f7fb;--muted:#8e96a5;--accent:#8b5cf6;--accent2:#22d3ee;--green:#53e6a3;--shadow:0 30px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}.orb{position:fixed;border-radius:999px;filter:blur(120px);pointer-events:none;opacity:.14}.orb-one{width:560px;height:560px;background:var(--accent);top:-280px;left:-220px}.orb-two{width:440px;height:440px;background:var(--accent2);right:-240px;top:320px}.topbar{height:76px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:rgba(5,6,8,.72);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:-.5px}.brand-mark{width:31px;height:31px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(34,211,238,.12));text-shadow:0 0 18px var(--accent2)}.brand-accent{color:#a78bfa}.nav{display:flex;gap:34px}.nav a,.mini-link{color:#a8afbb;font-size:14px;transition:.2s}.nav a:hover,.mini-link:hover{color:white}.header-actions{display:flex;align-items:center;gap:17px}.btn{min-height:48px;padding:0 22px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:14px;transition:.25s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.22)}.btn-small{min-height:39px;padding:0 16px;background:#fff;color:#06070a;border-color:#fff}.btn-primary{background:linear-gradient(135deg,#7c3aed,#6d5dfc 55%,#3899d3);border-color:rgba(167,139,250,.7);box-shadow:0 14px 40px rgba(124,58,237,.22)}.btn-primary:hover{box-shadow:0 18px 50px rgba(124,58,237,.38)}.btn-ghost{background:rgba(255,255,255,.025)}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px}.section-pad{padding-left:max(28px,calc((100vw - 1280px)/2));padding-right:max(28px,calc((100vw - 1280px)/2))}.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding-top:140px;padding-bottom:105px;position:relative;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-content,.hero-card{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:2.3px;color:#aeb5c0}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}h1,h2,h3{font-family:"Space Grotesk",sans-serif;margin:0}.hero h1{font-size:clamp(54px,6.2vw,92px);line-height:.94;letter-spacing:-4.8px;margin:26px 0}.hero h1 span,.section-head h2 span,.center-head h2 span,.faq-intro h2 span,.support-copy h2 span{color:transparent;background:linear-gradient(90deg,#a78bfa,#67e8f9);background-clip:text;-webkit-background-clip:text}.hero-copy{max-width:660px;color:var(--muted);font-size:17px;line-height:1.75}.hero-buttons{display:flex;gap:12px;margin-top:31px}.stats{margin-top:55px;display:flex;gap:28px;align-items:center}.stat{display:flex;flex-direction:column;gap:5px}.stat strong{font-family:"Space Grotesk";font-size:24px}.stat span{color:var(--muted);font-size:12px}.divider{width:1px;height:37px;background:var(--line)}.hero-card{height:520px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(160deg,rgba(18,22,31,.94),rgba(8,10,15,.8));box-shadow:var(--shadow);overflow:hidden;transform:perspective(1000px) rotateY(-4deg) rotateX(1deg)}.card-glow{position:absolute;width:350px;height:350px;background:var(--accent);filter:blur(120px);opacity:.18;right:-120px;top:-140px}.terminal-head{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#6f7785;font-size:10px;letter-spacing:1.5px}.terminal-dots{display:flex;gap:6px}.terminal-dots i{width:7px;height:7px;border-radius:50%;background:#2c3340}.license-art{height:360px;display:grid;place-items:center;position:relative}.ring{position:absolute;border:1px solid rgba(139,92,246,.22);border-radius:50%}.ring-1{width:265px;height:265px}.ring-2{width:190px;height:190px;border-color:rgba(34,211,238,.18)}.shield{width:118px;height:142px;clip-path:polygon(50% 0,91% 14%,84% 75%,50% 100%,16% 75%,9% 14%);background:linear-gradient(145deg,#7c3aed,#22d3ee);display:grid;place-items:center;font-family:"Space Grotesk";font-size:66px;font-weight:800;box-shadow:0 0 80px rgba(139,92,246,.6);position:relative}.shield:before{content:"";position:absolute;inset:5px;clip-path:inherit;background:#080a0f;z-index:-1}.license-status{height:100px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 24px}.license-status div{display:flex;flex-direction:column;gap:8px}.license-status small{font-size:9px;color:#6d7582;letter-spacing:1.5px}.license-status b{font-size:12px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 12px var(--green)}.scroll-cue{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);font-size:10px;letter-spacing:1.4px;color:#6f7784;z-index:3}.scroll-cue span{margin-left:10px;color:#b5bdc8}.section{padding-top:125px;padding-bottom:125px;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}.section-head h2,.center-head h2,.faq-intro h2,.support-copy h2{font-size:clamp(38px,4.5vw,64px);letter-spacing:-2.5px;margin-top:14px}.section-head>p{max-width:470px;color:var(--muted);line-height:1.8;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:270px;padding:28px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.012));position:relative;overflow:hidden;transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(139,92,246,.35)}.feature-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);background:#0e1118;color:#a78bfa;font-size:20px}.feature-num{position:absolute;right:26px;top:26px;color:#353b46;font-size:12px}.feature-card h3{font-size:21px;margin:55px 0 12px}.feature-card p{color:var(--muted);line-height:1.7;font-size:14px;max-width:330px}.feature-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:.25s}.feature-card:hover .feature-line{opacity:1}.pricing-section{background:radial-gradient(circle at 50% 10%,rgba(124,58,237,.09),transparent 35%)}.center-head{text-align:center;max-width:720px;margin:0 auto 52px}.center-head p{color:var(--muted)}.switcher{margin:30px auto 0;padding:5px;width:max-content;display:flex;border:1px solid var(--line);border-radius:9px;background:#090b0f}.switch{background:transparent;color:#757e8b;border:0;border-radius:6px;padding:9px 17px;font-size:12px;cursor:pointer}.switch.active{background:#fff;color:#07080b}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.price-card{min-height:530px;padding:32px;border:1px solid var(--line);background:#080a0e;position:relative;display:flex;flex-direction:column}.price-card.featured{border-color:rgba(139,92,246,.6);background:linear-gradient(180deg,rgba(124,58,237,.12),#080a0e 42%);transform:translateY(-8px);box-shadow:0 25px 80px rgba(35,15,70,.3)}.badge{position:absolute;right:18px;top:18px;padding:6px 9px;font-size:9px;font-weight:800;letter-spacing:1.2px;border:1px solid rgba(139,92,246,.45);color:#b7a1ff;background:rgba(139,92,246,.11)}.badge-premium{color:#67e8f9;border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.07)}.tier-icon{font-size:28px;color:#a78bfa;margin-bottom:20px}.price-card h3{font-size:18px;letter-spacing:1px}.price{font-family:"Space Grotesk";font-size:54px;font-weight:700;margin:20px 0 25px;letter-spacing:-3px}.price>span{font-size:19px;vertical-align:top;position:relative;top:10px;margin-right:4px;color:#abb3c0}.price small{font-family:Inter;font-size:11px;color:#6f7886;letter-spacing:0;margin-left:8px}.price-card ul{list-style:none;margin:0 0 30px;padding:22px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:15px;color:#aab1bc;font-size:13px}.price-card li:before{content:"✓";color:#8b5cf6;margin-right:10px}.btn-card{margin-top:auto;width:100%;background:rgba(255,255,255,.035)}.featured .btn-card{background:linear-gradient(135deg,#7c3aed,#5573e7)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-intro p{color:var(--muted);line-height:1.7;max-width:360px;margin:22px 0}.text-link{font-size:13px;color:#c4b5fd;font-weight:700}.accordion{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:25px 0;background:none;border:0;color:#dfe3ea;text-align:left;display:flex;justify-content:space-between;font-weight:700;cursor:pointer}.faq-q span{color:#7b8491;font-size:20px}.faq-a{color:var(--muted);font-size:13px;line-height:1.8;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-a{max-height:180px;padding:0 45px 25px 0}.support-box{min-height:340px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#0b0d13,#07080b);display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center;padding:55px;position:relative;overflow:hidden}.support-glow{position:absolute;width:420px;height:250px;background:#7c3aed;filter:blur(120px);opacity:.12;left:-180px;top:-120px}.support-copy{position:relative}.support-copy p{color:var(--muted);line-height:1.8;max-width:620px}.support-pills{display:flex;gap:10px;margin-top:20px}.support-pills span{font-size:10px;color:#aeb5c0;border:1px solid var(--line);padding:8px 10px}.discord-card{border:1px solid rgba(139,92,246,.25);background:linear-gradient(140deg,rgba(124,58,237,.11),rgba(255,255,255,.025));padding:22px;display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center;transition:.25s}.discord-card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.55)}.discord-logo{width:50px;height:50px;border-radius:14px;background:#5865f2;display:grid;place-items:center;font-weight:800}.discord-card div:nth-child(2){display:flex;flex-direction:column;gap:3px}.discord-card small{font-size:8px;letter-spacing:1.3px;color:#808998}.discord-card strong{font-size:16px}.discord-card span{font-size:10px;color:#7e8794}footer{padding:45px max(28px,calc((100vw - 1280px)/2)) 28px}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px}.footer-links{display:flex;gap:27px;color:#7d8591;font-size:12px}.footer-links a:hover{color:white}.footer-bottom{padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#555e6a;font-size:10px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}
@media(max-width:1000px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#080a0e;border-bottom:1px solid var(--line);padding:20px 28px;flex-direction:column}.nav.open{display:flex}.menu-btn{display:block}.mini-link{display:none}.hero{grid-template-columns:1fr;padding-top:145px}.hero-card{height:430px;transform:none}.license-art{height:280px}.section-head,.support-box{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:20px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.faq-layout{grid-template-columns:1fr;gap:50px}.support-box{display:grid;gap:35px}.footer-main{align-items:flex-start;gap:30px;flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(max-width:650px){.topbar{padding:0 18px}.header-actions .btn-small{display:none}.section-pad{padding-left:18px;padding-right:18px}.hero{padding-top:125px;gap:40px}.hero h1{font-size:50px;letter-spacing:-3px}.hero-copy{font-size:15px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.stats{gap:17px;justify-content:space-between}.divider{display:none}.hero-card{height:380px}.license-art{height:240px}.ring-1{width:210px;height:210px}.ring-2{width:150px;height:150px}.shield{width:94px;height:114px;font-size:54px}.section{padding-top:90px;padding-bottom:90px}.section-head h2,.center-head h2,.faq-intro h2,.support-copy h2{font-size:40px}.support-box{padding:28px 20px}.discord-card{grid-template-columns:44px 1fr}.discord-card>b{display:none}.footer-bottom{gap:20px;flex-direction:column}.scroll-cue{display:none}}

/* Olivier Clim branding */
.brand-logo{width:46px;height:46px;object-fit:cover;border-radius:50%;border:2px solid rgba(34,211,238,.55);box-shadow:0 0 20px rgba(34,211,238,.22);flex:0 0 46px}
.footer-brand .brand-logo{width:42px;height:42px;flex-basis:42px}
.logo-shield{clip-path:none!important;width:170px!important;height:170px!important;border-radius:50%!important;background:linear-gradient(145deg,#7c3aed,#22d3ee)!important;padding:4px;overflow:hidden;box-shadow:0 0 80px rgba(34,211,238,.35)!important}
.logo-shield:before{display:none!important}
.logo-shield img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
@media(max-width:650px){.brand-logo{width:40px;height:40px;flex-basis:40px}.logo-shield{width:135px!important;height:135px!important}}