/* Premium category-specific visual pass — 2026-08-14
   Visual-only: no routes, forms, field names, scripts, functions or integrations changed. */
:root{--bg:#081119;--surface:#0d1821;--paper:#0d1821;--card:#0d1821;--soft:#13242f;--panel:#13242f;--ink:#f0f5f7;--muted:#a3b5c0;--line:#29404e;--accent:#45c9a6;--accent-soft:color-mix(in srgb,var(--accent) 13%,var(--surface));--premium-accent-2:#f0b65b;--premium-radius:7px;--premium-shadow:0 26px 80px rgba(0,0,0,.30);--premium-heading:"Aptos Display","Segoe UI",system-ui,sans-serif;--premium-body:"Aptos","Segoe UI",system-ui,sans-serif;}
html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{font-family:var(--premium-body);background:#081119;}
body::before{content:"";position:fixed;z-index:200;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),var(--premium-accent-2));pointer-events:none}
.site-shell{box-shadow:var(--premium-shadow);}
.site-header{background:rgba(12,23,31,.92);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border-color:var(--line);}
.brand{font-family:var(--premium-heading);letter-spacing:-.025em}
.brand-mark{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 5px 18px color-mix(in srgb,var(--accent) 22%,transparent)}
.hero{position:relative;isolation:isolate;background-color:var(--surface);}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(rgba(69,201,166,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(69,201,166,.04) 1px,transparent 1px);background-size:42px 42px;}
.hero::after{content:"";position:absolute;z-index:-1;right:-8%;top:10%;width:34%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;opacity:.65;pointer-events:none;}
.hero>*,.hero .shell{position:relative;z-index:1}
.hero h1,.section h2,.content-page h1,.content-page h2,.form-intro h1{font-family:var(--premium-heading);}
.eyebrow{color:var(--accent);font-weight:850}
.lede{line-height:1.68}
.btn,.button,.header-cta,.nav-cta,.submit,.form-actions button{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease;}
.btn:hover,.button:hover,.header-cta:hover,.nav-cta:hover,.submit:hover,.form-actions button:hover{transform:translateY(-1px);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 16%,transparent)}
.btn.primary,.button:not(.secondary),.header-cta,.nav-cta,.submit,.form-actions button:not(.back){background:var(--ink);color:#071016;border-color:var(--ink)}
.card,.hero-panel,.form-card,.tool-card,.builder,.choice-card span,.metric-row{border-color:var(--line);background:color-mix(in srgb,var(--panel) 94%,var(--surface));border-radius:var(--premium-radius);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.metric-row{border-radius:var(--premium-radius)}
input,select,textarea{border-color:color-mix(in srgb,var(--line) 70%,var(--muted));border-radius:8px;background:color-mix(in srgb,var(--surface) 96%,white);}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.notice{border-left-color:var(--accent);background:color-mix(in srgb,var(--panel) 87%,var(--accent) 3%)}
.progress span{background:linear-gradient(90deg,var(--accent),var(--premium-accent-2))}
.site-footer{background:#060b0f;}
.site-footer p{color:#9db1ba}

.hero h1,.content-page h1,.form-intro h1{font-weight:800;letter-spacing:-.055em}
.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}
.card,.hero-panel,.form-card,.tool-card,.builder{box-shadow:0 14px 45px rgba(24,30,50,.055)}
.card:hover{transform:translateY(-3px)}
.btn,.button,.header-cta,.nav-cta{border-radius:10px}
.metric-row{box-shadow:0 16px 48px rgba(20,35,45,.06)}

@media(prefers-reduced-motion:reduce){.btn,.button,.header-cta,.nav-cta,.submit,.card{transition:none}}
@media(max-width:860px){.hero::after{width:58%;right:-28%;top:6%;opacity:.35}}

/* Site-specific signature */
/* Trade-operations workspace signature */
body:not([class]) .brand{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.025em}
body:not([class]) .brand-mark{background:linear-gradient(135deg,var(--accent),var(--premium-accent-2));border-radius:3px}
body:not([class]) .hero-art .one{background:#101f29;border-color:#294856}body:not([class]) .hero-art .two{background:var(--accent)}body:not([class]) .hero-art .three{background:var(--premium-accent-2)}body:not([class]) .hero-art .four{background:#6689b0}
body:not([class]) .tool-card,body:not([class]) .form-card{background:#101f29;border-color:#294856}

/* Preserve each build’s native hero composition; avoid a portfolio-wide ornament. */
.hero::after{display:none}