@font-face{font-family:Exo2;src:url('./Exo2-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  color-scheme:dark;
  --bg:#090b0c;
  --bg-soft:#0e1112;
  --surface:#131718;
  --surface-2:#181d1f;
  --surface-3:#202628;
  --line:#2b3335;
  --line-soft:rgba(255,255,255,.08);
  --text:#f5f7f2;
  --muted:#9ba6a3;
  --green:#47bd68;
  --green-2:#71d887;
  --teal:#49b8ab;
  --blue:#55aee7;
  --red:#e96563;
  --gold:#e6ba58;
  --purple:#a98be8;
  --shadow:0 30px 90px rgba(0,0,0,.42);
  --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Exo2,Segoe UI,Arial,sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-noise{position:fixed;z-index:-3;inset:0;pointer-events:none;background:
  linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px),
  radial-gradient(circle at 50% -10%,rgba(73,184,171,.08),transparent 38%);
  background-size:42px 42px,42px 42px,auto;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.section{padding:104px 0}
.eyebrow{margin:0 0 14px;color:var(--green-2);font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.section-heading{max-width:730px;margin-bottom:44px}
.section-heading.centered{margin-inline:auto;text-align:center}
.section-heading h2,.section-copy h2{margin:0;color:var(--text);font-size:clamp(38px,5vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1.04}
.section-heading h2 em,.section-copy h2 em,.download-copy h2 em{color:var(--green-2);font-style:normal}
.section-heading>p:last-child,.section-copy>p{max-width:650px;margin:20px 0 0;color:var(--muted);font-size:17px}

/* HEADER */
.header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(9,11,12,.83);backdrop-filter:blur(18px) saturate(125%)}
.navbar{min-height:76px;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto}
.brand-cube{position:relative;width:37px;height:37px;display:block;background:#4f9b55;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 -8px 0 rgba(31,90,39,.34),inset 8px 0 0 rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.25)}
.brand-cube::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:#77ce69;box-shadow:inset 0 -2px 0 rgba(20,69,26,.3)}
.brand-cube::after{content:"";position:absolute;width:7px;height:7px;left:8px;bottom:7px;background:#2d6335;box-shadow:13px -5px 0 #3d7e42,4px -11px 0 #5fb458}
.brand-cube i{position:absolute;width:5px;height:5px;right:5px;bottom:5px;background:#244f2b}
.brand-copy{display:grid;line-height:1}
.brand-copy strong{font-size:14px;letter-spacing:.01em}
.brand-copy small{margin-top:4px;color:var(--green-2);font-size:9px;font-weight:850;letter-spacing:.28em}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:24px}
.nav-links>a{position:relative;color:#c5cdca;font-size:12px;font-weight:650;transition:.2s ease}
.nav-links>a:hover,.nav-links>a.active{color:white}
.nav-links>a.active::after{content:"";position:absolute;left:50%;bottom:-28px;width:18px;height:2px;background:var(--green);transform:translateX(-50%)}
.nav-login{padding:9px 14px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.nav-download{padding:10px 15px!important;border:1px solid rgba(71,189,104,.45);background:rgba(71,189,104,.12);color:#d8ffe0!important}
.nav-download span{margin-right:4px;color:var(--green-2);font-size:16px}
.menu-button{display:none;width:42px;height:42px;margin-left:auto;border:1px solid var(--line);background:var(--surface);cursor:pointer}

/* BUTTONS */
.button{min-height:46px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:13px;font-weight:800;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);border-color:#485254}
.button-large{min-height:58px;padding-inline:24px}
.button-large>span:not(.button-icon){display:grid;text-align:left;line-height:1.15}
.button-large small{margin-top:4px;color:rgba(255,255,255,.65);font-size:10px;font-weight:550}
.button-icon{font-size:23px;line-height:1}
.button-primary{border-color:#69d47d;background:linear-gradient(180deg,#61cc76,#3eaa5a);color:#07110a;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 28px rgba(45,157,73,.2)}
.button-primary:hover{background:linear-gradient(180deg,#71da84,#47b963);border-color:#8ae499;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 16px 36px rgba(45,157,73,.28)}
.button-secondary{background:#171b1d;border-color:#343d3f}
.button-secondary:hover{background:#1d2325;border-color:#4d5a5d}
.button-dark{background:#101415;border-color:#303739}
.button-gold{background:linear-gradient(180deg,#efca6e,#d3a23e);border-color:#f6d47e;color:#171006;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 28px rgba(207,159,53,.16)}
.button-full{width:100%}
.text-link{display:inline-flex;align-items:center;gap:9px;margin-top:28px;color:#d9f9df;font-weight:750}
.text-link b{color:var(--green-2)}

/* HERO */
.hero{position:relative;padding:86px 0 0;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:
  linear-gradient(to bottom,rgba(9,11,12,.1),var(--bg) 92%),
  radial-gradient(circle at 74% 18%,rgba(74,174,144,.12),transparent 28%),
  radial-gradient(circle at 18% 10%,rgba(67,114,79,.14),transparent 25%)}
.hero-glow{position:absolute;z-index:-1;border-radius:999px;filter:blur(80px);opacity:.24;pointer-events:none}
.hero-glow-one{width:300px;height:300px;right:4%;top:9%;background:#46c77a}
.hero-glow-two{width:220px;height:220px;left:2%;top:42%;background:#338a74}
.hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(580px,1.15fr);align-items:center;gap:52px}
.hero-copy{padding:45px 0 72px}
.offer-pill{width:max-content;max-width:100%;margin-bottom:27px;padding:9px 13px;display:flex;align-items:center;gap:8px;border:1px solid rgba(230,186,88,.26);background:rgba(230,186,88,.07);color:#f0d79b;font-size:11px;font-weight:700}
.offer-pill span{color:var(--gold)}
.offer-pill b{margin-left:2px}
.hero h1{max-width:650px;margin:0;color:white;font-size:clamp(48px,6.5vw,82px);font-weight:850;letter-spacing:-.055em;line-height:.99}
.hero h1 em{display:inline-block;color:var(--green-2);font-style:normal}
.hero-description{max-width:620px;margin:24px 0 0;color:#abb6b2;font-size:18px;line-height:1.65}
.hero-buttons{margin-top:34px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-meta{margin-top:28px;display:flex;flex-wrap:wrap;gap:18px;color:#8f9b97;font-size:11px}
.hero-meta span{display:flex;align-items:center;gap:7px}
.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#66716e;box-shadow:0 0 0 3px rgba(255,255,255,.03)}
.dot.online{background:var(--green);box-shadow:0 0 0 3px rgba(71,189,104,.1),0 0 12px rgba(71,189,104,.45)}

/* DEVICE SHOWCASE */
.device-showcase{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center;perspective:1400px}
.device-halo{position:absolute;width:84%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(80,186,126,.16),transparent 68%);filter:blur(26px)}
.desktop-device{position:relative;z-index:2;width:650px;transform:rotateY(-5deg) rotateX(2deg);transform-origin:center bottom;filter:drop-shadow(0 34px 36px rgba(0,0,0,.48))}
.desktop-bezel{padding:12px;border:1px solid #323a3c;border-radius:16px 16px 8px 8px;background:linear-gradient(145deg,#282d2f,#111416 42%,#252b2d);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.8)}
.client-screen{height:410px;overflow:hidden;border:1px solid #2b3335;border-radius:7px;background:#0c0f10}
.client-topbar{height:38px;padding:0 12px;display:flex;align-items:center;border-bottom:1px solid #252b2d;background:#121617;font-size:8px}
.client-brand{display:flex;align-items:center;gap:7px}
.mini-cube{width:15px;height:15px;display:inline-block;background:linear-gradient(#68c75e 0 28%,#3d8c48 28%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.client-status{margin-left:auto;display:flex;align-items:center;gap:5px;color:#9ddfac}
.client-status i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.client-layout{height:calc(100% - 38px);display:grid;grid-template-columns:46px 1fr}
.client-sidebar{padding:11px 7px;display:flex;flex-direction:column;align-items:center;gap:8px;border-right:1px solid #22292a;background:#101314}
.client-sidebar button{width:29px;height:29px;padding:0;border:0;border-radius:4px;background:transparent;color:#64706d;font-size:11px;cursor:default}
.client-sidebar button.active{background:rgba(71,189,104,.13);color:#76db8d;box-shadow:inset 2px 0 0 var(--green)}
.sidebar-profile{width:25px;height:25px;margin-bottom:3px;display:grid;place-items:center;background:#324637;color:#bfe9c7;font-size:9px;font-weight:800}
.client-sidebar .sidebar-bottom{margin-top:auto}
.client-main{padding:16px 17px;overflow:hidden;background:radial-gradient(circle at 80% 0,rgba(71,189,104,.05),transparent 28%),#0e1112}
.screen-heading{display:flex;align-items:center;justify-content:space-between}
.screen-heading>div{display:grid}
.screen-heading small{color:#6e7a76;font-size:6px;letter-spacing:.18em}
.screen-heading strong{margin-top:2px;font-size:13px}
.screen-heading button{height:25px;padding:0 10px;border:1px solid #4cae62;border-radius:4px;background:#3c9e53;color:#061008;font-size:7px;font-weight:850}
.screen-stats{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.screen-stats article{padding:9px;display:flex;align-items:center;gap:8px;border:1px solid #252d2e;background:#141819}
.stat-gem{width:25px;height:25px;display:grid;place-items:center;font-size:10px;clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%)}
.stat-gem.emerald,.plan-gem.emerald{background:#3fac61;color:#bcffd0}
.stat-gem.diamond,.plan-gem.diamond{background:#428fb8;color:#c8f3ff}
.stat-gem.gold,.plan-gem.gold{background:#b58b35;color:#ffe7a4}
.stat-gem.redstone,.plan-gem.redstone{background:#a84a47;color:#ffd0cb}
.screen-stats article>div{display:grid}
.screen-stats small{color:#78837f;font-size:6px}
.screen-stats b{margin-top:2px;font-size:9px}
.screen-content{margin-top:10px;display:grid;grid-template-columns:1.25fr .75fr;gap:8px}
.bot-list-card,.console-card{min-width:0;border:1px solid #252d2e;background:#121617}
.bot-list-card header,.console-card header{height:28px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252d2e;font-size:7px}
.bot-list-card header span{color:#67d17d}
.bot-row{min-width:0;padding:7px 8px;display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.045)}
.bot-row:last-child{border:0}
.head-avatar{width:24px;height:24px;display:grid;place-items:center;color:#fff;font-size:8px;font-weight:850;box-shadow:inset 0 -7px 0 rgba(0,0,0,.18)}
.head-avatar.grass{background:#518f4c}.head-avatar.water{background:#357d9a}.head-avatar.redstone{background:#9a4744}.head-avatar.amethyst{background:#755f9f}
.bot-row>div{min-width:0;display:grid}
.bot-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}
.bot-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f7a76;font-size:5px}
.bot-row em{color:#69d27e;font-size:5px;font-style:normal;font-weight:850}
.bot-row em.afk{color:#e5b758}
.bot-row>strong{color:#a6b1ad;font-size:6px}
.console-card{padding-bottom:8px}
.console-card header i{width:5px;height:5px;border-radius:50%;background:var(--green)}
.console-card p{margin:7px 8px 0;color:#a8b1ae;font-family:ui-monospace,Consolas,monospace;font-size:5px;line-height:1.45}
.console-card p span{color:#5f6a67}.console-card p b{color:#c8f0d0}.console-card p.console-success{color:#6bd082}
.console-input{height:22px;margin:10px 8px 0;padding:0 7px;display:flex;align-items:center;justify-content:space-between;border:1px solid #293132;background:#0d1011;color:#59635f;font-size:5px}
.console-input b{color:#7d8a85}
.desktop-neck{width:90px;height:65px;margin:-1px auto 0;background:linear-gradient(90deg,#171b1d,#3c4244 48%,#191d1f);clip-path:polygon(24% 0,76% 0,88% 100%,12% 100%)}
.desktop-base{width:215px;height:13px;margin:-1px auto 0;border-radius:50%;background:linear-gradient(#42494b,#171a1b);box-shadow:0 12px 26px rgba(0,0,0,.35)}
.phone-device{position:absolute;z-index:4;right:-3px;bottom:56px;width:138px;padding:7px;border:1px solid #40494b;border-radius:22px;background:linear-gradient(145deg,#2b3032,#101314 48%,#33393b);transform:rotate(5deg);box-shadow:0 26px 35px rgba(0,0,0,.5)}
.phone-speaker{width:35px;height:3px;margin:2px auto 6px;border-radius:3px;background:#080a0b}
.phone-screen{height:265px;overflow:hidden;border-radius:15px;background:#0d1011}
.phone-screen>header{height:30px;padding:0 8px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #23292b;font-size:6px}
.phone-screen>header i{width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--green)}
.phone-online{margin:7px;padding:8px;border:1px solid #28302f;background:#151a1a;display:grid}
.phone-online small{color:#707c78;font-size:5px}.phone-online strong{margin-top:2px;font-size:8px}.phone-online>span{margin-top:4px;color:#78d78a;font-size:5px}.phone-online>span i{width:4px;height:4px;display:inline-block;border-radius:50%;background:var(--green)}
.phone-preview{position:relative;height:96px;margin:0 7px;overflow:hidden;border:1px solid #29302f;background:#1a2426}
.phone-preview>span{position:absolute;z-index:3;left:5px;top:5px;padding:2px 4px;background:rgba(9,11,12,.72);color:#bdcac5;font-size:4px}
.pixel-world{position:absolute;inset:0;background:linear-gradient(#436c83 0 52%,#66794a 52% 64%,#4d5b36 64%)}
.pixel-world::before{content:"";position:absolute;left:12px;bottom:25px;width:30px;height:26px;background:#4c5c42;box-shadow:28px 4px 0 #41513a,64px -12px 0 #5b6845}
.pixel-world i{position:absolute;width:6px;height:10px;bottom:24px;background:#72523a;box-shadow:0 -9px 0 #477543}
.pixel-world i:nth-child(1){left:58px}.pixel-world i:nth-child(2){left:77px;bottom:20px}.pixel-world i:nth-child(3){left:21px;bottom:17px}
.phone-actions{padding:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.phone-actions button{height:25px;padding:0;border:1px solid #293230;background:#171d1c;color:#8d9995;font-size:4px}
.showcase-badge{position:absolute;z-index:5;padding:9px 11px;display:flex;align-items:center;gap:8px;border:1px solid #30393a;background:rgba(19,23,24,.9);box-shadow:0 16px 30px rgba(0,0,0,.35);backdrop-filter:blur(12px)}
.showcase-badge>span{width:27px;height:27px;display:grid;place-items:center;background:rgba(71,189,104,.12);color:#76d98b}
.showcase-badge>div{display:grid}.showcase-badge small{color:#6d7874;font-size:5px;letter-spacing:.16em}.showcase-badge b{font-size:7px}
.badge-left{left:3px;bottom:142px}.badge-right{right:74px;top:67px}
.compatibility-bar{margin-top:25px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.compatibility-bar p{margin:0;color:#6f7a76;font-size:9px;font-weight:850;letter-spacing:.2em}
.compatibility-bar>div{display:flex;align-items:center;gap:20px;color:#9aa5a1;font-size:10px;font-weight:700;letter-spacing:.08em}
.compatibility-bar i{width:3px;height:3px;border-radius:50%;background:#43504c}

/* FEATURES */
.features-section{background:#0b0e0f}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.feature-card{min-height:168px;padding:25px;display:flex;align-items:flex-start;gap:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#101415;transition:background .2s,transform .2s}
.feature-card:hover{position:relative;z-index:2;background:#151a1b;transform:translateY(-2px)}
.feature-icon{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);background:#171c1d;font-size:17px;font-weight:850}
.emerald-icon{color:#7be18d;background:rgba(71,189,104,.09);border-color:rgba(71,189,104,.23)}
.diamond-icon{color:#7ed0f3;background:rgba(85,174,231,.09);border-color:rgba(85,174,231,.23)}
.gold-icon{color:#f1cf79;background:rgba(230,186,88,.09);border-color:rgba(230,186,88,.23)}
.redstone-icon{color:#f27f7c;background:rgba(233,101,99,.09);border-color:rgba(233,101,99,.23)}
.amethyst-icon{color:#c3a7f4;background:rgba(169,139,232,.09);border-color:rgba(169,139,232,.23)}
.chest-icon{color:#d8a96d;background:rgba(176,119,60,.1);border-color:rgba(176,119,60,.25)}
.feature-card h3{margin:1px 0 7px;font-size:16px}
.feature-card p{margin:0;color:#899591;font-size:12px;line-height:1.6}

/* SPLIT / CONSOLE */
.control-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#090b0c,#0d1011)}
.control-section::after{content:"";position:absolute;right:-10%;bottom:-30%;width:520px;height:520px;border-radius:50%;background:rgba(71,189,104,.06);filter:blur(80px)}
.split-layout,.mobile-layout{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:75px}
.check-list{margin:28px 0 0;padding:0;display:grid;gap:14px;list-style:none;color:#c1cac7;font-size:13px}
.check-list li{display:flex;align-items:flex-start;gap:10px}
.check-list span{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto;background:rgba(71,189,104,.11);color:#70d687;font-size:10px}
.console-visual{position:relative;z-index:2}
.console-window{overflow:hidden;border:1px solid #303738;background:#0b0e0f;box-shadow:var(--shadow)}
.console-window>header{height:48px;padding:0 14px;display:flex;align-items:center;border-bottom:1px solid #252b2c;background:#15191a;font-size:8px}
.console-window>header>div{display:flex;gap:5px}.console-window>header>div i{width:7px;height:7px;border-radius:50%;background:#46504d}.console-window>header>div i:first-child{background:#b65b59}.console-window>header>div i:nth-child(2){background:#b99546}.console-window>header>div i:nth-child(3){background:#559d66}
.console-window>header b{margin-left:14px;color:#aab4b0;letter-spacing:.13em}.console-window>header span{margin-left:auto;color:#70d587}
.console-body{min-height:310px;display:grid;grid-template-columns:55px 1fr}
.console-body>aside{padding:12px 8px;display:flex;flex-direction:column;gap:7px;border-right:1px solid #252b2c;background:#101314}
.console-body>aside span{height:31px;display:grid;place-items:center;border:1px solid #242b2c;color:#596460;font-size:7px}.console-body>aside span.active{border-color:#3a7447;background:rgba(71,189,104,.08);color:#75d88a}
.console-body>main{padding:23px 24px;background:radial-gradient(circle at 80% 20%,rgba(73,184,171,.04),transparent 30%),#0c0f10;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.console-body p{margin:0 0 14px;color:#aab3af;font-size:10px}.console-body p small{margin-right:11px;color:#4d5754}.console-body p b{margin-right:8px;font-size:8px}.log-green{color:#66ce7c}.log-blue{color:#6ebbe8}.log-gold{color:#dab453}.log-purple{color:#b596ec}.log-red{color:#e26d69}
.terminal-cursor{margin-top:24px;display:flex;align-items:center;gap:7px;color:#62c778}.terminal-cursor i{width:7px;height:13px;background:#62c778;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.console-window>footer{height:37px;padding:0 14px;display:flex;align-items:center;gap:22px;border-top:1px solid #252b2c;background:#111516;color:#67726e;font-size:7px}
.console-window>footer span:first-child{margin-right:auto;color:#83cc92}.console-window>footer i{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.voxel-stack{position:absolute;right:-35px;bottom:-38px;width:130px;height:100px;opacity:.75;pointer-events:none}.voxel-stack i{position:absolute;width:34px;height:34px;border:1px solid rgba(255,255,255,.05);background:#253d2a;box-shadow:inset 0 8px 0 #416645}.voxel-stack i:nth-child(1){left:0;bottom:0}.voxel-stack i:nth-child(2){left:34px;bottom:0}.voxel-stack i:nth-child(3){left:68px;bottom:0}.voxel-stack i:nth-child(4){left:34px;bottom:34px}.voxel-stack i:nth-child(5){left:68px;bottom:34px;background:#263638;box-shadow:inset 0 8px 0 #416066}

/* MOBILE SECTION */
.mobile-section{background:#0b0e0f}
.mobile-layout{grid-template-columns:1fr .85fr}
.mobile-demo{position:relative;min-height:590px;display:grid;place-items:center;background:radial-gradient(circle,rgba(73,184,171,.09),transparent 57%)}
.mobile-demo-phone{position:relative;z-index:2;width:285px;padding:10px;border:1px solid #3a4244;border-radius:38px;background:linear-gradient(145deg,#272c2e,#0d1011 55%,#303638);box-shadow:0 35px 60px rgba(0,0,0,.46)}
.mobile-demo-phone::after{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.06);border-radius:35px;pointer-events:none}
.demo-notch{position:absolute;z-index:4;left:50%;top:10px;width:86px;height:19px;border-radius:0 0 13px 13px;background:#080a0b;transform:translateX(-50%)}
.mobile-demo-phone>header{height:52px;padding:7px 13px 0;display:flex;align-items:center;gap:9px;border-radius:27px 27px 0 0;background:#111516}
.mobile-demo-phone>header>div{display:grid}.mobile-demo-phone>header b{font-size:9px}.mobile-demo-phone>header small{color:#69736f;font-size:6px}.mobile-demo-phone>header i{width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--green)}
.mobile-demo-phone>section,.mobile-demo-phone>div:not(.demo-notch){margin-inline:8px}
.mobile-bot-card{padding:12px;display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;border:1px solid #272f30;background:#171b1c}.mobile-bot-card .head-avatar{width:31px;height:31px}.mobile-bot-card>div{display:grid}.mobile-bot-card b{font-size:9px}.mobile-bot-card small{color:#707b77;font-size:6px}.mobile-bot-card em{color:#75d587;font-size:6px;font-style:normal;font-weight:850}
.mobile-world{position:relative;height:150px;margin-top:8px!important;overflow:hidden;border:1px solid #293031;background:#416e84}.mobile-world .sky{position:absolute;inset:0;background:linear-gradient(#426a7d,#7290a0 58%,#637653 58%)}.mobile-world .mountain{position:absolute;left:-20px;right:-20px;bottom:44px;height:58px;background:#536455;clip-path:polygon(0 100%,14% 45%,28% 79%,41% 28%,55% 75%,70% 12%,84% 63%,100% 32%,100% 100%)}.mobile-world .grass-line{position:absolute;left:0;right:0;bottom:0;height:46px;background:#4b5c39;box-shadow:inset 0 9px 0 #6e8b4d}.mobile-world::before,.mobile-world::after{content:"";position:absolute;z-index:2;bottom:36px;width:9px;height:25px;background:#6d513a;box-shadow:0 -17px 0 7px #416d3e}.mobile-world::before{left:54px}.mobile-world::after{right:42px;transform:scale(.78)}.mobile-world>span{position:absolute;z-index:4;left:8px;top:8px;padding:3px 6px;background:rgba(9,11,12,.72);color:#8ce29c;font-size:6px;font-weight:850}
.mobile-quick-grid{margin-top:8px!important;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.mobile-quick-grid button{height:49px;padding:0;display:grid;place-items:center;border:1px solid #293132;background:#161b1c;color:#a5afab;font-size:6px}.mobile-quick-grid button b{color:#78d78b;font-size:12px}.mobile-quick-grid button span{margin-top:-7px}
.mobile-chat{margin-top:8px!important;margin-bottom:8px!important;padding:10px;border:1px solid #293132;background:#141819}.mobile-chat small{color:#66716d;font-size:5px}.mobile-chat p{margin:5px 0 9px;color:#b9c1be;font-size:7px}.mobile-chat>div{height:28px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border:1px solid #2a3233;background:#0e1112;color:#59635f;font-size:6px}.mobile-chat b{color:#6dce80}
.qr-card{position:absolute;z-index:3;right:24px;bottom:78px;width:145px;padding:13px;display:grid;border:1px solid #323b3d;background:#151a1b;box-shadow:0 20px 42px rgba(0,0,0,.36)}.qr-card i{width:44px;height:44px;margin-bottom:9px;background:conic-gradient(from 90deg,#e7ece8 0 25%,#22292a 0 50%,#e7ece8 0 75%,#22292a 0);background-size:12px 12px;border:5px solid #e7ece8}.qr-card b{font-size:9px}.qr-card small{color:#6c7773;font-size:6px}
.mini-feature-list{margin-top:30px;display:grid;gap:11px}.mini-feature-list article{padding:14px;display:flex;gap:12px;border:1px solid #293132;background:#111516}.mini-feature-list article>span{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;background:rgba(71,189,104,.09);color:#75d88a}.mini-feature-list article>div{display:grid}.mini-feature-list b{font-size:13px}.mini-feature-list small{margin-top:3px;color:#7f8a86;font-size:11px}

/* STATS */
.stats-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111516}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stats-grid article{padding:34px 24px;display:grid;text-align:center;border-right:1px solid var(--line)}.stats-grid article:last-child{border:0}.stats-grid strong{color:white;font-size:30px}.stats-grid span{margin-top:4px;color:#7d8884;font-size:10px;letter-spacing:.06em}

/* HOW */
.how-section{background:#090b0c}
.steps-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps-grid::before{content:"";position:absolute;left:17%;right:17%;top:57px;height:1px;background:linear-gradient(90deg,transparent,#35423d 15%,#35423d 85%,transparent)}
.step-card{position:relative;z-index:2;padding:27px;text-align:center;border:1px solid var(--line);background:#111516}.step-number{position:absolute;left:14px;top:12px;color:#58645f;font-size:8px;letter-spacing:.15em}.step-icon{width:62px;height:62px;margin:0 auto 20px;display:grid;place-items:center;border:1px solid rgba(71,189,104,.32);background:#142019;color:#79dc8d;font-size:23px;box-shadow:0 0 0 8px #090b0c}.step-card h3{margin:0;font-size:18px}.step-card p{max-width:250px;margin:9px auto 0;color:#85908c;font-size:12px}

/* PLANS */
.plans-section{background:#0d1011}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px}
.plan-card{position:relative;padding:29px;border:1px solid var(--line);background:#121617;box-shadow:0 20px 50px rgba(0,0,0,.15)}
.plan-card.pro{border-color:rgba(71,189,104,.46);box-shadow:0 26px 66px rgba(0,0,0,.22),0 0 0 1px rgba(71,189,104,.08)}
.plan-card.yearly{border-color:rgba(230,186,88,.42)}
.plan-ribbon{position:absolute;right:14px;top:14px;padding:6px 8px;background:rgba(71,189,104,.12);color:#82dd95;font-size:7px;font-weight:850;letter-spacing:.1em}.plan-ribbon.gold{background:rgba(230,186,88,.12);color:#efd079}
.plan-top{display:flex;align-items:center;gap:12px}.plan-top>div{display:grid}.plan-top p{margin:0;color:#6d7773;font-size:7px;font-weight:850;letter-spacing:.16em}.plan-top h3{margin:2px 0 0;font-size:21px}
.plan-gem{width:39px;height:39px;display:grid;place-items:center;clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);font-size:14px}
.plan-price{margin-top:28px;display:flex;align-items:flex-end;gap:6px}.plan-price strong{font-size:36px;line-height:1}.plan-price span{padding-bottom:4px;color:#77817e;font-size:10px}.plan-description{min-height:48px;margin:14px 0 22px;color:#89948f;font-size:12px}
.plan-card ul{margin:25px 0 0;padding:22px 0 0;border-top:1px solid #252c2d;display:grid;gap:11px;list-style:none;color:#aeb7b4;font-size:11px}.plan-card li{position:relative;padding-left:19px}.plan-card li::before{content:"✓";position:absolute;left:0;color:#6fd183;font-weight:850}.yearly li::before{color:#e3bc5c}

/* FAQ */
.faq-section{background:#090b0c}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.faq-layout .section-heading{position:sticky;top:120px;margin:0}.faq-layout .section-heading .button{margin-top:26px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);background:#0f1314}
.faq-list summary{padding:22px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:14px;font-weight:750}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #323b3c;color:#80908a;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg);color:#7bdc8e;border-color:rgba(71,189,104,.35)}
.faq-list details p{margin:0;padding:0 20px 22px;color:#89948f;font-size:12px;line-height:1.7}

/* DOWNLOAD */
.download-section{padding:0 0 90px;background:#090b0c}
.download-card{position:relative;min-height:355px;padding:60px 62px;display:flex;align-items:center;overflow:hidden;border:1px solid #2d3732;background:linear-gradient(120deg,#102117,#111617 53%,#0e1213);box-shadow:var(--shadow)}
.download-pattern{position:absolute;inset:0;opacity:.22;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.download-copy{position:relative;z-index:2;max-width:660px}
.download-copy h2{margin:0;font-size:clamp(38px,5vw,62px);letter-spacing:-.045em;line-height:1.04}.download-copy>p:not(.eyebrow){max-width:570px;margin:18px 0 0;color:#a0aba6;font-size:15px}.download-actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.download-blocks{position:absolute;right:30px;bottom:0;width:330px;height:280px}.big-block,.small-block{position:absolute;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 25px 50px rgba(0,0,0,.3)}.big-block{right:35px;bottom:-35px;width:175px;height:175px;transform:rotate(12deg)}.grass-block{background:#493a2c}.grass-block::before{content:"";position:absolute;left:0;right:0;top:0;height:45px;background:#54804e;box-shadow:inset 0 -10px 0 #3f683d}.grass-block::after{content:"";position:absolute;width:25px;height:24px;left:25px;top:62px;background:#3f3025;box-shadow:52px 25px 0 #3e3025,91px -8px 0 #5b4935,108px 66px 0 #35291f}.small-block{width:54px;height:54px;transform:rotate(-9deg)}.diamond-block{right:222px;bottom:76px;background:#317b91;box-shadow:inset 0 12px 0 #54b7cf,0 20px 40px rgba(0,0,0,.3)}.redstone-block{right:18px;bottom:155px;background:#753d3a;box-shadow:inset 0 12px 0 #c65e59,0 20px 40px rgba(0,0,0,.3)}.gold-block{right:180px;bottom:172px;background:#917130;box-shadow:inset 0 12px 0 #d0ad50,0 20px 40px rgba(0,0,0,.3)}

/* FOOTER */
.footer{border-top:1px solid var(--line);background:#080a0b}
.footer-grid{padding:55px 0;display:grid;grid-template-columns:1.65fr repeat(3,.7fr);gap:42px}
.footer-brand>p{max-width:370px;margin:19px 0;color:#74807c;font-size:11px}.social-links{display:flex;gap:8px}.social-links a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #2b3334;background:#111516;color:#86918d;font-size:11px}.social-links a:hover{color:#79d98c;border-color:#3e7049}
.footer-column{display:grid;align-content:start;gap:10px}.footer-column h3{margin:0 0 6px;color:#dce2df;font-size:12px}.footer-column a{color:#73807b;font-size:10px}.footer-column a:hover{color:#b6c1bd}
.footer-bottom{padding:18px 0 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border-top:1px solid rgba(255,255,255,.055);color:#5f6966;font-size:8px}.footer-bottom p{margin:0}.footer-bottom .legal-note{text-align:center}.footer-bottom>div{display:flex;gap:14px}

/* REVEAL */
.animations-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.animations-ready .reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animations-ready .reveal{opacity:1;transform:none;transition:none}.terminal-cursor i{animation:none}}

/* RESPONSIVE */
@media(max-width:1120px){
  .hero-grid{grid-template-columns:1fr;gap:10px}.hero-copy{max-width:760px;padding-bottom:30px}.device-showcase{min-height:590px}.desktop-device{width:min(760px,92%)}.phone-device{right:5%}.badge-left{left:4%}.badge-right{right:14%}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .split-layout,.mobile-layout{gap:45px}
  .download-blocks{opacity:.63;right:-20px}.download-copy{max-width:570px}
}
@media(max-width:900px){
  .nav-links{position:absolute;left:20px;right:20px;top:67px;padding:14px;display:none;align-items:stretch;flex-direction:column;gap:4px;border:1px solid var(--line);background:rgba(14,17,18,.97);box-shadow:0 24px 50px rgba(0,0,0,.4)}.nav-links.open{display:flex}.nav-links>a{padding:11px}.nav-links>a.active::after{display:none}.menu-button{display:block}
  .split-layout,.mobile-layout,.faq-layout{grid-template-columns:1fr}.faq-layout .section-heading{position:static}.console-visual{max-width:720px}.mobile-layout{gap:10px}.mobile-demo{order:2}.mobile-layout .section-copy{order:1}
  .plans-grid{grid-template-columns:1fr}.plan-card{max-width:620px;width:100%;margin:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid article:nth-child(2){border-right:0}.stats-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}.download-blocks{display:none}.download-card{padding:52px 40px}
}
@media(max-width:680px){
  .container{width:min(100% - 28px,1180px)}.section{padding:78px 0}.header .container{width:min(100% - 22px,1180px)}.brand-copy strong{font-size:12px}
  .hero{padding-top:46px}.hero-copy{padding-top:25px}.hero h1{max-width:100%;font-size:clamp(40px,11vw,52px);overflow-wrap:break-word}.hero-description{font-size:15px}.hero-buttons .button{width:100%}.hero-meta{display:grid;gap:9px}
  .device-showcase{min-height:430px;margin-inline:-10px}.desktop-device{width:620px;transform:scale(.66) rotateY(-5deg);transform-origin:center}.phone-device{width:125px;right:0;bottom:20px;transform:scale(.84) rotate(5deg);transform-origin:right bottom}.showcase-badge{display:none}.compatibility-bar{align-items:flex-start;gap:14px;flex-direction:column}.compatibility-bar>div{width:100%;gap:9px;justify-content:space-between;flex-wrap:wrap}.compatibility-bar i{display:none}
  .feature-grid{grid-template-columns:1fr}.feature-card{min-height:145px}.section-heading h2,.section-copy h2{font-size:clamp(36px,11vw,52px)}
  .console-body{grid-template-columns:40px 1fr}.console-body>main{padding:18px 13px}.console-body p{font-size:8px}.console-window>footer{gap:10px}.console-window>footer span:nth-child(2){display:none}
  .mobile-demo{min-height:535px}.mobile-demo-phone{transform:scale(.9)}.qr-card{right:0;bottom:45px;transform:scale(.85)}
  .steps-grid{grid-template-columns:1fr}.steps-grid::before{display:none}.step-card{max-width:520px;width:100%;margin:auto}
  .stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{padding:25px 10px}.stats-grid strong{font-size:23px}
  .download-section{padding-bottom:55px}.download-card{padding:42px 24px}.download-actions .button{width:100%}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{grid-template-columns:1fr;text-align:center}.footer-bottom .legal-note{text-align:center}.footer-bottom>div{justify-content:center}
}
@media(max-width:430px){
  .device-showcase{min-height:375px}.desktop-device{transform:scale(.55) rotateY(-5deg)}.phone-device{right:-4px;transform:scale(.72) rotate(5deg)}
  .feature-card{padding:20px}.feature-icon{width:39px;height:39px}.stats-grid{grid-template-columns:1fr}.stats-grid article{border-right:0;border-bottom:1px solid var(--line)!important}.stats-grid article:last-child{border-bottom:0!important}
  .mobile-demo{margin-inline:-10px}.mobile-demo-phone{transform:scale(.82)}.qr-card{display:none}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}
}


/* =========================================================
   GERÇEK UYGULAMA EKRAN GÖRÜNTÜLERİ — v2.2
   Sahte CSS mockup'ları yerine kullanıcının gerçek ekranları.
   ========================================================= */
.real-app-stage{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px 0 54px;
  isolation:isolate;
}
.real-stage-glow{
  position:absolute;
  z-index:-1;
  width:88%;
  height:72%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(71,189,104,.18),rgba(74,150,186,.08) 38%,transparent 72%);
  filter:blur(38px);
  opacity:.82;
}
.real-app-window{
  position:relative;
  z-index:2;
  width:min(760px,100%);
  margin:0;
  overflow:hidden;
  border:1px solid rgba(132,151,145,.27);
  border-radius:17px;
  background:#0b0f10;
  box-shadow:0 45px 100px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025),inset 0 1px 0 rgba(255,255,255,.08);
  transform:perspective(1500px) rotateY(-3deg) rotateX(1deg);
  transform-origin:center bottom;
}
.real-window-toolbar{
  height:43px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid rgba(124,143,137,.18);
  background:linear-gradient(180deg,#171c1d,#111516);
  color:#80908a;
  font-size:8px;
  letter-spacing:.06em;
}
.real-window-toolbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.real-window-toolbar b{color:#dfe8e4}
.real-window-toolbar em{margin-left:auto;color:#68d67f;font-style:normal;font-weight:800}
.window-dots{display:flex;gap:5px}
.window-dots i{width:7px;height:7px;border-radius:50%;background:#45504c}
.window-dots i:first-child{background:#b75a57}.window-dots i:nth-child(2){background:#ba9749}.window-dots i:nth-child(3){background:#579e67}
.real-image-wrap{position:relative;overflow:hidden;background:#070a0b}
.real-image-wrap::after,.shot-frame::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 -45px 85px rgba(0,0,0,.08)}
.real-image-wrap img,.shot-frame img{width:100%;height:auto;display:block;object-fit:cover}
.real-app-window figcaption{
  min-height:38px;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-top:1px solid rgba(124,143,137,.15);
  background:#111516;
  color:#78847f;
  font-size:7px;
}
.real-app-window figcaption span{display:flex;align-items:center;gap:7px}
.real-floating-tag{
  position:absolute;
  z-index:4;
  min-width:162px;
  padding:11px 13px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(129,150,143,.22);
  border-radius:8px;
  background:rgba(14,19,19,.88);
  box-shadow:0 18px 38px rgba(0,0,0,.38);
  backdrop-filter:blur(16px);
}
.real-floating-tag>span{width:31px;height:31px;display:grid;place-items:center;border-radius:5px;background:rgba(71,189,104,.11);color:#73da89;font-size:10px;font-weight:900}
.real-floating-tag>div{display:grid}.real-floating-tag small{color:#68746f;font-size:5px;letter-spacing:.15em}.real-floating-tag b{margin-top:2px;color:#dce5e1;font-size:7px}
.tag-top{right:-8px;top:62px}.tag-bottom{left:-10px;bottom:98px}

.real-feature-shot{
  position:relative;
  z-index:2;
  overflow:hidden;
  border:1px solid rgba(124,143,137,.25);
  border-radius:14px;
  background:#0b0f10;
  box-shadow:0 36px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025);
}
.shot-topline{
  min-height:45px;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-bottom:1px solid rgba(124,143,137,.17);
  background:linear-gradient(180deg,#161b1c,#111516);
  color:#77837e;
  font-size:7px;
  letter-spacing:.08em;
}
.shot-topline span{display:flex;align-items:center;gap:7px}.shot-topline i{width:6px;height:6px;border-radius:50%;background:#59cf75;box-shadow:0 0 12px rgba(89,207,117,.45)}
.shot-topline b{color:#dbe4e0;font-size:8px;letter-spacing:0}
.shot-frame{position:relative;overflow:hidden;background:#060909}
.shot-frame img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.real-feature-shot:hover .shot-frame img{transform:scale(1.012)}
.shot-footer{
  min-height:50px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid rgba(124,143,137,.14);
  background:#111516;
  color:#9ba7a2;
  font-size:8px;
}
.shot-footer em{color:#63706b;font-size:7px;font-style:normal;text-align:right}
.discord-shot{box-shadow:0 36px 80px rgba(0,0,0,.42),0 0 65px rgba(71,189,104,.055)}
.accounts-shot{box-shadow:0 36px 80px rgba(0,0,0,.42),0 0 65px rgba(74,150,186,.055)}

/* Eski sahte cihaz katmanları yeni HTML'de kullanılmıyor. */
.control-section .split-layout,.mobile-section .mobile-layout{align-items:center}
.mobile-section{background:linear-gradient(180deg,#0b0e0f,#090c0d)}

@media (max-width:1100px){
  .real-app-stage{min-height:520px}
  .real-app-window{width:min(860px,94%);transform:none}
  .tag-top{right:2%}.tag-bottom{left:2%}
}
@media (max-width:760px){
  .real-app-stage{min-height:auto;padding:25px 0 42px}
  .real-app-window{width:100%;border-radius:11px;transform:none}
  .real-window-toolbar{height:36px;padding-inline:10px}.real-app-window figcaption{padding:8px 10px;align-items:flex-start;flex-direction:column;gap:4px}
  .real-floating-tag{display:none}
  .real-feature-shot{border-radius:10px}
  .shot-topline{min-height:38px;padding-inline:10px}.shot-footer{padding:9px 10px;align-items:flex-start;flex-direction:column;gap:4px}.shot-footer em{text-align:left}
}