:root{--ink:#040914;--navy:#08172f;--blue:#123b66;--gold:#e5c66a;--muted:#aebaca;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:#fff;background:var(--ink);font-family:Manrope,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 36px),1180px);margin:auto}.header{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--line);background:rgba(4,9,20,.88);backdrop-filter:blur(18px)}.nav{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:54px;height:68px;object-fit:contain}.nav-actions{display:flex;gap:10px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:11px 18px;border:1px solid var(--line);border-radius:13px;font-size:.78rem;font-weight:900}.button.gold{border:0;color:#08101c;background:linear-gradient(135deg,#f5dc92,#c69a34)}.hero{position:relative;overflow:hidden;padding:105px 0 72px}.hero:before{position:absolute;inset:-200px 15% auto;width:70%;height:500px;border-radius:50%;background:rgba(36,112,200,.16);filter:blur(110px);content:""}.eyebrow{position:relative;margin:0;color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.23em;text-transform:uppercase}.hero h1{position:relative;max-width:950px;margin:18px 0 0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(3rem,7vw,6.2rem);letter-spacing:-.045em;line-height:.94}.hero>div>p:last-child{position:relative;max-width:750px;margin:25px 0 0;color:var(--muted);font-size:1rem;line-height:1.8}.market{padding:25px 0 100px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{display:flex;min-height:390px;flex-direction:column;padding:27px;border:1px solid var(--line);border-radius:27px;background:linear-gradient(150deg,rgba(18,42,73,.96),rgba(6,17,34,.98));box-shadow:0 28px 80px rgba(0,0,0,.3)}.service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.badge{padding:6px 9px;border:1px solid rgba(229,198,106,.25);border-radius:999px;color:#f2da91;background:rgba(229,198,106,.08);font-size:.56rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.price{font-size:.8rem;font-weight:900}.service-card h2{margin:25px 0 12px;font-size:1.8rem}.service-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.75}.service-card ul{display:grid;gap:8px;margin:22px 0 0;padding:0;list-style:none;color:#d2dae5;font-size:.76rem}.service-card .button{width:100%;margin-top:auto}.status{grid-column:1/-1;padding:24px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.status strong{display:block;margin-bottom:5px;color:#fff}.status .button{margin-top:16px}.detail{padding:70px 0 110px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px}.panel{padding:32px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.04)}.panel h2{margin:0 0 22px;font-size:1.8rem}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature{padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:14px;color:#d4dde8;background:rgba(0,0,0,.15);font-size:.78rem}.buy{align-self:start;border-color:rgba(229,198,106,.25);background:linear-gradient(150deg,#172d49,#07101d)}.buy .live-price{margin:20px 0 4px;font-size:3.7rem;font-weight:900}.buy .interval{color:var(--muted);font-size:.75rem}.buy .button{width:100%;margin-top:24px}.notice{margin-top:18px;padding:14px;border:1px solid rgba(229,198,106,.2);border-radius:14px;color:#f1d98d;background:rgba(229,198,106,.07);font-size:.72rem;line-height:1.6}.footer{padding:40px 0;border-top:1px solid var(--line);color:#728197;font-size:.7rem}.footer .container{display:flex;justify-content:space-between;gap:20px}@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.buy{position:static}}@media(max-width:620px){.container{width:min(calc(100% - 26px),1180px)}.nav{min-height:70px}.brand img{width:45px;height:58px}.nav-actions .button:first-child{display:none}.hero{padding:75px 0 50px}.hero h1{font-size:clamp(2.8rem,14vw,4.4rem)}.service-grid{grid-template-columns:1fr}.service-card{min-height:340px}.feature-grid{grid-template-columns:1fr}.panel{padding:23px}.footer .container{display:grid}}

.market-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:25px}.market-heading h2{margin:10px 0 0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.market-heading>p{max-width:440px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.7}.category-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.category-filter{min-height:42px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;color:#d5deea;background:rgba(255,255,255,.035);font:800 .72rem Manrope,"Segoe UI",sans-serif;cursor:pointer}.category-filter:hover,.category-filter.is-active{border-color:rgba(229,198,106,.45);color:#08101c;background:linear-gradient(135deg,#f5dc92,#c69a34)}.category-filter:focus-visible,.button:focus-visible,.selected-feature button:focus-visible{outline:3px solid rgba(229,198,106,.38);outline-offset:3px}.market-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px}.market-layout .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:545px;transition:border-color 180ms ease,transform 180ms ease}.feature-card:hover{transform:translateY(-2px)}.feature-card.is-selected{border-color:rgba(229,198,106,.7);box-shadow:0 28px 80px rgba(0,0,0,.3),0 0 0 1px rgba(229,198,106,.18)}.feature-card .service-top .price{max-width:48%;text-align:right}.button{font-family:inherit;cursor:pointer}.button.is-selected{border-color:rgba(126,226,168,.42);color:#a9f0c4;background:rgba(126,226,168,.08)}.system-summary{position:sticky;top:108px;padding:26px;border:1px solid rgba(229,198,106,.3);border-radius:27px;background:linear-gradient(150deg,rgba(18,42,73,.98),rgba(6,17,34,.99));box-shadow:0 28px 80px rgba(0,0,0,.35)}.system-summary h2{margin:13px 0 10px;font-size:1.55rem}.summary-intro,.summary-note,.empty-selection{color:var(--muted);font-size:.72rem;line-height:1.65}.selected-features{display:grid;gap:9px;margin:22px 0}.empty-selection{margin:0;padding:15px;border:1px dashed var(--line);border-radius:14px;text-align:center}.selected-feature{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.16)}.selected-feature div{display:grid;gap:4px}.selected-feature strong{font-size:.72rem}.selected-feature span{color:var(--gold);font-size:.65rem;font-weight:800}.selected-feature button{padding:0;border:0;color:var(--muted);background:transparent;font:800 .62rem Manrope,"Segoe UI",sans-serif;cursor:pointer}.selected-feature button:hover{color:#fff}.summary-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.summary-totals div{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.14)}.summary-totals span{color:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.summary-totals strong{font-size:1.05rem}.summary-continue{width:100%}.summary-continue:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.45}.summary-note{margin:12px 0 0}.catalog-refresh{margin-top:20px;padding:18px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:.72rem;line-height:1.6}.catalog-refresh strong{display:block;color:#fff}.catalog-refresh .button{margin-top:12px}

@media(max-width:1050px){.market-layout{grid-template-columns:1fr}.system-summary{position:static}.market-layout .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.market-heading{align-items:start;flex-direction:column}.category-filters{gap:7px}.category-filter{flex:1 1 calc(33.333% - 7px);padding-inline:10px}.market-layout .service-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-card:hover{transform:none}}
@media(max-width:430px){.category-filter{flex-basis:calc(50% - 7px)}.summary-totals{grid-template-columns:1fr}.system-summary{padding:22px}}
@media(prefers-reduced-motion:reduce){.feature-card{transition:none}}
.selected-feature .usage-note{color:#d5deea}

/* Compact theme control; existing navigation and breakpoints stay intact. */
.theme-control { display: inline-flex; align-items: center; align-self: center; flex-shrink: 0; padding: 3px; border: 1px solid var(--line); border-radius: 999px; background: #091321; }
.theme-control button { padding: 6px 9px; border: 0; border-radius: 999px; color: #c7d1dc; background: transparent; font: 800 12px/1.4 Manrope, sans-serif; cursor: pointer; }
.theme-control button[aria-pressed="true"] { color: #08172f; background: var(--gold); }
.theme-control button:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
html[data-theme="light"] .theme-control { border-color: #ccd7e5; background: #f6f9fd; }
html[data-theme="light"] .theme-control button { color: #08172f; }

/* Only marketplace colors change; retain the two-card grid and 330px summary. */
html[data-theme="light"] { --muted: #52647a; --line: #d7e1ec; }
html[data-theme="light"] body { color: #08172f; background: #fff; }
html[data-theme="light"] .header { background: #fff; }
html[data-theme="light"] :is(.service-card, .system-summary) { background: #fff; box-shadow: 0 28px 80px rgba(8,23,47,.10); }
html[data-theme="light"] .service-card.is-selected { border-color: var(--gold); box-shadow: 0 28px 80px rgba(8,23,47,.10), 0 0 0 1px var(--gold); }
html[data-theme="light"] :is(.service-card ul, .category-filter, .status strong, .catalog-refresh strong, .selected-feature button:hover) { color: #08172f; }
html[data-theme="light"] :is(.selected-feature, .summary-totals div) { background: #f6f9fd; border-color: #d7e1ec; }
html[data-theme="light"] .category-filter:not(.is-active):not(:hover) { background: #fff; }
html[data-theme="light"] :is(.eyebrow, .badge, .selected-feature span) { color: #123b66; }
html[data-theme="light"] .button.is-selected { color: #08172f; border-color: var(--gold); background: var(--gold); }
html[data-theme="light"] .footer { color: #aebaca; border-color: rgba(255,255,255,.1); background: #040914; }