/* SKR UX76 — restrained studio design system; retains existing functionality */
:root{--skr-ink:#0d1014;--skr-panel:#15191e;--skr-line:rgba(255,255,255,.12);--skr-accent:#ee5543;--skr-copy:#e8e8e5;--skr-muted:#b3b9be}
html{scroll-padding-top:90px}body{background:var(--skr-ink);color:var(--skr-copy);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6}
.grain{opacity:.025!important}header{position:relative!important;min-height:78px;padding:14px clamp(20px,4vw,76px)!important;background:#101215f5!important;border-bottom:1px solid var(--skr-line)!important;backdrop-filter:blur(12px);gap:18px}header .brand{font-size:17px!important;letter-spacing:.035em!important;white-space:nowrap}header .brand img{width:40px!important;height:40px!important}header .nav{gap:clamp(10px,1.45vw,24px)!important;font-size:11px!important;letter-spacing:.07em!important;flex-wrap:wrap;justify-content:flex-end}
.hero{min-height:600px!important;height:auto!important;max-height:none!important;padding:clamp(76px,9vw,140px) clamp(24px,5.5vw,96px) clamp(88px,9vw,125px)!important;background:radial-gradient(ellipse at 77% 48%,#301b1b 0%,#151316 37%,#0d1014 75%)!important}
.hero:after{background:linear-gradient(90deg,#0d1014b8,transparent 85%)!important}.hero-content{max-width:min(780px,63vw)!important}.hero h1{font-size:clamp(49px,5.5vw,90px)!important;line-height:1.04!important;letter-spacing:-.025em!important;margin:24px 0!important}.hero p{font-size:clamp(16px,1.1vw,19px)!important;max-width:560px!important;line-height:1.7!important}.eyebrow,.kicker{letter-spacing:.17em!important;font-size:11px!important}.hero-symbol{width:min(30vw,420px)!important;right:9%!important;top:50%!important;transform:translateY(-50%)!important;animation:none!important;opacity:.9!important}.halo{width:48vw!important;height:48vw!important;right:-3%!important;top:50%!important;transform:translateY(-50%)!important;animation:none!important;opacity:.5!important}.hero-bottom{font-size:10px!important}
.section{padding:clamp(66px,7vw,112px) 0!important}.wrap{max-width:1240px!important;padding-left:clamp(24px,5vw,76px)!important;padding-right:clamp(24px,5vw,76px)!important}.section h2,.display{font-size:clamp(38px,4.7vw,70px)!important;line-height:1.06!important;letter-spacing:-.012em!important}.sectionhead{margin-bottom:34px!important}.service{padding:clamp(26px,3.2vw,44px)!important;min-height:210px!important;background:#15191e!important}.service:hover{background:#1b2229!important}.cards{background:var(--skr-line)!important}
.btn{padding:14px 22px!important;font-size:11px!important;letter-spacing:.06em!important;border-radius:5px!important;transition:background .2s,color .2s,border-color .2s!important}.btn:hover{transform:none!important;background:#fff!important;color:#121416!important}.btn.primary{background:var(--skr-accent)!important;border-color:var(--skr-accent)!important}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ffb38d!important;outline-offset:3px!important}
.statement{background:#efeee9!important}.statement h2{max-width:960px!important}.muted{color:var(--skr-muted)!important}.skr-subpage-intro{padding-top:56px!important;padding-bottom:42px!important}.skr-subpage-intro h1,.skr-subpage-intro h2{font-size:clamp(40px,5vw,76px)!important;line-height:1.05!important}.skr-enhanced-section{padding-top:48px!important;padding-bottom:70px!important}.skr-enhanced-section h2{font-size:clamp(30px,4vw,60px)!important}.skr-table-wrap{overflow-x:auto}.skr-compare{min-width:660px}
.skr-sector-card,.skr-demo-card{border-color:var(--skr-line)!important}.skr-advisor-options button{border-radius:5px!important}.skr-atlas{filter:drop-shadow(0 8px 24px #0005)}
@media(max-width:900px){header{align-items:flex-start!important;flex-wrap:wrap!important}.nav{width:100%!important;justify-content:flex-start!important;gap:14px!important}.hero{min-height:590px!important;padding-top:75px!important}.hero-content{max-width:100%!important}.hero h1{font-size:clamp(44px,8vw,76px)!important}.hero-symbol{opacity:.18!important;right:-7%!important;width:65vw!important}.halo{opacity:.2!important;width:80vw!important;height:80vw!important}.hero:after{background:linear-gradient(90deg,#0d1014ed,#0d1014aa)!important}}
@media(max-width:600px){header{padding:14px 20px!important}.nav{font-size:10px!important;gap:11px!important}.hero{min-height:560px!important;padding:66px 22px 92px!important}.hero h1{font-size:clamp(40px,10.5vw,60px)!important}.hero p{font-size:15px!important}.hero-bottom{display:none!important}.section{padding:64px 0!important}.section h2,.display{font-size:clamp(36px,10vw,55px)!important}.cards{grid-template-columns:1fr!important}.service{min-height:0!important}.actions{gap:10px!important}.btn{width:auto;max-width:100%}.skr-subpage-intro{padding-top:38px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* UX78 compact portfolio cards */
#portfolio .skr-demo-card{min-width:0!important;max-width:310px!important;width:310px!important;flex:0 0 310px!important}#portfolio .skr-device-pair{height:190px!important;min-height:190px!important;overflow:hidden!important}#portfolio .skr-device-pair .skr-desktop{width:100%!important;height:100%!important;object-fit:cover!important}#portfolio .skr-device-pair .skr-mobile{display:none!important}#portfolio .skr-demo-card h4{font-size:19px!important;line-height:1.2!important}#portfolio .skr-demo-card p{font-size:12px!important;line-height:1.5!important}#portfolio .skr-demo-card .skr-demo-preview,#portfolio .skr-demo-card .skr-demo-cta{font-size:11px!important}#portfolio .skr-portfolio-category h3{font-size:22px!important}@media(max-width:600px){#portfolio .skr-demo-card{width:250px!important;flex-basis:250px!important}#portfolio .skr-device-pair{height:155px!important;min-height:155px!important}}@media(prefers-reduced-motion:reduce){#portfolio svg *{animation:none!important}}