/* MAT Traffic premium visual layer — approved 2026-08-30 */
body.premium-live{background:#090a09}
.premium-live .reveal{opacity:0;transform:translate3d(0,24px,0);filter:blur(4px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1),filter .85s cubic-bezier(.22,1,.36,1)}
.premium-live .reveal.visible{opacity:1;transform:none;filter:blur(0)}
.premium-live h2,.premium-live h3{text-wrap:balance}
.premium-live .header.scrolled{background:rgba(7,8,7,.90);backdrop-filter:blur(20px) saturate(1.05);-webkit-backdrop-filter:blur(20px) saturate(1.05);box-shadow:0 16px 40px rgba(0,0,0,.18)}
.premium-live .nav a{white-space:nowrap;transition:color .28s ease,transform .28s ease}.premium-live .nav a:hover{transform:translateY(-1px)}
.premium-live .btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,background .32s ease,border-color .32s ease;box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 12px 30px rgba(0,0,0,.16)}
.premium-live .btn::before{content:"";position:absolute;inset:-1px;z-index:-1;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.17) 48%,transparent 72%);transform:translateX(-125%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.premium-live .btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.05) inset}.premium-live .btn:hover::before{transform:translateX(125%)}
.premium-live .ghost-link{transition:color .25s ease,border-color .25s ease,transform .25s ease}.premium-live .ghost-link:hover{color:#fff;border-color:#b8663a;transform:translateY(-1px)}
.premium-live .hero-media video{width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(0,var(--hero-shift,0px),0) scale(1.055);will-change:transform}.premium-live .hero-gridline{opacity:.82}.premium-live .hero-copy{position:relative}.premium-live .hero-copy::after{content:"";position:absolute;width:320px;height:320px;left:-170px;top:32%;border-radius:50%;background:radial-gradient(circle,rgba(184,102,58,.11),rgba(184,102,58,0) 68%);pointer-events:none;filter:blur(12px)}
.premium-live .hero-proof-grid>div{transition:background .3s ease,transform .3s ease}.premium-live .hero-proof-grid>div:hover{background:rgba(255,255,255,.022);transform:translateY(-2px)}
.premium-live .client-grid article,.premium-live .friction-list article,.premium-live .services-list article,.premium-live .metrics>div,.premium-live .founder-facts>div{transition:transform .34s cubic-bezier(.2,.8,.2,1),background .34s ease,border-color .34s ease}.premium-live .client-grid article:hover{transform:translateY(-4px);background:rgba(255,255,255,.018)}.premium-live .friction-list article:hover,.premium-live .metrics>div:hover{transform:translateX(4px);background:rgba(255,255,255,.014)}.premium-live .services-list article:hover,.premium-live .founder-facts>div:hover{transform:translateX(5px);background:rgba(184,102,58,.035)}
.premium-live .founder-photo{border-radius:22px;box-shadow:0 28px 70px rgba(0,0,0,.13);transform:translateZ(0)}.premium-live .founder-photo img{transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .7s ease}.premium-live .founder-photo:hover img{transform:scale(1.025)}
.premium-live .method{position:relative;isolation:isolate;overflow:hidden}.premium-live .method::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 25% 58%,rgba(184,102,58,.105),transparent 27%),radial-gradient(circle at 78% 30%,rgba(255,255,255,.025),transparent 24%);pointer-events:none}.premium-live .method-head{position:relative}.premium-live .method-head::after{content:"SYSTEM / 01 → 02 → 03";position:absolute;right:0;top:-24px;color:#5f5a54;font-size:.58rem;font-weight:850;letter-spacing:.18em}.premium-live .method-stage{gap:82px;align-items:stretch}
.premium-live .triangle-art{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(184,102,58,.22);border-radius:28px;padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.008) 42%,rgba(184,102,58,.025));box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);min-height:100%;display:flex;align-items:center}.premium-live .triangle-art::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 50%,black 5%,transparent 78%);opacity:.72}.premium-live .triangle-art::after{content:"";position:absolute;inset:-35% -20%;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(184,102,58,.085),transparent 38%);filter:blur(22px);animation:triangleAtmosphere 8s ease-in-out infinite alternate}.premium-live .triangle-art svg{position:relative;z-index:2;filter:drop-shadow(0 18px 28px rgba(0,0,0,.22))}.premium-live .tri-line-base{fill:none;stroke:#484640;stroke-width:1.45;opacity:.9}.premium-live .tri-line-active{fill:none;stroke:#b8663a;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--tri-len);stroke-dashoffset:var(--tri-len);filter:drop-shadow(0 0 7px rgba(184,102,58,.5));opacity:.95}.premium-live .method.triangle-live .tri-line-active{animation:drawTriangle 2.15s cubic-bezier(.16,1,.3,1) .18s forwards}.premium-live .tri-node{fill:#b8663a;filter:drop-shadow(0 0 8px rgba(184,102,58,.45));transform-box:fill-box;transform-origin:center;transition:transform .3s ease,filter .3s ease}.premium-live .tri-node-halo{fill:none;stroke:#b8663a;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}.premium-live .method.triangle-live .tri-node-halo{animation:nodeArrival 1.35s cubic-bezier(.2,.8,.2,1) forwards}.premium-live .method.triangle-live .tri-node-halo[data-node="1"]{animation-delay:.65s}.premium-live .method.triangle-live .tri-node-halo[data-node="2"]{animation-delay:1.15s}.premium-live .method.triangle-live .tri-node-halo[data-node="3"]{animation-delay:1.65s}.premium-live .tri-signal{fill:#f0c1a3;filter:drop-shadow(0 0 8px rgba(184,102,58,.85));opacity:.95}.premium-live .tri-label{fill:#d2ccc4;transition:fill .3s ease,opacity .3s ease;letter-spacing:1.7px}.premium-live .tri-center{fill:#f4f0e8;letter-spacing:-1.2px}.premium-live .triangle-art[data-active="1"] .tri-node[data-node="1"],.premium-live .triangle-art[data-active="2"] .tri-node[data-node="2"],.premium-live .triangle-art[data-active="3"] .tri-node[data-node="3"]{transform:scale(1.6);filter:drop-shadow(0 0 14px rgba(184,102,58,.9))}
.premium-live .method-steps{border-top:0;display:flex;flex-direction:column;gap:12px;justify-content:center}.premium-live .method-steps article{position:relative;overflow:hidden;padding:24px 26px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.012);transition:transform .34s cubic-bezier(.2,.8,.2,1),border-color .34s ease,background .34s ease,box-shadow .34s ease}.premium-live .method-steps article::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:3px;background:#b8663a;transform:scaleY(.18);transform-origin:center;opacity:.45;transition:transform .34s ease,opacity .34s ease,box-shadow .34s ease}.premium-live .method-steps article:hover,.premium-live .method-steps article.stage-active{transform:translateX(6px);border-color:rgba(184,102,58,.34);background:rgba(184,102,58,.035);box-shadow:0 14px 34px rgba(0,0,0,.18)}.premium-live .method-steps article:hover::before,.premium-live .method-steps article.stage-active::before{transform:scaleY(1);opacity:1;box-shadow:0 0 12px rgba(184,102,58,.45)}
.premium-live details{transition:background .28s ease,padding .28s ease}.premium-live details[open]{background:rgba(255,255,255,.012);padding-left:14px;padding-right:14px}.premium-live summary::after{transition:transform .3s ease,color .3s ease}.premium-live details[open] summary::after{transform:rotate(180deg)}
.premium-live .client-portal-link{white-space:nowrap}.premium-live .footer-links .client-portal-link{color:#d58a5d}
@keyframes drawTriangle{to{stroke-dashoffset:0}}@keyframes nodeArrival{0%{opacity:0;transform:scale(.4)}45%{opacity:.72}100%{opacity:.13;transform:scale(1.55)}}@keyframes triangleAtmosphere{from{transform:translate3d(-2%,-1%,0) scale(.96)}to{transform:translate3d(3%,2%,0) scale(1.04)}}
@media(max-width:900px){.premium-live .method-head::after{display:none}.premium-live .method-stage{gap:34px}.premium-live .triangle-art{padding:18px 8px;border-radius:20px;min-height:auto}.premium-live .method-steps{gap:9px}.premium-live .method-steps article{padding:20px;border-radius:15px}.premium-live .method-steps article:hover,.premium-live .method-steps article.stage-active{transform:none}.premium-live .founder-photo{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.premium-live *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.premium-live .reveal{opacity:1!important;transform:none!important;filter:none!important}.premium-live .hero-media video{transform:scale(1.03)!important}.premium-live .tri-line-active{stroke-dashoffset:0!important}}