/* Dark graphite theme, subtly brighter than the original baseline. */
:root{--bg:#111821;--bg-soft:#151f2b;--panel:#182430;--panel-2:#1c2b3a;--text:#f7fbff;--muted:#a8b8c8;--line:rgba(255,255,255,.11);--accent:#27a7ff;--accent-2:#41e6ff;--accent-3:#86ffcf;--cyan:#41e6ff;--shadow:0 20px 60px rgba(0,0,0,.28)}
body{background:radial-gradient(circle at 85% 8%,rgba(39,167,255,.09),transparent 35%),var(--bg)}
.site-header{background:rgba(17,24,33,.92);box-shadow:0 4px 22px rgba(0,0,0,.12)}
.nav nav{color:var(--text);font-weight:800;gap:25px}.nav nav a{padding:10px 0}.nav nav a[aria-current=page]{color:var(--accent-2)}.nav nav a:after{bottom:2px;height:2px}
.hero h2,.trust-item,.light-type,.tags span,.contact-form label>span{color:var(--text)}
.brand span{color:var(--accent-2)}.hero-label{color:#fff;border-color:rgba(255,255,255,.22)}.hero-label span{color:#dbeaf6}
.trust-strip{background:var(--panel)}.section-dark{background:linear-gradient(180deg,#151f2b,#131c26)}
.card,.industry,.metric,.light-type,.compare-box{background:var(--panel);box-shadow:0 8px 26px rgba(0,0,0,.14)}
.industry-feature-copy{background:linear-gradient(135deg,#182430,#1a2b3a)}.modern-card{background:linear-gradient(135deg,#182430,#1a2b3a)}
.cta{background:radial-gradient(circle at 80% 20%,rgba(39,167,255,.15),transparent 38%),#151f2b}
.btn-secondary,.btn-ghost{background:var(--panel)}.btn-primary{background:linear-gradient(135deg,#27a7ff,#41e6ff);color:#062238}
.contact-form input,.contact-form textarea{background:#131d28}.contact-form input:focus,.contact-form textarea:focus{border-color:#1389dd}
.form-success{color:#adf2ce;background:#152e25;border-color:#305c49}.form-error{color:#ffb7b7;background:#321e25;border-color:#65414a}
.footer{background:#0e151e}.footer .brand,.footer-credits__platform-copy strong,.footer-credits__studio a{color:var(--text)}.footer-bottom{color:var(--muted)}.footer-credits__platform{background:var(--panel);border-color:var(--line)}
a:focus-visible,button:focus-visible{outline:3px solid #1389dd;outline-offset:4px}
.portfolio-intro{padding:90px 0 48px}.portfolio-intro h1{font-size:clamp(3rem,7vw,5.8rem);margin-bottom:24px}.portfolio-intro p{max-width:760px;font-size:1.16rem;color:var(--muted)}.portfolio-list{padding-top:0}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);transition:transform .2s}.portfolio-card:hover{transform:translateY(-4px)}.portfolio-card>a{display:block;height:100%}.portfolio-card img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}.portfolio-card-copy{padding:26px}.portfolio-card h2{font-size:1.5rem;line-height:1.2;overflow-wrap:anywhere}.portfolio-card p{color:var(--muted)}.portfolio-link{font-weight:800;color:var(--accent-2)}.portfolio-placeholder{aspect-ratio:8/5;background:linear-gradient(135deg,#142b40,#173847);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--accent-2)}.portfolio-placeholder span:first-child{font-size:3.5rem;font-weight:900;letter-spacing:.12em}.portfolio-placeholder span:last-child{font-size:.9rem}
.portfolio-empty{grid-column:1/-1;padding:48px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}.portfolio-empty p{color:var(--muted);max-width:700px}.portfolio-pagination{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:40px}
.portfolio-detail h1{font-size:clamp(2.6rem,6vw,5.5rem);line-height:1.05;max-width:1000px;overflow-wrap:anywhere;margin:24px 0}.portfolio-back{display:inline-block;margin-bottom:34px;font-weight:800;color:var(--accent-2)}.portfolio-lead{font-size:1.25rem;color:var(--muted);max-width:900px;white-space:pre-line}.portfolio-meta{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);margin:24px 0 36px}.portfolio-cover{margin:0 0 48px;border-radius:26px;overflow:hidden}.portfolio-cover img{width:100%;height:auto;max-height:740px;object-fit:cover}.portfolio-body{max-width:860px}.portfolio-body section{margin:36px 0}.portfolio-body h2{font-size:1.8rem}.portfolio-body p{white-space:pre-line;overflow-wrap:anywhere;color:var(--muted);font-size:1.08rem}.portfolio-cta{margin-top:56px;padding:36px;border-radius:24px;background:#1a2b3a}
@media(max-width:1100px){.nav{gap:18px}.nav nav{gap:18px;font-size:.9rem}}
@media(max-width:980px){.nav{flex-wrap:wrap;padding-block:14px;gap:12px}.nav nav{display:flex;order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:8px 24px}.nav>.btn{margin-left:auto}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.nav nav{justify-content:flex-start;font-size:.86rem;gap:6px 20px}.nav>.btn{min-height:40px;padding:0 12px;font-size:.82rem}.nav .brand{font-size:.9rem}.portfolio-grid{grid-template-columns:1fr}.portfolio-intro{padding:56px 0 30px}.portfolio-empty{padding:28px}.portfolio-card-copy{padding:24px}.portfolio-cta{padding:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-card,.card,.btn{transition:none}.portfolio-card:hover{transform:none}}

section[id]{scroll-margin-top:130px}
@media(max-width:680px){section[id]{scroll-margin-top:165px}}