:root{--bg:#0a1423;--bg-soft:#0f172a;--card:rgba(255,255,255,.04);--line:rgba(255,255,255,.1);--text:#ffffff;--muted:#b8c0cc;--accent:#c68656;--accent-strong:#ddb189}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button{font:inherit}img{display:block;max-width:100%}.shell{width:min(1120px,calc(100% - 48px));margin:0 auto}.narrow{width:min(820px,100%)}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1423e0;border-bottom:1px solid var(--line)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;background:none;border:none;color:inherit;padding:0;cursor:pointer;text-align:left}.brand-logo{width:40px;height:40px;object-fit:contain}.brand-name{font-size:.82rem;letter-spacing:.32em;color:var(--accent-strong)}.brand-sub{font-size:.74rem;color:#8892a0;margin-top:3px}.desktop-nav{display:flex;gap:18px;flex-wrap:wrap}.nav-link{background:none;border:none;color:var(--muted);cursor:pointer;padding:0}.nav-link:hover,.nav-link.active{color:var(--accent-strong)}.menu-button{display:none;background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:10px 14px}.mobile-nav{display:none;padding:0 0 18px;gap:12px;flex-wrap:wrap}.hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at top,rgba(198,134,86,.18),transparent 28%),linear-gradient(to bottom,#0f172af5,#020617)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;padding:88px 0 96px}.eyebrow{font-size:.78rem;letter-spacing:.35em;text-transform:uppercase;color:var(--accent-strong)}.hero-title,.page-title{margin:16px 0 0;line-height:1.05;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:650}.hero-text,.page-text,.section-text{margin:24px 0 0;color:var(--muted);font-size:1.125rem;line-height:1.9;max-width:52rem}.button-row{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.button{border-radius:999px;padding:14px 24px;border:1px solid transparent;cursor:pointer}.button.primary{background:var(--accent);color:#0a1423;font-weight:600}.button.secondary{background:transparent;color:#fff;border-color:var(--line)}.button.secondary:hover{border-color:var(--accent)}.hero-visual{display:flex;align-items:center;justify-content:center}.logo-panel{border:1px solid var(--line);background:var(--card);border-radius:32px;padding:36px;box-shadow:0 28px 70px #00000059}.hero-logo{width:min(320px,55vw);height:auto;object-fit:contain}.section{padding:88px 0}.intro{max-width:760px}.section-title{margin:16px 0 0;line-height:1.1;font-size:clamp(2rem,4vw,3.2rem);font-weight:650}.three-up,.two-up,.spec-grid{display:grid;gap:24px;margin-top:40px}.three-up{grid-template-columns:repeat(3,1fr)}.two-up,.spec-grid{grid-template-columns:repeat(2,1fr)}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:start}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff08}.stack-list{display:grid;gap:14px}.stack-item{background:#02061799;border:1px solid var(--line);border-radius:20px;padding:20px;color:#d8dee8;font-size:1.05rem}.card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:26px}.card h3{margin:0;font-size:1.25rem}.card p,.card-copy{margin:14px 0 0;color:var(--muted);line-height:1.8;font-size:1rem}.big-card{padding:30px}.brand-side{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.contact-logo{width:96px;height:96px;object-fit:contain}.closing-panel{border:1px solid rgba(198,134,86,.22);border-radius:32px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(to bottom right,#0f172a,#020617)}.closing-title{margin:12px 0 0;font-size:clamp(2rem,4vw,3rem)}.table-wrap{margin-top:40px;overflow:auto;border:1px solid var(--line);border-radius:28px}.compare-table{width:100%;border-collapse:collapse;min-width:800px}.compare-table thead{background:#0f172a;color:#95a0af;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.compare-table th,.compare-table td{padding:18px 20px;border-top:1px solid var(--line);text-align:left}.compare-table thead th{border-top:none}.compare-table .accent{color:var(--accent-strong);font-weight:600}.spec-label{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.16em;font-size:.8rem}.spec-value{margin-top:10px;font-size:1.08rem;color:#e6ebf2;line-height:1.7}.tagline-line{margin-top:30px;color:var(--accent-strong);font-size:1.25rem}.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#7f8898;font-size:.92rem}@media (max-width: 980px){.hero-grid,.split,.three-up,.two-up,.spec-grid{grid-template-columns:1fr}.hero-grid{padding:72px 0 80px}.desktop-nav{display:none}.menu-button{display:block}.mobile-nav{display:flex}.closing-panel,.footer-inner{flex-direction:column;align-items:flex-start}}.brand-logo,.hero-logo,.contact-logo{filter:drop-shadow(0 2px 6px rgba(198,134,86,.35)) drop-shadow(0 0 12px rgba(198,134,86,.15))}.logo-panel{position:relative;overflow:hidden}.logo-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(242,192,148,.25),transparent 40%),linear-gradient(120deg,rgba(242,192,148,.15),transparent 60%);pointer-events:none}@keyframes logoDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes logoShimmer{0%{transform:translate(-140%) skew(-18deg);opacity:0}10%{opacity:0}22%{opacity:.22}34%{opacity:0}to{transform:translate(180%) skew(-18deg);opacity:0}}@keyframes panelGlow{0%,to{box-shadow:0 28px 70px #00000059,0 0 #c6865600}50%{box-shadow:0 28px 70px #00000059,0 0 26px #c686561a}}@keyframes cardLift{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hero-logo{position:relative;animation:logoDrift 7s ease-in-out infinite;transform-origin:center}.logo-panel{position:relative;animation:panelGlow 8s ease-in-out infinite}.logo-panel:before{content:"";position:absolute;top:-20%;bottom:-20%;width:28%;background:linear-gradient(90deg,#fff0,#f2c09400 20%,#f2c0941f 48%,#ffffff29 52%,#f2c09414 66%,#fff0);filter:blur(2px);pointer-events:none;animation:logoShimmer 9s ease-in-out infinite}.card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.card:hover{transform:translateY(-4px);border-color:#c6865647;box-shadow:0 18px 40px #00000038}.three-up .card:nth-child(2){animation:cardLift 8s ease-in-out infinite}.button.primary{box-shadow:0 8px 20px #c6865629}.button.primary:hover{box-shadow:0 12px 28px #c6865638;transform:translateY(-1px)}.button.secondary:hover{box-shadow:inset 0 0 0 1px #c686562e,0 10px 24px #00000029}.eyebrow{text-shadow:0 0 18px rgba(198,134,86,.1)}.stack-item{transition:transform .22s ease,border-color .22s ease,background .22s ease}.stack-item:hover{transform:translate(4px);border-color:#c686563d;background:#09101cd9}.compare-table .accent{text-shadow:0 0 18px rgba(198,134,86,.08)}@media (prefers-reduced-motion: reduce){.hero-logo,.logo-panel,.logo-panel:before,.three-up .card:nth-child(2){animation:none!important}.card,.button.primary,.button.secondary,.stack-item{transition:none!important}}
