/* KINGTOPTOTO : premium informational theme | original responsive CSS */
:root{--night:#090d1b;--night2:#11172b;--panel:#161e33;--cream:#f8f6f0;--paper:#f4f2ed;--ink:#242837;--muted:#767b89;--gold:#f5ba6b;--gold2:#e9a848;--lav:#c6b8ff;--line:#e4e0d7;--shadow:0 25px 65px rgba(22,25,40,.10);--radius:22px;--ease:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}
button{cursor:pointer}p,h1,h2,h3,h4{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.04em}h1{font-size:clamp(2.8rem,6.1vw,5.6rem)}h2{font-size:clamp(2rem,4vw,3.3rem)}h3{font-size:1.2rem}
::selection{background:#dba65c;color:#111}
.container{width:min(1200px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;top:-60px;left:15px;z-index:100;background:#fff;padding:10px 14px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(9,13,27,.97);border-bottom:1px solid #2a3042;backdrop-filter:blur(20px);color:#fff}.header-inner{height:84px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:1.12rem;letter-spacing:.03em;white-space:nowrap}.brand img{width:39px;height:39px}.brand .brand-top{color:var(--gold)}
.primary-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.primary-nav a{font-size:.89rem;color:#b8bdc9;font-weight:700;transition:color .2s}.primary-nav a:hover,.primary-nav a.active{color:#fff}.header-action{padding:11px 17px;font-size:.83rem;border:1px solid #45404a;border-radius:100px;color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.header-action:hover{border-color:var(--gold);color:var(--gold)}.header-action span{color:var(--gold)}.menu-button{display:none;background:transparent;border:1px solid #3e4558;border-radius:12px;color:#fff;width:45px;height:45px;place-items:center}.menu-button svg{width:22px;height:22px}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:.76rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.kicker.light{color:var(--gold)}.kicker.dark{color:#9c622c}.kicker .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}
.hero{color:#fff;background:var(--night);overflow:hidden;position:relative}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(117,97,175,.22),transparent 35%),radial-gradient(circle at 15% 85%,rgba(229,156,80,.12),transparent 40%);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:620px;align-items:center;gap:58px;padding-top:82px;padding-bottom:102px}.hero h1{margin:20px 0 22px;font-weight:850;max-width:680px}.hero h1 em{font-style:normal;color:var(--gold)}.hero h1 .soft{font-weight:600;color:#aeb6ca}.hero-copy{color:#b3b9ca;font-size:1.08rem;max-width:600px;line-height:1.82}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:100px;padding:15px 23px;font-size:.9rem;line-height:1.2;font-weight:850;transition:transform .2s var(--ease),background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#17131a}.btn-primary:hover{background:#ffcb82}.btn-outline{border:1px solid #4c5060;color:#fff;background:transparent}.btn-outline:hover{border-color:var(--gold)}.btn-light{border:1px solid #ded9cf;color:var(--ink);background:#fff}.btn-light:hover{border-color:#bfa079}.arrow{font-size:1.15rem}.hero-keywords{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:36px}.hero-keywords span{font-size:.74rem;border:1px solid #363b4c;color:#a7afc2;border-radius:100px;padding:5px 12px}
.visual-wrap{position:relative;min-width:0;padding:20px 0}.visual-wrap:before{position:absolute;content:"";width:500px;height:500px;right:-100px;top:-52px;border:1px solid rgba(247,186,107,.12);border-radius:50%}.visual-wrap:after{position:absolute;content:"";width:390px;height:390px;right:-45px;top:10px;border:1px solid rgba(247,186,107,.18);border-radius:50%}.hero-board{position:relative;z-index:2;background:linear-gradient(152deg,#202940,#101729 74%);border:1px solid #384052;border-radius:28px;box-shadow:0 38px 100px #0007;overflow:hidden;transform:rotate(-2deg)}.board-head{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid #363b4c}.board-head small{letter-spacing:.13em;color:#aeb6c8;font-weight:800;font-size:.66rem}.board-head .led{display:flex;gap:6px}.led i{width:7px;height:7px;border-radius:100%;display:inline-block;background:#485367}.led i:first-child{background:var(--gold)}.board-content{padding:27px 27px 35px}.board-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.19em;color:#9aa3b9;font-weight:800}.board-title{font-size:clamp(2.1rem,4vw,3.4rem);font-weight:850;letter-spacing:-.07em;color:#fff;margin:7px 0 25px}.board-title strong{color:var(--gold)}.board-panes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pane{display:flex;min-height:116px;flex-direction:column;justify-content:space-between;gap:22px;padding:17px;border:1px solid #3a4356;background:rgba(255,255,255,.035);border-radius:14px;color:#fff}.pane .num{font-size:.76rem;font-weight:850;color:var(--gold)}.pane b{font-size:.94rem;line-height:1.25}.board-foot{margin-top:22px;display:flex;justify-content:space-between;font-size:.75rem;color:#b6bdcd;gap:8px;border-top:1px solid #30394c;padding-top:17px}.board-foot span{color:var(--gold)}
.ticker{background:#1a2030;color:#c3c9d7;border-top:1px solid #2a3042}.ticker-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:16px 0;font-size:.75rem;font-weight:700;letter-spacing:.04em}.ticker-item{display:flex;align-items:center;gap:9px}.ticker-item .circle{width:7px;height:7px;border:2px solid var(--gold);border-radius:50%}
.section{padding:105px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-head h2{margin:15px 0 0;max-width:690px}.section-head p{color:#737780;max-width:350px;margin-bottom:5px}.section-sub{color:#777b86;max-width:580px;font-size:1.04rem}
.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{background:#fff;border:1px solid #e8e3da;border-radius:22px;padding:32px;min-height:334px;display:flex;flex-direction:column;box-shadow:0 8px 26px #16192a06;transition:transform .24s var(--ease),box-shadow .24s}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card-no{color:#a6a4a0;font-weight:850;letter-spacing:.08em;font-size:.82rem}.feature-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;margin:27px 0 23px;background:#f7ecd9;color:#896036}.feature-icon svg{width:27px;height:27px}.feature-card:nth-child(2) .feature-icon{background:#ece9fa;color:#6c598e}.feature-card:nth-child(3) .feature-icon{background:#e4eeeb;color:#3d7364}.feature-card h3{font-size:1.3rem;letter-spacing:-.025em;margin:0 0 10px}.feature-card p{color:#777e88;font-size:.93rem;margin:0 0 28px}.card-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:850;color:#775127;font-size:.84rem}.card-link span{font-size:1.1rem}
.editorial-section{background:#eeeae3;padding:104px 0}.editorial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.editorial-art{position:relative;min-height:438px;background:#1a2031;border-radius:28px;padding:30px;overflow:hidden}.editorial-art:before{content:"";position:absolute;width:420px;height:420px;right:-220px;top:-110px;border:70px solid rgba(231,172,98,.12);border-radius:50%}.editorial-art:after{content:"";position:absolute;width:260px;height:260px;left:-170px;bottom:-160px;border:45px solid rgba(159,139,219,.18);border-radius:50%}.art-stamp{position:relative;z-index:2;display:inline-block;color:#eac081;letter-spacing:.19em;font-size:.72rem;font-weight:800}.art-panel{position:absolute;z-index:2;top:95px;left:42px;right:42px;background:linear-gradient(115deg,#2f374b,#22283b);border:1px solid #525768;border-radius:19px;padding:27px;color:#fff;box-shadow:12px 24px 40px #0004;transform:rotate(-4deg)}.art-panel b{font-size:2.15rem;display:block;letter-spacing:-.08em;line-height:1.1;margin-top:16px}.art-panel strong{color:var(--gold)}.art-panel p{font-size:.84rem;color:#b1b9c7;margin-top:13px}.art-tiles{display:flex;gap:8px;margin-top:24px}.art-tiles span{height:24px;width:24px;background:var(--gold);border-radius:5px}.art-tiles span:nth-child(2){background:#8c89af}.art-tiles span:nth-child(3){background:#5c7286}.art-bottom{position:absolute;bottom:29px;right:33px;z-index:2;color:#b7becf;font-size:.73rem}.editorial-text h2{margin:16px 0 25px}.editorial-text>p{color:#747984;line-height:1.85}.checks{margin:24px 0 28px;padding:0;list-style:none}.checks li{display:flex;gap:12px;align-items:flex-start;margin:13px 0;font-weight:650;color:#404756;font-size:.94rem}.checks li:before{content:"✓";display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:#dfe8d7;color:#537447;font-weight:900;font-size:.7rem}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.step{padding:25px 22px;background:#fff;border-radius:18px;border:1px solid #eae5dc}.step-no{color:#a57236;font-weight:900;font-size:.75rem;letter-spacing:.13em}.step h3{font-size:1.1rem;margin:17px 0 10px}.step p{color:#777e87;font-size:.9rem;line-height:1.65;margin:0}
.qa-section{background:#fff}.faq-list{display:grid;gap:11px;margin:0 auto;max-width:890px}.faq-list details{border:1px solid #e5e0d8;background:#fbfaf7;border-radius:16px;padding:0 24px}.faq-list summary{cursor:pointer;list-style:none;padding:23px 35px 23px 0;font-size:1.02rem;font-weight:800;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:16px;font-size:1.6rem;font-weight:400;color:#9f6d36}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0 0 22px;color:#777c86;max-width:740px}.faq-list a{color:#926329;text-decoration:underline;text-underline-offset:4px}
.cta-band{padding:80px 0;background:var(--night);color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner h2{max-width:660px;margin:12px 0 0}.cta-inner .btn{flex-shrink:0}
.site-footer{background:#0c1221;color:#a2aabd;padding:67px 0 24px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding-bottom:50px}.site-footer .brand{color:#fff}.footer-info p{font-size:.89rem;max-width:380px;margin-top:20px;line-height:1.8}.footer-col h3{color:#fff;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}.footer-col a{display:block;padding:5px 0;font-size:.88rem}.footer-col a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #2d3343;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:.75rem}.site-footer .disclaimer{font-size:.74rem;line-height:1.7;color:#949dad;max-width:770px}.footer-bottom a:hover{color:#fff}
/* inner pages */
.page-hero{background:radial-gradient(circle at 90% 10%,rgba(121,96,175,.19),transparent 40%),var(--night);color:#fff;padding:86px 0 90px}.page-hero h1{font-size:clamp(2.9rem,5.6vw,4.9rem);max-width:880px;margin:22px 0}.page-hero p{font-size:1.12rem;color:#b8bdce;max-width:720px;margin:0;line-height:1.8}.breadcrumb{font-size:.77rem;color:#9ea9c1;display:flex;align-items:center;gap:12px;margin-bottom:25px}.breadcrumb a:hover{color:var(--gold)}.breadcrumb b{color:var(--gold);font-weight:700}
.prose-main{padding:86px 0 110px}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:85px;align-items:start}.content-body{max-width:760px}.content-body h2{font-size:clamp(1.6rem,3.3vw,2.35rem);margin:51px 0 16px;scroll-margin-top:125px}.content-body h2:first-child{margin-top:0}.content-body h3{font-size:1.24rem;margin:30px 0 12px}.content-body p{color:#666e79;line-height:1.9}.content-body ul,.content-body ol{padding-left:21px;color:#606975;line-height:1.9}.content-body li{padding-left:5px;margin:8px 0}.content-body strong{color:#292c36}.info-box{padding:25px 27px;border:1px solid #ded8cb;border-left:4px solid #ca8f46;border-radius:13px;background:#fff9ee;margin:30px 0}.info-box b{display:block;color:#7e5226;margin-bottom:4px}.info-box p{margin:0;color:#66605d}.article-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:42px}.sticky-aside{position:sticky;top:115px;background:#fff;border:1px solid #e7e3d9;border-radius:18px;padding:24px}.sticky-aside b{font-size:.78rem;letter-spacing:.12em;color:#936a41;text-transform:uppercase}.sticky-aside a{display:block;padding:11px 0;border-bottom:1px solid #f1eee9;color:#58606e;font-weight:650;font-size:.88rem}.sticky-aside a:last-child{border:0}.sticky-aside a:hover{color:#9e6b2e}
.glossary-search{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;border:1px solid #d8d4ca;padding:10px 20px;margin:0 0 25px}.glossary-search svg{width:21px;height:21px;color:#a4a3a2;flex-shrink:0}.glossary-search input{border:none;outline:none;padding:10px 0;flex:1;min-width:0;color:var(--ink)}.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.term-card{background:#fff;border:1px solid #e6e2d9;border-radius:16px;padding:25px}.term-card h2{font-size:1.24rem;margin:0 0 9px;letter-spacing:-.02em}.term-card p{color:#737b83;font-size:.9rem;line-height:1.72;margin:0}.result-note{font-size:.8rem;color:#81848b;margin-bottom:18px}.no-results{padding:30px;border:1px dashed #c8c4bb;border-radius:15px;background:#fff;display:none}.no-results.show{display:block}
.info-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:28px 0}.info-tile{border-radius:17px;border:1px solid #e5e0d8;background:#fff;padding:25px}.info-tile h3{margin:0 0 10px}.info-tile p{font-size:.9rem;margin:0}
.not-found{min-height:58vh;display:grid;place-items:center;text-align:center;padding:65px 25px}.not-found h1{font-size:clamp(5rem,15vw,10rem);line-height:1;color:#d2ab70;margin:0}.not-found h2{font-size:2rem}.not-found p{color:#757985}
@media(max-width:1030px){.primary-nav{gap:17px}.hero-inner{gap:32px}.hero-board{transform:none}.board-content{padding:25px}.reading-layout{gap:45px;grid-template-columns:1fr 230px}}
@media(max-width:820px){.header-inner{height:74px}.primary-nav{display:none;position:absolute;top:73px;left:0;right:0;background:#11182b;border-bottom:1px solid #343b4d;flex-direction:column;align-items:stretch;gap:0;padding:8px 25px 20px;box-shadow:0 20px 34px #0004}.primary-nav.open{display:flex}.primary-nav a{padding:12px 0}.header-action{margin-left:auto}.menu-button{display:grid}.hero-inner{grid-template-columns:1fr;gap:50px;padding-top:75px;min-height:0}.hero-copy{max-width:650px}.visual-wrap{max-width:570px;width:100%;margin:auto}.cards-3{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1;min-height:280px}.editorial-grid{grid-template-columns:1fr;gap:44px}.editorial-art{max-width:550px;width:100%}.steps-grid{grid-template-columns:repeat(2,1fr)}.reading-layout{grid-template-columns:1fr}.sticky-aside{position:static;order:-1}.footer-top{gap:20px}.section{padding:75px 0}}
@media(max-width:600px){.container{width:min(100% - 34px,1200px)}.header-action{display:none}.brand{font-size:1rem}.brand img{width:36px;height:36px}.menu-button{margin-left:auto}.hero-inner{padding:65px 0 78px;gap:38px}.hero h1{font-size:clamp(2.7rem,10vw,4.5rem)}.hero-copy{font-size:1rem}.visual-wrap{padding:0}.board-title{font-size:2.75rem}.board-head{padding:18px}.board-content{padding:20px}.pane{padding:14px;min-height:100px}.hero-keywords{margin-top:28px}.ticker-inner{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ticker-item{font-size:.68rem}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.cards-3,.steps-grid,.glossary-grid,.info-tiles{grid-template-columns:1fr}.feature-card,.feature-card:last-child{min-height:285px;grid-column:auto}.editorial-section{padding:70px 0}.editorial-art{min-height:340px}.art-panel{left:25px;right:25px;top:70px}.art-panel b{font-size:1.75rem}.cta-inner{align-items:flex-start;flex-direction:column}.cta-band{padding:65px 0}.footer-top{grid-template-columns:1fr 1fr;gap:36px}.footer-info{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.page-hero{padding:62px 0 67px}.page-hero h1{font-size:clamp(2.5rem,10vw,4rem)}.page-hero p{font-size:1rem}.prose-main{padding:60px 0 80px}.faq-list summary{font-size:.92rem}.faq-list details{padding:0 17px}.btn{width:100%}.hero-actions .btn{width:auto;min-width:180px}.article-links .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}