/* Layout: split hero (headline left, living paper statue right), then a short grey paper services stack */
:root{
  --ink:#141519; --paper-1:#1B1D22; --paper-2:#24272D; --paper-3:#33363D; --stone:#6D7179;
  --fg:#ECEDEF; --muted:#A3A7AE; --pink:#FF2E88; --pink-soft:#FFD3E6; --lime:#C6FF00;
  --display:'Archivo','Inter Display','Arial Black',system-ui,sans-serif;
  --body:'Manrope','Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono','DejaVu Sans Mono',ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--ink);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.55;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));overflow-x:hidden}
.wrap{max-width:1320px;margin:0 auto}
a{color:var(--lime)}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}
nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-block:24px}
.logo{font-family:var(--display);font-weight:900;font-stretch:110%;font-size:32px;letter-spacing:-.04em;color:var(--fg);text-decoration:none}
.logo{display:inline-flex;line-height:0}.logo-svg{height:48px;width:auto;overflow:visible}
.links{display:flex;gap:24px;flex:1;flex-wrap:wrap}
.links a{color:var(--muted);text-decoration:none;font-weight:500}
.links a:hover{color:var(--fg)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none;border:0;cursor:pointer;font-family:var(--body);transition:transform .2s,box-shadow .2s}
.btn-lime{background:var(--lime);color:#121316;box-shadow:0 0 18px rgba(198,255,0,.45),4px 6px 0 rgba(0,0,0,.45)}
.btn-pink{background:transparent;color:var(--pink-soft);border:2px solid var(--pink);box-shadow:0 0 14px rgba(255,46,136,.5),inset 0 0 10px rgba(255,46,136,.25)}
.btn:hover{transform:translateY(-2px)}
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px;padding-block:20px 56px}
.copy{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:22px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
h1{margin:0;font-family:var(--display);font-weight:900;font-stretch:108%;font-size:clamp(52px,8vw,104px);line-height:.9;letter-spacing:-.045em;text-wrap:balance;text-shadow:3px 5px 0 rgba(0,0,0,.45)}
h1 em{white-space:nowrap;font-style:normal;color:var(--pink);text-shadow:0 0 22px rgba(255,46,136,.6),3px 5px 0 rgba(0,0,0,.45)}
.squig{width:min(420px,100%);height:28px;filter:drop-shadow(0 0 8px rgba(198,255,0,.75))}
.card{background:var(--paper-3);color:#DADCE0;box-shadow:5px 8px 0 rgba(0,0,0,.4);padding:18px 22px;max-width:460px;transform:rotate(-1deg)}
.card .tags{display:block;margin-top:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted);line-height:1.6}
.ctas{display:flex;gap:16px;flex-wrap:wrap}
.stage{flex:1 1 440px;min-width:0;position:relative;display:flex;justify-content:center}
.stage svg{width:100%;max-width:640px;height:auto;cursor:pointer;touch-action:pan-y}
.hint{position:absolute;bottom:4px;right:0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.services{padding-block:40px 80px;display:flex;flex-direction:column;gap:26px}
.services h2{margin:0;font-family:var(--display);font-weight:900;font-stretch:110%;font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:-.04em}
.services h2 b{color:var(--lime);text-shadow:0 0 16px rgba(198,255,0,.5)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px}
.svc{background:var(--paper-2);box-shadow:4px 7px 0 rgba(0,0,0,.42);padding:22px;display:flex;flex-direction:column;gap:8px;position:relative}
.svc:nth-child(odd){transform:rotate(-.6deg)}.svc:nth-child(even){transform:rotate(.5deg)}
.svc .tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted)}
.svc h3{margin:0;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em}
.svc p{margin:0;color:var(--muted);font-size:15px}
.svc::after{content:"";position:absolute;left:22px;bottom:14px;width:46px;height:3px;border-radius:3px;background:var(--pink);box-shadow:0 0 10px var(--pink)}
.svc:nth-child(3n+2)::after{background:var(--lime);box-shadow:0 0 10px var(--lime)}
.svc{padding-bottom:34px}
.note{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.06em}
@media (max-width:760px){.stage{order:-1}.stage svg{max-width:380px}.hint{display:none}}
/* ===== BMA goddess: modular character ===== */
.goddess-btn{all:unset;display:block;width:100%;max-width:640px;cursor:pointer;border-radius:28px;-webkit-tap-highlight-color:transparent}
.goddess-btn:focus-visible{outline:2px solid var(--lime);outline-offset:6px}
.stage .goddess-btn svg{width:100%;height:auto;display:block;touch-action:pan-y}
@media (max-width:760px){.goddess-btn{max-width:380px}}
#bma-goddess .neon-earring{fill:none;stroke:#00F0FF;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
#bma-goddess .lens{transition:fill .25s}
#bma-goddess.is-celebrating .lens{fill:#C6FF00}
#bma-goddess.is-celebrating .halo-ring{opacity:1;stroke-width:4}
#bma-goddess .halo-ring{transition:opacity .3s,stroke-width .3s;animation:bma-halo 14s linear infinite}
@keyframes bma-halo{to{stroke-dashoffset:-400}}
#bma-goddess #glint{animation:bma-glint 6.5s ease-in-out infinite}
@keyframes bma-glint{0%,72%{transform:skewX(-20deg) translateX(0)}100%{transform:skewX(-20deg) translateX(460px)}}
#bma-goddess .band{animation:bma-band 3.2s ease-in-out infinite}
@keyframes bma-band{0%,100%{stroke-width:12}50%{stroke-width:13.5}}
#bma-goddess .ray{transform-box:fill-box;transform-origin:center;animation:bma-ray 5s ease-in-out infinite}
#bma-goddess .ray:nth-child(2n){animation-delay:-2.2s}#bma-goddess .ray:nth-child(3n){animation-delay:-3.6s}
@keyframes bma-ray{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(8deg)}}
#bma-goddess.is-paused *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){#bma-goddess *{animation:none!important;transition:none!important}}
/* ===== site sections ===== */
:root{--cyan:#00F0FF;--paper-4:#3A3D43}
html{scroll-behavior:smooth}
body{overflow-x:clip}
.bleed{margin-inline:calc(50% - 50vw)}
.progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:50;pointer-events:none}
.progress i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--pink),var(--lime),var(--cyan));box-shadow:0 0 12px var(--pink)}
nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--ink) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-inline:-16px;padding-inline:16px}
.sec{padding-block:96px;display:flex;flex-direction:column;gap:22px}
.sec-title{margin:0;font-family:var(--display);font-weight:900;font-stretch:110%;font-size:clamp(36px,5.6vw,72px);line-height:.95;letter-spacing:-.04em;max-width:16ch;text-wrap:balance}
.sec-title b{color:var(--pink);text-shadow:0 0 18px rgba(255,46,136,.55)}
.lead{margin:0;color:var(--muted);font-size:clamp(17px,1.6vw,20px);max-width:56ch}

