:root{
  --black:#080f0e;--black2:#0b1512;--emerald:#0f1f17;--emerald2:#123627;--green:#22ff88;--green2:#6cffaa;--bronze:#b86a2a;--bronze2:#f0a257;--text:#f3f6ef;--muted:#a7b4ac;--line:rgba(34,255,136,.22);--line2:rgba(184,106,42,.38);--glass:rgba(7,18,15,.72);--glass2:rgba(12,31,24,.78);--max:1440px;--radius:24px;--shadow:0 30px 90px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.03)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050807;color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.dc-bg{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 70% 15%,rgba(34,255,136,.14),transparent 32%),linear-gradient(180deg,rgba(8,15,14,.45),rgba(8,15,14,.78)),url('/assets/dragon-command/backgrounds/dragon-command-hud-background.jpg') center/cover no-repeat}.dc-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent 28%,rgba(0,0,0,.35)),radial-gradient(circle at 50% 0,rgba(184,106,42,.13),transparent 36%)}.dc-particles{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(circle,rgba(34,255,136,.6) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(184,106,42,.6) 0 1px,transparent 1.6px);background-size:170px 170px,240px 240px;background-position:0 0,90px 70px;opacity:.22;animation:drift 18s linear infinite}@keyframes drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-80px,45px,0)}}
.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:14px clamp(18px,4vw,58px);min-height:78px;background:rgba(4,8,7,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line2);box-shadow:0 10px 36px rgba(0,0,0,.38)}.brand img{width:210px;height:auto;filter:drop-shadow(0 0 18px rgba(34,255,136,.18))}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:6px}.desktop-nav a{position:relative;padding:11px 14px;border-radius:14px;color:#d8e1dc;font-weight:760;font-size:14px}.desktop-nav a:hover,.desktop-nav a.active{color:white;background:rgba(34,255,136,.08)}.desktop-nav a.active:after{content:"";position:absolute;left:18px;right:18px;bottom:4px;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 12px var(--green)}.header-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.14);font-weight:850;letter-spacing:.01em;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,rgba(54,255,143,.95),rgba(20,118,65,.84));border-color:rgba(93,255,167,.66);color:#06100c;box-shadow:0 0 28px rgba(34,255,136,.28),inset 0 1px 0 rgba(255,255,255,.38)}.btn-ghost{background:rgba(5,12,10,.65);border-color:rgba(184,106,42,.55);color:#fff}.btn-bronze{background:linear-gradient(180deg,rgba(39,18,8,.66),rgba(7,12,10,.5));border-color:rgba(240,162,87,.72);box-shadow:0 0 24px rgba(184,106,42,.12)}.btn-xl{min-height:58px;padding:0 26px;border-radius:15px}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;place-items:center}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:4px auto}.mobile-panel{position:fixed;top:78px;right:16px;left:16px;z-index:60;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(5,12,10,.95);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.mobile-panel a{display:block;padding:14px;border-radius:12px;color:#e9f4ed}.mobile-panel a:hover{background:rgba(34,255,136,.09)}
.section-pad{max-width:var(--max);margin:auto;padding:84px clamp(20px,4vw,60px)}.section-pad-sm{max-width:var(--max);margin:auto;padding:34px clamp(20px,4vw,60px)}.hero{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(520px,1.25fr);gap:44px;align-items:center;min-height:720px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:6px 11px;border:1px solid rgba(34,255,136,.28);border-radius:999px;background:rgba(34,255,136,.08);color:var(--green2);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.hero h1,.section-heading h2,.use-copy h2,.discover-copy h2{margin:0;color:white;line-height:.96;font-weight:950;letter-spacing:-.055em}.hero h1{font-size:clamp(56px,7vw,106px);max-width:760px;text-wrap:balance}.hero h1 span{display:block;color:var(--green);text-shadow:0 0 36px rgba(34,255,136,.28)}.hero p{font-size:clamp(18px,1.6vw,23px);max-width:620px;color:#d4ddd8;margin:24px 0 0}.hero-sub{color:#aebdb5!important}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.platforms{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px;color:#d6ddd9}.platforms span{width:100%;color:var(--bronze2);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}.platforms b{display:inline-grid;place-items:center;min-width:80px;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.04);font-size:13px}.hero-art{position:relative;min-height:600px}.app-preview{position:absolute;right:0;top:24px;width:min(810px,82vw);filter:drop-shadow(0 34px 65px rgba(0,0,0,.62)) drop-shadow(0 0 34px rgba(34,255,136,.16));animation:floatApp 8s ease-in-out infinite}.mascot{position:absolute;left:-34px;bottom:0;width:min(460px,42vw);filter:drop-shadow(0 35px 45px rgba(0,0,0,.7)) drop-shadow(0 0 34px rgba(34,255,136,.2));animation:floatMascot 5.8s ease-in-out infinite}.voice-pill{position:absolute;right:110px;bottom:82px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:rgba(10,34,24,.82);border:1px solid rgba(34,255,136,.28);box-shadow:0 0 30px rgba(34,255,136,.12);font-weight:800}.voice-pill span{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}@keyframes floatApp{50%{transform:translateY(-12px) rotate(.4deg)}}@keyframes floatMascot{50%{transform:translateY(-16px)}}
.stats-strip{max-width:var(--max);margin:-30px auto 24px;padding:0 clamp(20px,4vw,60px);display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats-strip article{position:relative;overflow:hidden;padding:24px 24px;border-radius:22px;border:1px solid rgba(34,255,136,.25);background:linear-gradient(180deg,rgba(15,31,23,.86),rgba(7,15,13,.72));box-shadow:var(--shadow)}.stats-strip article:before,.feature-card:before,.discover:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(34,255,136,.12),transparent);transform:translateX(-110%);animation:sheen 7s ease-in-out infinite}.stats-strip strong{display:block;font-size:44px;line-height:1;color:#e9f0e9;text-shadow:0 0 26px rgba(34,255,136,.32)}.stats-strip small{display:block;margin-top:4px;color:white;font-weight:800}.stats-strip em{display:block;color:#91aaa0;font-size:12px;font-style:normal}.stat-icon{float:left;display:grid;place-items:center;width:54px;height:54px;margin-right:16px;border:1px solid rgba(34,255,136,.26);border-radius:50%;background:rgba(34,255,136,.08);color:var(--green);font-size:24px}@keyframes sheen{30%,100%{transform:translateX(120%)}}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{position:relative;overflow:hidden;min-height:300px;padding:30px;border-radius:24px;border:1px solid rgba(34,255,136,.25);background:linear-gradient(180deg,rgba(12,30,23,.84),rgba(6,13,11,.78));box-shadow:var(--shadow)}.feature-card:nth-child(even){border-color:rgba(184,106,42,.45)}.feature-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(34,255,136,.1);border:1px solid rgba(34,255,136,.25);color:var(--green);font-size:30px;box-shadow:0 0 28px rgba(34,255,136,.1)}.feature-icon.bronze{background:rgba(184,106,42,.12);border-color:rgba(184,106,42,.4);color:var(--bronze2)}.feature-card h2{font-size:26px;line-height:1.1;letter-spacing:-.03em;margin:22px 0 12px}.feature-card p{color:#bdc9c2;margin:0}.discover{position:relative;overflow:hidden;display:grid;grid-template-columns:.72fr 1fr .72fr;gap:28px;align-items:center;margin-top:18px;border:1px solid var(--line2);border-radius:28px;background:linear-gradient(120deg,rgba(10,24,18,.88),rgba(5,10,9,.78));box-shadow:var(--shadow)}.discover-copy h2,.use-copy h2,.section-heading h2{font-size:clamp(38px,4vw,68px)}.discover-copy p,.use-copy p,.section-heading p{color:#b7c6be;font-size:18px}.invite-showcase img{width:100%;filter:drop-shadow(0 24px 40px rgba(0,0,0,.5)) drop-shadow(0 0 28px rgba(34,255,136,.13))}.discover-bullets{display:grid;gap:18px;margin:0;padding:0;list-style:none}.discover-bullets li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.discover-bullets b{display:block;color:#fff}.discover-bullets span{display:block;color:#9eb0a7;font-size:14px}.use-cases{display:grid;grid-template-columns:.65fr 1.05fr .8fr;gap:30px;align-items:center}.use-art img{filter:drop-shadow(0 0 42px rgba(34,255,136,.18));animation:floatApp 9s ease-in-out infinite}.use-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.use-list article{padding:18px;border-radius:18px;background:rgba(9,22,17,.66);border:1px solid rgba(34,255,136,.18)}.use-list b{display:block}.use-list span{display:block;color:#9fafaa;font-size:14px}.public-preview{padding-bottom:76px}.section-heading{max-width:760px}.public-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.community-card,.community-empty{padding:24px;border-radius:22px;border:1px solid rgba(34,255,136,.25);background:linear-gradient(180deg,rgba(15,31,23,.78),rgba(5,10,9,.72));box-shadow:var(--shadow)}.community-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(180deg,rgba(34,255,136,.3),rgba(34,255,136,.08));border:1px solid rgba(34,255,136,.28);font-weight:900}.community-card h3{margin:18px 0 6px}.community-card p,.community-empty span{color:#aebcb5}.community-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.community-meta span{padding:5px 9px;border-radius:999px;background:rgba(34,255,136,.09);border:1px solid rgba(34,255,136,.18);font-size:12px}.site-footer{display:grid;grid-template-columns:280px 1fr 220px;gap:36px;padding:42px clamp(20px,4vw,60px);border-top:1px solid rgba(184,106,42,.32);background:rgba(3,7,6,.88)}.footer-brand img{width:190px}.footer-brand p{color:#9daeaa}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-links nav{display:grid;gap:8px}.footer-links b,.footer-social b{color:#fff}.footer-links a{color:#aebcb5;font-size:14px}.footer-links a:hover{color:var(--green)}.footer-social{display:grid;align-content:start;gap:14px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
.page-shell{max-width:var(--max);margin:auto;padding:92px clamp(20px,4vw,60px)}.page-hero{display:grid;grid-template-columns:1fr .9fr;gap:42px;align-items:center;padding-bottom:48px}.page-hero h1{font-size:clamp(44px,5vw,84px);line-height:1;letter-spacing:-.05em;margin:0}.page-hero p{font-size:20px;color:#b9c8c0}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{padding:28px;border-radius:24px;border:1px solid rgba(34,255,136,.22);background:rgba(9,22,17,.72);box-shadow:var(--shadow)}.panel h2,.panel h3{margin-top:0}.panel p,.panel li{color:#afbeb7}.panel ul{padding-left:18px}.empty-state-safe{padding:18px;border-radius:18px;border:1px dashed rgba(34,255,136,.25);color:#adc0b6;background:rgba(34,255,136,.05)}
@media (max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:0}.hero-art{min-height:520px}.stats-strip,.feature-grid,.public-grid,.panel-grid{grid-template-columns:repeat(2,1fr)}.discover,.use-cases,.page-hero{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.site-header{grid-template-columns:1fr auto;padding:12px 16px}.brand img{width:160px}.header-actions .btn{display:none}.section-pad{padding:54px 18px}.section-pad-sm{padding:26px 18px}.hero h1{font-size:52px}.hero-art{min-height:420px}.app-preview{width:112%;right:-28%;top:20px;opacity:.95}.mascot{width:62%;left:0;bottom:20px}.voice-pill{right:12px;bottom:28px}.stats-strip,.feature-grid,.public-grid,.panel-grid,.footer-links,.use-list{grid-template-columns:1fr}.stats-strip{margin:0 auto 12px}.discover{padding:24px}.page-shell{padding:60px 18px}.page-hero h1{font-size:46px}}