:root{--bg:#061329;--bg2:#081a33;--panel:#112746;--panel2:#0c1e37;--line:#213b5d;--line2:#315477;--text:#eef2f7;--muted:#95a8c6;--gold:#e6bb50;--gold2:#f6dc78;--green:#73d49c;--red:#eb735f;--blue:#6daef0;--display:'Fraunces',Georgia,serif;--body:'IBM Plex Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;overflow-x:hidden;color:var(--text);font:14px/1.55 var(--body);background:radial-gradient(circle at 30% -10%,rgba(38,91,164,.25),transparent 38rem),linear-gradient(180deg,#07152d,#061126 48%,#07162d)}body:before{content:"";position:fixed;z-index:-1;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(#000,transparent 82%)}a{color:inherit}.skip{position:fixed;z-index:100;left:12px;top:-50px;padding:8px 12px;background:var(--gold);color:#151005}.skip:focus{top:12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:600}.app-header{position:sticky;z-index:50;top:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand lamps hub" "nav nav nav";align-items:center;gap:10px 18px;padding:10px max(26px,calc((100vw - 1240px)/2));border-bottom:1px solid #1c3658;background:rgba(7,21,44,.96);box-shadow:0 12px 34px rgba(0,0,0,.25);backdrop-filter:blur(18px)}.brand{grid-area:brand;display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(69,142,255,.35))}.brand strong{font:600 26px var(--display);color:#f2d478}.system-lamps{grid-area:lamps;justify-self:start;display:flex;border:1px solid #1d3656;border-radius:9px;overflow:hidden;background:#091426}.system-lamps span{padding:8px 13px;border-left:1px solid #1d3656;font-size:11px;font-weight:600}.system-lamps span:first-child{border-left:0}.system-lamps i,.game-live i,.license-chip i,.connect-status>span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.hub-button{grid-area:hub;justify-self:end;padding:9px 14px;border:1px solid #31527a;border-radius:8px;background:linear-gradient(#1a3151,#10243f);text-decoration:none;font-weight:600}.story-nav{grid-area:nav;display:flex;gap:5px;width:100%;padding:7px;border:1px solid #1f3b60;border-radius:14px;background:#0b1e38;overflow-x:auto}.story-nav a{flex:1;min-width:92px;padding:10px 13px;border:1px solid transparent;border-radius:10px;color:#9aabc7;text-align:center;text-decoration:none;font-weight:500}.story-nav a.active,.story-nav a:hover{border-color:#dfb146;color:#171105;background:linear-gradient(180deg,#f5d874,#d6a43d);box-shadow:inset 0 1px #fff0a2}.menu-button{display:none}
main{width:100%}.chapter{max-width:1240px;margin:0 auto;padding:48px 26px;scroll-margin-top:130px}.chapter+.chapter{border-top:1px solid rgba(49,84,119,.38)}.chapter-copy{max-width:760px;margin-bottom:36px}.chapter-copy.compact{display:grid;grid-template-columns:1fr .8fr;max-width:none;align-items:end;gap:16px 50px}.chapter-copy.compact .chapter-no{grid-column:1/-1}.chapter-copy.compact p{margin:0}.chapter-no{display:block;margin-bottom:12px;color:#8fa7cc;font:500 11px var(--mono);letter-spacing:.16em}.chapter-copy h1{margin-bottom:24px;font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-.035em}.chapter-copy h2{margin-bottom:0;font-size:clamp(36px,4.5vw,58px);line-height:1.08}.chapter-copy em{color:var(--gold2);font-style:normal}.chapter-copy p{color:var(--muted);font-size:16px;line-height:1.75}.actions{display:flex;gap:10px;margin-top:28px}.gold-button,.soft-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border-radius:9px;text-decoration:none;font-weight:600}.gold-button{border:1px solid #e4bb54;color:#171105;background:linear-gradient(180deg,#f8de7c,#d5a43e);box-shadow:inset 0 1px #fff5b6,0 4px 12px rgba(0,0,0,.22)}.soft-button{border:1px solid #29496d;background:#102541}.app-frame{padding:16px;border:1px solid #24476d;border-radius:18px;background:#07162b;box-shadow:0 24px 70px rgba(0,0,0,.34)}.hero{padding-top:35px}.hero>.chapter-copy{position:relative;z-index:2;margin-bottom:-180px;padding:20px 0 0 38px}.overview-screen{position:relative;padding-top:16px;background:linear-gradient(90deg,rgba(7,22,43,.96),rgba(7,22,43,.74) 50%,rgba(7,22,43,.3)),url("app/class/3.jpg") 72% top/cover no-repeat}.overview-screen:before{content:"";display:block;height:310px}.license-row{position:absolute;left:16px;right:16px;top:16px;display:flex;align-items:center;gap:10px}.license-chip,.license-add,.license-row button{padding:8px 11px;border:1px solid #2c4c70;border-radius:9px;background:#0d213d}.license-chip b{margin-left:16px;color:var(--green);font:500 10px var(--mono)}.license-add{margin-left:auto;color:#6d7f9b;font:500 11px var(--mono)}.license-row button{color:#fff}.app-tabs{display:flex;gap:7px;padding:8px;margin-bottom:16px;border:1px solid #1f3b60;border-radius:14px;background:#0b1e38;overflow-x:auto}.app-tabs>*{min-width:96px;padding:9px 12px;border-radius:9px;color:var(--muted);text-align:center;white-space:nowrap}.app-tabs b{color:#171105;background:linear-gradient(#f5d874,#d6a43d)}.character-card{position:relative;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;min-height:225px;padding:26px;border:1px solid #27476b;border-radius:16px;background:rgba(17,39,70,.58);overflow:hidden}.character-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,39,70,.96) 10%,rgba(17,39,70,.72) 65%,rgba(17,39,70,.18))}.character-card>*:not(.character-art){position:relative}.character-card>img{width:68px;height:68px;border:2px solid var(--gold);border-radius:50%;object-fit:cover}.character-card small,.screen-title small,.character-card p{color:var(--muted)}.character-card h2{margin:3px 0;font-size:32px}.character-card h2 span{padding:4px 8px;border:1px solid #94752e;border-radius:99px;color:var(--gold2);font:500 12px var(--mono)}.character-card p{margin:0;font:500 12px var(--mono)}.character-card>button{padding:8px 12px;border:1px solid #38597c;border-radius:8px;color:#fff;background:#17304f}.now{grid-column:1/-1;padding:14px;border:1px solid #29496d;border-radius:10px;background:#08152a}.now b{margin-right:12px;padding:4px 9px;border-radius:4px;color:#1a1708;background:var(--gold)}.overview-columns{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.panel,.feature,.priority-panel,.telegram-connect,.fight-mode{padding:18px;border:1px solid #234263;border-radius:14px;background:#112746}.panel-head,.feature-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h3,.feature-title h3{margin:0;font-size:19px}.panel-head>span,.live-count{color:var(--green);font:500 10px var(--mono)}.event-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.event-mini-grid article{position:relative;min-height:195px;display:flex;flex-direction:column;justify-content:space-between;padding:12px;border:1px solid #3a5877;border-radius:11px;overflow:hidden;background:linear-gradient(180deg,rgba(6,13,27,.1),rgba(6,13,27,.94)),var(--art) center/cover}.event-mini-grid article>*{position:relative}.event-mini-grid strong{font:600 24px var(--display)}.event-mini-grid small{padding:5px;border:1px solid #6c5b29;border-radius:5px;background:#071020;text-align:center}.stat-stack dl{margin:10px 0 20px}.stat-stack dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #274363}.stat-stack dd{font-weight:700}.wallet{color:var(--gold2);font:500 22px var(--mono)}
.screen-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:18px 20px;border:1px solid #243f60;border-radius:14px;background:linear-gradient(100deg,#121b2a,#17191f)}.screen-title h2{margin:3px 0 0;font-size:30px}.game-live{padding:8px 10px;border:1px solid #314b61;border-radius:99px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature{background:linear-gradient(145deg,#132b4d,#0e213c)}.feature.wide{grid-column:span 2}.feature p,.panel p{color:var(--muted)}.toggle{width:38px;height:22px;padding:3px;border-radius:99px;background:#35435b}.toggle:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#9ba8bc}.toggle.on{background:#c99d36}.toggle.on:after{margin-left:16px;background:#171308}.companion-choices{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:16px}.companion-choices>div{display:grid;justify-items:center;padding:12px;border:1px solid #294769;border-radius:12px}.companion-choices img{width:64px;height:64px;object-fit:contain}.companion-choices small{color:var(--muted)}.companion-choices>span{color:var(--gold);font:500 10px var(--mono);text-align:center}.meter{height:7px;margin:20px 0 9px;border:1px solid #27425f;border-radius:99px;background:#071327;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#3976df,#70baff)}.meter.gold i{background:linear-gradient(90deg,#9c6d20,#f0c45a)}.metric{display:block;color:var(--gold2);font:500 12px var(--mono)}.stepper{display:grid;grid-template-columns:36px 1fr 36px;margin-top:18px;border:1px solid #594725;border-radius:8px;overflow:hidden}.stepper>*{padding:8px;border:0;color:#f5d77b;background:#09162a;text-align:center}.stepper button{background:#5c4521}.choice-row,.runes,.supply{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.choice-row span,.choice-row b,.runes span,.supply span{flex:1;padding:8px;border:1px solid #2b4a6d;border-radius:8px;background:#0b1c34;text-align:center}.choice-row b{border-color:var(--gold);color:var(--gold2)}.runes span:nth-child(1){border-left-color:#6fcf97}.runes span:nth-child(2){border-left-color:#f1c85a}.runes span:nth-child(3){border-left-color:#e7785a}.runes span:nth-child(4){border-left-color:#b987e6}.supply b{color:var(--green)}
.hunt-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}.boss-map{grid-row:span 2}.boss-current{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;margin:15px 0;padding:14px;border:1px solid #2a496a;border-radius:11px;background:#0b1d35}.boss-current img{width:58px}.boss-current small{color:var(--muted);font:500 9px var(--mono)}.boss-current h3{margin:2px 0}.boss-current p{margin:0}.boss-current>b{color:var(--gold2)}.route{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid #274562;border-radius:9px;background:#09182e}.route span,.route b{padding:6px 8px}.route i{color:var(--gold);font-style:normal}.route b{border-radius:6px;color:#181204;background:var(--gold)}.boss-list{display:grid;gap:7px;margin-top:13px}.boss-list span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:9px;border-bottom:1px solid #294566}.boss-list i{width:8px;height:8px;margin-right:8px;border-radius:50%}.gold-dot{background:var(--gold)}.red-dot{background:var(--red)}.ex-dot{background:#9b7be9}.boss-list b{color:var(--green)}.buffs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.buffs span{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #2b4b6d;border-radius:8px}.buffs img{width:32px}.control-list{margin:0;padding:0;list-style:none}.control-list li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #294566;color:var(--muted)}.control-list b{color:var(--green);font:500 11px var(--mono)}.role-row{display:flex;gap:8px;flex-wrap:wrap}.role-row>*{padding:7px 9px;border:1px solid #2a496b;border-radius:8px}.role-row b{color:#161006;background:var(--gold)}.role-row em{margin-left:auto;color:var(--muted)}.rules{grid-column:1/-1}.rules>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rules span{padding:12px;border:1px solid #29486a;border-radius:9px;background:#0b1d35;font-weight:600}.rules small{display:block;color:var(--muted);font:500 9px var(--mono)}
.priority-panel{margin-bottom:14px}.field-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:8px;margin-top:14px}.field-grid label{color:var(--muted)}.field-grid b{display:block;margin-top:5px;padding:9px;border:1px solid #2b4b6c;border-radius:8px;color:#e8edf6;background:#08182e;font-weight:500}.events-panel{background:#112746}.events-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:15px}.events-grid article{position:relative;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 7px;border:1px solid #365778;border-radius:11px;overflow:hidden;background:linear-gradient(180deg,rgba(4,10,22,.05),rgba(4,10,22,.95)),var(--art) center/cover;text-align:center}.events-grid article>*{position:relative}.events-grid article>b{font-size:12px}.events-grid article>span{padding:4px 7px;border:1px solid #48714c;border-radius:99px;color:#8eea9f;background:rgba(8,22,16,.75);font:500 10px var(--mono)}.events-grid article>small{width:100%;padding:6px 4px;border:1px solid #66572d;border-radius:6px;background:rgba(5,12,25,.9);font:500 9px var(--mono)}
.market-bar{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:8px;margin-bottom:13px;padding:13px;border:1px solid #284767;border-radius:12px;background:#0e2340}.market-bar span,.market-bar label{padding:4px 10px;border-left:1px solid #294765}.market-bar span:first-child{border-left:0}.market-bar small{display:block;color:var(--muted);font:500 9px var(--mono)}.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.order-head,.order{display:grid;grid-template-columns:1.4fr .7fr .8fr .55fr;gap:8px;padding:10px;border-top:1px solid #294766}.order-head{margin-top:12px;color:var(--muted);font:500 9px var(--mono);background:#0b1c34}.order em{color:var(--gold2);font-style:normal}.order i{color:var(--green);font-style:normal}.panel button{padding:6px 9px;border:1px solid #36577b;border-radius:7px;color:#fff;background:#17304f}.realm{grid-row:span 2}.realm-tabs{display:flex;gap:5px;margin:13px 0}.realm-tabs>*{flex:1;padding:8px;border:1px solid #29486a;border-radius:8px;text-align:center}.realm-tabs b{color:#171105;background:var(--gold)}.map-points{position:relative;min-height:220px;border:1px solid #2c4c6e;border-radius:11px;background:radial-gradient(circle at 50% 50%,rgba(51,107,162,.35),transparent 42%),linear-gradient(145deg,#0a1b33,#061326)}.map-points i{position:absolute;left:var(--x);top:var(--y);width:11px;height:11px;border:2px solid #ffe494;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.purchase-list{margin:12px 0 0;padding:0;list-style:none}.purchase-list li{display:flex;justify-content:space-between;padding:10px;border-top:1px solid #294667}.purchase-list span{color:var(--gold2)}.inventory{grid-column:1/-1}.inventory-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.inventory-tools span{padding:11px;border:1px solid #2a4a6c;border-radius:8px;background:#0b1d35;text-align:center}
.fight-mode{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;background:linear-gradient(90deg,#141a28,#1a1820)}.fight-mode h2{margin:3px 0;color:var(--gold2);font-size:34px}.fight-mode small{font:500 10px var(--mono)}.fight-mode>div:last-child{display:flex;gap:6px}.fight-mode>div:last-child>*{padding:10px 14px;border-radius:8px;color:var(--muted)}.fight-mode>div:last-child b{color:#171105;background:var(--gold)}.pvp-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.attacker{margin-top:14px;padding:14px;border:1px dashed #385473;border-radius:10px}.attacker>*{display:block}.attacker span{color:var(--muted)}.counter-main{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:15px;margin:15px 0;padding:15px;border:1px solid #2a496b;border-radius:11px;background:#0b1d35}.counter-main img{width:74px}.counter-main span,.counter-main b{display:block}.counter-main span{color:var(--muted)}.counter-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.counter-settings span{padding:10px;border:1px solid #29486a;border-radius:8px}.counter-settings b{float:right;color:var(--green)}
.telegram-connect{display:grid;grid-template-columns:1.1fr 1fr .7fr auto;align-items:end;gap:12px}.telegram-connect>div{display:flex;align-items:center;gap:10px}.telegram-connect h3{margin:0}.telegram-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:white;background:#2aabee;font-size:20px}.telegram-connect label small{display:block;color:var(--muted)}.telegram-connect label b{display:block;margin-top:4px;padding:9px;border:1px solid #2b4b6d;border-radius:8px;background:#08182e}.telegram-connect button{padding:10px 13px;border:1px solid var(--gold);border-radius:8px;color:#171105;background:var(--gold);font-weight:600}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:13px}.settings-grid article:first-child{grid-row:span 2}.notification-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.notification-grid span{padding:10px;border-bottom:1px solid #294667}.notification-grid b{float:right;color:var(--green);font:500 10px var(--mono)}
.connect-status{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #294867}.connect-status img{width:60px;height:60px}.connect-status small{color:var(--muted)}.connect-status h2{margin:3px 0}.connect-status>span{margin-left:auto;padding:8px 10px;border:1px solid #305273;border-radius:99px}.connect-screen ol{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 0;padding:0;list-style:none}.connect-screen li{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:16px;border:1px solid #28486b;border-radius:12px;background:#112746}.connect-screen li>b{width:38px;height:38px;display:grid;place-items:center;border:1px solid #6b562c;border-radius:50%;color:var(--gold2)}.connect-screen h3{margin:4px 0}.connect-screen p{color:var(--muted)}.connect-screen li span{display:inline-block;padding:6px 8px;border:1px solid #2d5074;border-radius:7px;color:var(--green)}.pair-code{display:flex;gap:4px}.pair-code i{width:28px;padding:5px;border:1px solid #37587b;border-radius:5px;color:var(--gold2);background:#08182e;text-align:center;font-style:normal}.final{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:24px;padding:25px;border:1px solid #2b4e73;border-radius:16px;background:linear-gradient(135deg,#132c4d,#091a31)}.final img{width:72px;height:72px}.final small{color:var(--muted);font:500 10px var(--mono)}.final h2{margin:4px 0}
footer{max-width:1240px;display:grid;grid-template-columns:1fr auto;gap:8px 20px;margin:0 auto;padding:34px 26px;border-top:1px solid #203b5d;color:var(--muted)}footer>a{display:flex;align-items:center;gap:8px;color:var(--gold2);font:600 20px var(--display);text-decoration:none}footer>a img{width:38px;height:38px}footer p{grid-row:2;margin:0}footer nav{display:flex;gap:14px}footer nav a{text-decoration:none}footer>small{grid-column:2;text-align:right}
@media(max-width:1050px){.events-grid{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.field-grid{grid-template-columns:1fr 1fr}.connect-screen ol{grid-template-columns:1fr 1fr}.inventory-tools{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.app-header{position:relative;grid-template-columns:1fr auto;grid-template-areas:"brand menu" "lamps lamps" "nav nav" "hub hub"}.menu-button{grid-area:menu;display:block;padding:8px 11px;border:1px solid #315477;border-radius:8px;color:#fff;background:#102541}.system-lamps{justify-self:stretch;overflow-x:auto}.system-lamps span{flex:1;white-space:nowrap;text-align:center}.hub-button{justify-self:stretch;text-align:center}.story-nav{display:none}.story-nav.open{display:flex}.chapter{padding:40px 18px;scroll-margin-top:20px}.chapter-copy.compact{grid-template-columns:1fr}.chapter-copy.compact p{grid-column:1}.hero>.chapter-copy{margin-bottom:0;padding:0}.overview-screen:before{display:none}.overview-screen{background:#07162b}.license-row{position:relative;left:auto;right:auto;top:auto;margin-bottom:12px}.hunt-grid,.market-grid,.pvp-grid,.settings-grid{grid-template-columns:1fr}.boss-map{grid-row:auto}.realm{grid-row:auto}.chapter-copy h1{font-size:52px}.overview-columns{grid-template-columns:1fr}.events-grid{grid-template-columns:repeat(3,1fr)}.telegram-connect{grid-template-columns:1fr 1fr}.telegram-connect>div{grid-column:1/-1}.rules>div{grid-template-columns:1fr 1fr}.fight-mode{align-items:flex-start;gap:10px}.fight-mode>div:last-child{flex-wrap:wrap}.final{grid-template-columns:auto 1fr}.final .gold-button{grid-column:1/-1}}
@media(max-width:560px){.brand strong{font-size:22px}.system-lamps span{padding:7px 8px;font-size:9px}.chapter-copy h1{font-size:42px}.chapter-copy h2{font-size:34px}.actions{flex-direction:column}.app-frame{padding:10px;border-radius:13px}.character-card{grid-template-columns:58px 1fr;padding:17px}.character-card>img{width:54px;height:54px}.character-card>button{grid-column:1/-1}.event-mini-grid,.events-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.feature.wide{grid-column:auto}.field-grid,.telegram-connect,.connect-screen ol{grid-template-columns:1fr}.rules>div,.notification-grid{grid-template-columns:1fr}.inventory-tools{grid-template-columns:1fr 1fr}.order-head,.order{grid-template-columns:1.2fr .8fr}.order-head>*:nth-child(3),.order-head>*:nth-child(4),.order>*:nth-child(3),.order>*:nth-child(4){display:none}.license-add{display:none}.app-tabs>*{min-width:82px}.overview-columns{gap:10px}.counter-settings{grid-template-columns:1fr}.connect-status{align-items:flex-start}.connect-status>span{margin-left:0}.final{grid-template-columns:1fr;text-align:center}.final img{margin:auto}footer{grid-template-columns:1fr;text-align:center}footer>a,footer nav{justify-content:center}footer p,footer>small{grid-column:1}footer>small{text-align:center}}
.overview-screen .license-row{top:215px}
@media(max-width:820px){.overview-screen .license-row{position:relative;top:auto}}

/* Direct messenger links beside the Customer Hub action. */
.app-header{grid-template-areas:"brand lamps actions" "nav nav nav"}
.header-actions{grid-area:actions;justify-self:end;display:flex;align-items:center;gap:9px}
.contact-links{display:flex;gap:6px}
.contact-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #2d4c70;border-radius:9px;background:#0b1c34;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.contact-icon:hover{transform:translateY(-2px);border-color:#6f91bd;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.contact-icon svg{width:21px;height:21px;fill:#fff}
.contact-icon.telegram{background:#229ed9}.contact-icon.whatsapp{background:#25d366}.contact-icon.facebook{background:#1877f2}
.header-actions .hub-button{grid-area:auto;justify-self:auto;white-space:nowrap}
@media(max-width:820px){.app-header{grid-template-areas:"brand menu" "lamps lamps" "nav nav" "actions actions"}.header-actions{justify-self:stretch}.contact-links{margin-left:auto}.header-actions .hub-button{flex:1;text-align:center}}
@media(max-width:560px){.header-actions{flex-wrap:wrap}.contact-links{margin:0 auto}.header-actions .hub-button{flex-basis:100%}}

.overview-screen{border-top-color:transparent}

.not-found-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#122b50,#07162b 58%)}
.not-found{width:min(680px,100%);padding:48px;border:1px solid #29496d;border-radius:18px;background:rgba(8,21,42,.92);box-shadow:0 24px 70px rgba(0,0,0,.34);text-align:center}
.not-found>img{width:108px;height:108px;object-fit:contain;margin-bottom:20px}.not-found h1{margin:0 0 16px;font-size:clamp(40px,7vw,72px)}.not-found p{color:var(--muted);font-size:18px}.not-found .actions{justify-content:center}

.seo-header{max-width:1240px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto;padding:14px 26px;border-bottom:1px solid #203b5d}.seo-header nav{display:flex;align-items:center;gap:20px}.seo-header nav>a{text-decoration:none}.seo-main{max-width:1240px;margin:0 auto;padding:0 26px}.seo-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;padding:86px 0 70px}.seo-hero h1{margin-bottom:24px;font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.035em}.seo-hero h1 em{color:var(--gold2);font-style:normal}.seo-hero p,.seo-section p,.seo-cta p{color:var(--muted);font-size:16px;line-height:1.75}.seo-hero figure{margin:0;padding:12px;border:1px solid #29496d;border-radius:18px;background:#0a1c35}.seo-hero figure img{width:100%;aspect-ratio:4/3;display:block;border-radius:12px;object-fit:cover}.seo-hero figcaption{padding:12px 4px 2px;color:var(--muted)}.seo-section{padding:64px 0;border-top:1px solid rgba(49,84,119,.5)}.seo-section>h2,.seo-cta h2{max-width:780px;margin-bottom:18px;font-size:clamp(36px,4.5vw,58px);line-height:1.08}.seo-section .lead{max-width:780px}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.seo-grid article{padding:22px;border:1px solid #28496c;border-radius:14px;background:linear-gradient(145deg,#132b4d,#0e213c)}.seo-grid h3{font-size:22px}.seo-grid article>a{color:var(--gold2);text-decoration:none;font-weight:600}.seo-connection{display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:center}.seo-connection ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.seo-connection li{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #29496d;border-radius:12px;background:#0d213d}.seo-connection li b{width:34px;height:34px;display:grid;place-items:center;border:1px solid #8f712d;border-radius:50%;color:var(--gold2)}.seo-cta{margin:30px 0 70px;padding:42px;border:1px solid #2b4e73;border-radius:18px;background:linear-gradient(135deg,#132c4d,#091a31)}
@media(max-width:820px){.seo-header{align-items:flex-start}.seo-header nav{justify-content:flex-end;flex-wrap:wrap;gap:10px 14px}.seo-hero,.seo-connection{grid-template-columns:1fr}.seo-hero{padding-top:56px}.seo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.seo-header{padding:12px 18px;flex-direction:column}.seo-header nav{justify-content:flex-start}.seo-main{padding:0 18px}.seo-hero h1{font-size:42px}.seo-grid{grid-template-columns:1fr}.seo-cta{padding:28px}.seo-header .hub-button{width:100%;text-align:center}}