/* ── BRANDFRAME BRAND SYSTEM ── */
:root{--c1:#2DBCBF;--c2:#E84428;--c3:#F47920;--c4:#FAC018}
[data-theme="dark"]{--bg:#0A0A0A;--bg2:#111111;--surf:#161616;--surf2:#1E1E1E;--border:#252525;--text:#F5F5F5;--muted:#888888;--dim:#3A3A3A;--accent:#2DBCBF;--a-dim:rgba(45,188,191,.08);--a-hi:#5DD4D6;--a-on:#0A0A0A;--glow:rgba(45,188,191,.10);--glow-s:rgba(45,188,191,.22);--shadow:0 12px 40px rgba(0,0,0,.65);--shadow-sm:0 4px 16px rgba(0,0,0,.45)}
:root:not([data-theme="light"]){--bg:#0A0A0A;--bg2:#111111;--surf:#161616;--surf2:#1E1E1E;--border:#252525;--text:#F5F5F5;--muted:#888888;--dim:#3A3A3A;--accent:#2DBCBF;--a-dim:rgba(45,188,191,.08);--a-hi:#5DD4D6;--a-on:#0A0A0A;--glow:rgba(45,188,191,.10);--glow-s:rgba(45,188,191,.22);--shadow:0 12px 40px rgba(0,0,0,.65);--shadow-sm:0 4px 16px rgba(0,0,0,.45)}
[data-theme="light"]{--bg:#FFFFFF;--bg2:#F7F7F7;--surf:#FAFAFA;--surf2:#F0F0F0;--border:#E5E5E5;--text:#0A0A0A;--muted:#606060;--dim:#C8C8C8;--accent:#2DBCBF;--a-dim:rgba(45,188,191,.08);--a-hi:#1A9496;--a-on:#0A0A0A;--glow:rgba(45,188,191,.07);--glow-s:rgba(45,188,191,.14);--shadow:0 8px 32px rgba(10,10,10,.10);--shadow-sm:0 2px 10px rgba(10,10,10,.07)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Outfit',system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .35s,color .35s;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit}
@keyframes wUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{from{left:-80%}to{left:130%}}
@keyframes float1{0%,100%{transform:translate(0,0) scale(1);opacity:.7}40%{transform:translate(-24px,18px) scale(1.06);opacity:1}70%{transform:translate(16px,-12px) scale(.97);opacity:.85}}
@keyframes float2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(28px,-22px) scale(1.08)}}
@keyframes ctaGlow{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes wa{from{opacity:.3}to{opacity:1}}
@keyframes logoIn{from{transform:scale(.8) rotate(-6deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@keyframes mqscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes filmroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes scrollHint{0%,100%{opacity:.6;transform:translateX(-50%) scaleY(1)}50%{opacity:1;transform:translateX(-50%) scaleY(.5)}}
@keyframes grain-s{0%{transform:translate(0,0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,0)}80%{transform:translate(0,1px)}100%{transform:translate(1px,0)}}
@keyframes ringFill{to{stroke-dashoffset:var(--target-offset)}}
@keyframes eqbar{from{height:14%}to{height:100%}}
@keyframes playhead{0%{left:7%}100%{left:93%}}
@keyframes barShimmer{0%,100%{opacity:1}50%{opacity:.6}}
#scroll-prog{position:fixed;top:0;left:0;right:0;height:2px;z-index:9998;background:var(--accent);transform-origin:left;transform:scaleX(0)}
.grain{position:fixed;inset:0;z-index:9999;pointer-events:none;width:200%;height:200%;top:-50%;left:-50%;opacity:.03;animation:grain-s .12s steps(1) infinite;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}
[data-theme="light"] .grain{opacity:.015}
.vstripes{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.vs{position:absolute;top:-20%;width:2.5px;height:140%;border-radius:2px;will-change:transform}
.vs-1{left:7%;background:linear-gradient(to bottom,transparent 0%,#2DBCBF 8%,#2DBCBF 88%,transparent 100%);opacity:.16;transition:width .3s}
.vs-2{left:25%;background:linear-gradient(to bottom,transparent 0%,#E84428 8%,#E84428 88%,transparent 100%);opacity:.13;transition:width .3s}
.vs-3{left:67%;background:linear-gradient(to bottom,transparent 0%,#F47920 8%,#F47920 88%,transparent 100%);opacity:.14;transition:width .3s}
.vs-4{left:85%;background:linear-gradient(to bottom,transparent 0%,#FAC018 8%,#FAC018 88%,transparent 100%);opacity:.11;transition:width .3s}
[data-theme="light"] .vs-1{opacity:.11}[data-theme="light"] .vs-2{opacity:.09}[data-theme="light"] .vs-3{opacity:.09}[data-theme="light"] .vs-4{opacity:.08}
.fx-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
.hero-bars{position:absolute;top:70px;bottom:0;left:0;width:4px;z-index:1;pointer-events:none;display:flex;flex-direction:column}
.hero-bars span{flex:1}
.hb1{background:#2DBCBF}.hb2{background:#E84428}.hb3{background:#F47920}.hb4{background:#FAC018}
[data-theme="light"] .hero-bars{opacity:.7}
.hero-orb{position:absolute;border-radius:50%;pointer-events:none}
.hero-orb-1{width:600px;height:600px;top:-15%;right:-8%;opacity:.35;background:radial-gradient(circle,rgba(45,188,191,.18) 0%,transparent 65%);animation:float1 9s ease-in-out infinite}
.hero-orb-2{width:350px;height:350px;bottom:5%;left:25%;opacity:.3;background:radial-gradient(circle,rgba(232,68,40,.12) 0%,transparent 65%);animation:float2 12s ease-in-out infinite}
.hero-orb-3{width:420px;height:420px;bottom:-12%;right:32%;opacity:.28;background:radial-gradient(circle,rgba(244,121,32,.12) 0%,transparent 66%);animation:float2 14s ease-in-out infinite}
.hero-orb-4{width:360px;height:360px;top:18%;left:-7%;opacity:.22;background:radial-gradient(circle,rgba(250,192,24,.12) 0%,transparent 66%);animation:float1 11s ease-in-out infinite}
.bf-logo{display:flex;align-items:flex-end;gap:5px;animation:logoIn .6s cubic-bezier(.16,1,.3,1) .1s both}
.bf-logo-l{display:flex;flex-direction:column;align-items:flex-start}
.bf-brand{font-size:13px;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1;margin-bottom:3.5px;display:block;transition:color .35s}
.bf-bars-mark{display:flex;flex-direction:column;gap:2.5px}
.bf-bars-mark span{display:block;height:4px;border-radius:2px}
.bf-bars-mark span:nth-child(1){width:40px;background:#2DBCBF}
.bf-bars-mark span:nth-child(2){width:37px;background:#E84428}
.bf-bars-mark span:nth-child(3){width:33px;background:#F47920}
.bf-bars-mark span:nth-child(4){width:29px;background:#FAC018}
.bf-frame{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1;transition:color .35s}
.edl{background:var(--surf);border:.5px solid var(--border);border-radius:12px;padding:.95rem 1.125rem 1.05rem;position:relative;overflow:hidden;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .82s both}
.edl-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}
.edl-tc{font-family:'DM Mono',monospace;font-size:.75rem;color:var(--accent);letter-spacing:.05em}
.edl-lbl{font-family:'DM Mono',monospace;font-size:.5625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.edl-trans{display:flex;gap:.45rem;align-items:center}
.edl-trans i{width:6px;height:6px;border-radius:50%;background:var(--dim);display:block}
.edl-trans i.live{background:#E84428;box-shadow:0 0 7px #E84428;animation:blink 1.6s infinite}
.edl-track{display:flex;gap:3px;height:24px;margin-bottom:.5rem}
.edl-clip{border-radius:3px;height:100%;opacity:.9}
.edl-wave{display:flex;align-items:flex-end;gap:2px;height:28px;margin-bottom:.7rem}
.edl-wave i{flex:1;background:linear-gradient(to top,var(--accent),transparent);border-radius:1px;min-height:3px;animation:eqbar 1.1s ease-in-out infinite alternate}
.edl-ruler{display:flex;justify-content:space-between;align-items:center}
.edl-ruler span{font-family:'DM Mono',monospace;font-size:.5625rem;color:var(--dim);letter-spacing:.1em}
.edl-playhead{position:absolute;top:2.5rem;bottom:.85rem;width:1.5px;background:var(--accent);box-shadow:0 0 8px var(--glow-s);animation:playhead 5.5s linear infinite}
.edl-playhead::before{content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--accent)}
.d-xl{font-size:clamp(2.5rem,5.5vw,5rem);font-weight:500;line-height:1.04;letter-spacing:-.03em}
.d-lg{font-size:clamp(1.875rem,3.5vw,3rem);font-weight:500;line-height:1.1;letter-spacing:-.025em}
.d-md{font-size:clamp(1.375rem,2.2vw,2rem);font-weight:500;line-height:1.18;letter-spacing:-.02em}
.body-lg{font-size:1.0625rem;line-height:1.75;color:var(--muted)}
.body-sm{font-size:.875rem;line-height:1.7;color:var(--muted)}
.mono{font-family:'DM Mono',monospace}
.label{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;font-family:'DM Mono',monospace;color:var(--accent)}
.gold{color:var(--accent)}
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}
.wrap-sm{max-width:700px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Outfit',sans-serif;font-size:.9rem;font-weight:600;padding:.7rem 1.5rem;border-radius:8px;border:none;cursor:pointer;white-space:nowrap;letter-spacing:.01em;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s,filter .2s;position:relative;overflow:hidden}
.btn:active{transform:scale(.97)}
.btn-gold{background:var(--accent);color:var(--a-on)}
.btn-gold:hover{filter:brightness(1.08);box-shadow:0 4px 24px rgba(45,188,191,.35)}
.btn-gold::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);pointer-events:none}
.btn-gold:hover::after{animation:shimmer .55s ease forwards}
.btn-ghost{background:transparent;color:var(--text);border:.5px solid var(--border)}
.btn-ghost:hover{border-color:var(--muted);background:var(--surf2)}
.btn-lg{padding:.875rem 2rem;font-size:1rem}
#nav{position:fixed;top:0;left:0;right:0;z-index:100;height:70px;border-bottom:.5px solid transparent;transition:border-color .3s,background .3s}
#nav.scrolled{border-color:var(--border);background:rgba(10,10,10,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
[data-theme="light"] #nav.scrolled{background:rgba(255,255,255,.92)}
.nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;gap:1rem}
.logo-link{display:flex;align-items:center;flex-shrink:0;background:transparent;transition:background .35s}
.logo-img{height:54px;width:auto;display:block;max-width:220px}
.logo-dark{display:block}
.logo-light{display:none}
[data-theme="light"] .logo-dark{display:none}
[data-theme="light"] .logo-light{display:block}
.ft-logo-img{height:28px;width:auto;display:block;opacity:.7}
.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}
.nav-links a{font-size:.875rem;color:var(--muted);transition:color .2s}
.nav-links a:hover{color:var(--text)}
.nav-links a.active{color:var(--text);position:relative}
.nav-links a.active::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--accent);border-radius:2px}
.nav-end{display:flex;align-items:center;gap:.875rem}
.theme-btn{width:36px;height:36px;background:var(--surf);border:.5px solid var(--border);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;flex-shrink:0}
.theme-btn:hover{border-color:var(--accent)}
.theme-btn svg{width:16px;height:16px;fill:var(--muted)}
.t-sun{display:none}
[data-theme="light"] .t-sun{display:block}[data-theme="light"] .t-moon{display:none}
.ham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.ham span{display:block;width:22px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s}
#mnav{position:fixed;inset:0;top:70px;background:var(--bg);z-index:90;padding:1.75rem 1.5rem;flex-direction:column;gap:0;border-top:.5px solid var(--border);transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);display:flex;visibility:hidden;}
#mnav.open{transform:translateX(0);}
#mnav.open{transform:translateX(0);visibility:visible;}
#mnav a{font-size:1.125rem;font-weight:500;color:var(--text);padding:1rem 0;border-bottom:.5px solid var(--border)}
#mnav a.active{color:var(--accent)}
#mnav .btn{margin-top:1.5rem;justify-content:center}
.hero{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;padding-top:70px;position:relative;overflow:hidden}
.hero-l{display:flex;flex-direction:column;justify-content:center;padding:5rem clamp(1.25rem,3vw,2.5rem) 5rem clamp(1.25rem,4vw,3rem);border-right:.5px solid var(--border);position:relative;z-index:1}
@media(min-width:1280px){
  .hero-l{padding-left:calc((100vw - 1280px) / 2 + clamp(1.25rem,4vw,3rem))}
}
.hero-ey{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}
.hero-ey-line{width:24px;height:2px;border-radius:1px;background:var(--accent)}
.hero-h1{margin-bottom:1.5rem}
.w{display:inline-block;animation:wUp .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.1s + var(--i,0) * .075s)}
.hero-sub{max-width:440px;margin-bottom:2.5rem;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .72s both}
.hero-ctas{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .88s both}
.hero-r{display:flex;flex-direction:column;justify-content:center;gap:1.25rem;padding:5rem clamp(1.25rem,6vw,5rem) 5rem clamp(1.25rem,3vw,2.5rem);position:relative;z-index:1}
.hero-r-single{justify-content:center}
.hero-feature .vc-thumb{aspect-ratio:16/10}
.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .4s;pointer-events:none}
.scroll-hint.gone{opacity:0}
.scroll-hint-label{font-size:.5625rem;letter-spacing:.2em;text-transform:uppercase;font-family:'DM Mono',monospace;color:var(--dim)}
.scroll-hint-line{width:1px;height:32px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollHint 1.6s ease-in-out infinite}
.vc{background:var(--surf);border:.5px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .3s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.vc:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:var(--shadow),0 0 0 1px var(--accent),0 8px 30px var(--glow-s)}
.vc:nth-child(1){animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .5s both}
.vc:nth-child(2){animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .65s both}
.vc-thumb{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--surf2)}
.vc-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.vc:hover .vc-thumb img{transform:scale(1.05)}
.vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.95;transition:transform .25s,opacity .25s;z-index:2}
.vc:hover .vplay{transform:translate(-50%,-50%) scale(1.12);opacity:1}
.vplay svg{width:16px;height:16px;fill:var(--a-on);margin-left:2px}
.vc-meta{padding:1rem 1.125rem 1.125rem}
.vc-tag{font-size:.6875rem;font-weight:600;color:var(--accent);font-family:'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}
.vc-title{font-size:.9375rem;font-weight:500;color:var(--text);line-height:1.4}
.mq-strip{border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);padding:1.25rem 0;overflow:hidden;position:relative}
.mq-strip::before,.mq-strip::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.mq-strip::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}
.mq-strip::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}
.mq-header{display:flex;align-items:center;gap:1.5rem;padding:0 clamp(1.25rem,4vw,3rem);margin-bottom:.875rem}
.mq-lbl{font-size:.6875rem;color:var(--dim);font-family:'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}
.mq-rule{flex:1;height:.5px;background:var(--border)}
.mq-track{display:flex;align-items:center;width:max-content;gap:0;animation:mqscroll 28s linear infinite}
.mq-track:hover{animation-play-state:paused}
.mq-item{font-size:1rem;font-weight:500;color:var(--muted);white-space:nowrap;padding:0 1.75rem;transition:color .2s;cursor:default}
.mq-item:hover{color:var(--text)}
.mq-sep{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.mq-sep-1{background:#2DBCBF}.mq-sep-2{background:#E84428}.mq-sep-3{background:#F47920}.mq-sep-4{background:#FAC018}
.mq-track-2{animation:mqscroll 20s linear infinite reverse;margin-top:.5rem}
.sec{padding:6rem 0}
.sec-top{border-top:.5px solid var(--border)}
.sec-head{margin-bottom:3.5rem}
.sec-head-split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:3.5rem}
.rv{opacity:0;transform:translateY(20px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--d,0) * 1ms)}
.rv.on{opacity:1;transform:translateY(0)}
.what-g{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.wc{background:var(--surf);padding:2.5rem 2rem;border-right:1px solid var(--border);transition:background .25s;position:relative}
.wc:last-child{border-right:none}
.wc:hover{background:var(--surf2)}
.wc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--pc,var(--border))}
.wc-n{font-size:2.25rem;font-weight:500;color:var(--pc,var(--border));font-family:'DM Mono',monospace;line-height:1;margin-bottom:1.375rem}
.wc-t{font-size:1.0625rem;font-weight:500;margin-bottom:.625rem;color:var(--text)}
.wc-b{font-size:.875rem;color:var(--muted);line-height:1.7}
.pillar-1{--pc:#2DBCBF}.pillar-2{--pc:#E84428}.pillar-3{--pc:#F47920}.pillar-4{--pc:#FAC018}
.process-outer{padding:6rem 0;border-top:.5px solid var(--border)}
.process-g{display:flex;gap:0;align-items:flex-start;position:relative;margin-top:3.5rem}
.process-line-track{position:absolute;top:18px;left:calc(10%);right:calc(10%);height:1px;background:var(--border);pointer-events:none;z-index:0}
.process-line-fill{position:absolute;inset:0;background:linear-gradient(to right,#2DBCBF,#E84428,#F47920,#FAC018);transform:scaleX(0);transform-origin:left;transition:transform 2s cubic-bezier(.16,1,.3,1) .4s}
.process-g.on .process-line-fill{transform:scaleX(1)}
.ps{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 .75rem;position:relative;z-index:1;opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s;transition-delay:calc(var(--si,0) * .18s + .25s)}
.process-g.on .ps{opacity:1;transform:translateY(0)}
.ps-dot{width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--border);margin-bottom:1.25rem;flex-shrink:0;transition:border-color .4s,background .4s;transition-delay:calc(var(--si,0) * .18s + .6s)}
.process-g.on .ps-dot{border-color:var(--dc,var(--accent));background:var(--dc,var(--accent))}
.ps-card{background:var(--surf);border:.5px solid var(--border);border-radius:12px;padding:1.5rem 1.25rem;width:100%;transition:border-color .3s,box-shadow .3s}
.ps-card:hover{border-color:var(--accent);box-shadow:0 8px 24px var(--glow)}
.ps-n{font-size:1.75rem;font-weight:500;color:var(--dim);font-family:'DM Mono',monospace;line-height:1;margin-bottom:.75rem;transition:color .35s}
.ps-card:hover .ps-n{color:var(--accent)}
.ps-title{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.5rem}
.ps-desc{font-size:.8125rem;color:var(--muted);line-height:1.65;margin-bottom:.875rem}
.ps-day{font-size:.5625rem;font-family:'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.8}
.spec-g{display:grid;grid-template-columns:1fr 1fr;border-top:.5px solid var(--border)}
.spec-item{border-right:.5px solid var(--border);overflow:hidden}
.spec-item:last-child{border-right:none}
.spec-hd{padding:2rem 2.5rem 1.625rem;border-bottom:.5px solid var(--border)}
.spec-tag{display:inline-block;font-size:.6875rem;font-family:'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .625rem;border-radius:4px;margin-bottom:.75rem}
.spec-tag-teal{background:rgba(45,188,191,.12);color:#2DBCBF}
.spec-tag-red{background:rgba(232,68,40,.12);color:#E84428}
.spec-tag-orange{background:rgba(244,121,32,.12);color:#F47920}
.spec-tag-yellow{background:rgba(250,192,24,.12);color:#FAC018}
[data-theme="light"] .spec-tag-yellow{color:#A07800}
.spec-title{font-size:1.25rem;font-weight:500;color:var(--text);margin-bottom:.5rem}
.spec-desc{font-size:.875rem;color:var(--muted);line-height:1.65}
.spec-thumb{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;cursor:pointer}
.spec-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.spec-thumb:hover img{transform:scale(1.05)}
.spec-ov{position:absolute;inset:0;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;transition:background .3s}
.spec-thumb:hover .spec-ov{background:rgba(0,0,0,.1)}
.spec-play{width:60px;height:60px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:rgba(0,0,0,.35);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:transform .25s,border-color .25s}
.spec-thumb:hover .spec-play{transform:scale(1.1);border-color:var(--accent)}
.spec-play svg{width:20px;height:20px;fill:#fff;margin-left:3px}
.fmt-g{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.fmt-c{background:var(--surf);border:.5px solid var(--border);border-radius:12px;padding:2.5rem;transition:border-color .3s,box-shadow .3s}
.fmt-c:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}
.fmt-vis{display:flex;align-items:center;gap:1rem;margin-bottom:1.875rem}
.fmt-v{width:46px;height:80px;border:1.5px solid var(--accent);border-radius:6px;background:var(--a-dim);flex-shrink:0}
.fmt-h{width:80px;height:46px;border:1.5px solid var(--accent);border-radius:6px;background:var(--a-dim);flex-shrink:0}
.fmt-ratio{font-size:1.25rem;font-weight:500;font-family:'DM Mono',monospace;color:var(--text)}
.fmt-t{font-size:1.125rem;font-weight:500;margin-bottom:.5rem;color:var(--text)}
.fmt-d{font-size:.875rem;color:var(--muted);line-height:1.7;margin-bottom:1.375rem}
.fmt-pills{display:flex;flex-wrap:wrap;gap:.5rem}
.fmt-pill{font-size:.6875rem;font-family:'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;background:var(--surf2);color:var(--muted);padding:.25rem .625rem;border-radius:4px;border:.5px solid var(--border)}
.port-g{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--border);border-radius:16px;overflow:hidden}
.port-i{aspect-ratio:4/3;position:relative;overflow:hidden;cursor:pointer;background:var(--surf);border-right:1.5px solid var(--border);border-bottom:1.5px solid var(--border)}
.port-i:nth-child(3n){border-right:none}
.port-i:nth-last-child(-n+3){border-bottom:none}
.port-i img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.port-i:hover img{transform:scale(1.07)}
.port-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 52%);opacity:0;transition:opacity .35s;display:flex;align-items:flex-end;padding:1.125rem}
.port-i:hover .port-ov{opacity:1}
.port-type{display:block;font-size:.625rem;font-family:'DM Mono',monospace;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem}
.port-name{font-size:.8125rem;font-weight:500;color:#F5F5F5}
.filmstrip{background:#060503;overflow:hidden;border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);height:106px;display:flex;align-items:center;position:relative}
.filmstrip::before{content:'';position:absolute;top:0;left:0;right:0;height:14px;z-index:2;pointer-events:none;background:repeating-linear-gradient(to right,#060503 0,#060503 5px,rgba(255,255,255,.07) 5px,rgba(255,255,255,.07) 13px,#060503 13px,#060503 18px)}
.filmstrip::after{content:'';position:absolute;bottom:0;left:0;right:0;height:14px;z-index:2;pointer-events:none;background:repeating-linear-gradient(to right,#060503 0,#060503 5px,rgba(255,255,255,.07) 5px,rgba(255,255,255,.07) 13px,#060503 13px,#060503 18px)}
.fs-track{display:flex;align-items:center;width:max-content;gap:5px;padding:14px 0;animation:filmroll 32s linear infinite}
.fs-track:hover{animation-play-state:paused}
.fs-frame{width:106px;height:72px;background:#111;flex-shrink:0;overflow:hidden;position:relative}
.fs-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(.45) brightness(.85);transition:filter .4s}
.fs-frame:hover img{filter:grayscale(0) brightness(1)}
.fs-frame::after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.06);pointer-events:none}
.price-g{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.pc{background:var(--surf);padding:2rem 1.75rem;border-right:1px solid var(--border);transition:background .2s,transform .25s,box-shadow .25s;position:relative}
.pc:last-child{border-right:none}
.pc:hover{background:var(--surf2);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.pc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--pc,var(--accent))}
.pc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--pc,var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.pc:hover::after{transform:scaleX(1)}
.pc.featured{grid-column:2/span 2}
.pc.featured:hover{filter:brightness(1.08)}
.pc-fmt{font-size:.6875rem;font-family:'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}
.pc-price{font-size:1.875rem;font-weight:600;color:var(--text);line-height:1;letter-spacing:-.02em;margin-bottom:.25rem}
.pc.featured .pc-price{color:var(--accent)}
.pc-unit{font-size:.75rem;color:var(--muted);margin-bottom:1.25rem;font-family:'DM Mono',monospace}
.pc-note{font-size:.8125rem;color:var(--muted);line-height:1.65}
.price-cta{text-align:center;padding-top:3rem}
.price-fn{font-size:.8125rem;color:var(--dim);font-family:'DM Mono',monospace;margin-top:1.125rem}
.auto-g{display:grid;grid-template-columns:1fr 1.4fr;gap:4.5rem;align-items:center}
.auto-list{display:flex;flex-direction:column}
.auto-item{padding:1.5rem 0;border-bottom:.5px solid var(--border)}
.auto-item:first-child{border-top:.5px solid var(--border)}
.auto-t{font-size:1rem;font-weight:500;color:var(--text);margin-bottom:.375rem}
.auto-d{font-size:.875rem;color:var(--muted);line-height:1.65}
.auto-vis{background:var(--surf);border:.5px solid var(--border);border-radius:16px;padding:2rem;min-height:300px;position:relative;overflow:hidden}
.auto-vis::before{content:'';position:absolute;bottom:-40px;right:-40px;width:220px;height:220px;border-radius:50%;background:rgba(250,192,24,.08);filter:blur(40px);pointer-events:none}
/* Voice agent call card */
.av-call{background:var(--surf2);border:.5px solid rgba(250,192,24,.25);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.125rem}
.av-call-hd{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}
.av-dot{width:7px;height:7px;border-radius:50%;background:#FAC018;box-shadow:0 0 8px rgba(250,192,24,.5);animation:blink 1.5s infinite;flex-shrink:0}
.av-call-lbl{font-size:.625rem;font-family:'DM Mono',monospace;color:#FAC018;letter-spacing:.1em;text-transform:uppercase;flex:1}
.av-call-timer{font-size:.75rem;font-family:'DM Mono',monospace;color:var(--muted)}
.av-wave{display:flex;align-items:center;gap:3px;height:30px;margin-bottom:.625rem}
.av-wave span{flex:1;background:#FAC018;border-radius:2px;min-height:3px;opacity:.85;animation:eqbar .8s ease-in-out infinite alternate}
.av-wave span:nth-child(2n){animation-duration:.65s;animation-delay:.1s}
.av-wave span:nth-child(3n){animation-duration:1.1s;animation-delay:.22s}
.av-wave span:nth-child(4n){animation-duration:.55s;animation-delay:.07s}
.av-call-desc{font-size:.6875rem;font-family:'DM Mono',monospace;color:var(--muted);letter-spacing:.04em}
/* Task feed */
.av-feed{display:flex;flex-direction:column}
.av-row{display:flex;align-items:center;gap:.75rem;padding:.625rem 0;border-bottom:.5px solid var(--border)}
.av-row:last-child{border-bottom:none}
.av-row-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.av-done{background:#2DBCBF}
.av-run{background:#FAC018;animation:blink 1.2s infinite;box-shadow:0 0 6px rgba(250,192,24,.4)}
.av-queue{background:var(--dim)}
.av-row-txt{font-size:.8125rem;color:var(--text);flex:1;line-height:1.4}
.av-row-t{font-size:.5625rem;font-family:'DM Mono',monospace;color:var(--dim);white-space:nowrap;letter-spacing:.1em;text-transform:uppercase}
.why-list{list-style:none}
.why-i{display:flex;gap:1.5rem;align-items:flex-start;padding:1.75rem 0;border-bottom:.5px solid var(--border)}
.why-i:first-child{border-top:.5px solid var(--border)}
.why-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.why-icon-1{background:rgba(45,188,191,.12)}.why-icon-2{background:rgba(232,68,40,.12)}.why-icon-3{background:rgba(244,121,32,.12)}.why-icon-4{background:rgba(250,192,24,.12)}
.why-dot{width:7px;height:7px;border-radius:50%}
.why-dot-1{background:#2DBCBF}.why-dot-2{background:#E84428}.why-dot-3{background:#F47920}.why-dot-4{background:#FAC018}
.why-t{font-size:1rem;font-weight:500;color:var(--text);margin-bottom:.375rem}
.why-d{font-size:.875rem;color:var(--muted);line-height:1.7;max-width:640px}
.testi-g{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--border);border-radius:16px;overflow:hidden}
.testi-c{background:var(--surf);padding:2.25rem;border-right:1.5px solid var(--border)}
.testi-c:last-child{border-right:none}
.testi-q{font-size:.9375rem;color:var(--text);line-height:1.75;margin-bottom:1.5rem}
.testi-who{display:flex;align-items:center;gap:.875rem}
.testi-av{width:38px;height:38px;border-radius:50%;overflow:hidden;background:var(--surf2);border:.5px solid var(--border);flex-shrink:0}
.testi-av img{width:100%;height:100%;object-fit:cover}
.testi-name{font-size:.875rem;font-weight:500;color:var(--text)}
.testi-role{font-size:.6875rem;color:var(--muted);font-family:'DM Mono',monospace}
.about-g{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.about-vis{background:var(--surf);border:.5px solid var(--border);border-radius:16px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-sm)}
.about-vis img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.about-vis:hover img{transform:scale(1.03)}
.about-stats{display:flex;gap:2rem;margin-top:2.5rem;padding-top:2.5rem;border-top:.5px solid var(--border);flex-wrap:wrap}
.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.sring-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center}
.sring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.sring-bg{fill:none;stroke:var(--border);stroke-width:1.5}
.sring-arc{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset 1.8s cubic-bezier(.16,1,.3,1) .3s}
.stat-n{font-size:1.5rem;font-weight:600;color:var(--accent);letter-spacing:-.02em;line-height:1;position:relative;z-index:1}
.stat-l{font-size:.75rem;color:var(--muted);text-align:center;max-width:80px;line-height:1.4}
.cta-sec{padding:7rem 0;text-align:center;border-top:.5px solid var(--border);position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;top:50%;left:50%;width:700px;height:350px;border-radius:50%;background:radial-gradient(ellipse,var(--glow-s) 0%,transparent 65%);pointer-events:none;animation:ctaGlow 6s ease-in-out infinite}
.cta-head{margin-bottom:.875rem}
.cta-sub{margin-bottom:2.5rem}
.cta-row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
footer{border-top:.5px solid var(--border);padding:2.5rem 0}
.ft-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}
.ft-links{display:flex;gap:1.5rem;list-style:none;flex-wrap:wrap}
.ft-links a{font-size:.8125rem;color:var(--muted);transition:color .2s}
.ft-links a:hover{color:var(--text)}
.ft-copy{font-size:.8125rem;color:var(--dim);font-family:'DM Mono',monospace}
.ft-converge{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:.5px solid var(--border)}
.ft-converge-lbl{display:none}
.ft-bars{display:flex;flex-direction:column;gap:6px;width:100%}
.ft-bar{height:6px;border-radius:3px;transform-origin:left;transform:scaleX(0);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.ft-bar.on{transform:scaleX(1)}
.ft-bar-1{width:100%;background:#2DBCBF;transition-delay:.05s}
.ft-bar-2{width:100%;background:#E84428;transition-delay:.20s}
.ft-bar-3{width:100%;background:#F47920;transition-delay:.35s}
.ft-bar-4{width:100%;background:#FAC018;transition-delay:.50s}
#vmodal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:300;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#vmodal.open{display:flex}
.vmod-w{width:min(92vw,900px);position:relative}
.vmod-close{position:absolute;top:-48px;right:0;width:36px;height:36px;background:var(--surf);border:.5px solid var(--border);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:1.125rem;transition:background .2s}
.vmod-close:hover{background:var(--surf2)}
.vmod-embed{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.vmod-embed iframe{width:100%;height:100%;border:none}
.vmod-ph{width:100%;aspect-ratio:16/9;background:var(--surf);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;text-align:center;padding:2rem}
.vmod-ph p{font-size:.9375rem;color:var(--muted);line-height:1.6}
.vmod-ph code{font-family:'DM Mono',monospace;font-size:.8125rem;background:var(--surf2);padding:.125rem .4rem;border-radius:4px;color:var(--accent)}
.page-hero{position:relative;overflow:hidden;padding:9.5rem 0 4.5rem;border-bottom:.5px solid var(--border)}
.page-hero .wrap{position:relative;z-index:1}
.page-hero-ey{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}
.page-hero-ey .hero-ey-line{width:24px;height:2px;border-radius:1px;background:var(--accent)}
.page-hero h1{margin-bottom:1.25rem;max-width:14ch}
.page-hero p{max-width:580px}
.page-hero .fx-canvas{z-index:0}
@media(max-width:1200px){.page-hero{padding:7.5rem 0 3.5rem}}
@media(max-width:1024px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-l{border-right:none;border-bottom:.5px solid var(--border);padding:4rem 1.5rem 3rem clamp(1.25rem,4vw,2.5rem)}
  .hero-r{flex-direction:column;padding:2.5rem clamp(1.25rem,4vw,2.5rem) 4rem;gap:1rem}
  .what-g{grid-template-columns:1fr 1fr}
  .wc:nth-child(odd){border-right:1px solid var(--border)}
  .wc:nth-child(even){border-right:none}
  .wc:nth-child(1),.wc:nth-child(2){border-bottom:1px solid var(--border)}
  .process-g{flex-wrap:wrap}
  .ps{flex:0 0 calc(50% - 1rem);margin-bottom:2rem}
  .process-line-track{display:none}
  .spec-g{grid-template-columns:1fr}
  .spec-item{border-right:none;border-bottom:.5px solid var(--border)}
  .spec-item:last-child{border-bottom:none}
  .auto-g{grid-template-columns:1fr}
  .about-g{grid-template-columns:1fr;gap:2.5rem}
  .testi-g{grid-template-columns:1fr}
  .testi-c{border-right:none;border-bottom:1.5px solid var(--border)}
  .testi-c:last-child{border-bottom:none}
  .price-g{grid-template-columns:1fr 1fr}
  .pc.featured{grid-column:1/span 2}
  .pc{border-bottom:1px solid var(--border)}
  .pc:nth-child(2n){border-right:none}
  .sec-head-split{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links{display:none}.ham{display:flex}
  .hero-r{flex-direction:column}
  .scroll-hint{display:none}
  .fmt-g{grid-template-columns:1fr}
  .port-g{grid-template-columns:1fr 1fr}
  .price-g{grid-template-columns:1fr}
  .pc.featured{grid-column:1/span 1}
  .pc{border-right:none!important}
  .sec{padding:4rem 0}
  .about-stats{gap:1.5rem}
  .ft-row{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
  .port-g{grid-template-columns:1fr}
  .hero-ctas{flex-direction:column;align-items:flex-start}
  .hero-ctas .btn{width:100%;justify-content:center}
  .what-g{grid-template-columns:1fr}
  .wc{border-right:none!important}
  .ps{flex:0 0 100%}
}
@media(prefers-reduced-motion:reduce){
  .rv,.w,.hero-sub,.hero-ctas,.vc{opacity:1!important;transform:none!important;animation:none!important}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ── GATED PRICING ── */
.gated-pricing-content {
  transition: filter 0.8s ease, opacity 0.8s ease;
}
.gated-pricing-content.blurred {
  filter: blur(10px) grayscale(40%);
  pointer-events: none;
  opacity: 0.5;
  user-select: none;
}
.gated-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  padding: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateY(20px);
}
.gated-overlay.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.gated-card {
  background: rgba(16, 16, 16, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--border);
  padding: 3rem 2.5rem;
  border-radius: 1.5rem;
  width: 100%;
  max-width: 440px;
  box-shadow: var(--shadow);
  text-align: center;
}
[data-theme="light"] .gated-card {
  background: rgba(250, 250, 250, 0.85);
}
.gated-head { font-size: 1.75rem; font-weight: 600; margin-bottom: 0.5rem; }
.gated-sub { color: var(--muted); font-size: 0.95rem; margin-bottom: 2rem; }
.gated-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.gated-form input, .gated-form select {
  width: 100%;
  background: var(--bg2);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  font-family: inherit;
  font-size: 1rem;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.gated-form input:focus, .gated-form select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--glow-s);
}
.gated-form .btn {
  margin-top: 0.5rem;
  width: 100%;
  justify-content: center;
}
.gated-msg { margin-top: 1rem; font-size: 0.9rem; color: var(--accent); opacity: 0; transition: opacity 0.3s; }
.gated-msg.show { opacity: 1; }

/* ── EXPANDED PRICING CONTENT ── */
.pc-list {
  list-style: none;
  margin-top: 1.5rem;
  padding: 0;
  border-top: 1px solid var(--border);
  padding-top: 1.5rem;
}
.pc-list li {
  font-size: 0.95rem;
  color: var(--muted);
  margin-bottom: 0.75rem;
  position: relative;
  padding-left: 1.5rem;
}
.pc-list li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: inherit;
}

.price-extras {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.price-extra-card {
  background: var(--surf);
  border: 1px solid var(--border);
  border-radius: 1.5rem;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: transform 0.3s ease, border-color 0.3s ease;
}
.price-extra-card:hover {
  border-color: var(--dim);
  transform: translateY(-4px);
}
.pe-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.pe-desc {
  color: var(--muted);
  font-size: 1.05rem;
  margin-bottom: 2rem;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .price-extras {
    grid-template-columns: 1fr;
  }
}
@media(max-width: 600px) {
  .nav-end .btn { display: none !important; }
  .s-arrow { width: 32px !important; height: 32px !important; font-size: 16px !important; }
  .s-prev { left: 10px !important; }
  .s-next { right: 10px !important; }
}