:root{--bg:#0A0A0F;--panel:#14141C;--line:#26262F;--txt:#FFFFFF;--mute:#A3A3AD;--night:#1B1464;--sig:#3A2FD0;--tint:#6E66F0;--r:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Inter Tight",Inter,sans-serif;letter-spacing:-.03em;color:#fff}
h1{font-size:clamp(2.4rem,4.6vw,4.1rem);line-height:1.02;font-weight:800;margin:.35em 0 .4em}
h2{font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.08;font-weight:800;margin:.3em 0 .6em}h3{font-weight:700;margin:.2em 0 .5em;font-size:1.2rem}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-feature-settings:"tnum"}
a{color:var(--tint)}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}.small{font-size:.82rem;color:var(--mute)}
.nav{position:sticky;top:0;z-index:20;background:rgba(10,10,15,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;justify-content:space-between;align-items:center;height:84px}
.brand{display:flex;align-items:center;text-decoration:none}.brand .lockup{display:block;height:36px;width:auto}.brand-inv .lockup{height:32px}
.nav nav{display:flex;align-items:center;gap:34px}.nav nav a{color:var(--mute);text-decoration:none;font-size:.94rem}.nav nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--sig);background:var(--sig);color:#fff!important;border-radius:var(--r);padding:13px 22px;font:600 .95rem Inter,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s,box-shadow .15s}
.btn:hover{background:#4a40e0;transform:translateY(-1px);box-shadow:0 10px 30px -10px rgba(58,47,208,.8)}.btn-sm{padding:10px 18px;font-size:.9rem}
.btn-primary{background:var(--sig);border-color:var(--sig)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}
.btn-ghost{background:transparent;border-color:var(--line);color:#fff!important}.btn-ghost:hover{border-color:var(--tint);background:transparent}
.kicker{font:500 .75rem "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);margin:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pill{font:600 .68rem "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--tint);color:var(--tint);border-radius:999px;padding:2px 9px}
.badge{font:600 .7rem "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;background:var(--sig);color:#fff;border-radius:6px;padding:5px 10px;white-space:nowrap}.badge-ok{background:var(--sig)}
/* hero */
.hero{padding:80px 0 104px;background:radial-gradient(900px 520px at 78% 0%,var(--night) 0%,var(--bg) 70%)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:start}
.lead{font-size:1.15rem;color:var(--mute);max-width:640px;margin:0 0 16px;line-height:1.55}
.clarity{font-size:.88rem;color:var(--mute);border-left:2px solid var(--tint);padding:2px 0 2px 14px;max-width:640px;margin:0 0 28px}
.est-form{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 20px 60px rgba(10,10,15,.5)}
.src{display:grid;grid-template-columns:1fr 200px auto;gap:10px;align-items:end}
.lbl{display:block;font:500 .7rem "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
input,select,textarea{font:inherit;color:#fff;background:#0F0F16;border:1px solid var(--line);border-radius:var(--r);padding:11px 12px;width:100%;transition:border .15s,box-shadow .15s}
input::placeholder,textarea::placeholder{color:#6B6B75}select option{background:var(--panel)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--tint);box-shadow:0 0 0 3px rgba(110,102,240,.22)}
#prod{font-size:1.08rem;padding:14px}.qrow{display:flex}.qrow input{border-radius:var(--r) 0 0 var(--r);min-width:0}.qrow select{width:auto;border-radius:0 var(--r) var(--r) 0;border-left:0}
.src .btn{height:52px}.helper{font-size:.86rem;color:var(--mute);margin:10px 2px 0}
.refine{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;animation:fade .35s ease}
.chips{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:10px}.clbl{font-size:.82rem;color:var(--mute);width:72px}
.chip{font:500 .84rem Inter,sans-serif;border:1px solid var(--line);background:transparent;color:#E7E7EC;border-radius:999px;padding:5px 12px;cursor:pointer}
.chip:hover{border-color:var(--tint)}.chip.on{background:var(--sig);border-color:var(--sig);color:#fff}
.chip:focus-visible,.tabs button:focus-visible,.btn:focus-visible{outline:2px solid var(--tint);outline-offset:2px}
.opt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.note{font-size:.8rem;color:var(--mute);margin:8px 0 0}.note b{color:#fff}
.disc{font-size:.8rem;color:var(--mute);background:rgba(27,20,100,.35);border:1px solid #2c2580;border-radius:8px;padding:10px 12px;margin:14px 0 0;line-height:1.5}.disc strong{color:#fff}
/* card */
.card{background:var(--panel);border:1px solid var(--line);border-radius:18px}
.est-card{padding:28px 28px 22px;box-shadow:0 24px 70px rgba(10,10,15,.45),0 0 0 1px rgba(110,102,240,.06);position:sticky;top:104px}
.card-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.ct{font-size:1.25rem;margin:0}.csub{font-size:.76rem;color:var(--mute);margin:4px 0 0}
.tabs{display:flex;gap:4px;background:#0F0F16;border:1px solid var(--line);border-radius:10px;padding:4px;margin:18px 0 6px}
.tabs button{flex:1;border:0;background:transparent;font:500 .86rem Inter,sans-serif;color:var(--mute);padding:8px;border-radius:7px;cursor:pointer}.tabs button.on{background:var(--sig);color:#fff}
.cbody .row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.cbody .row>span:last-child{color:#E7E7EC}.cbody .row em{font-style:normal;font-size:.72rem;color:var(--mute);display:block}
.cbody .row.tot{border-bottom:0;font-weight:700;font-size:1.08rem;padding-top:16px}.cbody .row.tot>span:last-child{color:var(--tint);font-size:1.2rem}
.cbody.ghost{opacity:.5}
.cbody.fade .row{animation:fade .45s both}.cbody.fade .row:nth-child(2){animation-delay:.06s}.cbody.fade .row:nth-child(3){animation-delay:.12s}.cbody.fade .row:nth-child(4){animation-delay:.18s}.cbody.fade .row:nth-child(5){animation-delay:.24s}.cbody.fade .row:nth-child(6){animation-delay:.3s}.cbody.fade .row:nth-child(7){animation-delay:.36s}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.cmp .row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;text-align:right}.cmp .row>span:first-child{text-align:left}
.cmp .hd{font:500 .7rem "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.cmp .cn{color:#fff}.cmp .vn{color:var(--tint)}.pos{color:var(--tint)!important}
.cmp .row.tot>span{font-size:1rem!important}
.partial,.loading{font-size:.92rem;color:var(--mute);background:#0F0F16;border:1px solid var(--line);border-radius:8px;padding:14px;margin:10px 0}
.assume{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.assume summary{cursor:pointer;font-weight:600;font-size:.88rem}
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.agrid input{font-family:"IBM Plex Mono",monospace;padding:8px 10px}
.warn{color:var(--tint);font-weight:600;text-transform:none;letter-spacing:0}
.excl{font-size:.76rem;color:var(--mute);margin:12px 0}.asof{font-size:.74rem;color:var(--tint);margin:-6px 0 12px}#hsnote b{color:var(--tint)}
.card-f{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}
/* content */
section.wrap{padding:96px 28px;border-top:1px solid var(--line)}
.benefits .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.benefits .card{padding:26px;border-radius:16px}.benefits .card p{color:var(--mute);font-size:.96rem;margin:0}
.band{background:var(--bg);border-top:1px solid var(--line);padding:96px 0}
#how{background:var(--bg)}
.steps{list-style:none;counter-reset:s;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:36px 0 0}
.steps li{counter-increment:s;border:1px solid var(--line);border-radius:16px;padding:26px;background:var(--panel);color:var(--mute);font-size:.95rem;line-height:1.5}
.steps li::before{content:"0" counter(s);display:block;font:600 .8rem "IBM Plex Mono",monospace;color:var(--tint);margin-bottom:14px}
.steps strong{display:block;color:#fff;font-family:"Inter Tight";font-size:1.2rem;margin-bottom:8px}
.list{list-style:none;padding:0;margin:20px 0 0;max-width:860px}.list li{padding:14px 0 14px 28px;border-bottom:1px solid var(--line);position:relative;color:var(--mute)}
.list li strong{color:#fff}.list li::before{content:"";position:absolute;left:4px;top:24px;width:10px;height:2px;background:var(--tint)}
.band:has(.list){background:var(--night);border-color:#2c2580}.band:has(.list) h2{color:#fff}.band:has(.list) .list li{color:#C9C7E8;border-color:#2c2580}
#pricing p{color:#E7E7EC;max-width:860px}
#faq details{border-bottom:1px solid var(--line);padding:18px 0;max-width:860px}#faq summary{cursor:pointer;font-weight:700;font-family:"Inter Tight";font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:20px}
#faq summary::after{content:"+";font-family:"IBM Plex Mono";color:var(--tint)}#faq details[open] summary::after{content:"–"}#faq details p{color:var(--mute);margin:10px 0 0}
section.wrap .clarity strong{color:#E7E7EC;font-weight:500}
/* rfq */
.rfq-sec{padding:96px 0;border-top:1px solid var(--line);background:radial-gradient(800px 420px at 15% 100%,rgba(27,20,100,.55),transparent 70%)}
.rfq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.rfq-intro p{color:var(--mute)}.how-send{border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:22px 0;background:var(--panel)}
.how-send ol{margin:0;padding-left:18px;color:#E7E7EC;font-size:.93rem}.how-send li{margin:6px 0}.how-send .mono{color:#fff}
.fee{font-size:.84rem;border-left:2px solid var(--tint);padding-left:14px}
.rfq-card{padding:28px;position:relative}
#rfq-form{display:grid;gap:14px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#rfq-form label{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:.85rem;color:var(--mute)}small{font-weight:400;color:#6B6B75}
.check{flex-direction:row!important;align-items:flex-start;color:var(--mute)!important}.check input{width:auto;margin-top:4px;accent-color:var(--sig)}
.invalid{border-color:#E5484D!important}.err{color:#FF8A8F;margin:0;font-size:.88rem}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.fromest{display:flex;gap:10px;align-items:center;background:rgba(27,20,100,.35);border:1px solid #2c2580;border-radius:8px;padding:9px 12px;font-size:.86rem;color:#E7E7EC}
.datanote{font-size:.8rem;color:var(--mute);background:#0F0F16;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:0}
.ok h3{font-size:1.6rem;margin-top:12px}.ok p{color:var(--mute)}.ok strong{color:#fff}.fallback{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.rfqtext{background:#0F0F16;border:1px solid var(--line);color:#E7E7EC;border-radius:8px;padding:14px;font:.78rem/1.55 "IBM Plex Mono",monospace;white-space:pre-wrap;max-height:220px;overflow:auto;user-select:all}
.toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%,10px);background:var(--sig);color:#fff;padding:9px 14px;border-radius:8px;font-size:.85rem;opacity:0;pointer-events:none;transition:.25s;margin:0}.toast.show{opacity:1;transform:translate(-50%,0)}
footer{border-top:1px solid var(--line);color:var(--mute);padding:48px 0 60px;font-size:.88rem}.foot{display:flex;gap:56px;align-items:flex-start;flex-wrap:wrap}.foot p{margin:4px 0}
footer strong{color:#fff;font-weight:600}footer a{color:#E7E7EC}
.xl{font:500 .72rem "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:14px 0 0!important}
.motto{font:italic 400 .82rem "Inter Tight",Inter,sans-serif;color:#6B6B75;letter-spacing:.02em;margin:4px 0 0!important}
.legal{max-width:860px;padding:64px 28px 90px}.legal h2{font-size:1.3rem;margin:1.8em 0 .5em}.legal p,.legal li{color:var(--mute)}.legal li{margin:6px 0}.legal strong{color:#fff}
@media(max-width:980px){.hero-grid,.rfq-grid{grid-template-columns:1fr}.est-card{position:static}.steps{grid-template-columns:1fr 1fr}.benefits .grid3{grid-template-columns:1fr}}
@media(max-width:640px){.src,.opt,.g2,.agrid{grid-template-columns:1fr}.nav nav a:not(.btn){display:none}.steps{grid-template-columns:1fr}.cmp .row{font-size:.78rem}}
.hero h1{max-width:900px}.hero .lead{max-width:720px}
.field{margin-top:36px;display:flex;align-items:flex-end;gap:10px;max-width:880px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 20px 60px rgba(10,10,15,.5)}
.field .qf{flex:1;display:flex;flex-direction:column}.field .qo{flex:0 0 220px}.field input,.field select{border:0;background:transparent;font-size:1.08rem;padding:6px 8px}.field .lbl{padding:0 8px}.field .btn{height:52px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.feat{padding:26px;border-radius:16px}.feat h3{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.feat p{color:var(--mute);margin:0 0 6px}
.steps .pill{margin-left:6px;vertical-align:middle}
.trust{background:var(--night);padding:56px 0}.tg{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.tg b{display:block;font-family:"Inter Tight";font-size:1.1rem;margin-bottom:8px}.tg p{margin:0;color:#C9C7E8;font-size:.93rem;line-height:1.5}
.feesbody{font-size:1.12rem;color:#E7E7EC;max-width:900px;line-height:1.65}
.legalnote p:not(.kicker){color:var(--mute);font-size:.88rem;max-width:900px;margin-top:12px}
@media(max-width:980px){.grid2,.tg{grid-template-columns:1fr 1fr}.field{flex-wrap:wrap}.field .qo{flex:1 1 100%}}
@media(max-width:640px){.grid2,.tg{grid-template-columns:1fr}}
/* v3 multipage */
.nav nav a.on{color:#fff}
.mnav-t,.mnav-b{display:none}
.phero,.hero{padding:72px 0 88px;background:radial-gradient(900px 520px at 78% 0%,var(--night) 0%,var(--bg) 70%)}
.phero-g{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.art{width:100%;height:auto;display:block}
.band-art{padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#06060A}.band-art .wide{width:100%;display:block;max-height:260px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{background:linear-gradient(180deg,#14141C,#0E0E15);border:1px solid var(--line);border-radius:14px;padding:26px}
.card.feat:hover,.tile:hover{border-color:var(--sig)}.tile{text-decoration:none;color:var(--txt)}.tile p{color:var(--mute)}
.ico{font:600 .75rem "IBM Plex Mono",monospace;color:var(--tint);letter-spacing:.12em}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.quote{background:radial-gradient(600px 300px at 10% 0%,rgba(58,47,208,.35),transparent 70%),#0E0E15}.big{font:600 clamp(1.3rem,2.2vw,1.8rem)/1.35 "Inter Tight",Inter,sans-serif;margin:.4em 0}
.vlist{list-style:none;padding:0;margin:0}.vlist li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--mute)}.vlist b{color:#fff}
.steps5{grid-template-columns:repeat(5,1fr)!important}
.cta-band{padding:80px 0;background:radial-gradient(800px 400px at 85% 100%,var(--night),var(--bg) 70%);border-top:1px solid var(--line)}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.foot{display:grid!important;grid-template-columns:1fr 1.6fr;gap:40px}.fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.fcols a{display:block;color:var(--mute);text-decoration:none;padding:4px 0;font-size:.92rem}.fcols a:hover{color:#fff}
.fbase{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}
.legal{max-width:860px;padding-top:56px;padding-bottom:56px}
@media(max-width:900px){.phero-g,.split,.grid2,.grid3,.grid4,.foot,.steps5{grid-template-columns:1fr!important}.fcols{grid-template-columns:1fr 1fr}
.mnav-b{display:block;width:30px;height:22px;position:relative;cursor:pointer}.mnav-b span,.mnav-b span:before,.mnav-b span:after{content:"";position:absolute;left:0;right:0;height:2px;background:#fff}
.mnav-b span{top:10px}.mnav-b span:before{top:-8px}.mnav-b span:after{top:8px}
.nav nav{display:none!important;position:absolute;top:84px;left:0;right:0;background:#0A0A0F;flex-direction:column;padding:20px;border-bottom:1px solid var(--line);gap:18px!important}
.mnav-t:checked~nav{display:flex!important}.hero-art{max-width:420px;margin:0 auto}}
/* v4 photography */
.photo-bg{position:relative;--ph:none;background:linear-gradient(90deg,rgba(5,5,10,.95) 0%,rgba(5,5,10,.8) 42%,rgba(5,5,10,.25) 100%),linear-gradient(0deg,#0A0A0F 0%,rgba(10,10,15,0) 35%),var(--ph) center/cover no-repeat,#0A0A0F}
.hero.photo-bg,.phero.photo-bg{padding:150px 0;min-height:620px;display:flex;align-items:center}
.ptext{max-width:640px}.ptext .lead{color:#C9C9D6}
.band-photo{padding:130px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.band-photo .big{max-width:640px}
.photo{width:100%;height:420px;object-fit:cover;border-radius:16px;border:1px solid var(--line);display:block}
.cta-band.photo-bg{padding:110px 0}
@media(max-width:900px){.hero.photo-bg,.phero.photo-bg{padding:90px 0;min-height:0}.photo-bg{background:linear-gradient(0deg,rgba(5,5,10,.88),rgba(5,5,10,.7)),var(--ph) center/cover no-repeat,#0A0A0F}.photo{height:260px}}
.article{max-width:780px}.article h2{font-size:1.6rem;margin-top:1.4em}.article li{margin:.4em 0;color:#D0D0DA}.note-gen{border-left:2px solid var(--tint);padding-left:14px;margin:32px 0}
.gcard img{width:calc(100% + 52px);margin:-26px -26px 18px;height:180px;object-fit:cover;border-radius:14px 14px 0 0;display:block}
.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-size:.85rem;color:var(--mute)}.swatches span{display:block;height:56px;border-radius:10px;border:1px solid var(--line);margin-bottom:8px}
@media(max-width:900px){.swatches{grid-template-columns:1fr 1fr}}
.photo-bg>.wrap{width:100%}
/* ===== Theme: wordmark + toggle + light mode ===== */
.lockup .wm-b{fill:#fff}.lockup .wm-a,.wm .wm-a{fill:#6E66F0;color:#6E66F0}
.theme-t{order:3;margin-left:18px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--txt);display:grid;place-items:center;cursor:pointer;padding:0}
.theme-t:hover{border-color:var(--tint)}.theme-t svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.theme-t .i-moon{fill:currentColor;stroke:none}
[data-theme=dark] .theme-t .i-moon,[data-theme=light] .theme-t .i-sun{display:none}
.nav-in{gap:0}.nav-in nav{margin-left:auto}
@media(max-width:900px){.theme-t{margin-left:auto;margin-right:12px}}
/* light */
[data-theme=light]{--bg:#FFFFFF;--panel:#F5F5F8;--line:#DCDCE4;--txt:#0B0B14;--mute:#45455A;--night:#E9E8FF;--sig:#3A2FD0;--tint:#3A2FD0}
[data-theme=light] body{font-size:17px;background:#fff;color:var(--txt)}
[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] .vlist b{color:var(--txt)}
[data-theme=light] .nav{background:rgba(255,255,255,.9)}
[data-theme=light] .nav nav a:hover,[data-theme=light] .nav nav a.on{color:var(--sig)}
[data-theme=light] .nav .lockup .wm-b{fill:#0B0B14}[data-theme=light] .nav .lockup .wm-a{fill:#3A2FD0}[data-theme=light] .nav .lockup .st-w{fill:#0B0B14}
[data-theme=light] .card{background:#fff;box-shadow:0 1px 2px rgba(11,11,20,.05),0 8px 24px rgba(11,11,20,.05)}
[data-theme=light] .quote{background:radial-gradient(600px 300px at 10% 0%,rgba(58,47,208,.10),transparent 70%),#F7F7FB}
[data-theme=light] .phero:not(.photo-bg),[data-theme=light] .hero:not(.photo-bg){background:radial-gradient(900px 520px at 78% 0%,#ECEBFF 0%,#fff 70%)}
[data-theme=light] .band-art{background:#F5F5F8}
[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff!important;color:#0B0B14!important;border-color:#B9B9C6!important}
[data-theme=light] details,[data-theme=light] summary{color:var(--txt)}
[data-theme=light] .mnav-b span,[data-theme=light] .mnav-b span:before,[data-theme=light] .mnav-b span:after{background:#0B0B14}
/* photo bands & footer stay dark (premium contrast band) */
[data-theme=light] .photo-bg,[data-theme=light] footer{--bg:#0A0A0F;--panel:#14141C;--line:#26262F;--txt:#FFFFFF;--mute:#C4C4CE;--tint:#8F89FF;color:#fff}
[data-theme=light] .photo-bg h1,[data-theme=light] .photo-bg h2,[data-theme=light] .photo-bg h3,[data-theme=light] footer h3{color:#fff}
[data-theme=light] .photo-bg .lead,[data-theme=light] .photo-bg p{color:#E6E6EE}
[data-theme=light] .photo-bg .kicker{color:#B5B0FF}
[data-theme=light] .photo-bg input{background:rgba(255,255,255,.96)!important}
[data-theme=light] footer{background:#0A0A0F}
[data-theme=light] .btn-ghost{color:var(--sig)!important;background:transparent}
[data-theme=light] .photo-bg .btn-ghost{color:#fff!important}
/* ===== Responsive pass (phone/tablet) ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:17px;overflow-x:hidden}
img,svg,video{max-width:100%}
input,select,textarea{font-size:16px!important}
.small{font-size:.9rem}
.steps li{font-size:1rem}
.card p,.fcols a,.vlist li{font-size:1rem}
details summary{min-height:44px;display:flex;align-items:center;padding:10px 0;cursor:pointer}
.btn{min-height:44px}
.fcols a{min-height:44px;display:flex;align-items:center;padding:0}
.foot a,.legal a,.article a,.datanote a,.small a,.lead a,.check a{padding:10px 0;margin:-10px 0}
.theme-t{width:44px;height:44px;flex:0 0 44px}
/* mobile images */
@media(max-width:900px){.photo-bg{background:linear-gradient(0deg,rgba(5,5,10,.9),rgba(5,5,10,.72)),var(--ph-sm,var(--ph)) center/cover no-repeat,#0A0A0F}}
/* hamburger up to landscape tablet */
@media(max-width:1100px){
 .mnav-b{display:grid!important;place-items:center;width:44px;height:44px;position:relative;cursor:pointer;flex:0 0 44px;order:4}
 .mnav-b span,.mnav-b span:before,.mnav-b span:after{content:"";position:absolute;left:10px;right:10px;height:2px;background:var(--txt)}
 .mnav-b span{top:21px}.mnav-b span:before{top:-8px;left:0;right:0}.mnav-b span:after{top:8px;left:0;right:0}
 .mnav-t:checked~.mnav-b span{background:transparent}.mnav-t:checked~.mnav-b span:before{top:0;transform:rotate(45deg)}.mnav-t:checked~.mnav-b span:after{top:0;transform:rotate(-45deg)}
 .mnav-t{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
 .theme-t{margin-left:auto!important;margin-right:8px}
 .nav-in{position:relative;height:72px}
 .nav nav{display:none!important;position:absolute;top:72px;left:0;right:0;background:var(--bg);flex-direction:column;align-items:stretch!important;padding:8px 28px 24px;border-bottom:1px solid var(--line);gap:0!important;max-height:calc(100vh - 72px);overflow:auto;box-shadow:0 20px 40px rgba(0,0,0,.35)}
 .nav nav a{min-height:52px;display:flex;align-items:center;font-size:1.08rem!important;border-bottom:1px solid var(--line)}
 .nav nav a.btn{margin-top:16px;justify-content:center;border-bottom:0}
 .mnav-t:checked~nav{display:flex!important}
}
/* tablet: 2 columns */
@media(min-width:600px) and (max-width:1024px){
 .grid2,.grid3,.grid4,.steps,.steps5,.fcols,.swatches{grid-template-columns:1fr 1fr!important}
 .split,.phero-g,.rfq-grid{grid-template-columns:1fr!important;gap:32px}
 .foot{grid-template-columns:1fr!important}
 .hero.photo-bg,.phero.photo-bg{padding:110px 0;min-height:520px}
 .ptext{max-width:620px}
}
/* phone: 1 column */
@media(max-width:599px){
 .wrap{padding:0 20px}
 .nav nav{padding:8px 20px 24px}
 h1{font-size:2.3rem;line-height:1.08}h2{font-size:1.75rem}
 .lead{font-size:1.08rem}
 .grid2,.grid3,.grid4,.steps,.steps5,.split,.phero-g,.rfq-grid,.foot,.fcols,.swatches{grid-template-columns:1fr!important}
 .fcols{gap:8px}
 section.wrap{padding-top:56px;padding-bottom:56px}
 .hero.photo-bg,.phero.photo-bg{padding:72px 0 64px;min-height:0}
 .field{flex-direction:column;align-items:stretch}.field .qf,.field .qo{flex:1 1 auto;width:100%}.field .btn{width:100%}
 .cta-btns,.actions{flex-direction:column;align-items:stretch}.cta-btns .btn,.actions .btn,.ptext .btn,section .btn{width:100%}
 .cta-band.photo-bg,.band-photo{padding:72px 0}
 .card{padding:20px}
 .gcard img{width:calc(100% + 40px);margin:-20px -20px 16px}
 .photo{height:240px}
 .kicker{font-size:.78rem}
 #rfq-form,.g2{grid-template-columns:1fr!important}
 .rfqtext{white-space:pre-wrap;word-break:break-word}
}
/* round 2 */
.brand{min-height:44px;min-width:44px}
.kicker,.lbl,.xl,.motto,.ico,.pill,.badge,.mono.small{font-size:13px!important}
.field input{min-height:44px}
input,select{min-height:44px}
.check{min-height:44px;align-items:flex-start}.check input[type=checkbox]{width:24px!important;height:24px!important;min-height:24px;flex:0 0 24px;margin:2px 10px 0 0}
@media(max-width:1100px){.nav nav a:not(.btn){display:flex!important}.nav-in{position:static}.nav{position:sticky}.nav nav{position:absolute;left:0;right:0;padding-left:max(20px,calc((100vw - 1200px)/2 + 28px));padding-right:20px}}
@media(min-width:600px) and (max-width:1100px){.nav nav{padding-left:28px;padding-right:28px}}
/* light-theme contrast fixes found in responsive pass */
[data-theme=light] .how-send ol,[data-theme=light] .rfqtext,[data-theme=light] .feesbody{color:#2A2A3A}
[data-theme=light] .how-send .mono,[data-theme=light] .steps strong,[data-theme=light] .ok strong,[data-theme=light] .legal strong,[data-theme=light] .note b,[data-theme=light] .disc strong,[data-theme=light] .list li strong{color:#0B0B14}
[data-theme=light] .rfqtext{background:#F5F5F8}
[data-theme=light] .rfq-sec{background:radial-gradient(800px 420px at 15% 100%,rgba(58,47,208,.08),transparent 70%)}
[data-theme=light] .article li{color:#2A2A3A}
.gcard img{max-width:none;height:auto;aspect-ratio:16/9}