/* All new styling is scoped. The original hero, typefaces and CTA remain intact. */
:root{--av-orange:#ff963f;--av-line:rgba(186,215,247,.12);--av-ease:cubic-bezier(.22,1,.36,1);--shimmer-dur:2000ms;--shimmer-base:#c2b9b0;--shimmer-highlight:#fff3e6;--shimmer-band:400%;--shimmer-ease:linear}
.alpha-experience{margin-top:0}
.alpha-viewport{background:radial-gradient(ellipse at 50% 65%,#a645131f,transparent 70%),#080709;mask-image:linear-gradient(transparent,#000 16%,#000 89%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 89%,transparent)}
.alpha-field{opacity:.78}
.alpha-viewport:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 72%,#e5761712,transparent 65%);z-index:2}
.alpha-hud{top:55px}
.av-section{position:relative;isolation:isolate;max-width:1240px;margin:0 auto;padding:100px 32px;color:#eee9e3}
.av-section:before{content:"";position:absolute;inset:0 -10%;z-index:-1;background:radial-gradient(ellipse at 50% calc(40% + var(--av-drift,0px)),#e97a1714,transparent 68%);pointer-events:none}
.av-section h2{font-size:clamp(42px,6vw,80px);line-height:1.05;margin:20px 0;text-align:center}
.av-section h2 span,.av-section h3 span{color:#ffd5af}
.av-intro{text-align:center;font-size:18px;line-height:1.6;max-width:680px;margin:20px auto 28px}
.av-note{font-size:14px;line-height:1.6;color:#b8b3af}
.av-section>.av-note{text-align:center;max-width:640px;margin:0 auto 24px}
.av-machine,.av-os-board{position:relative;padding:32px;border:1px solid var(--av-line);border-radius:16px;background:linear-gradient(135deg,#ffffff05,transparent 35%),#100e0ded;box-shadow:inset 0 1px 0 #d8ecf833,inset 0 0 48px #c67b0b08,0 24px 70px #0004;overflow:hidden}
.av-machine{max-width:900px;margin:44px auto 0}
.av-machine:before{content:"";position:absolute;inset:0;border-top:1px solid #ff963f80;transform:scaleX(var(--av-entry,0));transform-origin:left;pointer-events:none}
.av-machine-top{display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.12em;color:#d8b38e;line-height:1.6}
.av-engine{height:200px;max-width:380px;margin:16px auto;position:relative;display:grid;place-items:center}
.av-engine img,.av-logo{object-fit:contain;filter:invert(1) hue-rotate(180deg)}
.av-engine i{position:absolute;width:170px;height:170px;border:1px solid #ff963f38;border-radius:50%;transform:rotateX(55deg) rotateZ(calc(var(--av-entry,0)*150deg));transition:border-color .6s}
.av-engine i:nth-child(2){width:235px;height:150px;transform:rotate(-32deg);border-color:#ff963f16}
.av-engine i:after{content:"";position:absolute;left:15%;top:11%;width:5px;height:5px;border-radius:50%;background:#ffad68;box-shadow:0 0 18px #ff963f}
.av-scan-line{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#ffae67,transparent);opacity:.6;transform:translateY(var(--av-drift,0px))}
.av-scan-caption{text-align:center;font-size:20px}
.av-machine label{display:block;font-size:14px;margin-bottom:10px}
.av-machine .av-brief-label{margin-top:22px}
#brand-brief{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:130px;background:#090909;color:#fff;border:1px solid #bad7f72c;border-radius:6px;padding:16px;font:inherit;line-height:1.6}
#brand-brief:focus{outline:2px solid var(--av-orange);outline-offset:3px}
#brand-scan-form>.button{margin-top:18px}
#brand-scan-form>.button:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){#brand-scan-form>.button{width:100%;justify-content:center}.av-scanner .av-machine{padding:24px 18px}.av-scanner .av-engine{height:150px}.av-cursor{display:none!important}}
.av-review-item{padding:22px 0;border-bottom:1px solid var(--av-line)}
.av-review-item h4{font-size:14px;letter-spacing:.08em;color:#ffc897;margin:0 0 12px}
.av-review-item p{font-size:17px;line-height:1.65;margin:0;color:#eee9e3}
.av-input-row{display:flex;gap:12px}
.av-input-row input{min-width:0;flex:1;font:inherit;color:#fff;background:#090909;border:1px solid #bad7f72c;border-radius:6px;padding:18px}
.av-input-row input:focus{outline:2px solid var(--av-orange);outline-offset:3px}
.av-machine:has(input:focus) .av-engine i{border-color:#ff963f9a}
.av-machine[data-typing="true"] .av-engine{filter:drop-shadow(0 0 12px #ff963f30)}
.av-machine .button{font-size:14px;min-height:52px;white-space:normal}
#scan-error{color:#ffd5af;font-size:14px}
.av-scan-progress{padding:24px 0}
.av-scan-progress progress{display:block;width:100%;height:3px;border:0;accent-color:var(--av-orange);margin:24px 0}
.av-scan-categories{font-size:12px;line-height:2;letter-spacing:.08em}
.av-text-button{font:inherit;color:#efc59e;background:#19120d;border:1px solid var(--av-line);padding:12px 20px;border-radius:999px;cursor:pointer;min-height:44px}
.av-scan-progress .av-text-button{margin-top:16px}
.av-machine.is-scanning .av-scan-line{animation:av-sweep 1.6s var(--av-ease) infinite}
.av-machine.is-scanning .av-engine i{animation:av-orbit 5s linear infinite}
@keyframes av-sweep{0%{transform:translateY(-90px);opacity:0}25%,75%{opacity:1}100%{transform:translateY(90px);opacity:0}}
@keyframes av-orbit{to{transform:rotateX(55deg) rotateZ(360deg)}}
#scan-results{border-top:1px solid var(--av-line);padding-top:28px;margin-top:28px}
.av-score{display:grid;grid-template-columns:1fr auto;gap:12px;padding:23px 0;border-bottom:1px solid var(--av-line)}
.av-score strong{font-size:15px;letter-spacing:.07em}.av-score b{font-size:24px;color:#ffd1a6}.av-score p{grid-column:1/-1;margin:0;font-size:16px;line-height:1.5;color:#d5cfca}
.av-score-track{grid-column:1/-1;height:3px;background:#fff1}.av-score-track span{display:block;height:100%;background:linear-gradient(90deg,#a74d1c,#ffaf69);width:var(--score);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--av-ease)}
#scan-results.is-ready .av-score-track span{transform:scaleX(1)}
#scan-results h3,.av-feed-end h3{font-size:clamp(28px,3vw,40px);margin:36px 0 14px}
.av-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}
.av-feed{max-width:none;overflow:clip;padding-left:0;padding-right:0}
.av-feed-pause{display:block;margin:0 auto 32px}
.av-feed-wall{position:relative;overflow:hidden;min-height:620px;padding:30px 0;isolation:isolate}
.av-feed-words{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around;text-align:center;z-index:-1;color:#ffbe861b;font-size:clamp(50px,8vw,120px);font-weight:800;line-height:1.05;pointer-events:none}
.av-feed-row{display:flex;gap:20px;width:max-content;padding:15px 0;will-change:transform}
.av-feed-group{display:flex;gap:20px}
.av-work{position:relative;width:300px;height:210px;flex:none;border:1px solid var(--av-line);border-radius:16px;overflow:hidden;background:#141211;color:#fff;text-align:left;padding:0;cursor:pointer;transition:transform .6s var(--av-ease),border-color .4s,opacity .4s}
.av-work img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:.72;transition:opacity .5s}
.av-work-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#090807 45%);padding:30px 18px 15px;display:flex;flex-direction:column;gap:6px}.av-work-label strong{font-size:20px}.av-work-label small{font-size:12px;color:#e1c1a6}
.av-feed-row:nth-child(1) .av-work{width:245px;height:150px;opacity:.65}
.av-feed-row:nth-child(3) .av-work{width:340px;height:220px}
.av-work:hover,.av-work:focus-visible{transform:scale(1.035);border-color:#ff9f5677;z-index:3;opacity:1!important;outline-offset:3px}
.av-work:hover img{opacity:1}
.av-feed-row:has(.av-work:hover) .av-work:not(:hover){opacity:.45}
.av-feed-end{text-align:center;max-width:850px;margin:50px auto 0;padding:0 24px}
.av-cursor{display:none}
@media(hover:hover) and (pointer:fine){.av-feed-wall:hover .av-cursor{display:grid}.av-cursor{position:absolute;left:0;top:0;z-index:8;width:66px;height:66px;border:1px solid #ffc58b77;border-radius:50%;place-items:center;color:#fff;background:#150d0788;font-size:12px;pointer-events:none;backdrop-filter:blur(4px)}}
.av-case{position:fixed;inset:0;width:min(1000px,92vw);max-height:88svh;padding:32px;border:1px solid var(--av-line);border-radius:16px;background:#12100f;color:#eee9e3;overflow:auto}
.av-case::backdrop{background:#000c;backdrop-filter:blur(5px)}
.av-case-close{display:block;margin:0 0 24px auto}
.av-case-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.av-case-image{width:100%;height:auto;border-radius:6px}.av-case h2{font-size:40px;margin:10px 0}.av-case h3{font-size:26px;margin-top:35px}.av-case p{line-height:1.6}.av-case-profile{color:#ffbc82}
.av-os-board{margin:40px auto 0;min-height:530px}
.av-os-core{display:flex;align-items:center;flex-direction:column;gap:8px;padding:24px 0 48px;transform:scale(calc(.9 + var(--os-progress,0)*.1))}
.av-os-core strong{font-size:12px;letter-spacing:.13em;color:#e0bb99}
.av-os-flow{position:relative;padding-bottom:70px}
.av-os-modules{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.av-os-module{position:relative;background:#141211;border:1px solid var(--av-line);border-radius:16px;color:#ded8d3;min-height:145px;padding:20px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-align:left;font:inherit;cursor:pointer;transition:background .5s,border-color .5s,transform .7s var(--av-ease)}
.av-os-module small{font-size:12px;color:#b6a495}.av-os-module strong{font-size:14px;letter-spacing:.03em}.av-os-module span{font-size:13px;color:#bbb1a8}
.av-os-module.is-online{border-color:#ff963f55;background:linear-gradient(140deg,#ff963f10,transparent),#141211}
.av-os-module[aria-pressed=true]{transform:translateY(-5px);border-color:#ffbd87}
.av-os-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.av-os-connections path{fill:none;stroke:#ff963f44;stroke-width:1}.av-os-connections .av-os-return{stroke-dasharray:4 7}.av-os-packet{fill:#ffd2aa;filter:drop-shadow(0 0 5px #ff841b)}
.av-os-client{display:flex;justify-content:center;align-items:center;gap:18px;position:absolute;bottom:0;left:0;right:0;font-size:12px;letter-spacing:.1em;color:#ddb995}
.av-os-client strong{font-size:25px;color:#ff963f}
.av-os-explanation{text-align:center;font-size:17px;min-height:68px;line-height:1.7;margin:32px auto 0;max-width:780px}
.av-os-loop{text-align:center;color:#e2bc99;font-size:13px;letter-spacing:.12em}
.av-os-end{text-align:center;margin-top:70px}.av-os-end h3{font-size:clamp(34px,4vw,60px);line-height:1.15;margin-bottom:24px}
.av-section [hidden]{display:none!important}
.av-section button:focus-visible,.av-section a:focus-visible,.av-case button:focus-visible{outline:2px solid #ffac68;outline-offset:5px}
.t-shimmer {
  position: relative;
  display: inline-block;
  color: var(--shimmer-base);
}
.t-shimmer::before {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(
    90deg,
    transparent          0%,
    transparent         40%,
    var(--shimmer-highlight) 50%,
    transparent         60%,
    transparent        100%
  );
  background-size: var(--shimmer-band) 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: t-shimmer var(--shimmer-dur) var(--shimmer-ease) infinite;
}
@keyframes t-shimmer {
  0%   { background-position: 100% 0; }
  100% { background-position: 0% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .t-shimmer::before { animation: none !important; }
}
@media(max-width:700px){
.av-section{padding:70px 20px}.av-section h2{font-size:42px}.av-machine,.av-os-board{padding:22px 18px}.av-machine-top{font-size:12px;letter-spacing:.04em;flex-wrap:wrap}.av-engine{height:170px}
.av-input-row{flex-direction:column}.av-input-row input{width:100%;box-sizing:border-box}.av-input-row .button{width:100%}.av-actions{align-items:stretch;flex-direction:column}
.av-feed{padding-left:0;padding-right:0}.av-feed>h2,.av-feed>.av-intro,.av-feed>.av-note{padding:0 20px}
.av-feed-wall{min-height:0;max-height:690px;overflow-y:auto;overscroll-behavior-y:auto;padding:15px 22px;scroll-snap-type:y proximity}
.av-feed-rows{display:block}.av-feed-row,.av-feed-group{display:contents}.av-feed-group[aria-hidden=true]{display:none}.av-feed-row .av-work,.av-feed-row:nth-child(1) .av-work,.av-feed-row:nth-child(3) .av-work{display:block;width:100%;height:310px;margin:0 0 24px;opacity:1;scroll-snap-align:center}.av-work img{object-fit:cover}.av-feed-words{display:none}
.av-case{padding:22px;width:92vw;max-height:85svh}.av-case-layout{grid-template-columns:1fr;gap:20px}.av-case-image{max-height:280px;object-fit:contain}.av-case h2{font-size:34px}
.av-os-core{padding-bottom:28px}.av-os-modules{grid-template-columns:1fr;gap:26px;padding-left:24px}.av-os-module{min-height:105px;padding:18px 20px}.av-os-module strong{font-size:17px}.av-os-flow{padding-bottom:80px}.av-os-client{flex-wrap:wrap;gap:10px}.av-os-explanation{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.av-section *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.av-feed-row{transform:none!important;width:auto;flex-wrap:wrap;justify-content:center}.av-feed-group{flex-wrap:wrap;justify-content:center}.av-feed-group[aria-hidden=true]{display:none}.av-feed-wall{max-height:none}.av-os-module{transform:none!important}.av-score-track span{transform:none}.av-cursor{display:none!important}}
