:root {
 --bg:#080d0c;
 --bg-low:#050a09;
 --side:#09110e;
 --panel:#101916;
 --panel-light:#14201b;
 --panel-soft:#17231e;
 --ink:#f0f6f1;
 --muted:#a8b9ad;
 --subtle:#788f7f;
 --edge:#23362a;
 --edge-strong:#3b563e;
 --lime:#d4ff4d;
 --lime-soft:#acd935;
 --gold:#e1c678;
 --sidebar-width:246px;
 --radius:18px;
 --shadow:0 22px 56px rgba(0,0,0,.19);
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;min-width:280px;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.64;color:var(--ink);-webkit-font-smoothing:antialiased}
body::before {content:"";pointer-events:none;position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 68% 1%,rgba(120,179,59,.07),transparent 45%),linear-gradient(135deg,rgba(33,55,38,.13),transparent 70%)}
a {text-decoration:none;color:inherit}
a:focus-visible,label:focus-visible {outline:2px solid var(--lime);outline-offset:3px}
img {max-width:100%;display:block}
button,input {font:inherit}
p,h1,h2,h3,figure {margin-top:0}
.nav-state {position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.site-sidebar {position:fixed;z-index:80;inset:0 auto 0 0;width:var(--sidebar-width);padding:18px 12px 18px 13px;background:linear-gradient(160deg,#0c1611 0%,#080f0e 100%);border-right:1px solid var(--edge);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#314831 transparent;transition:transform .24s ease}
.sidebar-brand {display:flex;align-items:center;justify-content:space-between;padding:2px 12px 16px;min-height:78px;border-bottom:1px solid rgba(218,255,202,.08)}
.sidebar-brand-link {display:flex;align-items:center;flex:0 1 154px;min-width:0}
.sidebar-brand img {width:130px;height:auto;max-height:70px;object-fit:contain}
.sidebar-close {display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;background:transparent;border-radius:8px;border:1px solid #34473c;color:#e9f6ed;font-size:25px;line-height:1;cursor:pointer}
.sidebar-close:hover {background:#1a271f}
.sidebar-section-label {font-size:10px;letter-spacing:.15em;color:#819788;font-weight:800;margin:23px 12px 10px}
.sidebar-nav {display:grid;gap:2px}
.sidebar-nav a {display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;color:#c7d6cb;font-size:13px;font-weight:600;line-height:1.4;border:1px solid transparent;transition:background .15s,border-color .15s}
.sidebar-nav a:hover {background:rgba(211,255,77,.065);color:#f8fff0}
.sidebar-nav a.is-current {background:linear-gradient(90deg,rgba(209,255,73,.15),rgba(209,255,73,.02));border-color:rgba(193,243,54,.22);color:var(--lime)}
.side-mark {display:block;width:19px;height:19px;flex:0 0 19px;position:relative;color:#a7c1a8;border:1.6px solid currentColor;border-radius:5px;opacity:.8}
.sidebar-nav a.is-current .side-mark{color:var(--lime);opacity:1}
.side-mark-home{border-radius:4px;transform:rotate(45deg) scale(.72)}
.side-mark-grid{background:linear-gradient(to right, transparent 46%,currentColor 47%,currentColor 54%,transparent 55%),linear-gradient(to bottom,transparent 46%,currentColor 47%,currentColor 54%,transparent 55%)}
.side-mark-star{border-radius:50%}
.side-mark-star::before {content:"";position:absolute;background:currentColor;border-radius:50%;width:5px;height:5px;left:5.5px;top:5.5px}
.side-mark-screen{border-radius:4px}
.side-mark-screen::after {content:"";position:absolute;bottom:-5px;left:5px;width:6px;height:4px;border-bottom:1px solid currentColor}
.side-mark-gift {border-radius:3px}
.side-mark-gift::after {content:"";position:absolute;width:2px;height:15px;background:currentColor;left:7px;top:0}
.side-mark-wallet{border-radius:5px}
.side-mark-wallet::before {content:"";position:absolute;width:9px;height:5px;border:1px solid currentColor;border-radius:3px;right:-2px;top:6px;background:#0f1914}
.side-mark-chat{border-radius:5px}
.side-mark-info {border-radius:50%}
.side-mark-info::after{content:"i";font-weight:800;font-style:normal;position:absolute;inset:0;text-align:center;line-height:17px}
.side-mark-shield{border-radius:7px 7px 9px 9px}
.side-mark-lock{border-radius:5px}
.side-mark-file{border-radius:2px}
.sidebar-bottom {position:relative;margin-top:auto;border:1px solid rgba(209,255,73,.14);background:linear-gradient(180deg,rgba(45,74,50,.19),rgba(16,33,23,.3));border-radius:12px;padding:16px 12px 12px}
.sidebar-bottom p {color:#9bb2a1;font-size:11px;line-height:1.65;margin:9px 0 0}
.sidebar-dot {display:block;width:20px;height:5px;border-radius:2px;background:var(--lime)}
.sidebar-age{display:inline-block;margin-top:11px;font-size:11px;font-weight:800;color:var(--lime);border:1px solid rgba(211,255,77,.26);padding:3px 7px;border-radius:20px}
.nav-screen {display:none}
.app-frame {min-width:0;margin-left:var(--sidebar-width);transition:margin-left .24s ease}
#nav-state:checked ~ .site-sidebar {transform:translateX(-103%)}
#nav-state:checked ~ .app-frame {margin-left:0}
.top-header {height:75px;background:rgba(7,13,12,.89);border-bottom:1px solid rgba(211,255,77,.12);backdrop-filter:blur(16px);position:sticky;top:0;z-index:60}
.top-header-inner {display:flex;align-items:center;gap:15px;width:min(1232px,100%);margin:auto;padding:0 24px;height:100%}
.menu-trigger {width:39px;height:39px;flex:0 0 39px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(191,227,160,.045);border:1px solid #2a4230;cursor:pointer}
.menu-trigger:hover {border-color:#709642;background:rgba(191,227,160,.09)}
.menu-trigger i{width:18px;height:2px;background:#e1eedb;border-radius:2px}
.top-logo{display:flex;align-items:center;justify-content:center;flex:0 0 106px;min-width:0}
.top-logo img{width:104px;height:54px;object-fit:contain}
.top-navigation{display:flex;align-items:center;gap:clamp(12px,2vw,29px);margin:auto}
.top-navigation a{font-size:12px;font-weight:700;color:#a9bfae;white-space:nowrap;transition:color .15s}
.top-navigation a:hover{color:var(--lime)}
.header-utility {display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.075em;font-weight:800;color:#bbd2bc;white-space:nowrap}
.header-utility-dot {width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px rgba(211,255,77,.07)}
.page-container {max-width:1210px;margin:0 auto;padding:22px clamp(16px,3.7vw,38px) 48px;min-width:0}
.hero-area{margin-bottom:14px}
.hero-panel{display:grid;grid-template-columns:46% 54%;background:#111916;position:relative;min-height:366px;overflow:hidden;border:1px solid rgba(188,227,161,.17);border-radius:22px;box-shadow:var(--shadow)}
.hero-panel::before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 10% 89%,rgba(177,234,35,.11),transparent 47%);pointer-events:none}
.hero-copy{position:relative;z-index:2;padding:clamp(22px,3.3vw,42px);display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
.hero-overline{font-size:10px;letter-spacing:.10em;font-weight:800;color:#abc9a4;line-height:1.6;display:flex;align-items:center;gap:9px}
.status-line{width:22px;height:2px;background:var(--lime);display:inline-block}
.hero-big{font-weight:850;letter-spacing:-.052em;color:#f6f9f3;font-size:clamp(38px,4.6vw,67px);line-height:1.02;max-width:540px;margin:0 0 2px}
.hero-big span{display:block;color:var(--lime)}
.hero-summary{font-size:clamp(14px,1.24vw,16px);line-height:1.7;color:#b9cbbc;max-width:390px;margin:0 0 6px}
.hero-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:3px}
.hero-meta span{font-size:10px;letter-spacing:.055em;font-weight:800;color:#bdd0bb;background:rgba(11,30,18,.76);border:1px solid #37503b;padding:6px 9px;border-radius:50px}
.hero-visual{position:relative;min-height:335px;background:linear-gradient(110deg,#16251b,#0c110e)}
.hero-visual::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#111916 0%,rgba(17,25,22,.2) 22%,transparent 64%),linear-gradient(0deg,rgba(8,15,10,.4),transparent 33%)}
.hero-visual picture,.hero-visual picture img{width:100%;height:100%;display:block}
.hero-visual img{position:absolute;inset:0;object-fit:cover;object-position:57% center}
.hero-visual-caption{position:absolute;z-index:2;bottom:12px;right:13px;max-width:290px;border-radius:8px;background:rgba(6,12,10,.71);border:1px solid rgba(207,246,201,.17);padding:5px 9px;font-size:10px;color:#c9daca}
.summary-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 0 21px}
.summary-tile{min-width:0;display:grid;grid-template-columns:29px 1fr;gap:2px 10px;align-items:center;padding:15px 18px;border:1px solid #263b2b;border-radius:14px;background:linear-gradient(115deg,#15231a,#111c16)}
.summary-icon{grid-row:1/span 2;font-size:10px;font-weight:900;color:var(--lime);height:29px;width:29px;border:1px solid #3c5736;border-radius:9px;display:flex;align-items:center;justify-content:center}
.summary-tile b{font-size:17px;line-height:1.24;white-space:normal;color:#f1fbe9}
.summary-tile>span:last-child{font-size:11px;line-height:1.45;color:#9db7a1}
.reading-surface{padding:clamp(23px,4.2vw,46px);border:1px solid #23372a;background:linear-gradient(180deg,#101916 0%,#0d1512 100%);border-radius:20px;box-shadow:var(--shadow)}
.reading-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.11em;color:#bce076;padding-bottom:19px;border-bottom:1px solid #293d30}
.section-spark{width:7px;height:7px;border-radius:2px;background:var(--lime);transform:rotate(45deg)}
.article-body{max-width:870px;margin:0 auto;overflow-wrap:anywhere}
.article-body .article-section{padding:29px 0 15px;border-bottom:1px solid rgba(153,196,148,.15);scroll-margin-top:95px}
.article-body .article-section:last-child{border-bottom:0;padding-bottom:0}
.article-body h1{font-size:clamp(27px,3.25vw,44px);line-height:1.15;letter-spacing:-.035em;color:#f4faf3;margin:3px 0 22px;font-weight:850}
.article-body h2{font-size:clamp(24px,2.48vw,32px);line-height:1.17;letter-spacing:-.03em;color:#f5faf0;margin:0 0 19px;font-weight:830;scroll-margin-top:95px}
.article-body h2::before{content:"";display:inline-block;vertical-align:middle;width:22px;height:3px;margin-right:13px;background:var(--lime);border-radius:2px;transform:translateY(-2px)}
.article-body h3{font-size:clamp(19px,2vw,23px);line-height:1.29;letter-spacing:-.016em;margin:30px 0 14px;font-weight:790;color:#e8f5df}
.article-body p{font-size:15.5px;line-height:1.87;color:#c8d7ca;margin:0 0 19px}
.article-body p:last-child{margin-bottom:0}
.article-body em{color:#d9e7d6}
.article-body strong{font-weight:700;color:#f1ffeb}
.article-body ul,.article-body ol{padding-left:21px;color:#c9d6c8}
.article-body li{margin:9px 0;line-height:1.75;font-size:15px}
.article-body li::marker{color:var(--lime)}
.article-body a{color:#d4ff65;text-decoration:underline;text-decoration-color:rgba(215,255,90,.3);text-underline-offset:3px}
.article-body a:hover{text-decoration-color:var(--lime)}
.table-scroll{overflow:auto;max-width:100%;border:1px solid #344739;background:#0d1512;border-radius:13px;margin:20px 0 24px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#4a633a transparent}
.table-scroll:focus-visible{outline:2px solid var(--lime)}
.fact-table{min-width:590px;border-collapse:collapse;width:100%;font-size:13px;line-height:1.55}
.fact-table thead{background:#213127}
.fact-table th{font-size:12px;letter-spacing:.02em;line-height:1.35;color:#e2f4db;font-weight:800;padding:14px 17px;border-bottom:1px solid #455f47;text-align:left}
.fact-table td{padding:13px 17px;color:#c8d8c7;border-bottom:1px solid rgba(199,223,192,.11);vertical-align:top}
.fact-table tbody tr:nth-child(even){background:rgba(170,206,153,.035)}
.fact-table tbody tr:last-child td{border-bottom:0}
.fact-table td:first-child{color:#e6efe2;font-weight:650}
.sample-gallery{margin:27px 0 18px}
.sample-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sample-tile{border:1px solid #344c35;background:#0c1511;border-radius:12px;overflow:hidden}
.sample-tile img{height:145px;width:100%;object-fit:cover;object-position:center 15%}
.sample-tile span{display:block;padding:10px 12px;font-size:12px;font-weight:700;color:#ddebd9}
.sample-gallery figcaption{font-size:11px;color:#849e89;margin-top:9px;line-height:1.5}
.editor-note{margin-top:16px;display:flex;gap:12px;align-items:flex-start;padding:17px 19px;background:#101a14;border:1px solid #293e2e;border-radius:12px;color:#9eb5a0}
.editor-note span{font-size:11px;border:1px solid #42563a;color:#d0f36e;white-space:nowrap;border-radius:30px;padding:4px 7px;font-weight:800}
.editor-note p{margin:0;color:#9eb5a0;font-size:12px;line-height:1.7}
.tech-top{position:relative;border:1px solid #27392d;border-radius:18px;background:radial-gradient(circle at 82% 22%,rgba(196,231,66,.11),transparent 42%),linear-gradient(110deg,#15251c,#0e1612);padding:36px clamp(24px,4vw,50px);min-height:185px;display:flex;flex-direction:column;justify-content:center;margin-bottom:14px;overflow:hidden}
.tech-top::after{content:"";position:absolute;right:36px;top:-36px;width:220px;height:220px;border:1px solid rgba(204,255,89,.12);border-radius:50%;box-shadow:0 0 0 37px rgba(179,226,57,.015),0 0 0 80px rgba(179,226,57,.012);pointer-events:none}
.tech-eyebrow{font-size:11px;letter-spacing:.15em;color:#c1e96a;font-weight:800}
.tech-top p{font-size:clamp(24px,3.4vw,40px);font-weight:850;letter-spacing:-.037em;line-height:1.14;margin:15px 0 10px;max-width:700px}
.tech-top span{font-size:13px;color:#9ab6a0}
.tech-article .reading-surface{padding-top:27px}
.tech-article .article-body .article-section{padding-bottom:21px}
.tech-article .article-body .article-section:first-child{padding-top:23px}
.site-footer{border-top:1px solid #26382b;background:#080d0b;margin-top:18px}
.site-footer-inner{width:min(1190px,100%);padding:31px clamp(16px,3.7vw,38px) 18px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:24px}
.footer-identity{max-width:460px}
.footer-identity img{width:97px;height:54px;object-fit:contain}
.footer-identity p{max-width:395px;margin:4px 0 0;font-size:12px;color:#93ac9a}
.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:11px 18px;justify-content:flex-end}
.footer-links a{font-size:12px;color:#c0d2bf}
.footer-links a:hover{color:var(--lime)}
.footer-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid #26352c;padding-top:15px;color:#809486;font-size:11px}
@media (max-width:1250px){.top-navigation{gap:15px}.header-utility{display:none}}
@media (max-width:1100px){:root{--sidebar-width:230px}.hero-panel{grid-template-columns:48% 52%}.hero-copy{padding:26px}.hero-big{font-size:clamp(34px,4vw,51px)}.reading-surface{padding:31px}}
@media (max-width:900px){
 .site-sidebar {width:min(315px,88vw);transform:translateX(-105%);box-shadow:none;z-index:100}
 .app-frame,#nav-state:checked ~ .app-frame {margin-left:0}
 #nav-state:checked ~ .site-sidebar {transform:translateX(0);box-shadow:20px 0 60px rgba(0,0,0,.55)}
 .nav-screen {display:block;position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.7);opacity:0;visibility:hidden;transition:opacity .24s,visibility .24s;cursor:pointer}
 #nav-state:checked ~ .nav-screen {visibility:visible;opacity:1}
 .top-header-inner{padding:0 18px}
 .hero-panel{grid-template-columns:47% 53%}
 .hero-big{font-size:clamp(32px,5vw,48px)}
 .header-utility{display:flex}
}
@media(max-width:700px){
 .top-navigation {display:none}
 .top-logo {margin-right:auto}
 .header-utility{font-size:9px}
 .top-header{height:66px}
 .hero-panel{display:flex;flex-direction:column-reverse;min-height:0}
 .hero-copy{padding:23px 22px 24px}
 .hero-visual{min-height:205px;height:205px}
 .hero-visual img {object-position:center 55%}
 .hero-visual::before{background:linear-gradient(0deg,#111916 0%,transparent 50%)}
 .hero-big{font-size:clamp(35px,8vw,48px);max-width:530px}
 .hero-summary{font-size:14px}
 .hero-meta{margin-top:10px}
 .summary-tile{padding:12px}
 .summary-tile b{font-size:15px}
 .reading-surface{padding:24px 20px}
 .article-body .article-section{padding-top:24px}
 .article-body h1{font-size:clamp(28px,5.4vw,39px)}
 .article-body h2{font-size:clamp(23px,4.6vw,29px)}
 .article-body p{font-size:14.5px;line-height:1.8}
 .fact-table{min-width:505px}
 .site-footer-inner{grid-template-columns:1fr;gap:18px}
 .footer-links{justify-content:flex-start}
}
@media(max-width:530px){
 .page-container{padding:12px 12px 36px}
 .top-header-inner{padding:0 12px;gap:9px}
 .top-logo{flex:0 0 94px}
 .top-logo img{width:94px;height:51px}
 .header-utility{font-size:8px;white-space:normal;text-align:right;max-width:98px;line-height:1.5}
 .header-utility-dot{display:none}
 .hero-panel{border-radius:15px}
 .hero-visual{height:198px;min-height:198px}
 .hero-visual-caption{font-size:8px;max-width:200px}
 .hero-overline{font-size:9px}
 .hero-copy{padding:18px 18px 23px;gap:7px}
 .hero-big{font-size:clamp(34px,8.3vw,43px)}
 .hero-summary{font-size:13px;margin:0}
 .hero-meta span{font-size:9px;padding:5px 7px}
 .summary-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .summary-tile:last-child{grid-column:1/-1}
 .summary-tile{min-height:80px;grid-template-columns:23px 1fr;gap:1px 7px;padding:9px}
 .summary-tile b{font-size:13px}
 .summary-tile>span:last-child{font-size:10px}
 .summary-icon{width:23px;height:23px;font-size:9px}
 .reading-surface{padding:18px 15px 24px;border-radius:14px}
 .reading-label{font-size:10px;padding-bottom:14px}
 .article-body h1{font-size:clamp(25px,6.8vw,33px)}
 .article-body h2{font-size:clamp(22px,5.2vw,26px)}
 .article-body h2::before{width:16px;margin-right:9px}
 .article-body h3{font-size:19px}
 .article-body p{font-size:14px;line-height:1.77}
 .article-body li{font-size:14px}
 .fact-table{min-width:490px}
 .sample-gallery-grid{gap:6px}
 .sample-tile img{height:92px}
 .sample-tile span{font-size:10px;padding:7px 5px}
 .tech-top{padding:27px 22px;min-height:146px;border-radius:14px}
 .tech-top p{font-size:28px}
 .editor-note{padding:13px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}