/* roulang page: index */
:root{--bg:#081222;--panel:#101f34;--text:#edf5ff;--muted:#9aacc2;--blue:#73d7ff;--line:rgba(161,194,228,.16);--radius:18px;--shadow:0 18px 55px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}::selection{background:#73d7ff;color:#081222}:focus-visible{outline:2px solid var(--blue);outline-offset:5px}a,button,.card{transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}a:hover{color:var(--blue)}a:active,button:active{transform:translateY(1px)}.container{width:min(1200px,calc(100% - 56px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(8,18,34,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.nav-shell{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:86px;gap:30px}.nav-left{justify-self:start}.nav-right{justify-self:end}.nav-link{font-size:14px;font-weight:600;display:inline-flex;padding:11px 0;position:relative}.nav-link.active:after{content:"";position:absolute;bottom:3px;left:0;width:20px;height:2px;background:var(--blue);box-shadow:0 0 12px var(--blue)}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:850;letter-spacing:3px}.brand-symbol{display:grid;place-items:center;width:38px;height:38px;background:#102e48;border:1px solid #4288ac;border-radius:10px;letter-spacing:0;font-size:21px;color:var(--blue)}.brand small{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:400}.mobile-toggle,.mobile-nav{display:none}.section{padding:82px 0;border-bottom:1px solid var(--line)}.section-soft{background:#0b1728}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:12px;font-weight:650;letter-spacing:2px;margin-bottom:17px}.eyebrow:before{content:"";width:18px;height:2px;background:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:clamp(38px,5.3vw,68px);line-height:1.2;font-weight:800;letter-spacing:-2px}h2{font-size:clamp(26px,3vw,38px);line-height:1.4;font-weight:750;letter-spacing:-.6px}h3{font-size:19px;font-weight:650;line-height:1.5}.section-copy{color:var(--muted);max-width:760px;margin-top:20px;font-size:15px;line-height:1.95}.hero{position:relative;min-height:660px;isolation:isolate;overflow:hidden;background:#0c1c30}.hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:-3;opacity:.48}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,15,30,.97),rgba(5,15,30,.78) 48%,rgba(5,15,30,.23)),linear-gradient(0deg,#081222,transparent 65%)}.hero:after{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(115,215,255,.15);border-radius:50%;right:-100px;top:80px;z-index:-1;box-shadow:0 0 0 75px rgba(115,215,255,.025),0 0 0 150px rgba(115,215,255,.02)}.hero-content{padding-top:88px;padding-bottom:120px}.hero p{font-size:16px;color:#b9cadc;max-width:700px;line-height:2;margin-top:26px}.hero-strip{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:rgba(7,20,37,.72);backdrop-filter:blur(12px)}.hero-strip-inner{display:flex;align-items:center;gap:35px;min-height:76px;font-size:13px;color:#b9cadc}.hero-strip strong{color:var(--text);margin-right:auto}.hero-strip a{padding:12px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;padding:12px 24px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:700}.btn-primary{background:var(--blue);color:#061729;box-shadow:0 0 26px #3bbcff30}.btn-primary:hover{background:#a5e7ff;color:#061729;box-shadow:0 0 34px #3bbcff55;transform:translateY(-2px)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.035)}.btn-secondary:hover{border-color:var(--blue);background:#122c43}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(30,51,78,.58),rgba(13,27,46,.75));backdrop-filter:blur(12px);overflow:hidden}.card:hover{border-color:rgba(115,215,255,.38);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #72d7ff30;background:#72d7ff0c;color:var(--blue);border-radius:5px;padding:4px 9px;font-size:11px}.dot{width:6px;height:6px;border-radius:50%;background:#ff6b79;box-shadow:0 0 10px #ff6b7955}.news-item{display:grid;grid-template-columns:90px 1fr 22px;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.news-item:first-child{padding-top:0}.news-item:last-child{border-bottom:0}.news-item time{font-size:12px;color:var(--muted);padding-top:5px}.news-item h3{font-size:18px}.news-item p{font-size:13px;color:var(--muted);margin-top:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-item .arrow{color:var(--blue)}.entry-line{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.entry-line:last-child{border:0}.entry-num{font-size:12px;color:var(--blue);font-variant-numeric:tabular-nums}.entry-line h3{font-size:15px}.entry-line p{font-size:12px;color:var(--muted);margin-top:3px}.empty{padding:30px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:14px}.feature-number{color:var(--blue);font-size:13px;letter-spacing:2px;margin-bottom:30px}.feature-copy{font-size:14px;color:var(--muted);margin-top:14px}.picture{width:100%;height:255px;transition:transform .6s}.card:hover .picture{transform:scale(1.025)}.panel-heading{font-size:12px;color:var(--muted);padding:16px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.topic-banner{position:relative;overflow:hidden;background:#102c43;border:1px solid #73d7ff38;border-radius:18px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:40px}.topic-banner:after{content:"28";font-size:190px;line-height:1;position:absolute;right:110px;bottom:-45px;font-weight:900;color:rgba(115,215,255,.035);pointer-events:none}.topic-banner p{max-width:720px;font-size:14px;color:#b3c7db;margin-top:15px}.check-list{list-style:none;padding:0;margin:25px 0 0}.check-list li{border-top:1px solid var(--line);padding:16px 0;color:#c3d0df;font-size:14px;display:flex;gap:15px}.check-list li:before{content:"✓";color:var(--blue)}.mini-label{font-size:12px;color:var(--muted)}.mock-row{padding:20px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.mock-row:last-child{border-bottom:0}.quote-line{border-left:2px solid var(--blue);padding:5px 0 5px 22px;color:#c9d9e9;line-height:1.9}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{cursor:pointer;list-style:none;font-weight:600;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue);font-size:23px;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{font-size:14px;color:var(--muted);padding-top:16px;max-width:850px;line-height:1.95}.cta{background:radial-gradient(ellipse at 85% 50%,#123f5a 0,transparent 65%),#0d1e33}.site-footer{padding:45px 0 24px;background:#060f1d}.footer-links{display:flex;gap:24px;font-size:13px;color:var(--muted)}.footer-bottom{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:#798ba1;display:flex;justify-content:space-between;gap:20px}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--blue);color:#081222;padding:10px 20px}.skip-link:focus{top:10px}
@media(min-width:1280px){.hero-content{padding-top:105px}}
@media(max-width:1024px){.container{width:calc(100% - 44px)}.section{padding:65px 0}.hero{min-height:650px}.hero-strip-inner{gap:22px}.nav-shell{gap:20px}.picture{height:220px}.topic-banner{padding:30px}}
@media(max-width:768px){.container{width:calc(100% - 36px)}.nav-shell{min-height:73px;grid-template-columns:1fr auto 1fr;gap:8px}.nav-left,.nav-right{display:none}.brand{grid-column:2;grid-row:1;font-size:21px}.mobile-toggle{display:block;grid-column:3;grid-row:1;justify-self:end;background:none;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:5px 10px;font-size:12px}.mobile-nav.open{display:flex;flex-direction:column;padding:8px 20px 20px;border-top:1px solid var(--line);gap:8px}.mobile-nav a{padding:10px}.hero-content{padding-top:65px;padding-bottom:150px}.hero{min-height:680px}.hero p{font-size:14px}.hero-strip-inner{gap:22px;flex-wrap:wrap;padding-block:16px;min-height:90px}.hero-strip strong{width:100%}.hero-strip a{padding:0}.section{padding:54px 0}.topic-banner{align-items:flex-start;flex-direction:column;gap:25px}.news-item{grid-template-columns:1fr 20px;gap:10px}.news-item time{grid-column:1/-1;padding:0}.topic-banner .btn{flex-shrink:0}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:520px){h1{font-size:38px;letter-spacing:-1px}.hero{min-height:760px}.hero-content{padding-top:55px}.hero p{line-height:1.95}.hero-strip-inner{gap:17px;font-size:12px}.brand small{display:none}.btn{padding:12px 18px;gap:12px}.section-copy{font-size:14px}.picture{height:205px}.topic-banner{padding:25px}.footer-links{flex-wrap:wrap;gap:16px}.mock-row{align-items:flex-start}.badge{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* roulang page: article */
:root{--bg:#081222;--panel:#101f34;--text:#edf5ff;--muted:#9aacc2;--blue:#73d7ff;--line:rgba(161,194,228,.16);--radius:18px;--shadow:0 18px 55px rgba(0,0,0,.22)}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
img{display:block;max-width:100%;object-fit:cover}
a,button,.card{transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}
a:hover{color:var(--blue)}
a:active,button:active{transform:translateY(1px)}
:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
::selection{background:#73d7ff;color:#081222}
.container{width:min(1200px,calc(100% - 56px));margin-inline:auto}
.text-muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(8,18,34,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}
.nav-shell{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:86px;gap:30px}
.nav-left{justify-self:start}.nav-right{justify-self:end}
.nav-link{font-size:14px;font-weight:600;display:inline-flex;padding:11px 0;position:relative}
.nav-link.active:after{content:"";position:absolute;bottom:3px;left:0;width:20px;height:2px;background:var(--blue);box-shadow:0 0 12px var(--blue)}
.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:850;letter-spacing:3px;white-space:nowrap}
.brand-symbol{display:grid;place-items:center;width:38px;height:38px;background:#102e48;border:1px solid #4288ac;border-radius:10px;letter-spacing:0;font-size:21px;color:var(--blue)}
.brand small{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:400}
.mobile-toggle,.mobile-nav{display:none}
.section{padding:72px 0;border-bottom:1px solid var(--line)}
.section-soft{background:#0b1728}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:12px;font-weight:650;letter-spacing:2px;margin-bottom:17px}
.eyebrow:before{content:"";width:18px;height:2px;background:var(--blue)}
.section-copy{color:var(--muted);max-width:760px;margin-top:20px;font-size:15px;line-height:1.95}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:49px;padding:12px 24px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:700}
.btn-primary{background:var(--blue);color:#061729;box-shadow:0 0 26px #3bbcff30}
.btn-primary:hover{background:#a5e7ff;color:#061729;box-shadow:0 0 34px #3bbcff55;transform:translateY(-2px)}
.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.035)}
.btn-secondary:hover{border-color:var(--blue);background:#122c43}
.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(30,51,78,.58),rgba(13,27,46,.75));backdrop-filter:blur(12px);overflow:hidden}
.card:hover{border-color:rgba(115,215,255,.38);box-shadow:var(--shadow)}
.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #72d7ff30;background:#72d7ff0c;color:var(--blue);border-radius:5px;padding:4px 9px;font-size:11px}
.panel-heading{font-size:12px;color:var(--muted);padding:16px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
.check-list{list-style:none;padding:0;margin:25px 0 0}
.check-list li{border-top:1px solid var(--line);padding:16px 0;color:#c3d0df;font-size:14px;display:flex;gap:15px}
.check-list li:before{content:"✓";color:var(--blue)}
.faq details{border-bottom:1px solid var(--line);padding:23px 0}
.faq summary{cursor:pointer;list-style:none;font-weight:600;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--blue);font-size:23px;line-height:1}
.faq details[open] summary:after{content:"−"}
.faq details p{font-size:14px;color:var(--muted);padding-top:16px;max-width:850px;line-height:1.95}
.cta{background:radial-gradient(ellipse at 85% 50%,#123f5a 0,transparent 65%),#0d1e33}
.site-footer{padding:45px 0 24px;background:#060f1d}
.footer-links{display:flex;gap:24px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.footer-bottom{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:#798ba1;display:flex;justify-content:space-between;gap:20px}
.article-hero{padding:32px 0 52px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 0,rgba(33,110,157,.2),transparent 70%),#0b1728}
.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:38px;flex-wrap:wrap}
.hero-inner{max-width:900px;margin:auto;text-align:center}
.article-hero .eyebrow{justify-content:center}
.article-title{font-size:clamp(28px,3.5vw,44px);line-height:1.4;font-weight:800;letter-spacing:-.5px;overflow-wrap:anywhere;margin:18px 0}
.article-description{font-size:15px;line-height:1.95;color:#b8c8db;max-width:820px;margin:20px auto}
.article-meta{display:flex;justify-content:center;gap:12px 22px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:24px}
.article-search{display:flex;align-items:center;gap:12px;max-width:620px;margin:30px auto 0;padding:7px 8px 7px 18px;border:1px solid #365675;border-radius:12px;background:#081322;box-shadow:var(--shadow)}
.article-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #73d7ff12}
.article-search input{min-width:0;flex:1;background:transparent;border:0;color:var(--text);outline:none;font-size:14px}
.article-search input::placeholder{color:#8da1ba}
.article-search button{min-height:40px;padding:8px 18px}
.search-feedback{font-size:12px;color:var(--blue);min-height:24px;margin:9px 0 0}
.hot-chips{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;font-size:12px;margin-top:8px}
.hot-chips a{padding:4px 12px;border:1px solid var(--line);border-radius:30px;color:#b4c5d8;background:#ffffff03}
.hot-chips a:hover{border-color:var(--blue);color:var(--blue);background:#73d7ff0a}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:40px;align-items:start}
.article-body{min-width:0;padding:36px 40px}
.article-body h2{font-size:25px;font-weight:750;line-height:1.5;margin:36px 0 18px;color:#f0f7ff}
.article-body h3{font-size:20px;line-height:1.6;font-weight:700;margin:28px 0 14px;color:#d5edff}
.article-body h2:first-child,.article-body h3:first-child{margin-top:0}
.article-body p{margin:0 0 21px;color:#becbdd;line-height:2.05;overflow-wrap:anywhere}
.article-body ul,.article-body ol{margin:18px 0 25px;padding-left:25px;color:#becbdd}
.article-body ul{list-style:disc}.article-body ol{list-style:decimal}
.article-body li{margin:9px 0;padding-left:5px}
.article-body a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.article-body blockquote{padding:18px 22px;margin:26px 0;border-left:3px solid var(--blue);background:#73d7ff08;border-radius:0 10px 10px 0}
.article-body blockquote p:last-child{margin:0}
.article-body img{height:auto;border-radius:12px;margin:26px auto}
.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:24px 0}
.article-body th,.article-body td{border:1px solid var(--line);padding:12px 16px;text-align:left}
.article-body th{background:#142b42}
.article-body pre{padding:20px;overflow:auto;background:#06101d;border-radius:10px}
.article-body hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.article-side{position:sticky;top:112px}
.side-cover{aspect-ratio:4/3;width:100%;border-bottom:1px solid var(--line)}
.side-note{font-size:13px;color:var(--muted);line-height:1.9}
.side-links a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
.side-links a:last-child{border-bottom:0}
.side-links span{color:var(--blue)}
.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.rule-card{padding:30px}
.rule-card h3{font-size:19px;font-weight:700;margin:12px 0}
.rule-card p{font-size:14px;color:var(--muted);line-height:1.95}
.alert-dot{width:7px;height:7px;background:#fd827a;border-radius:50%;box-shadow:0 0 12px #fd827a55;display:inline-block;margin-right:8px}
.mobile-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.notice-row{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.notice-row:last-child{border-bottom:0}
.notice-row strong{color:var(--blue);font-size:13px;font-weight:500}
.notice-row h3{font-size:16px;font-weight:650;margin-bottom:7px}
.notice-row p{font-size:13px;color:var(--muted)}
.empty-state{min-height:48vh;display:grid;place-content:center;text-align:center;gap:24px;padding:70px 20px}
.empty-state h2{font-size:28px;font-weight:750}
@media(min-width:1025px){.article-side .card:hover{transform:translateY(-2px)}}
@media(max-width:1024px){.container{width:calc(100% - 44px)}.nav-shell{gap:20px}.section{padding:58px 0}.article-layout{gap:24px;grid-template-columns:minmax(0,1fr) 230px}.article-body{padding:28px}.mobile-panel{gap:32px}.article-title{font-size:34px}}
@media(max-width:768px){.container{width:calc(100% - 36px)}.nav-shell{min-height:73px;grid-template-columns:1fr auto 1fr;gap:8px}.nav-left,.nav-right{display:none}.brand{grid-column:2;grid-row:1;font-size:21px}.mobile-toggle{display:block;grid-column:3;grid-row:1;justify-self:end;background:none;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:5px 10px;font-size:12px}.mobile-nav.open{display:flex;flex-direction:column;padding:8px 18px 16px;border-top:1px solid var(--line)}.mobile-nav a{padding:11px 8px;font-size:14px}.article-layout{grid-template-columns:1fr}.article-side{position:static}.article-side .card{display:grid;grid-template-columns:180px 1fr}.side-cover{height:100%;aspect-ratio:auto;border-bottom:0}.section{padding:46px 0}.rule-grid{gap:16px}.rule-card{padding:23px}.mobile-panel{grid-template-columns:1fr;gap:22px}.footer-bottom{flex-direction:column;gap:8px}.article-title{font-size:30px}.article-hero{padding-bottom:35px}.breadcrumb{margin-bottom:28px}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.brand{font-size:19px;gap:8px;letter-spacing:1px}.brand small{letter-spacing:0}.brand-symbol{width:33px;height:33px;font-size:18px}.article-title{font-size:26px}.article-description{font-size:14px;text-align:left}.article-meta{gap:8px 14px}.article-search{padding-left:12px;gap:6px}.article-search button{padding:8px 13px;font-size:12px}.article-search input{font-size:13px}.article-body{padding:24px 20px}.article-body h2{font-size:22px}.article-body h3{font-size:18px}.article-body p{font-size:15px}.article-side .card{display:block}.side-cover{aspect-ratio:16/9;height:auto}.rule-grid{grid-template-columns:1fr}.footer-links{gap:13px 20px}.faq summary{font-size:14px}.btn{padding:11px 20px}.cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* roulang page: category1 */
:root{
      --bg:#081222;
      --panel:#101f34;
      --panel-2:#0d1b2d;
      --text:#edf5ff;
      --muted:#9aacc2;
      --blue:#73d7ff;
      --cyan:#a5e7ff;
      --line:rgba(161,194,228,.16);
      --line-strong:rgba(115,215,255,.34);
      --radius:18px;
      --shadow:0 18px 55px rgba(0,0,0,.22);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:100px}
    body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none}
    a,button,.card{transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}
    a:hover{color:var(--blue)}
    a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
    a:active,button:active{transform:translateY(1px)}
    img{display:block;max-width:100%;object-fit:cover}
    button,input{font:inherit}
    button{cursor:pointer}
    h1,h2,h3,p{margin:0}
    h1,h2,h3{line-height:1.25}
    .container{width:min(1200px,calc(100% - 56px));margin-inline:auto}
    .site-header{position:sticky;top:0;z-index:40;background:rgba(8,18,34,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}
    .nav-shell{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:86px;gap:30px}
    .nav-left{justify-self:start;display:flex;align-items:center}
    .nav-right{justify-self:end;display:flex;align-items:center}
    .nav-link{font-size:14px;font-weight:600;display:inline-flex;padding:11px 0;position:relative}
    .nav-link.active:after{content:"";position:absolute;bottom:3px;left:0;width:20px;height:2px;background:var(--blue);box-shadow:0 0 12px var(--blue)}
    .brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:850;letter-spacing:3px}
    .brand:hover{color:var(--text)}
    .brand-symbol{display:grid;place-items:center;width:38px;height:38px;background:#102e48;border:1px solid #4288ac;border-radius:10px;letter-spacing:0;font-size:21px;color:var(--blue)}
    .brand small{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:400}
    .mobile-toggle,.mobile-nav{display:none}
    .hero{position:relative;min-height:610px;isolation:isolate;overflow:hidden;background:#0c1c30}
    .hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:-3;opacity:.48}
    .hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,15,30,.97),rgba(5,15,30,.78) 48%,rgba(5,15,30,.23)),linear-gradient(0deg,#081222,transparent 65%)}
    .hero:after{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(115,215,255,.15);border-radius:50%;right:-100px;top:80px;z-index:-1;box-shadow:0 0 0 75px rgba(115,215,255,.025),0 0 0 150px rgba(115,215,255,.02)}
    .hero-content{padding:105px 0 110px}
    .hero h1{font-size:clamp(38px,5vw,68px);max-width:780px;letter-spacing:-1px}
    .hero p{font-size:16px;color:#b9cadc;max-width:720px;line-height:2;margin-top:26px}
    .eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:12px;font-weight:650;letter-spacing:2px;margin-bottom:17px}
    .eyebrow:before{content:"";width:18px;height:2px;background:var(--blue)}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:49px;padding:12px 24px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:700}
    .btn-primary{background:var(--blue);color:#061729;box-shadow:0 0 26px #3bbcff30}
    .btn-primary:hover{background:#a5e7ff;color:#061729;box-shadow:0 0 34px #3bbcff55;transform:translateY(-2px)}
    .btn-secondary{border-color:var(--line);background:rgba(255,255,255,.035)}
    .btn-secondary:hover{border-color:var(--blue);background:#122c43}
    .hero-strip{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:rgba(7,20,37,.72);backdrop-filter:blur(12px)}
    .hero-strip-inner{display:flex;align-items:center;gap:35px;min-height:76px;font-size:13px;color:#b9cadc}
    .hero-strip strong{color:var(--text);margin-right:auto}
    .hero-strip a{padding:12px 0}
    .section{padding:82px 0;border-bottom:1px solid var(--line)}
    .section-soft{background:#0b1728}
    .section-heading{max-width:780px}
    .section-heading h2{font-size:clamp(28px,3.5vw,44px)}
    .section-copy{color:var(--muted);max-width:760px;margin-top:20px;font-size:15px;line-height:1.95}
    .grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(30,51,78,.58),rgba(13,27,46,.75));backdrop-filter:blur(12px);overflow:hidden}
    .card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-3px)}
    .content-card{padding:28px}
    .content-card h3{font-size:20px;margin-top:17px}
    .content-card p{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.9}
    .badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #72d7ff30;background:#72d7ff0c;color:var(--blue);border-radius:5px;padding:4px 9px;font-size:11px}
    .feature-number{color:var(--blue);font-size:13px;letter-spacing:2px;margin-bottom:25px}
    .feature-copy{font-size:14px;color:var(--muted);margin-top:14px;line-height:2}
    .check-list{list-style:none;padding:0;margin:25px 0 0}
    .check-list li{border-top:1px solid var(--line);padding:16px 0;color:#c3d0df;font-size:14px;display:flex;gap:15px}
    .check-list li:before{content:"✓";color:var(--blue)}
    .media-card{position:relative;min-height:390px}
    .media-card img{width:100%;height:390px;opacity:.76}
    .media-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,15,30,.94),transparent 68%)}
    .media-caption{position:absolute;z-index:2;bottom:25px;left:25px;right:25px}
    .media-caption h3{font-size:23px}
    .media-caption p{font-size:13px;color:#c1d2e1;margin-top:8px}
    .signal-panel{padding:28px;background:#0a182a;border:1px solid var(--line);border-radius:var(--radius)}
    .signal-row{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}
    .signal-row:last-child{border-bottom:0}
    .signal-row span{color:var(--muted)}
    .signal-row strong{color:var(--blue);font-weight:600}
    .faq details{border-bottom:1px solid var(--line);padding:23px 0}
    .faq summary{cursor:pointer;list-style:none;font-weight:600;display:flex;justify-content:space-between;gap:20px}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary:after{content:"+";color:var(--blue);font-size:23px;line-height:1}
    .faq details[open] summary:after{content:"−"}
    .faq details p{font-size:14px;color:var(--muted);padding-top:16px;max-width:850px;line-height:1.95}
    .cta{background:radial-gradient(ellipse at 85% 50%,#123f5a 0,transparent 65%),#0d1e33}
    .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
    .cta h2{font-size:clamp(28px,3.5vw,42px)}
    .cta p{color:var(--muted);font-size:14px;margin-top:13px;max-width:680px}
    .site-footer{padding:45px 0 24px;background:#060f1d}
    .footer-links{display:flex;gap:24px;font-size:13px;color:var(--muted)}
    .footer-bottom{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:#798ba1;display:flex;justify-content:space-between;gap:20px}
    @media(max-width:1024px){
      .container{width:calc(100% - 44px)}
      .grid-2{gap:35px}
    }
    @media(max-width:768px){
      .container{width:calc(100% - 36px)}
      .nav-shell{min-height:73px;grid-template-columns:1fr auto 1fr;gap:8px}
      .nav-left,.nav-right{display:none}
      .brand{grid-column:2;grid-row:1;font-size:21px}
      .mobile-toggle{display:block;grid-column:3;grid-row:1;justify-self:end;background:none;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:5px 10px;font-size:12px}
      .mobile-nav{display:none;border-top:1px solid var(--line);padding:10px 18px 18px;background:#081222}
      .mobile-nav.open{display:flex;flex-direction:column;gap:3px}
      .mobile-nav a{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
      .hero{min-height:640px}
      .hero-content{padding:76px 0 125px}
      .hero-strip-inner{gap:15px;min-height:70px;flex-wrap:wrap;padding:10px 0}
      .hero-strip strong{width:100%;margin-right:0}
      .section{padding:62px 0}
      .grid-2,.grid-3{grid-template-columns:1fr}
      .media-card{min-height:320px}
      .media-card img{height:320px}
      .cta-inner{align-items:flex-start;flex-direction:column}
      .footer-links{flex-wrap:wrap;gap:12px 20px}
      .footer-bottom{flex-direction:column;gap:8px}
    }
    @media(max-width:520px){
      .container{width:calc(100% - 28px)}
      .brand{font-size:18px;letter-spacing:1px;gap:8px}
      .brand small{display:none}
      .brand-symbol{width:33px;height:33px;font-size:18px}
      .hero h1{font-size:38px}
      .hero p{font-size:14px}
      .hero-actions .btn{width:100%}
      .content-card{padding:23px}
      .section-heading h2{font-size:30px}
      .hero-strip-inner{font-size:12px}
    }