/* marquee */
.marquee{padding-block:22px;display:flex;flex-direction:column;gap:6px;background:var(--paper-1);box-shadow:inset 0 1px 0 #2A2D33,inset 0 -1px 0 #2A2D33;transform:rotate(-1.2deg);margin-block:30px 10px;overflow:hidden}
.mq-row{overflow:hidden;white-space:nowrap}
.mq-track{display:inline-flex;align-items:center;gap:28px;padding-right:28px;will-change:transform}
.mq-track span{font-family:var(--display);font-weight:900;font-stretch:115%;font-size:clamp(28px,4vw,52px);letter-spacing:-.03em;color:var(--fg)}
.mq-track b{color:var(--lime);font-size:24px;text-shadow:0 0 10px var(--lime)}
.mq-row.alt .mq-track span{color:transparent;-webkit-text-stroke:1.5px var(--pink);font-size:clamp(22px,3vw,38px)}
.mq-row.alt .mq-track b{color:var(--cyan);text-shadow:0 0 10px var(--cyan);font-size:16px}

/* journey (sticky scroll) */
.journey{position:relative}
.js .journey{height:240vh}
.j-sticky{padding-block:60px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}
.j-steps{list-style:none;margin:18px 0 0;padding:0;display:grid}
.j-step{margin-bottom:34px}
.js .j-step{grid-area:1/1;margin:0;opacity:0;transform:translateY(40px);transition:opacity .5s,transform .5s;pointer-events:none}
.js .j-step.on{opacity:1;transform:none;pointer-events:auto}
html:not(.js) .neon-word{color:var(--fg)}
.j-num{font-family:var(--mono);color:var(--muted);letter-spacing:.2em;font-size:13px}
.j-step h2{margin:8px 0 14px;font-family:var(--display);font-weight:900;font-stretch:112%;font-size:clamp(56px,10vw,140px);line-height:.9;letter-spacing:-.05em;color:#3A3D44}
.j-step p{margin:0;color:var(--muted);font-size:clamp(17px,1.6vw,21px);max-width:40ch}
.neon-word.lit[data-c=pink]{color:#FFE3EF;text-shadow:0 0 6px #fff,0 0 18px var(--pink),0 0 42px var(--pink),0 0 80px var(--pink)}
.neon-word.lit[data-c=lime]{color:#F4FFD0;text-shadow:0 0 6px #fff,0 0 18px var(--lime),0 0 42px var(--lime),0 0 80px var(--lime)}
.neon-word.lit[data-c=cyan]{color:#DDFDFF;text-shadow:0 0 6px #fff,0 0 18px var(--cyan),0 0 42px var(--cyan),0 0 80px var(--cyan)}
.neon-word.lit{animation:flick 1.1s steps(1,end) 1}
@keyframes flick{0%{opacity:.25}8%{opacity:1}12%{opacity:.3}20%{opacity:1}28%{opacity:.5}34%,100%{opacity:1}}
.j-art{display:flex;justify-content:center}
.tube{width:min(100%,400px);height:auto;overflow:visible}
.tube-bg,.tube-on{fill:none;stroke-width:14;stroke-linecap:round}
.tube-bg{stroke:#2A2D33}
.tube-on{stroke:url(#tubeGrad);stroke:var(--pink);filter:drop-shadow(0 0 8px var(--pink)) drop-shadow(0 0 22px rgba(255,46,136,.6))}
.node circle{fill:var(--paper-3);stroke:#4A4E56;stroke-width:4;transition:.4s}
.node text{font:900 20px var(--display);fill:var(--muted);text-anchor:middle;transition:.4s}
.node.on circle{fill:var(--lime);stroke:#fff;filter:drop-shadow(0 0 12px var(--lime))}
.node.on text{fill:#121316}

/* services */
.services .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px;margin-top:10px}
.svc{cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s;outline:none;overflow:hidden}
.svc h3{font-size:clamp(22px,2vw,26px)}
.svc:hover,.svc:focus-visible{transform:translateY(-8px) rotate(0deg);box-shadow:8px 16px 0 rgba(0,0,0,.45),0 0 0 2px var(--pink);background:var(--paper-3)}
.svc:nth-child(3n)::after{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}

/* AI */
.ai-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start;margin-top:10px}
.ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.aic{background:var(--paper-2);padding:22px;box-shadow:4px 7px 0 rgba(0,0,0,.42);border-left:3px solid var(--cyan);cursor:pointer;transition:transform .3s,box-shadow .3s,background .3s;outline:none}
.aic:nth-child(3n+2){border-left-color:var(--pink)}.aic:nth-child(3n){border-left-color:var(--lime)}
.aic:hover,.aic:focus-visible{transform:translateY(-6px);background:var(--paper-3);box-shadow:6px 12px 0 rgba(0,0,0,.45),0 0 18px rgba(0,240,255,.25)}
.aic h3{margin:12px 0 6px;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.02em}
.aic p{margin:0;color:var(--muted);font-size:15px}
.ai-ico{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ink);font-size:20px;color:var(--cyan);text-shadow:0 0 10px var(--cyan);box-shadow:inset 0 0 0 1.5px #3A3D44}
.ai-demo{position:sticky;top:96px;background:var(--paper-1);border-radius:22px;box-shadow:inset 0 0 0 1.5px #2E3138,0 0 40px rgba(0,240,255,.12);padding:18px;min-height:420px;display:flex;flex-direction:column}
.demo-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #2A2D33;flex-wrap:wrap}
.demo-head .dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pulse 1.6s infinite}
.demo-head em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
@keyframes pulse{50%{opacity:.35}}
.demo-body{display:flex;flex-direction:column;gap:10px;padding-top:16px;flex:1}
.msg{max-width:85%;padding:11px 15px;border-radius:18px;font-size:15px;line-height:1.4;opacity:0;transform:translateY(10px) scale(.96);transition:.35s}
.msg.in{opacity:1;transform:none}
.msg.cust{align-self:flex-start;background:#2A2D33;border-bottom-left-radius:6px}
.msg.bot{align-self:flex-end;background:linear-gradient(135deg,#00C8D6,#00F0FF);color:#0B0C0E;font-weight:600;border-bottom-right-radius:6px;box-shadow:0 0 16px rgba(0,240,255,.35)}
.msg.sys{align-self:center;background:transparent;color:var(--lime);font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-align:center}
.typing{align-self:flex-end;display:flex;gap:4px;padding:12px 16px;background:#1F3A3D;border-radius:18px}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:tp 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{50%{transform:translateY(-4px);opacity:.4}}

/* platforms */
.platforms{padding-block:50px;display:flex;flex-direction:column;gap:22px;overflow:hidden}
.pl-row{overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pl-track{display:inline-flex;gap:14px;padding-right:14px;will-change:transform}
.pl-track span{display:inline-flex;align-items:center;min-height:52px;padding:0 22px;border-radius:999px;border:1.5px solid #3A3D44;color:var(--fg);font-weight:700;font-size:16px;background:var(--paper-1);transition:.3s}
.pl-track span:hover{border-color:var(--cyan);box-shadow:0 0 14px rgba(0,240,255,.45);color:#fff}

/* process */
.steps{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;counter-reset:s}
.step{background:var(--paper-2);padding:26px 24px;box-shadow:4px 7px 0 rgba(0,0,0,.42);position:relative}
.step h3{margin:14px 0 8px;font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.02em}
.step p{margin:0;color:var(--muted)}
.s-num{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--pink);color:#fff;font:900 20px var(--display);box-shadow:0 0 16px rgba(255,46,136,.6)}
.step:nth-child(2) .s-num{background:var(--lime);color:#121316;box-shadow:0 0 16px rgba(198,255,0,.55)}
.step:nth-child(3) .s-num{background:var(--cyan);color:#121316;box-shadow:0 0 16px rgba(0,240,255,.55)}
.step:nth-child(4) .s-num{background:var(--fg);color:#121316}

/* reveal */
.js .reveal{opacity:0;transform:translateY(36px) rotate(-1deg);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.js .reveal.in{opacity:1;transform:none}

/* work */
.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin-top:10px}
.wcard{background:repeating-linear-gradient(-45deg,var(--paper-1) 0 14px,#1F2126 14px 28px);border:1.5px dashed #3A3D44;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;padding:24px}
.wtag{position:absolute;top:18px;left:20px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--muted)}
.wcard p{margin:0;color:var(--muted);font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.wbubble{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font:900 18px var(--display);letter-spacing:.06em;color:#fff;cursor:pointer;
  background:radial-gradient(circle at 35% 30%,#FF9CC8,var(--pink) 55%,#B8005A);box-shadow:0 0 28px rgba(255,46,136,.55),inset -8px -10px 20px rgba(0,0,0,.25);animation:bob 3.4s ease-in-out infinite;transition:transform .2s}
.wbubble.lime{background:radial-gradient(circle at 35% 30%,#EFFFB0,var(--lime) 55%,#86B300);color:#121316;box-shadow:0 0 28px rgba(198,255,0,.5),inset -8px -10px 20px rgba(0,0,0,.2);animation-delay:-1.2s}
.wbubble.cyan{background:radial-gradient(circle at 35% 30%,#C8FDFF,var(--cyan) 55%,#00A8B5);color:#121316;box-shadow:0 0 28px rgba(0,240,255,.5),inset -8px -10px 20px rgba(0,0,0,.2);animation-delay:-2.3s}
.wbubble:hover{transform:scale(1.08)}
.wbubble.popped{animation:none;transform:scale(0);opacity:0;transition:transform .18s,opacity .18s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -12px}}
.wcard .soon{font-family:var(--display);font-weight:900;font-size:26px;letter-spacing:-.02em;color:var(--fg);text-align:center}

/* why */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;margin-top:10px}
.why-item{border-top:3px solid var(--pink);padding-top:18px}
.why-item:nth-child(2){border-color:var(--lime)}.why-item:nth-child(3){border-color:var(--cyan)}.why-item:nth-child(4){border-color:var(--fg)}
.why-item h3{margin:0 0 8px;font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.02em}
.why-item p{margin:0;color:var(--muted)}

/* contact */
.contact{position:relative}
.c-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.c-bubbles i{position:absolute;border-radius:50%;pointer-events:auto;cursor:pointer;background:radial-gradient(circle at 35% 30%,#FF9CC8,var(--pink) 55%,#B8005A);box-shadow:0 0 22px rgba(255,46,136,.5);opacity:.85;animation:rise linear infinite}
@keyframes rise{from{transform:translateY(0)}to{transform:translateY(-120vh)}}
.c-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;position:relative}
.c-info{display:flex;flex-direction:column;gap:20px}
.c-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.c-list li{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:14px 0;border-bottom:1px solid #2A2D33;font-size:17px}
.c-list span{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);min-width:140px}
.c-list a{color:var(--fg);font-weight:700;text-decoration:none;border-bottom:2px solid var(--lime)}
.c-list a:hover{color:var(--lime)}
.c-list em{font-style:normal;color:var(--muted)}
.c-form{background:var(--paper-2);padding:28px;box-shadow:6px 10px 0 rgba(0,0,0,.45);display:flex;flex-direction:column;gap:16px;transform:rotate(.6deg)}
.c-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--muted);flex:1}
.c-form .two{display:flex;gap:14px;flex-wrap:wrap}
.c-form input,.c-form select,.c-form textarea{font:inherit;font-size:16px;color:var(--fg);background:var(--ink);border:1.5px solid #3A3D44;border-radius:10px;padding:12px 14px;min-height:48px;width:100%}
.c-form input:focus,.c-form select:focus,.c-form textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,46,136,.25)}
.c-form .btn{align-self:flex-start}
.form-note{margin:0;font-size:13px;color:var(--muted)}

/* footer */
.foot{padding-block:60px 40px;border-top:1px solid #2A2D33;display:flex;flex-direction:column;gap:30px}
.f-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.f-logo svg{height:clamp(70px,10vw,120px);width:auto;overflow:visible}
.f-line{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(22px,3vw,34px);letter-spacing:-.03em}
.f-bottom{display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:space-between;color:var(--muted);font-size:14px}
.f-bottom a{color:var(--fg);text-decoration:none}

/* burst particles */
.burst{position:fixed;width:10px;height:10px;border-radius:50%;pointer-events:none;z-index:60}

/* sticky only when JS drives it */
.js .j-sticky{position:sticky;top:0;height:100vh;padding-block:0}
@media (max-width:860px){
  .j-sticky{grid-template-columns:1fr;align-content:center;gap:10px}
  .j-art{order:-1}.tube{width:200px}
  .c-grid{grid-template-columns:1fr}
  .ai-wrap{grid-template-columns:1fr}.ai-demo{position:static;min-height:380px}
  .c-form{transform:none}
  .sec{padding-block:72px}
  .links{display:none}
  nav{flex-wrap:nowrap;justify-content:space-between;padding-block:14px}
  nav .btn{min-height:42px;padding:0 16px;font-size:13px}
  .logo-svg{height:36px}
}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none}
  .wbubble,.c-bubbles i{animation:none}
  .js .journey{height:auto}.js .j-sticky{position:static;height:auto;padding-block:60px}
  .js .j-step{grid-area:auto;opacity:1;transform:none;margin-bottom:30px}
}
/* ===== shared: menu, footer, faq, inner pages ===== */
.menu-btn{display:none;min-height:42px;padding:0 14px;border-radius:999px;border:1.5px solid #3A3D44;background:transparent;color:var(--fg);font:700 14px var(--body);cursor:pointer}
.links a[aria-current=page]{color:var(--fg);box-shadow:0 2px 0 var(--pink)}
@media (max-width:860px){
  nav{flex-wrap:wrap}
  .menu-btn{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
  nav .btn-lime{display:none}
  .links{display:none;flex-basis:100%;flex-direction:column;gap:0;padding:6px 0 10px}
  nav.open .links{display:flex}
  .links a{padding:12px 2px;border-bottom:1px solid #2A2D33;font-size:17px}
}
/* footer columns */
.f-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:28px}
.f-cols h4{margin:0 0 12px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}
.f-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.f-cols a{color:var(--fg);text-decoration:none;font-size:15px}
.f-cols a:hover{color:var(--lime)}
/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:12px;max-width:900px}
.faq-list details{background:var(--paper-2);box-shadow:4px 7px 0 rgba(0,0,0,.4);padding:0 22px}
.faq-list summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-family:var(--display);font-weight:800;font-size:clamp(18px,1.8vw,21px);letter-spacing:-.01em;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:0;top:50%;translate:0 -50%;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:#fff;font-size:20px;box-shadow:0 0 12px rgba(255,46,136,.5);transition:transform .3s}
.faq-list details[open] summary::after{transform:rotate(45deg);background:var(--lime);color:#121316;box-shadow:0 0 12px rgba(198,255,0,.5)}
.faq-list details p{margin:0 0 20px;color:var(--muted);max-width:70ch}
/* inner page hero */
.phero{position:relative;padding-block:56px 70px;display:flex;flex-direction:column;gap:20px}
.phero>*:not(.ph-bubbles){max-width:880px;position:relative;z-index:1}
.crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--fg)}
.phero h1{font-size:clamp(46px,7.4vw,96px)}
.phero h1 b{color:var(--pink);text-shadow:0 0 22px rgba(255,46,136,.6),3px 5px 0 rgba(0,0,0,.45)}
.page-lime .phero h1 b{color:var(--lime);text-shadow:0 0 22px rgba(198,255,0,.5),3px 5px 0 rgba(0,0,0,.45)}
.page-cyan .phero h1 b{color:var(--cyan);text-shadow:0 0 22px rgba(0,240,255,.5),3px 5px 0 rgba(0,0,0,.45)}
.ph-bubbles{position:absolute;right:0;top:40px;width:min(30vw,400px);height:340px;pointer-events:none;z-index:0}
@media (max-width:1200px){.ph-bubbles{opacity:.4}}
.ph-bubbles i{position:absolute;border-radius:50%;pointer-events:auto;cursor:pointer;animation:bob 4s ease-in-out infinite;transition:transform .2s}
.ph-bubbles i:hover{transform:scale(1.08)}
.ph-bubbles i:nth-child(1){width:150px;height:150px;right:30px;top:10px;background:radial-gradient(circle at 35% 30%,#FF9CC8,var(--pink) 55%,#B8005A);box-shadow:0 0 40px rgba(255,46,136,.5)}
.ph-bubbles i:nth-child(2){width:80px;height:80px;right:200px;top:150px;background:radial-gradient(circle at 35% 30%,#EFFFB0,var(--lime) 55%,#86B300);box-shadow:0 0 30px rgba(198,255,0,.45);animation-delay:-1.4s}
.ph-bubbles i:nth-child(3){width:54px;height:54px;right:60px;top:220px;background:radial-gradient(circle at 35% 30%,#C8FDFF,var(--cyan) 55%,#00A8B5);box-shadow:0 0 26px rgba(0,240,255,.45);animation-delay:-2.6s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -12px}}
.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
.prose p{margin:0 0 18px;font-size:clamp(17px,1.5vw,19px);color:#D3D5DA;max-width:62ch}
.who{background:var(--paper-3);padding:24px 26px;box-shadow:6px 10px 0 rgba(0,0,0,.42);transform:rotate(1deg);border-top:4px solid var(--lime)}
.who h3{margin:0 0 10px;font-family:var(--display);font-weight:800;font-size:22px}
.who p{margin:0;color:#D3D5DA}
.inc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.inc{background:var(--paper-2);padding:22px;box-shadow:4px 7px 0 rgba(0,0,0,.42);position:relative;transition:transform .3s,box-shadow .3s;cursor:pointer}
.inc:hover{transform:translateY(-6px);box-shadow:6px 12px 0 rgba(0,0,0,.45),0 0 0 2px var(--pink)}
.inc h3{margin:0 0 8px;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.01em}
.inc p{margin:0;color:var(--muted);font-size:15px}
.inc::before{content:"";display:block;width:34px;height:4px;border-radius:4px;margin-bottom:16px;background:var(--pink);box-shadow:0 0 10px var(--pink)}
.inc:nth-child(3n+2)::before{background:var(--lime);box-shadow:0 0 10px var(--lime)}
.inc:nth-child(3n)::before{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips a{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;border:1.5px solid #3A3D44;color:var(--fg);text-decoration:none;font-weight:700;background:var(--paper-1);transition:.25s}
.chips a:hover{border-color:var(--lime);box-shadow:0 0 14px rgba(198,255,0,.4)}
.cta-band{position:relative;overflow:hidden;background:var(--paper-1);padding:64px clamp(20px,5vw,64px);margin-block:40px 90px;box-shadow:inset 0 0 0 1.5px #2A2D33;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.cta-band h2{margin:0;font-family:var(--display);font-weight:900;font-stretch:110%;font-size:clamp(36px,5.5vw,70px);line-height:.95;letter-spacing:-.04em;position:relative}
.cta-band h2 b{color:var(--lime);text-shadow:0 0 18px rgba(198,255,0,.5)}
.cta-band p{margin:0;color:var(--muted);max-width:50ch;position:relative}
.cta-band .ctas{position:relative}
.cta-band::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FF9CC8,var(--pink) 55%,#B8005A);opacity:.85;box-shadow:0 0 60px rgba(255,46,136,.5)}
.svc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.svc-link{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--fg);background:var(--paper-2);padding:26px;box-shadow:4px 7px 0 rgba(0,0,0,.42);transition:transform .3s,box-shadow .3s;position:relative}
.svc-link:hover{transform:translateY(-6px);box-shadow:6px 12px 0 rgba(0,0,0,.45),0 0 0 2px var(--lime)}
.svc-link h3{margin:0;font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.02em}
.svc-link p{margin:0;color:var(--muted)}
.svc-link span{font-weight:800;color:var(--lime);margin-top:auto}
.legal{max-width:760px}
.legal h2{font-family:var(--display);font-weight:800;font-size:26px;margin:36px 0 10px;letter-spacing:-.02em}
.legal p,.legal li{color:#D3D5DA}
.legal .note{font-family:var(--mono);font-size:12px;color:var(--muted)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.post{background:repeating-linear-gradient(-45deg,var(--paper-1) 0 14px,#1F2126 14px 28px);border:1.5px dashed #3A3D44;padding:24px;min-height:180px;display:flex;flex-direction:column;gap:10px}
.post b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--lime);font-weight:600}
.post h3{margin:0;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.01em}
.nf{min-height:70vh;display:flex;flex-direction:column;justify-content:center;gap:20px}
.nf .big{font-family:var(--display);font-weight:900;font-size:clamp(120px,24vw,300px);line-height:.85;letter-spacing:-.06em;color:var(--pink);text-shadow:0 0 30px rgba(255,46,136,.6)}
@media (max-width:860px){.two-col{grid-template-columns:1fr}.who{transform:none}.ph-bubbles{opacity:.35;width:60vw;top:10px}}
@media (prefers-reduced-motion:reduce){.ph-bubbles i{animation:none}}

/* skip link */
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--lime);color:#121316;padding:10px 16px;border-radius:10px;font-weight:800;text-decoration:none}
.skip:focus{top:12px}
/* mobile quick-contact bar */
.mbar{display:none}
@media (max-width:860px){
  .mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;background:color-mix(in srgb,var(--ink) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #2A2D33;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));gap:8px}
  .mbar a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;font-weight:800;font-size:14px;text-decoration:none;color:#121316;background:var(--lime);box-shadow:0 0 12px rgba(198,255,0,.4)}
  .mbar a:nth-child(2){background:transparent;color:var(--fg);border:1.5px solid var(--pink);box-shadow:0 0 10px rgba(255,46,136,.35)}
  .mbar a:nth-child(3){background:transparent;color:var(--fg);border:1.5px solid var(--cyan);box-shadow:0 0 10px rgba(0,240,255,.3)}
  body{padding-bottom:76px}
}
/* industries */
.ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}
.ind{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--fg);background:var(--paper-2);padding:24px;box-shadow:4px 7px 0 rgba(0,0,0,.42);transition:transform .3s,box-shadow .3s}
.ind:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:6px 12px 0 rgba(0,0,0,.45),0 0 0 2px var(--cyan)}
.ind h3{margin:0;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.01em}
.ind p{margin:0;color:var(--muted);font-size:15px}
.ind-ico{font-size:30px;filter:drop-shadow(0 0 8px rgba(255,255,255,.25))}
.tick{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tick li{padding-left:28px;position:relative;color:#D3D5DA}
.tick li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.ind-sec{border-top:1px solid #2A2D33}
/* article */
.article h2{font-size:clamp(24px,2.4vw,30px)}
.article p{font-size:18px;line-height:1.7}
.byline{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted)}
.article .faq-list{margin-top:10px}

.form-h{margin:0 0 4px;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.01em;scroll-margin-top:110px}

.more{display:inline-block;margin-top:6px;font-weight:800;font-size:14px;color:var(--lime);text-decoration:none;position:relative;z-index:1}
.more:hover{text-decoration:underline}
@media (max-width:860px){.menu-btn{order:2}.links{order:3}}
/* compact nav */
nav{gap:20px;padding-block:16px}
.links{justify-content:center;gap:clamp(14px,2vw,30px)}
.links a{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#C9CCD2;padding:6px 0}
.links a[aria-current=page]{color:var(--pink);box-shadow:0 2px 0 var(--pink)}
.nav-actions{display:flex;align-items:center;gap:12px}
.nav-phone{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:2px solid var(--lime);color:#fff;text-decoration:none;font-weight:700;font-size:14px;box-shadow:0 0 12px rgba(198,255,0,.35),inset 0 0 8px rgba(198,255,0,.12)}
.nav-phone .ico{color:var(--lime)}
.nav-wa{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--lime);text-decoration:none}
.nav-wa:hover,.nav-phone:hover{filter:brightness(1.2)}
.menu-btn{display:none;width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}
@media (max-width:1060px){.nav-phone span{display:none}.nav-phone{padding:0 12px}}
@media (max-width:960px){
  .links{display:none;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 10px}
  nav.open .links{display:flex}
  .links a{padding:13px 2px;border-bottom:1px solid #2A2D33;font-size:15px}
  .nav-actions{margin-left:auto;order:2}
  .menu-btn{display:inline-flex;align-items:center}
}

/* ===================== HOMEPAGE (mockup style) ===================== */
:root{--ink:#090B0F;--paper-1:#11151B;--paper-2:#171B22;--paper-3:#20242B;--paper-4:#343941;--hand:'Caveat','Comic Sans MS',cursive}
body{background:var(--ink)}
.eyebrow.lime{color:var(--lime);letter-spacing:.2em;font-weight:600}
.eyebrow.pink{color:var(--pink);letter-spacing:.2em;font-weight:600}
.btn-ghost{background:transparent;color:var(--fg);border:2px solid var(--cyan);box-shadow:0 0 12px rgba(0,240,255,.35),inset 0 0 8px rgba(0,240,255,.15)}
.btn .ico{margin-left:8px}
.ico.sm{width:18px;height:18px}
/* hero */
.h2{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:20px 30px;padding-block:20px 70px;min-height:min(86vh,820px)}
.paperscape{position:absolute;inset:-20px calc(50% - 50vw) 0;width:100vw;height:calc(100% + 20px);z-index:0;pointer-events:none}
.hcopy{position:relative;z-index:2;display:flex;flex-direction:column;gap:22px}
.h1x{margin:0;font-family:var(--display);font-weight:900;font-stretch:108%;font-size:clamp(54px,7.2vw,104px);line-height:.92;letter-spacing:-.045em;display:flex;flex-direction:column;text-shadow:3px 5px 0 rgba(0,0,0,.5)}
.h1x .w{color:#F4F5F7}.h1x .l{color:var(--lime);text-shadow:0 0 24px rgba(198,255,0,.35),3px 5px 0 rgba(0,0,0,.5)}.h1x .p{color:var(--pink);text-shadow:0 0 24px rgba(255,46,136,.45),3px 5px 0 rgba(0,0,0,.5)}
.hsub{margin:0;font-size:clamp(17px,1.5vw,20px);color:#C9CCD2;max-width:34ch}
.hsub b{color:#fff}
.hl{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px;color:#B9BCC2}
.hl li{display:flex;align-items:center;gap:8px}
.hl li:nth-child(1) .ico{color:var(--pink)}.hl li:nth-child(2) .ico{color:var(--lime)}.hl li:nth-child(3) .ico{color:var(--pink)}.hl li:nth-child(4) .ico{color:var(--cyan)}
.h2 .stage{position:relative;z-index:1;flex:none;display:flex;justify-content:center}
.h2 .goddess-btn{max-width:680px}
.h2 .goddess-btn svg{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 99%);mask-image:linear-gradient(180deg,#000 78%,transparent 99%)}
.h2 .stage .hint{bottom:-6px}
.scrawl{position:absolute;right:0;top:40px;z-index:3;margin:0;font-family:var(--hand);font-weight:700;font-size:clamp(26px,2.4vw,36px);line-height:.95;color:var(--lime);transform:rotate(-12deg);text-shadow:0 0 12px rgba(198,255,0,.45);text-align:center}
.scrawl .crown{display:block;width:44px;margin:0 auto 4px}
.scrawl.sm{position:static;transform:rotate(-8deg);font-size:24px;color:var(--cyan);text-shadow:0 0 10px rgba(0,240,255,.4);align-self:center;justify-self:center}
/* ticker */
.ticker{position:relative;z-index:4;margin-top:-34px;transform:rotate(-2.4deg);background:#0B0D12;padding:14px 0;overflow:hidden;white-space:nowrap;
  box-shadow:0 -3px 0 #FF2E88,0 3px 0 #C6FF00,0 0 30px rgba(255,46,136,.35),0 0 50px rgba(0,240,255,.15)}
.ticker::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,46,136,.22),rgba(0,240,255,.18) 50%,rgba(198,255,0,.2));pointer-events:none}
.tk-track{display:inline-flex;align-items:center;gap:22px;padding-right:22px;will-change:transform;position:relative}
.tk-track span{font-family:var(--display);font-weight:900;font-size:clamp(16px,1.6vw,22px);letter-spacing:.04em;text-transform:uppercase;color:#fff}
.tk-track span:nth-of-type(3n+1){color:#FFD3E6}.tk-track span:nth-of-type(3n+2){color:#D8FDFF}.tk-track span:nth-of-type(3n){color:#F1FFC7}
.tk-track b{color:var(--lime);font-size:20px}
/* generic section */
.s2{padding-block:90px;border-bottom:1px solid #1A1E25}
.s2 h2{margin:6px 0 12px;font-family:var(--display);font-weight:800;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.025em}
.s2 p{color:var(--muted)}
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.js .rv.in{opacity:1;transform:none}
/* trust strip */
.trust{display:grid;grid-template-columns:auto 1fr auto;gap:18px 40px;align-items:center;padding:56px 0 30px;border-bottom:1px solid #1A1E25}
.t-num{display:flex;align-items:center;gap:16px}
.t-num b{font-family:var(--display);font-weight:900;font-size:clamp(56px,6vw,84px);line-height:.9;letter-spacing:-.04em;color:var(--lime);text-shadow:0 0 22px rgba(198,255,0,.4)}
.t-num span{font-weight:700;font-size:16px;line-height:1.25;color:#fff}
.t-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.t-list li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1.5px solid #2A2F38;background:var(--paper-1);font-weight:700;font-size:14px}
.t-list li:nth-child(4) .ico{color:var(--pink)}.t-list li:nth-child(1) .ico{color:var(--pink)}.t-list li:nth-child(2) .ico{color:var(--cyan)}.t-list li:nth-child(3) .ico{color:var(--lime)}
.t-note{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--muted);max-width:30ch}
@media (max-width:1060px){.trust{grid-template-columns:1fr}.t-note{max-width:none}}
/* services */
.svc2{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:40px;align-items:center}
.s2-intro{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.s2-intro p{margin:0 0 10px}
.sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.scard{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:12px;background:var(--paper-1);border:1px solid #232831;color:var(--fg);text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s}
.scard:hover,.scard:focus-visible{transform:translateY(-5px);border-color:var(--pink);box-shadow:0 0 22px rgba(255,46,136,.25)}
.scard h3{margin:8px 0 0;font-size:15px;font-weight:700;font-family:var(--body)}
.scard p{margin:0;font-size:13px}
.sico{color:var(--pink);filter:drop-shadow(0 0 6px rgba(255,46,136,.6))}
.scard:nth-child(even) .sico{color:var(--cyan);filter:drop-shadow(0 0 6px rgba(0,240,255,.6))}
.sico .ico{width:30px;height:30px}
/* process + industries */
.split{display:grid;grid-template-columns:1fr 1fr;gap:0}
.proc{padding-right:40px;border-right:1px solid #232831}
.inds{padding-left:40px}
.psteps{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative;counter-reset:s}
.psteps::before{content:"";position:absolute;left:30px;right:30px;top:30px;height:3px;background:#262B33;border-radius:3px}
.psteps::after{content:"";position:absolute;left:30px;right:30px;top:30px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--lime),var(--pink));box-shadow:0 0 12px rgba(198,255,0,.5);transform-origin:0 50%;transform:scaleX(var(--pl,1));transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.js .psteps:not(.lit){--pl:0}
.pstep{position:relative;z-index:1;padding-right:10px}
.pnum{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--ink);border:3px solid #333842;font-family:var(--display);font-weight:800;font-size:18px;transition:border-color .4s,box-shadow .4s,color .4s}
.psteps.lit .pstep:nth-child(1) .pnum{border-color:var(--cyan);box-shadow:0 0 16px rgba(0,240,255,.6)}
.psteps.lit .pstep:nth-child(2) .pnum{border-color:var(--lime);box-shadow:0 0 16px rgba(198,255,0,.55);transition-delay:.35s}
.psteps.lit .pstep:nth-child(3) .pnum{border-color:var(--lime);box-shadow:0 0 16px rgba(198,255,0,.55);transition-delay:.7s}
.psteps.lit .pstep:nth-child(4) .pnum{border-color:var(--pink);box-shadow:0 0 16px rgba(255,46,136,.6);transition-delay:1.05s}
html:not(.js) .pnum{border-color:var(--lime)}
.pstep h3{margin:16px 0 6px;font-size:16px;font-weight:700}
.pstep p{margin:0;font-size:13px}
.igrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 14px;margin-top:26px;align-items:start}
.iitem{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--fg);text-decoration:none;font-size:14px;font-weight:600}
.iico{display:grid;place-items:center;width:64px;height:64px;color:var(--pink);filter:drop-shadow(0 0 6px rgba(255,46,136,.55));transition:transform .3s,color .3s,filter .3s}
.iitem:nth-child(3n+2) .iico{color:var(--cyan);filter:drop-shadow(0 0 6px rgba(0,240,255,.55))}
.iitem:hover .iico{transform:translateY(-4px) scale(1.08);color:var(--lime);filter:drop-shadow(0 0 10px rgba(198,255,0,.7))}
/* work */
.work2{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,2.4fr) auto;gap:30px;align-items:center}
.w-intro{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.w-intro p{margin:0 0 10px}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.proj{display:flex;flex-direction:column;gap:12px}
.devices{position:relative;padding:0 14% 12% 0}
.desk{border-radius:10px;overflow:hidden;background:#0B0D11;border:1px solid #2E333C;box-shadow:0 18px 40px rgba(0,0,0,.6);container-type:inline-size}
.desk .bar{display:flex;gap:5px;padding:7px 9px;background:#14181F}
.desk .bar i{width:7px;height:7px;border-radius:50%;background:#3A3F48}
.phone{position:absolute;right:0;bottom:0;width:30%;border-radius:14px;overflow:hidden;border:3px solid #2E333C;background:#0B0D11;box-shadow:0 14px 30px rgba(0,0,0,.65);container-type:inline-size}
.proj:hover .desk{transform:translateY(-4px)}
.desk,.phone{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.proj:hover .phone{transform:translateY(-10px)}
.proj-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.proj-meta h3{margin:0;font-size:15px;font-weight:700}
.tagc{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}
.proj-open{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--lime);padding:8px 2px}
.proj-open:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}
.more-soon{margin:0;font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#fff;border-left:3px solid var(--pink);padding-left:14px}
/* mini sites */
.site{font-size:2.5cqw;font-family:var(--body);color:#fff;aspect-ratio:16/10;display:flex;flex-direction:column;overflow:hidden}
.site.m{aspect-ratio:9/17;font-size:7.5cqw}
.s-nav{display:flex;align-items:center;gap:.8em;padding:.9em 1.4em;font-size:.8em}
.s-nav b{font-family:var(--display);font-weight:900;letter-spacing:.06em;margin-right:auto}
.s-nav span{width:2.4em;height:.35em;border-radius:1em;background:rgba(255,255,255,.35)}
.s-nav i{font-style:normal;font-weight:800;padding:.35em .8em;border-radius:1em;font-size:.85em}
.s-hero{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 1.4em;gap:.6em}
.s-copy h4{margin:0;font-family:var(--display);font-weight:900;font-size:2.1em;line-height:.95;text-transform:uppercase;letter-spacing:-.02em}
.s-copy p{margin:.5em 0 .8em;font-size:.72em;opacity:.8;color:inherit}
.s-copy i{font-style:normal;display:inline-block;font-weight:800;font-size:.75em;padding:.45em 1em;border-radius:2em}
.site .art{width:100%;height:auto}
.s-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;padding:0 1.4em 1em}
.s-row span{height:2.4em;border-radius:.4em;background:rgba(255,255,255,.08)}
.site.m .s-nav span{display:none}.site.m .s-nav i{display:none}
.site.m .s-hero{grid-template-columns:1fr;align-content:start;padding-top:.6em}
.site.m .s-copy h4{font-size:1.5em}.site.m .s-row{grid-template-columns:1fr}
.s-auto{background:radial-gradient(120% 90% at 80% 30%,#14323a,#07090c 60%)}.s-auto .s-nav i,.s-auto .s-copy i{background:#00F0FF;color:#041014}.s-auto h4{color:#E8FCFF}
.s-build{background:linear-gradient(160deg,#1d2026,#0f1114)}.s-build .s-nav i,.s-build .s-copy i{background:#FFB020;color:#1a1200}.s-build h4{color:#FFC64D}
.s-food{background:radial-gradient(120% 90% at 75% 40%,#3a1d12,#120a07 65%)}.s-food .s-nav i,.s-food .s-copy i{background:#E8572C;color:#fff}.s-food h4{color:#FFE2C2}
/* dialog */
.pdlg{max-width:min(1100px,94vw);width:100%;border:1px solid #2E333C;border-radius:18px;background:var(--paper-1);color:var(--fg);padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.pdlg::backdrop{background:rgba(5,6,8,.75);backdrop-filter:blur(4px)}
.dlg-x{all:unset;cursor:pointer;position:absolute;right:16px;top:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--fg)}
.dlg-x:focus-visible{outline:2px solid var(--lime)}
.dlg-in{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}
.dlg-devices{position:relative;padding:0 12% 10% 0}
.dlg-copy h3{margin:6px 0 8px;font-family:var(--display);font-size:28px}
.dlg-copy h4{margin:18px 0 10px;font-size:15px}
.dlg-copy .btn{margin-top:20px}
/* trio: AI + why + case */
.trio{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.85fr);gap:22px;align-items:stretch}
.aicard{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:22px;padding:22px;border:1px solid #232831;border-radius:16px;background:var(--paper-1);align-items:center}
.phonex{border-radius:26px;border:3px solid #2E333C;background:#0B0D11;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:440px;box-shadow:0 0 30px rgba(0,240,255,.12)}
.px-top{display:flex;align-items:center;gap:10px;padding:4px 4px 10px;border-bottom:1px solid #1E222A}
.px-top .dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}
.px-top b{display:block;font-size:13px}.px-top small{font-size:11px;color:var(--muted)}
.px-body{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:260px;padding-right:2px}
.bub{max-width:88%;padding:9px 12px;border-radius:16px;font-size:13px;line-height:1.35;animation:bin .3s ease both}
.bub.c{align-self:flex-start;background:#1F232B;border-bottom-left-radius:5px}
.bub.a{align-self:flex-end;background:linear-gradient(135deg,#1C5BFF,#00B8D9);color:#fff;border-bottom-right-radius:5px;box-shadow:0 0 14px rgba(0,240,255,.25)}
.bub.s{align-self:center;background:none;color:var(--lime);font-family:var(--mono);font-size:11px;text-align:center}
.bub.t{align-self:flex-end;background:#1A2E36;display:flex;gap:4px}.bub.t i{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:tp 1s infinite}.bub.t i:nth-child(2){animation-delay:.15s}.bub.t i:nth-child(3){animation-delay:.3s}
@keyframes bin{from{opacity:0;transform:translateY(8px)}}
@keyframes tp{50%{transform:translateY(-3px);opacity:.4}}
.px-q{display:flex;flex-wrap:wrap;gap:6px}
.px-q button{all:unset;cursor:pointer;font-size:12px;padding:7px 11px;border-radius:999px;border:1.5px solid #343941;color:var(--fg);transition:.2s}
.px-q button:hover,.px-q button:focus-visible{border-color:var(--cyan);box-shadow:0 0 10px rgba(0,240,255,.35)}
.px-q button[disabled]{opacity:.35;cursor:default}
.px-input{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:999px;background:#151920;font-size:12px;color:var(--muted)}
.px-input .ico{color:var(--cyan)}
.aicopy{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.aicopy p{margin:0;font-size:14px}
.aisel{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--muted);width:100%}
.aisel select{font:inherit;font-size:14px;color:var(--fg);background:var(--ink);border:1.5px solid #343941;border-radius:10px;padding:10px 12px;min-height:44px}
.fine{font-family:var(--mono);font-size:11px!important;letter-spacing:.04em}
.whyc{padding:10px 6px}
.wlist{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
.witem{display:flex;gap:16px;align-items:flex-start}
.wico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:var(--pink);background:rgba(255,46,136,.08);box-shadow:inset 0 0 0 1px rgba(255,46,136,.35)}
.witem:nth-child(even) .wico{color:var(--cyan);background:rgba(0,240,255,.07);box-shadow:inset 0 0 0 1px rgba(0,240,255,.35)}
.witem h3{margin:0 0 3px;font-size:15px}.witem p{margin:0;font-size:13px}
.casec{position:relative;border-radius:16px;overflow:hidden;border:1px solid #232831;display:flex;flex-direction:column;background:#0D1015}
.store{width:100%;height:auto;display:block}
.neon-t{filter:drop-shadow(0 0 6px #FF2E88) drop-shadow(0 0 14px #FF2E88)}
.neon-t2{filter:drop-shadow(0 0 6px #C6FF00)}
.js .casec.in .neon-t{animation:flick 1.2s steps(1,end) .3s 1}
.cc-copy{padding:18px 20px 22px}
.cc-copy h3{margin:0 0 8px;font-family:var(--display);font-weight:900;font-size:clamp(22px,2vw,28px);text-transform:uppercase;line-height:1}
.cc-copy p{margin:0;font-size:14px}
/* final CTA */
.cta2{background:linear-gradient(180deg,#0B0D12,#07080B);border-top:1px solid #1A1E25;border-bottom:1px solid #1A1E25;overflow:hidden}
.cta-in{max-width:1320px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,1fr);gap:30px;align-items:center}
.cameo{align-self:end;margin-bottom:-6px}
.cameo svg{width:100%;max-width:300px;height:auto;display:block;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 45%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 60% 70% at 50% 45%,#000 60%,transparent 100%)}
.cta-mid{padding-block:50px}
.cta-mid h2{margin:0 0 8px;font-family:var(--display);font-weight:900;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.03em;line-height:1}
.cta-mid h2 b{color:var(--lime);text-shadow:0 0 16px rgba(198,255,0,.4)}
.cta-mid p{margin:0 0 20px;color:var(--muted)}
.cta-line{display:block;width:260px;margin-top:22px}
.cta-line path{stroke-dasharray:320;stroke-dashoffset:0;transition:stroke-dashoffset 1.4s ease .3s;filter:drop-shadow(0 0 6px #FF2E88)}
.js .cta-mid:not(.in) .cta-line path{stroke-dashoffset:320}
.cta-list{list-style:none;margin:0;padding:30px 0 30px 30px;border-left:1px solid #232831;display:flex;flex-direction:column;gap:20px}
.cta-list li{display:flex;gap:14px;align-items:flex-start}
.cta-list .ico{flex:none;color:var(--lime);filter:drop-shadow(0 0 6px rgba(198,255,0,.5));margin-top:2px}
.cta-list li:nth-child(2) .ico{color:var(--cyan)}.cta-list li:nth-child(3) .ico{color:var(--pink)}
.cta-list a{color:var(--fg);text-decoration:none;font-weight:700}
.cta-list a:hover{color:var(--lime)}
.cta-list small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.cta-list small a{font-weight:600;color:var(--muted);text-decoration:underline}
/* responsive */
@media (max-width:1180px){
  .work2{grid-template-columns:1fr}.more-soon{display:none}
  .trio{grid-template-columns:1fr 1fr}.aicard{grid-column:1/-1}
  .svc2{grid-template-columns:1fr}.sgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:900px){
  .h2{grid-template-columns:1fr;min-height:0;padding-top:0}
  .h2 .stage{order:-1}.h2 .goddess-btn{max-width:420px}
  .scrawl{right:4px;top:8px;font-size:20px}.scrawl .crown{width:30px}
  .split{grid-template-columns:1fr}.proc{padding:0 0 50px;border-right:0;border-bottom:1px solid #232831}.inds{padding:50px 0 0}
  .sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pgrid{grid-template-columns:1fr;max-width:560px}
  .cta-in{grid-template-columns:1fr;text-align:left}.cameo{display:none}.cta-list{border-left:0;border-top:1px solid #232831;padding:26px 0 40px}
  .dlg-in{grid-template-columns:1fr}
}
@media (max-width:640px){
  .psteps{grid-template-columns:1fr;gap:22px;padding-left:0}
  .psteps::before,.psteps::after{left:29px;right:auto;top:30px;bottom:30px;width:3px;height:auto;transform-origin:50% 0;transform:scaleY(var(--pl,1))}
  .pstep{display:grid;grid-template-columns:60px 1fr;column-gap:16px}.pstep .pnum{grid-row:1/3}.pstep h3{margin:6px 0 4px}
  .igrid{grid-template-columns:repeat(4,1fr);gap:18px 8px}.igrid .scrawl{display:none}.iitem{font-size:12px}.iico{width:52px;height:52px}
  .trio{grid-template-columns:1fr}.aicard{grid-template-columns:1fr}
  .s2{padding-block:64px}
  .scard{padding:16px}
  .hl{gap:10px 16px}
  .ticker{margin-top:-10px}
}
@media (prefers-reduced-motion:reduce){
  .js .rv{opacity:1;transform:none}
  .js .psteps:not(.lit){--pl:1}
  .bub{animation:none}
}

.hx{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);min-height:min(92vh,880px);overflow:visible}
.hx .env-wrap{position:relative;z-index:1;margin-left:-30px;display:flex;align-items:center;justify-content:center}
.hx .goddess-btn{max-width:none;width:100%}
.hx .goddess-btn svg.env{-webkit-mask-image:radial-gradient(ellipse 58% 56% at 50% 47%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 58% 56% at 50% 47%,#000 62%,transparent 100%)}
.hx .env{width:min(100%,880px);max-width:none;height:auto;display:block;overflow:visible;margin:0 auto}
.hx #bma-goddess{width:860px;height:1007px;max-width:none;display:inline;-webkit-mask-image:none;mask-image:none}
.hx .hand{font-family:'Caveat','Comic Sans MS',cursive;font-weight:700;filter:drop-shadow(0 0 6px rgba(198,255,0,.5))}
.hx .gem{transform-box:fill-box;transform-origin:center;animation:gem 3.2s ease-in-out infinite;animation-delay:var(--d)}
@keyframes gem{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}
.hx .gem-main{animation-duration:4s}
.hx .rim{fill:none;stroke-width:5;stroke-linecap:round;opacity:.55;animation:rim 6s ease-in-out infinite}
.hx .rim-c{stroke:#00F0FF}.hx .rim-p{stroke:#FF2E88;animation-delay:-3s}
@keyframes rim{0%,100%{opacity:.35}50%{opacity:.75}}
.hx .ring{transform-box:view-box;transform-origin:490px 430px}
.hx .r-out{animation:spin 90s linear infinite}
.hx .r-mid{animation:spin 70s linear infinite reverse}
.hx .r-in{animation:pulse 5s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.012)}}
.hx .fl{transform-box:fill-box;transform-origin:center;animation:drift 7s ease-in-out infinite}
.hx .fl:nth-child(2n){animation-duration:9s;animation-delay:-3s}.hx .fl:nth-child(3n){animation-duration:11s;animation-delay:-5s}
@keyframes drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:12deg}}
.hx .pt{animation:twinkle 4s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.2}50%{opacity:.9}}
.hx.is-paused *{animation-play-state:paused!important}
.hx .scrawl{display:none}
@media (max-width:900px){.hx{grid-template-columns:1fr}.hx .env-wrap{margin:0 -16px;order:-1}.hx .fl:nth-child(n+6),.hx .pt:nth-child(2n){display:none}}
@media (prefers-reduced-motion:reduce){.hx *{animation:none!important}}