/* v11.10 Latin letters in headings: Sora (geometric, wide, round O like the brand 01). Tel Aviv keeps Hebrew, digits and punctuation. */
@font-face{font-family:"Sora";src:url(fonts/sora-latin.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0041-005A,U+0061-007A,U+00C0-00FF,U+0131,U+0152-0153}
:root{
  --ink:#0B0A10; --ink-2:#16141F; --ink-3:#221F2E;
  --paper:#F4F3F7; --paper-2:#EAE8F0; --white:#fff;
  --mute:#5E5A6E; --mute-d:#A7A2B8;
  --line:rgba(11,10,16,.1); --line-d:rgba(255,255,255,.1);
  --m:#9B2D94; --v:#614994; --m-l:#B7A6F0; --v-l:#B7A6F0;
  --grad:linear-gradient(270deg,#9B2D94 0%,#7A3A96 50%,#614994 100%);
  --grad-soft:linear-gradient(270deg,rgba(155,45,148,.14),rgba(97,73,148,.14));
  --ease:cubic-bezier(.19,1,.22,1); --ease-2:cubic-bezier(.22,1,.36,1);
  --r:22px; --r-s:14px;
  --pad:clamp(20px,4.6vw,72px);
  --display:"TelAviv","Sora","Heebo",system-ui,sans-serif;
  --body:"Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --hdr:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 12px)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,canvas,video{display:block;max-width:100%}
a{color:inherit}
p{margin:0}
h1,h2,h3{margin:0;font-weight:700}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
::selection{background:var(--m);color:#fff}
:focus-visible{outline:2.5px solid var(--m);outline-offset:3px;border-radius:6px}
.dark :focus-visible,.ftr :focus-visible{outline-color:var(--m-l)}
.wrap{width:100%;max-width:1360px;margin-inline:auto;padding-inline:var(--pad)}
.sr,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;top:10px;right:10px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;transform:translateY(-150%);transition:transform .2s}
.skip:focus{transform:none}
.ar{width:1.15em;height:1.15em;flex:none;transition:transform .5s var(--ease)}
.btn{--bh:48px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--bh);padding:0 24px;border-radius:999px;background:var(--ink);color:#fff;font:700 16px/1 var(--display);letter-spacing:.01em;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),box-shadow .5s var(--ease);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 10px 30px -12px rgba(97,73,148,.55)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grad);opacity:1;transition:opacity .5s var(--ease)}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:translateX(101%);transition:transform .6s var(--ease)}
@media (hover:hover){.btn:hover::after{transform:translateX(0)}}
@media (hover:hover){.btn:hover .ar{transform:translateX(-4px)}}
.btn svg:not(.ar){width:20px;height:20px}
.btn-sm{--bh:42px;padding:0 20px;font-size:15px}
.btn-lg{--bh:58px;padding:0 30px;font-size:17px}
.btn-block{width:100%}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(11,10,16,.18)}
.btn-ghost::before{opacity:0}
.btn-ghost::after{background:var(--ink)}
@media (hover:hover){.btn-ghost:hover{color:#fff}}
.btn-ghost svg:not(.ar){color:#25A244}
@media (hover:hover){.btn-ghost:hover svg:not(.ar){color:#4ADE80}}
.dark .btn-ghost,.mnav .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22)}
.dark .btn-ghost::after,.mnav .btn-ghost::after{background:#fff}
@media (hover:hover){.dark .btn-ghost:hover,.mnav .btn-ghost:hover{color:var(--ink)}}
.btn span{position:relative}
.hdr{position:fixed;inset:0 0 auto;z-index:50;height:var(--hdr);transition:background .4s var(--ease),box-shadow .4s var(--ease),transform .5s var(--ease)}
.hdr.is-solid{background:rgba(244,243,247,.82);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 1px 0 var(--line)}
.hdr.is-dark{background:rgba(11,10,16,.78);color:#fff;box-shadow:0 1px 0 var(--line-d)}
.hdr.is-dark .btn-sm{box-shadow:none}
.hdr.is-hidden{transform:translateY(-100%)}
.hdr-in{height:100%;display:flex;align-items:center;gap:28px}
.logo img{width:auto;height:40px}
.nav{display:flex;gap:4px;margin-inline-start:12px}
.nav a{position:relative;padding:8px 12px;font:400 15px/1 var(--display);text-decoration:none;opacity:.78;transition:opacity .3s}
.nav a::after{content:"";position:absolute;inset-inline:12px;bottom:2px;height:1.5px;background:var(--grad);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
@media (hover:hover){.nav a:hover{opacity:1}}
@media (hover:hover){.nav a:hover::after{transform:scaleX(1)}}
.hdr-act{margin-inline-start:auto;display:flex;align-items:center;gap:14px}
.hdr-tel{display:flex;align-items:center;gap:8px;font:700 15px/1 var(--display);text-decoration:none;direction:ltr}
.hdr-tel svg{width:18px;height:18px}
.burger{display:none;width:44px;height:44px;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1.5px var(--line)}
.hdr.is-dark .burger{box-shadow:inset 0 0 0 1.5px var(--line-d)}
.burger i{position:absolute;right:13px;left:13px;height:1.8px;background:currentColor;border-radius:2px;transition:transform .5s var(--ease)}
.burger i:first-child{top:17px}
.burger i:last-child{bottom:17px}
.burger[aria-expanded="true"] i:first-child{transform:translateY(4.1px) rotate(45deg)}
.burger[aria-expanded="true"] i:last-child{transform:translateY(-4.1px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:45;background:var(--ink);color:#fff;padding:calc(var(--hdr) + 24px) var(--pad) calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;clip-path:circle(0 at 40px 38px);transition:clip-path .8s var(--ease)}
.mnav.is-open{clip-path:circle(150% at 40px 38px)}
.mnav[hidden]{display:flex;visibility:hidden}
.mnav.is-open{visibility:visible}
.mnav nav{display:flex;flex-direction:column}
.mnav nav a{font:700 clamp(26px,7.5vw,40px)/1.15 var(--display);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--line-d);opacity:0;transform:translateY(20px);transition:opacity .5s,transform .7s var(--ease)}
.mnav.is-open nav a{opacity:1;transform:none}
.mnav.is-open nav a:nth-child(2){transition-delay:.04s}
.mnav.is-open nav a:nth-child(3){transition-delay:.08s}
.mnav.is-open nav a:nth-child(4){transition-delay:.12s}
.mnav.is-open nav a:nth-child(5){transition-delay:.16s}
.mnav.is-open nav a:nth-child(6){transition-delay:.2s}
.mnav.is-open nav a:nth-child(7){transition-delay:.24s}
.mnav.is-open nav a:nth-child(8){transition-delay:.28s}
.mnav-foot{display:grid;gap:10px}
body.menu-open .hdr{color:#fff;background:transparent;box-shadow:none;backdrop-filter:none}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 14px;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px var(--line);font:400 14.5px/1 var(--display)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px rgba(155,45,148,.14);animation:pulse 2.4s var(--ease) infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(155,45,148,0)}}
.h1{font:700 clamp(46px,7.2vw,112px)/.98 var(--display);letter-spacing:-.025em;margin:26px 0 0}
.h1 .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.h1 .ln>span{display:inline-block}
em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline:.02em}
.dark em{background:linear-gradient(270deg,var(--m-l),var(--v-l));-webkit-background-clip:text;background-clip:text}
.h2{font:700 clamp(34px,5.2vw,76px)/1.02 var(--display);letter-spacing:-.02em}
.h2-xl{font-size:clamp(38px,6.2vw,92px)}
.h3{font:700 clamp(21px,1.9vw,26px)/1.2 var(--display);letter-spacing:-.01em}
.kicker{font:400 14px/1 var(--display);letter-spacing:.04em;color:var(--mute);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.kicker::before{content:"";width:28px;height:1.5px;background:var(--grad)}
.dark .kicker{color:var(--mute-d)}
.lead{max-width:640px;margin-top:26px;font-size:clamp(18px,1.5vw,21px);color:var(--mute)}
.sec-lead{max-width:720px;margin-top:22px;font-size:clamp(17px,1.3vw,19px);color:var(--mute)}
.dark .sec-lead{color:var(--mute-d)}
.sec-lead a,.team-more a{color:inherit;text-decoration:underline;text-decoration-color:rgba(155,45,148,.45);text-underline-offset:4px;text-decoration-thickness:1.5px;transition:text-decoration-color .3s}
@media (hover:hover){.sec-lead a:hover,.team-more a:hover{text-decoration-color:var(--m)}}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.split .w>span{display:inline-block}
.sec{padding-block:clamp(88px,11vw,168px);position:relative}
.dark{background:var(--ink);color:#fff}
.sec-head{margin-bottom:clamp(40px,5vw,72px)}
.sec-head.row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.sec-cta{margin-top:clamp(44px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 22px 22px 26px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line)}
.sec-cta p{font:700 clamp(18px,1.6vw,22px)/1.3 var(--display)}
.hero{position:relative;padding:calc(var(--hdr) + clamp(40px,7vw,96px)) 0 clamp(40px,5vw,64px);overflow:clip}
.hero-glow{position:absolute;inset:-20% -10% auto auto;width:min(900px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 60% 40%,rgba(155,45,148,.22),rgba(97,73,148,.12) 40%,transparent 68%);filter:blur(10px);pointer-events:none}
.hero-in{position:relative}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.proof{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0;align-items:stretch}
.proof li{display:flex;align-items:center;gap:10px;padding:4px 22px;border-inline-start:1px solid var(--line);font-size:15px;color:var(--mute)}
.proof li:first-child{border:0;padding-inline-start:0}
.proof b{font:700 22px/1 var(--display);color:var(--ink);direction:ltr;unicode-bidi:isolate}
.proof-g b{font-size:16px}
.g{width:20px;height:20px}
.stars{display:inline-flex;gap:2px;color:#F5B301}
.stars svg{width:16px;height:16px}
.price-line{margin-top:22px;font-size:14.5px;color:var(--mute)}
.hero-art{position:absolute;z-index:0;top:calc(var(--hdr) + 56px);left:max(var(--pad),calc(50vw - 680px + var(--pad)));width:clamp(340px,30vw,470px);height:520px;pointer-events:none}
.ha{position:absolute;margin:0;width:78%;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#ddd;box-shadow:0 40px 80px -30px rgba(11,10,16,.45),0 0 0 1px rgba(255,255,255,.6) inset;will-change:transform}
.ha img{width:100%;height:100%;object-fit:cover}
.ha figcaption{position:absolute;inset:auto 12px 12px auto;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:400 12.5px/1 var(--display);color:var(--ink)}
.ha figcaption b{font-weight:700}
.ha-1{top:0;left:18%;transform:rotate(5deg)}
.ha-2{top:135px;left:0;z-index:2;transform:rotate(-4deg)}
.ha-3{top:290px;left:22%;transform:rotate(3deg)}
.ha-chip{position:absolute;z-index:3;top:-14px;left:8%;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;font:700 13.5px/1 var(--display);box-shadow:0 20px 40px -16px rgba(11,10,16,.6)}
.js .ha{animation:haIn 1.4s var(--ease) backwards}
.js .ha-1{animation-delay:.35s}
.js .ha-2{animation-delay:.2s}
.js .ha-3{animation-delay:.5s}
.js .ha-chip{animation:haIn 1.2s .8s var(--ease) backwards}
@keyframes haIn{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}
.hero-in{z-index:1}
@media (max-width:1279px){.hero-art{display:none}}
.reel{position:relative;height:420vh}
.reel-sticky{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden}
.reel-frame{position:relative;width:100%;height:100%;border-radius:0;overflow:hidden;background:#E3E3E6;transform-origin:50% 50%;will-change:transform,border-radius;box-shadow:0 40px 80px -40px rgba(11,10,16,.35)}
.reel-cv,.reel-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel-cv{z-index:1}
.js .reel.ready .reel-poster{opacity:0}
.reel-shade{position:absolute;inset:auto 0 0 0;height:55%;z-index:2;background:linear-gradient(to top,rgba(11,10,16,.72),rgba(11,10,16,0));pointer-events:none}
.reel-caps{position:absolute;inset:auto var(--pad) clamp(36px,6vh,72px) auto;z-index:3;color:#fff;width:min(560px,calc(100% - 2*var(--pad)))}
.cap{position:absolute;bottom:0;right:0;left:0;opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .9s var(--ease)}
.cap.is-on{opacity:1;transform:none;position:relative}
.cap-t{font:700 clamp(34px,4.6vw,68px)/1 var(--display);letter-spacing:-.02em}
.cap-s{margin-top:14px;font-size:clamp(16px,1.3vw,19px);color:rgba(255,255,255,.82);max-width:460px}
.reel-bar{position:absolute;z-index:3;inset:auto var(--pad) 22px var(--pad);height:2px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden}
.reel-bar i{position:absolute;inset:0;background:var(--grad);transform:scaleX(0);transform-origin:right}
.no-js .reel{height:auto}
.no-js .reel-sticky{position:relative;height:auto;padding:24px 0}
.no-js .reel-frame{height:min(80vh,56vw);margin:0}
.clients{padding:clamp(56px,7vw,96px) 0 clamp(20px,3vw,40px);overflow:hidden}
.clients-t{text-align:center;font:400 14px/1 var(--display);letter-spacing:.04em;color:var(--mute);margin-bottom:28px}
.mq{-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq-row{display:flex;align-items:center;gap:40px;width:max-content;animation:mq 60s linear infinite}
@media (hover:hover){.mq:hover .mq-row{animation-play-state:paused}}
.mq-row span{font:700 clamp(26px,3.2vw,46px)/1 var(--display);letter-spacing:-.01em;color:#8E899E;white-space:nowrap;transition:color .3s}
@media (hover:hover){.mq-row span:hover{color:var(--ink)}}
.mq-row i{font-style:normal;font-size:14px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes mq{to{transform:translateX(50%)}}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(260px,auto);gap:16px}
.card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
@media (hover:hover){.card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(155,45,148,.3),0 30px 60px -30px rgba(97,73,148,.45)}}
.card-big{grid-column:span 2;grid-row:span 2}
.card-tall{grid-column:span 2}
.card-seo{grid-column:span 2;background:var(--ink);color:#fff;box-shadow:none}
.card-img{position:absolute;inset:0;z-index:-1;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform 1.2s var(--ease)}
@media (hover:hover){.card:hover .card-img img{transform:scale(1.05)}}
.card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,10,16,.92) 8%,rgba(11,10,16,.35) 55%,rgba(11,10,16,.05))}
.card-big,.card-tall{color:#fff}
.card-body{display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.2vw,32px)}
.card-d{font-size:15.5px;line-height:1.6;color:var(--mute);max-width:520px}
.card-big .card-d,.card-tall .card-d,.card-seo .card-d{color:rgba(255,255,255,.78)}
.card-big .h3{font-size:clamp(28px,2.8vw,40px)}
.card-f{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}
.card-big .card-f,.card-tall .card-f,.card-seo .card-f{border-color:var(--line-d)}
.price{font:400 15px/1 var(--display);display:flex;align-items:baseline;gap:4px}
.price b{font:700 clamp(26px,2.4vw,34px)/1 var(--display);direction:ltr;unicode-bidi:isolate}
.price small{font-size:14px;opacity:.72}
.price-q{font-size:16px;opacity:.72}
.go{display:inline-flex;align-items:center;gap:6px;font:700 14.5px/1 var(--display)}
@media (hover:hover){.card:hover .go .ar{transform:translateX(-5px)}}
.card-seo::before{content:"";position:absolute;inset:auto -20% -60% auto;width:120%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(155,45,148,.55),rgba(97,73,148,.25) 45%,transparent 70%);z-index:-1;transition:transform 1.2s var(--ease)}
@media (hover:hover){.card-seo:hover::before{transform:translate(-6%,-6%) scale(1.08)}}
.card-tags{position:absolute;top:22px;right:22px;display:flex;gap:6px}
.card-tags i{font:700 12px/1 var(--display);font-style:normal;letter-spacing:.06em;padding:7px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.work{overflow:clip;padding-bottom:clamp(88px,10vw,150px)}
.hs{position:relative}
.hs-track{display:flex;gap:clamp(16px,2vw,28px);padding-inline:var(--pad);width:max-content;will-change:transform}
.wk{flex:none;width:clamp(300px,42vw,640px);text-decoration:none;display:flex;flex-direction:column}
.wk-img{display:block;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:var(--ink-3);position:relative}
.wk-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s var(--ease),filter .6s}
@media (hover:hover){.wk:hover .wk-img img{transform:scale(1.07)}}
.wk-meta{display:flex;justify-content:space-between;margin-top:20px;font:400 14px/1 var(--display);color:var(--mute-d)}
.wk-n{direction:ltr}
.wk-t{font:700 clamp(26px,2.6vw,38px)/1.1 var(--display);margin-top:10px;letter-spacing:-.01em}
.wk-d{margin-top:10px;color:var(--mute-d);font-size:15.5px;max-width:520px}
.wk-all{width:clamp(240px,26vw,380px)}
.wk-all-in{flex:1;aspect-ratio:16/10;max-height:calc(clamp(300px,42vw,640px)*.625);border-radius:var(--r);background:var(--grad);display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:28px;transition:transform .7s var(--ease)}
@media (hover:hover){.wk-all:hover .wk-all-in{transform:scale(.97)}}
.wk-all-n{font:700 clamp(48px,5vw,80px)/1 var(--display);direction:ltr;text-align:right}
.wk-all-t{font:700 22px/1 var(--display)}
.wk-all .ar{width:28px;height:28px}
.statement{font:700 clamp(28px,4vw,58px)/1.18 var(--display);letter-spacing:-.015em;margin-top:clamp(28px,3vw,44px);max-width:1180px}
.statement .sw{opacity:.16;transition:opacity .3s}
.statement .sw.on{opacity:1}
.no-js .statement .sw,.statement:not([data-words]) .sw{opacity:1}
.stats{list-style:none;margin:clamp(56px,7vw,100px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.stats li{padding:30px 0 0;padding-inline-end:24px;border-inline-start:1px solid var(--line);padding-inline-start:24px}
.stats li:first-child{border:0;padding-inline-start:0}
.stats b{display:block;font:700 clamp(46px,5.4vw,84px)/1 var(--display);letter-spacing:-.03em;direction:ltr;text-align:right;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.stats span{display:block;margin-top:12px;color:var(--mute);font-size:15.5px;max-width:230px}
.team-more{margin-top:clamp(40px,5vw,64px);max-width:820px;color:var(--mute)}
.process{background:var(--paper-2)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
.step{position:relative;padding:28px 26px 30px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line);min-width:0}
.step-n{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font:700 15px/1 var(--display);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:34px;transition:background .5s,color .5s,box-shadow .5s}
.step.on .step-n{background:var(--grad);color:#fff;box-shadow:none}
.step p{margin-top:12px;color:var(--mute);font-size:15.5px}
.steps-line{height:2px;margin-top:28px;background:var(--line);border-radius:2px;overflow:hidden}
.steps-line i{display:block;height:100%;background:var(--grad);transform:scaleX(0);transform-origin:right}
.rev-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(40px,5vw,64px)}
.rev-top .sec-head{margin:0}
.rating{display:flex;align-items:center;gap:18px;text-decoration:none;padding:20px 24px;border-radius:var(--r);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);flex:none;transition:transform .6s var(--ease)}
@media (hover:hover){.rating:hover{transform:translateY(-4px)}}
.rating-n{font:700 64px/1 var(--display);letter-spacing:-.03em}
.rating-r{display:grid;gap:8px;font-size:14.5px;color:var(--mute-d)}
.rating-r>span:last-child{display:flex;align-items:center;gap:8px;white-space:nowrap}
.rv-grid{columns:3 300px;column-gap:16px}
.rvw{break-inside:avoid;margin:0 0 16px;padding:26px;border-radius:var(--r);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d)}
.rvw blockquote{margin:16px 0 0;font-size:16.5px;line-height:1.7;color:rgba(255,255,255,.88)}
.rvw figcaption{margin-top:20px;display:flex;flex-direction:column;gap:2px}
.rvw figcaption span{font-size:13.5px;color:var(--mute-d)}
.vid-t{font:700 22px/1.2 var(--display);margin:clamp(56px,6vw,88px) 0 22px}
.vids{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,22vw,300px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent}
.vid{scroll-snap-align:start;position:relative;aspect-ratio:9/12;border-radius:var(--r-s);overflow:hidden;background:var(--ink-3);text-align:right}
.vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
@media (hover:hover){.vid:hover img{transform:scale(1.06)}}
.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,10,16,.85),transparent 55%)}
.play{position:absolute;z-index:1;top:50%;left:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);transition:transform .6s var(--ease),background .4s}
.play svg{width:22px;height:22px;margin-left:3px}
@media (hover:hover){.vid:hover .play{transform:scale(1.1);background:var(--m)}}
.vid-n{position:absolute;z-index:1;inset:auto 16px 16px;font:700 16px/1.25 var(--display)}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.link-more{display:inline-flex;align-items:center;gap:8px;font:700 16px/1 var(--display);text-decoration:none;padding-bottom:6px;border-bottom:1.5px solid var(--ink)}
@media (hover:hover){.link-more:hover .ar{transform:translateX(-5px)}}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.post{text-decoration:none;display:block;min-width:0}
.post-img{display:block;aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;background:var(--paper-2)}
.post-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
@media (hover:hover){.post:hover .post-img img{transform:scale(1.05)}}
.post-d{display:block;margin-top:18px;font-size:14px;color:var(--mute)}
.post-t{margin-top:8px;font:700 clamp(19px,1.6vw,23px)/1.3 var(--display)}
@media (hover:hover){.post:hover .post-t{text-decoration:underline;text-decoration-color:var(--m);text-underline-offset:5px;text-decoration-thickness:1.5px}}
.faq{padding-top:0}
.faq-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq .sec-head{position:sticky;top:calc(var(--hdr) + 32px)}
.faq .sec-head .btn{margin-top:30px}
.qa{border-top:1px solid var(--line)}
.q{border-bottom:1px solid var(--line)}
.q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0}
.q summary::-webkit-details-marker{display:none}
.q h3{font:700 clamp(18px,1.6vw,22px)/1.35 var(--display)}
.q summary i{position:relative;flex:none;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);transition:background .4s,box-shadow .4s}
.q summary i::before,.q summary i::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;background:currentColor;transition:transform .5s var(--ease)}
.q summary i::after{transform:rotate(90deg)}
.q[open] summary i{background:var(--ink);color:#fff;box-shadow:none}
.q[open] summary i::after{transform:rotate(0)}
@media (hover:hover){.q summary:hover h3{color:var(--m)}}
.q-a p{padding:0 0 28px;color:var(--mute);max-width:680px}
.contact{overflow:hidden}
.ct-glow{position:absolute;inset:auto auto -40% -20%;width:min(1100px,110vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(155,45,148,.4),rgba(97,73,148,.18) 40%,transparent 68%);pointer-events:none}
.ct-in{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:start}
.ct-ways{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:10px}
.ct-ways a{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--r-s);text-decoration:none;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line-d);transition:background .4s,transform .6s var(--ease)}
@media (hover:hover){.ct-ways a:hover{background:rgba(255,255,255,.08);transform:translateX(-4px)}}
.ct-ways svg{width:22px;height:22px;flex:none;color:var(--m-l)}
.ct-ways span{display:grid;gap:2px}
.ct-ways b{font:700 17px/1.2 var(--display);direction:ltr;text-align:right;unicode-bidi:plaintext}
.ct-ways small{color:var(--mute-d);font-size:13.5px}
.form{position:relative;padding:clamp(24px,3vw,40px);border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 50px 100px -40px rgba(0,0,0,.6)}
.form-t{font:700 clamp(22px,2vw,28px)/1.2 var(--display);margin-bottom:22px}
.chips{border:0;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips legend{font-size:14px;color:var(--mute);margin-bottom:12px;padding:0}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chips span{display:inline-block;padding:10px 16px;border-radius:999px;font:400 14.5px/1 var(--display);box-shadow:inset 0 0 0 1px var(--line);transition:background .3s,color .3s,box-shadow .3s}
.chips input:checked+span{background:var(--ink);color:#fff;box-shadow:none}
.chips input:focus-visible+span{outline:2.5px solid var(--m);outline-offset:2px}
.fld{position:relative;margin-bottom:12px}
.fld input,.fld textarea{width:100%;padding:24px 18px 10px;border:0;border-radius:var(--r-s);background:var(--paper);font:400 17px/1.4 var(--body);color:var(--ink);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .3s,background .3s;resize:vertical;text-align:right}
.fld input:focus,.fld textarea:focus{outline:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--m)}
.fld label{position:absolute;right:18px;top:17px;font-size:16px;color:var(--mute);pointer-events:none;transform-origin:right top;transition:transform .35s var(--ease),color .3s}
.fld input:focus+label,.fld input:not(:placeholder-shown)+label,.fld textarea:focus+label,.fld textarea:not(:placeholder-shown)+label{transform:translateY(-10px) scale(.78)}
.fld.bad input{box-shadow:inset 0 0 0 1.5px #C0263A}
.fld.bad label{color:#C0263A}
.form .btn{margin-top:10px}
.form-note{margin-top:14px;font-size:13px;color:var(--mute);text-align:center}
.form-note a{color:inherit}
.form-msg{margin-top:10px;font:700 15px/1.4 var(--display);text-align:center}
.form-msg.ok{color:#177a3a}
.form-msg.err{color:#C0263A}
.form.sent>*:not(.form-done){display:none}
.form-done{text-align:center;padding:40px 10px}
.form-done b{display:block;font:700 30px/1.2 var(--display);margin-bottom:12px}
.ftr{background:#07060A;color:#fff;padding:clamp(72px,9vw,130px) 0 calc(32px + env(safe-area-inset-bottom));overflow:hidden}
.ftr-big{font:700 clamp(52px,11vw,190px)/.95 var(--display);letter-spacing:-.035em;margin-bottom:clamp(56px,7vw,100px);color:rgba(255,255,255,.95)}
.ftr-big em{background:linear-gradient(270deg,var(--m-l),var(--v-l));-webkit-background-clip:text;background-clip:text}
.ftr-cols{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:32px}
.ftr-brand img{height:44px;width:auto}
.ftr-brand p{margin-top:18px;color:var(--mute-d);font-size:15px;max-width:320px}
.soc{display:flex;gap:10px;margin-top:22px}
.soc a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-d);transition:background .4s,color .4s}
@media (hover:hover){.soc a:hover{background:#fff;color:var(--ink)}}
.soc svg{width:18px;height:18px}
.ftr nav{display:flex;flex-direction:column;gap:10px;min-width:0}
.ftr-h{font:700 15px/1 var(--display);margin-bottom:8px;color:#fff}
.ftr nav a{color:var(--mute-d);text-decoration:none;font-size:14.5px;transition:color .3s}
@media (hover:hover){.ftr nav a:hover{color:#fff}}
.ftr-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:clamp(56px,6vw,88px);padding-top:26px;border-top:1px solid var(--line-d);font-size:13.5px;color:var(--mute-d)}
.ftr-bot a{color:inherit}
.mbar{display:none}
.curtain{position:fixed;inset:0;z-index:200;pointer-events:none;display:grid;place-items:center;background:var(--ink);transform:translateX(100%)}
.curtain span{width:64px;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:right}
.t-in .curtain{transform:none}
.curtain.is-out{transition:transform .9s var(--ease);transform:translateX(-100%)}
.curtain.is-in{transition:transform .6s var(--ease);transform:none}
.curtain.is-in span{transition:transform .6s .15s var(--ease);transform:scaleX(1)}
.js .rv{opacity:0;transform:translateY(28px)}
.js .rv.in{opacity:1;transform:none;transition:opacity 1s var(--ease-2),transform 1.2s var(--ease)}
.js .h1 .ln>span{transform:translateY(105%);animation:lnup 1.2s var(--ease) forwards}
.js .h1 .ln:nth-child(2)>span{animation-delay:.09s}
@keyframes lnup{to{transform:none}}
.js .split.ready .w>span{transform:translateY(105%)}
.js .split.in .w>span{transform:none;transition:transform 1.1s var(--ease)}
@media (max-width:1180px){.nav{display:none}
.burger{display:block}
.bento{grid-template-columns:repeat(2,minmax(0,1fr))}
.card-big{grid-row:span 1;min-height:420px}
.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.ftr-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.ftr-brand{grid-column:1/-1}}
@media (max-width:900px){.faq-in,.ct-in{grid-template-columns:minmax(0,1fr)}
.faq .sec-head{position:static}
.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.stats li:nth-child(3){border:0;padding-inline-start:0}
.posts{grid-template-columns:minmax(0,1fr);gap:28px}
.rev-top{flex-direction:column;align-items:flex-start}}
@media (max-width:760px){:root{--hdr:64px;--r:18px}
body{font-size:16.5px}
.logo img{height:32px}
.hdr-tel span{display:none}
.hdr-tel{width:44px;height:44px;border-radius:50%;justify-content:center;box-shadow:inset 0 0 0 1.5px var(--line)}
.hdr.is-dark .hdr-tel{box-shadow:inset 0 0 0 1.5px var(--line-d)}
.hdr-act .btn-sm{display:none}
.hero{padding-top:calc(var(--hdr) + 36px)}
.h1{margin-top:22px}
.lead{margin-top:20px}
.hero-cta{flex-direction:column;margin-top:28px}
.hero-cta .btn{width:100%}
.proof{margin-top:30px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*var(--pad));padding-inline:var(--pad)}
.proof::-webkit-scrollbar{display:none}
.proof li{flex:none;padding:2px 16px;font-size:14px}
.proof b{font-size:19px}
.reel{height:340vh}
.reel-caps{bottom:calc(96px + env(safe-area-inset-bottom))}
.reel-bar{bottom:calc(84px + env(safe-area-inset-bottom))}
.cap-s{font-size:15px}
.bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
.card,.card-big,.card-tall,.card-seo{grid-column:auto;grid-row:auto}
.card-big,.card-tall{min-height:420px}
.card-seo{min-height:340px}
.card:not(.card-big):not(.card-tall):not(.card-seo){min-height:0}
.card-std .card-body{padding-top:26px}
.sec-cta{padding:22px;flex-direction:column;align-items:stretch;text-align:center}
.sec-cta .btn{width:100%}
.hs-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;scroll-padding-inline:var(--pad)}
.hs-track::-webkit-scrollbar{display:none}
.wk{width:84vw;scroll-snap-align:start}
.wk-all{width:62vw}
.steps{grid-template-columns:minmax(0,1fr)}
.step-n{margin-bottom:22px}
.steps-line{display:none}
.stats li{padding:24px 0 0;padding-inline-start:18px}
.stats li:nth-child(odd){border:0;padding-inline-start:0}
.stats li:nth-child(n+3){margin-top:26px}
.sec-head.row{flex-direction:column;align-items:flex-start}
.ftr-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 20px}
.ftr-bot{flex-direction:column}
.mbar{position:fixed;z-index:40;inset:auto 10px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:6px;padding:6px;border-radius:20px;background:rgba(11,10,16,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 40px -12px rgba(0,0,0,.5);transform:translateY(140%);transition:transform .6s var(--ease)}
.mbar.is-on{transform:none}
.mbar a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border-radius:14px;color:#fff;text-decoration:none;font:700 14.5px/1 var(--display)}
.mbar svg{width:19px;height:19px}
.mbar a:nth-child(2) svg{color:#4ADE80}
.mbar-cta{background:var(--grad)}
.ftr{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.js .ha,.js .ha-chip{opacity:1;animation:none}
*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.js .rv,.js .h1 .ln>span,.js .split .w>span{opacity:1!important;transform:none!important}
.statement .sw{opacity:1!important}
.mq-row{animation:none;flex-wrap:wrap;width:auto;justify-content:center;row-gap:14px}
.reel{height:auto}
.reel-sticky{position:relative;height:auto;padding:0 0 24px}
.reel-frame{height:min(78vh,56vw);margin:0}}
.sec-s{padding-block:clamp(40px,5vw,72px)}
.brief-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start;padding-block:clamp(28px,3vw,44px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.h-s{font:700 15px/1 var(--display);letter-spacing:.04em;color:var(--m);margin-bottom:16px}
.brief-a p{font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:var(--mute)}
.brief-a strong{color:var(--ink);font-weight:500}
.brief-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
.brief-l li{display:grid;gap:6px;padding-inline-start:16px;border-inline-start:2px solid var(--m)}
.brief-l b{font:700 clamp(26px,2.4vw,34px)/1 var(--display);letter-spacing:-.02em;unicode-bidi:plaintext;text-align:right}
.brief-l span{color:var(--mute);font-size:15px}
.pricing{background:#fff}
.ptable{overflow-x:auto;border-radius:var(--r);box-shadow:0 0 0 1px var(--line)}
.ptable:focus-visible{outline-offset:4px}
.ptable table{width:100%;border-collapse:collapse;min-width:760px;font-size:15.5px}
.ptable thead th{background:var(--ink);color:#fff;font:700 14.5px/1.2 var(--display);text-align:right;padding:18px 20px}
.ptable tbody th,.ptable td{padding:18px 20px;text-align:right;border-top:1px solid var(--line);vertical-align:middle}
.ptable tbody th{font:700 17px/1.3 var(--display)}
.ptable td{color:var(--mute)}
.ptable .pt-p{font:700 18px/1.2 var(--display);color:var(--ink);white-space:nowrap}
.ptable tbody tr{transition:background .3s}
@media (hover:hover){.ptable tbody tr:hover{background:var(--paper)}}
.ptable td a{display:inline-flex;align-items:center;gap:6px;font:700 14.5px/1 var(--display);color:var(--ink);text-decoration:none;white-space:nowrap}
@media (hover:hover){.ptable td a:hover .ar{transform:translateX(-4px)}}
.pt-note{margin-top:14px;font-size:13.5px;color:var(--mute)}
@media (max-width:900px){.brief-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.brief-l{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 16px}
.ptable{border-radius:16px}
.ptable table{min-width:0;font-size:15px}
.ptable table,.ptable tbody{display:block}
.ptable thead{display:none}
.ptable tbody tr{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:18px;border-top:1px solid var(--line)}
.ptable tbody tr:first-child{border-top:0}
.ptable tbody th,.ptable td{padding:0;border:0}
.ptable td:nth-child(3),.ptable td:nth-child(4),.ptable td:last-child{grid-column:1/-1;font-size:14.5px}
.ptable td:nth-child(4)::before{content:"מתאים ל: ";color:var(--ink)}}
.est-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font:700 15px/1 var(--display);color:var(--m);text-decoration:none;border-bottom:1.5px solid rgba(155,45,148,.35);padding-bottom:4px;transition:border-color .3s}
@media (hover:hover){.est-link:hover{border-color:var(--m)}}
@media (hover:hover){.est-link:hover .ar{transform:translateX(-4px)}}
.proof{margin-top:30px}
.js .ha-2 img,.js .ha-1 img,.js .ha-3 img{animation:haFloat 7s ease-in-out infinite alternate}
.js .ha-1 img{animation-duration:8.5s}
.js .ha-3 img{animation-duration:9.5s;animation-delay:-3s}
@keyframes haFloat{from{transform:scale(1.04) translateY(-6px)}to{transform:scale(1.04) translateY(6px)}}
.hero-glow{animation:glowDrift 16s ease-in-out infinite alternate}
@keyframes glowDrift{from{transform:translate(0,0) scale(1)}to{transform:translate(-60px,40px) scale(1.12)}}
.est{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.est::before{content:"";position:absolute;inset:-30% auto auto -20%;width:min(900px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(155,45,148,.35),rgba(97,73,148,.15) 45%,transparent 70%);pointer-events:none}
.est-in{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,96px);align-items:start}
.est .kicker{color:var(--mute-d)}
.est .sec-lead{color:var(--mute-d)}
.est-trust{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:12px;font-size:15px;color:rgba(255,255,255,.85)}
.est-trust li{display:flex;align-items:center;gap:10px}
.est-trust .ck{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(155,45,148,.3);color:#fff;font-size:12px}
.wiz{position:relative;padding:clamp(22px,2.6vw,36px);border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 60px 120px -50px rgba(0,0,0,.8);min-height:520px;display:flex;flex-direction:column}
.wiz-top{display:flex;align-items:center;gap:16px;margin-bottom:22px;font:400 13.5px/1 var(--display);color:var(--mute)}
.wiz-bar{flex:1;height:4px;border-radius:4px;background:var(--paper-2);overflow:hidden}
.wiz-bar i{display:block;height:100%;width:33.3%;background:var(--grad);border-radius:4px;transition:width .7s var(--ease)}
.wq{border:0;margin:0;padding:0;min-width:0;display:none}
.wq.is-on{display:block;animation:wqIn .6s var(--ease)}
@keyframes wqIn{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.wq-t{font:700 clamp(24px,2.2vw,32px)/1.15 var(--display);margin-bottom:6px;padding:0}
.wq-s{color:var(--mute);font-size:14.5px;margin-bottom:4px}
.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.opts label{position:relative;display:block;cursor:pointer}
.opts input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.opts span{display:flex;flex-direction:column;gap:4px;min-height:78px;justify-content:center;padding:16px 18px 16px 44px;border-radius:16px;background:var(--paper);box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .3s,background .3s,transform .4s var(--ease)}
.opts span::after{content:"";position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(11,10,16,.25);transition:all .3s}
.opts input[type=checkbox]+span::after{border-radius:6px}
.opts b{font:700 16.5px/1.2 var(--display)}
.opts small{font-size:13.5px;color:var(--mute)}
@media (hover:hover){.opts label:hover span{background:#fff;box-shadow:inset 0 0 0 1.5px rgba(155,45,148,.35)}}
.opts input:checked+span{background:#fff;box-shadow:inset 0 0 0 2px var(--m);transform:translateY(-2px)}
.opts input:checked+span::after{background:var(--grad);box-shadow:inset 0 0 0 5px #fff,0 0 0 1.5px var(--m)}
.opts input[type=checkbox]:checked+span::after{box-shadow:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat,linear-gradient(270deg,#9B2D94,#614994)}
.wiz [hidden]{display:none!important}
.opts input:focus-visible+span{outline:2.5px solid var(--m);outline-offset:2px}
.opts-time{grid-template-columns:minmax(0,1fr)}
.opts-time span{min-height:58px}
.wiz-nav{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.wiz-back{font:700 15px/1 var(--display);color:var(--mute);padding:12px 4px}
@media (hover:hover){.wiz-back:hover{color:var(--ink)}}
.wiz-next{margin-inline-start:auto}
.wiz-next:disabled{opacity:.35;cursor:not-allowed;transform:none}
.wres-k{font:400 14px/1 var(--display);color:var(--mute)}
.wres-p{margin-top:8px;display:flex;align-items:baseline;gap:6px;font:700 22px/1 var(--display)}
.wres-n{font:700 clamp(54px,6vw,80px)/1 var(--display);letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr;unicode-bidi:isolate}
.wres-l{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px;font-size:15px;color:var(--mute)}
.wres-l b{color:var(--ink);font-weight:500}
.wres-note{margin-top:12px;font-size:13px;color:var(--mute)}
.wres-form{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wres-form .fld{margin:0}
.wres-form .btn,.wres-form .form-msg{grid-column:1/-1}
.wres-wa{margin-top:0}
.wiz.done .wiz-nav{display:none}
.wiz-sent{text-align:center;padding:30px 0}
.wiz-sent b{display:block;font:700 30px/1.2 var(--display);margin-bottom:10px}
.pillars{list-style:none;margin:clamp(56px,7vw,100px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pillars li{padding:26px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
@media (hover:hover){.pillars li:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(155,45,148,.3),0 24px 50px -30px rgba(97,73,148,.5)}}
.pl-n{display:block;font:700 14px/1 var(--display);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:26px}
.pillars p{margin-top:10px;color:var(--mute);font-size:15.5px}
.cur{position:fixed;z-index:60;top:0;left:0;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font:700 15px/1 var(--display);pointer-events:none;transform:scale(0);will-change:transform}
@media (hover:hover) and (pointer:fine){.wk,.wk *{cursor:none}}
@media (max-width:1180px){.pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.est-in{grid-template-columns:minmax(0,1fr)}
.wiz{min-height:0}}
@media (max-width:760px){.opts{grid-template-columns:minmax(0,1fr)}
.opts span{min-height:62px;padding:12px 16px 12px 44px}
.wres-form{grid-template-columns:minmax(0,1fr)}
.pillars{grid-template-columns:minmax(0,1fr)}
.est-link{margin-top:14px}}
@media (prefers-reduced-motion:reduce){.js .ha img,.hero-glow{animation:none!important}
.cur{display:none}}
.v3-stage{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease)}
.v3-stage.on{opacity:1}
.v3 main .wrap{position:relative;z-index:2}
.v3 .hdr{z-index:50}
.v3-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding-block:calc(var(--hdr) + 40px) 90px}
.v3-hero-glow{position:absolute;inset:auto auto 8% -12%;width:min(1100px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(155,45,148,.42),rgba(97,73,148,.18) 42%,transparent 68%);filter:blur(20px);pointer-events:none}
.v3-hero-in{display:flex;flex-direction:column;align-items:flex-start}
.v3-hero-in>*{max-width:640px}
.v3-h1{font:400 15px/1.4 var(--display);letter-spacing:.03em;color:var(--mute-d);display:flex;align-items:center;gap:12px}
.v3-h1::before{content:"";width:28px;height:1.5px;background:var(--grad)}
.v3-display{margin-top:22px;font:700 clamp(72px,10.4vw,176px)/.9 var(--display);letter-spacing:-.035em}
.v3-display .ln{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}
.v3-display .ln>span{display:inline-block}
.js .v3-display .ln>span{transform:translateY(108%);animation:lnup 1.3s var(--ease) forwards}
.js .v3-display .ln:nth-child(2)>span{animation-delay:.1s}
.js .v3-display .ln:nth-child(3)>span{animation-delay:.2s}
.v3-display em{font-style:normal;background:linear-gradient(270deg,#B7A6F0,#B7A6F0);-webkit-background-clip:text;background-clip:text;color:transparent}
.v3-lead{margin-top:30px;font-size:clamp(18px,1.45vw,21px);line-height:1.6;color:rgba(255,255,255,.72);max-width:540px}
.v3-hero .hero-cta{margin-top:34px}
.v3-tags{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.v3-tags li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:14.5px;color:rgba(255,255,255,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.v3-tags b{font:700 15px/1 var(--display);color:#fff;direction:ltr;unicode-bidi:isolate}
.v3-tags .g{width:16px;height:16px}
.v3-tags a{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font:700 14.5px/1 var(--display)}
.v3-tags li:last-child{background:rgba(155,45,148,.28);box-shadow:inset 0 0 0 1px rgba(183,166,240,.35)}
.v3-tags .ar{width:16px;height:16px;transition:transform .4s var(--ease)}
@media (hover:hover){.v3-tags a:hover .ar{transform:translateX(-4px)}}
.v3-scroll{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font:400 12.5px/1 var(--display);letter-spacing:.12em;color:var(--mute-d)}
.v3-scroll i{width:1.5px;height:44px;background:linear-gradient(rgba(255,255,255,.5),transparent);transform-origin:top;animation:scrollcue 2.2s var(--ease) infinite}
@keyframes scrollcue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.v3-mani{min-height:100vh;display:flex;align-items:center;padding-block:120px}
.v3-statement{max-width:980px;font-size:clamp(30px,4.3vw,64px)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v3-ch{min-height:115vh;display:flex;align-items:center;padding-block:120px}
.v3-ch-in{display:flex}
.v3-ch-copy{width:min(560px,46%)}
.v3-ch-flip .v3-ch-in{justify-content:flex-end}
.v3-ch-n{display:flex;align-items:baseline;gap:14px;font:700 18px/1 var(--display);color:rgba(255,255,255,.7);margin-bottom:22px}
.v3-ch-n span{font-size:15px;background:linear-gradient(270deg,#B7A6F0,#B7A6F0);-webkit-background-clip:text;background-clip:text;color:transparent;padding:6px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(183,166,240,.35)}
.v3-ch .h2{font-size:clamp(40px,5vw,80px)}
.v3-list{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.v3-list li{position:relative;padding-inline-start:22px;font-size:16px;color:rgba(255,255,255,.85)}
.v3-list li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--grad)}
.v3-link{display:inline-flex;align-items:center;gap:10px;margin-top:30px;font:700 16px/1 var(--display);color:#fff;text-decoration:none;padding-bottom:6px;border-bottom:1.5px solid rgba(183,166,240,.45)}
@media (hover:hover){.v3-link:hover{border-color:#B7A6F0}}
@media (hover:hover){.v3-link:hover .ar{transform:translateX(-4px)}}
.v3-link .ar{width:18px;height:18px;transition:transform .4s var(--ease)}
.v3-live{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:15px;color:rgba(255,255,255,.8)}
.v3-live i{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:pulse 2s infinite}
.v3-live b{font:700 16px/1 var(--display);color:#fff;direction:ltr;unicode-bidi:isolate}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.v3-svc{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.12)}
.v3-svc a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:color .3s}
.v3-svc b{font:700 clamp(19px,1.6vw,23px)/1.2 var(--display);transition:transform .5s var(--ease)}
.v3-svc span{font-size:15px;color:var(--mute-d);white-space:nowrap}
@media (hover:hover){.v3-svc a:hover b{transform:translateX(-12px)}}
@media (hover:hover){.v3-svc a:hover span{color:#B7A6F0}}
.v3-big{margin-top:30px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.v3-big b{font:700 clamp(64px,7vw,112px)/1 var(--display);letter-spacing:-.03em;background:linear-gradient(270deg,#B7A6F0,#B7A6F0);-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr;unicode-bidi:isolate}
.v3-big span{font-size:16px;color:var(--mute-d);max-width:220px}
.v3-work{background:var(--paper)}
.v3-idx{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.v3-row{display:grid;grid-template-columns:64px minmax(0,1fr) 200px 300px;align-items:center;gap:24px;padding:clamp(22px,2.6vw,36px) 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:opacity .4s}
.v3-row-n{font:400 14px/1 var(--display);color:var(--mute)}
.v3-row-t{font:700 clamp(36px,5.4vw,88px)/1 var(--display);letter-spacing:-.03em;transition:transform .6s var(--ease),color .3s}
.v3-row-c{font:400 15px/1.3 var(--display);color:var(--mute)}
.v3-row-d{font-size:14.5px;line-height:1.5;color:var(--mute)}
.v3-row-img{display:none}
@media (hover:hover){.v3-idx:hover .v3-row{opacity:.35}}
@media (hover:hover){.v3-idx .v3-row:hover{opacity:1}}
@media (hover:hover){.v3-row:hover .v3-row-t{transform:translateX(-18px);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}}
.v3-peek{position:fixed;z-index:40;top:0;left:0;width:380px;height:250px;margin:-125px 0 0 -190px;border-radius:18px;overflow:hidden;pointer-events:none;opacity:0;transform:scale(.6);box-shadow:0 40px 80px -30px rgba(11,10,16,.55)}
.v3-peek img{width:100%;height:100%;object-fit:cover}
.v3-finale{min-height:100vh;display:flex;align-items:flex-end;padding-block:0 clamp(80px,9vw,140px);text-align:center}
.v3-finale .wrap{padding-top:44vh}
.v3-fin-t{font:700 clamp(44px,7vw,120px)/1 var(--display);letter-spacing:-.03em}
.v3-fin-s{margin:24px auto 0;max-width:560px;font-size:clamp(17px,1.4vw,20px);color:var(--mute-d)}
.v3 .contact{padding-top:40px}
@media (max-width:1100px){.v3-ch-copy{width:min(560px,56%)}
.v3-row{grid-template-columns:48px minmax(0,1fr) 170px}
.v3-row-d{display:none}}
@media (max-width:760px){.v3-hero{align-items:flex-end;padding-top:36vh;padding-bottom:40px}
.v3-hero-glow{inset:4% auto auto -40%;width:150vw}
.v3-display{font-size:clamp(52px,15vw,78px);margin-top:12px}
.v3-h1{font-size:13.5px}
.v3-lead{margin-top:16px;font-size:16.5px}
.v3-hero .hero-cta{margin-top:22px}
.v3-hero .hero-cta .btn{--bh:52px}
.v3-tags{margin-top:26px}
.v3-tags li{padding:8px 12px;font-size:13.5px}
.v3-scroll{display:none}
.v3-mani{min-height:0;padding-block:110px}
.v3-ch{min-height:0;align-items:flex-end;padding-block:42vh 90px}
.v3-ch-copy{width:100%}
.v3-list{grid-template-columns:minmax(0,1fr)}
.v3-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:22px 0}
.v3-row-n{display:none}
.v3-row-t{font-size:clamp(30px,9vw,44px)}
.v3-row-c{text-align:left}
.v3-row-img{display:block;grid-column:1/-1;order:-1;border-radius:14px;overflow:hidden;aspect-ratio:16/10;margin-bottom:12px}
.v3-row-img img{width:100%;height:100%;object-fit:cover}
@media (hover:hover){.v3-idx:hover .v3-row{opacity:1}}
@media (hover:hover){.v3-row:hover .v3-row-t{transform:none}}
.v3-finale .wrap{padding-top:52vh}}
@media (prefers-reduced-motion:reduce){.js .v3-display .ln>span{transform:none;animation:none}
.v3-scroll i,.v3-live i{animation:none}}
.v3-live[hidden]{display:none}
.v3-band{position:relative;overflow:hidden;padding-block:clamp(26px,3vw,44px);border-block:1px solid rgba(255,255,255,.08)}
.v3-band-row{display:flex;width:max-content;will-change:transform}
.v3-band-row span{flex:none;padding-inline-end:.4em;font:700 clamp(44px,7vw,120px)/1 var(--display);letter-spacing:-.02em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.28)}
.v3-band-row span:nth-child(odd){-webkit-text-stroke-color:rgba(183,166,240,.45)}
.v3-pulse{position:relative;padding-block:clamp(100px,12vw,180px)}
.v3-pulse-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,100px);align-items:start}
.v3-dot{width:8px;height:8px;border-radius:50%;background:#4ADE80;animation:pulse 2s infinite;display:inline-block}
.v3-pulse .kicker::before{display:none}
.v3-stats{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 40px}
.v3-stats li{display:grid;gap:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.v3-stats b{font:700 clamp(48px,5.4vw,84px)/1 var(--display);letter-spacing:-.03em;direction:ltr;unicode-bidi:isolate;text-align:right;background:linear-gradient(270deg,#fff,#B7A6F0);-webkit-background-clip:text;background-clip:text;color:transparent}
.v3-stats span{font-size:15.5px;color:var(--mute-d);max-width:260px}
.v3-feed{position:sticky;top:calc(var(--hdr) + 24px);padding:26px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.v3-feed-h{display:flex;justify-content:space-between;align-items:center;font:700 15px/1 var(--display);color:#fff;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.v3-live-tag{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.08em;color:#4ADE80}
.v3-live-tag i{width:7px;height:7px;border-radius:50%;background:#4ADE80;animation:pulse 2s infinite}
.v3-feed-l{list-style:none;margin:0;padding:0}
.v3-feed-l li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:15px;color:rgba(255,255,255,.86);animation:feedIn .8s var(--ease) both}
.v3-feed-l li:nth-child(n+2){opacity:.82}
.v3-feed-l li:nth-child(n+5){opacity:.55}
.v3-feed-l li:nth-child(n+7){opacity:.32}
.v3-feed-l time{flex:none;font-size:13px;color:var(--mute-d)}
.v3-feed-t{position:relative;padding-inline-start:16px}
.v3-feed-t::before{content:"";position:absolute;inset-inline-start:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--grad)}
.v3-feed-note{margin-top:14px;font-size:12.5px;color:var(--mute-d)}
@keyframes feedIn{from{opacity:0;transform:translateY(-8px)}}
.v3-revs{display:grid;gap:16px;margin-inline:calc(var(--pad) * -1);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.v3-rev-row{display:flex;width:max-content;animation:revRoll 70s linear infinite}
.v3-rev-row.rev{animation-duration:82s;animation-direction:reverse}
@media (hover:hover){.v3-revs:hover .v3-rev-row{animation-play-state:paused}}
.v3-rev-set{display:flex;gap:16px;padding-inline-end:16px}
.v3-rev-set .rvw{flex:none;width:min(420px,78vw);margin:0}
@keyframes revRoll{to{transform:translateX(50%)}}
@media (max-width:900px){.v3-pulse-in{grid-template-columns:minmax(0,1fr)}
.v3-feed{position:relative;top:auto}}
@media (max-width:760px){.v3-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 18px}
.v3-stats span{font-size:14px}}
@media (prefers-reduced-motion:reduce){.v3-rev-row{animation:none}
.v3-revs{overflow-x:auto}
.v3-dot,.v3-live-tag i{animation:none}}
.v4-hero{position:relative;height:250vh;background:var(--ink);color:#fff}
.v4-hero-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.v4-hero-glow{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(60vmax 38vmax at 50% 38%,rgba(155,45,148,.30),transparent 62%),
  radial-gradient(40vmax 30vmax at 62% 44%,rgba(85,70,152,.28),transparent 65%),
  radial-gradient(120vmax 80vmax at 50% 120%,rgba(0,0,0,.9),transparent 60%)}
.v4-hero-in{position:relative;z-index:2;height:100%;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;text-align:center;padding-top:calc(var(--hdr) + 26px);padding-bottom:clamp(24px,5vh,56px)}
.v4-h1{margin:0;font:600 13px/1.4 var(--body);letter-spacing:.08em;color:rgba(255,255,255,.62);text-transform:none}
.v4-lines{grid-row:3;position:relative;width:100%;height:1.15em;font:700 clamp(38px,4.4vw,78px)/1.02 var(--display);letter-spacing:-.025em;margin:0 0 clamp(20px,3.6vh,40px)}
.v4-hero-foot{grid-row:4}
.v4-line{position:absolute;inset:0;margin:0;white-space:nowrap;will-change:transform,opacity,filter}
.v4-line em{font-style:normal;background:linear-gradient(90deg,#F2B8EE,#C9A8FF 55%,#9D8CF0);-webkit-background-clip:text;background-clip:text;color:transparent}
.v4-line:not([data-l="0"]){opacity:0}
.v4-hero-foot{display:flex;flex-direction:column;align-items:center;gap:18px}
.v4-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0;padding:0;list-style:none;font-size:14px;color:rgba(255,255,255,.66)}
.v4-proof li{display:inline-flex;align-items:center;gap:7px}
.v4-proof b{color:#fff;font:700 15px/1 var(--display)}
.v4-proof a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(183,166,240,.6);display:inline-flex;align-items:center;gap:6px;padding-bottom:2px}
.v4-proof a svg{width:14px;height:14px}
.v4-mark{position:absolute;top:125vh;left:0;width:1px;height:1px;pointer-events:none}
.v4-hero .v3-scroll{z-index:3}
.v4-build{position:relative;height:620vh;background:var(--ink);color:#fff}
.v4-build-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:
  radial-gradient(70vmax 50vmax at 30% 55%,rgba(85,70,152,.16),transparent 60%),
  radial-gradient(50vmax 40vmax at 75% 30%,rgba(155,45,148,.10),transparent 60%),var(--ink)}
.v4-build-in{height:100%;display:grid;grid-template-columns:minmax(300px,.78fr) 1.7fr;align-items:center;gap:clamp(24px,4vw,72px);padding-top:var(--hdr)}
.v4-steps{position:relative;z-index:2}
.v4-build-h{margin:10px 0 26px;font:700 clamp(30px,3vw,48px)/1.06 var(--display);letter-spacing:-.02em}
.v4-step-list{list-style:none;margin:0;padding:0;counter-reset:none}
.v4-step{display:grid;grid-template-columns:34px 1fr;column-gap:12px;padding:7px 0;color:rgba(255,255,255,.3);transition:color .45s var(--ease)}
.v4-step .n{font:600 12px/26px var(--display);letter-spacing:.04em}
.v4-step b{font:700 clamp(17px,1.35vw,21px)/26px var(--display)}
.v4-step .d{grid-column:2;display:block;max-height:0;overflow:hidden;opacity:0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.7);transition:max-height .6s var(--ease),opacity .5s var(--ease),margin .6s var(--ease)}
.v4-step.is-on{color:#fff}
.v4-step.is-on .n{color:#B7A6F0}
.v4-step.is-on .d{max-height:4.8em;opacity:1;margin-top:4px}
.v4-step.is-done{color:rgba(255,255,255,.55)}
.v4-prog{position:relative;height:2px;margin-top:22px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}
.v4-prog i{position:absolute;inset:0;transform-origin:right;transform:scaleX(0);background:linear-gradient(270deg,#9B2D94,#8D6BE8)}
.v4-scene{position:relative;height:100%;display:grid;place-items:center;perspective:2400px;perspective-origin:50% 40%}
.v4-rig{position:relative;width:min(100%,900px);transform-style:preserve-3d;will-change:transform}
.v4-board{--plate:0;position:relative;width:100%;aspect-ratio:1000/640;container-type:inline-size;transform-style:preserve-3d;
  font-family:var(--display);color:#16130F;direction:rtl}
.v4-l{position:absolute;inset:0;border-radius:1.2cqw;transform-style:preserve-3d;will-change:transform,opacity;
  background:rgba(250,247,243,calc(var(--plate) * .05));box-shadow:0 0 0 1px rgba(183,166,240,calc(var(--plate) * .45))}
.v4-l::after{content:attr(data-n);position:absolute;top:-2.6cqw;right:0;font:600 1.15cqw/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;direction:ltr;color:#B7A6F0;opacity:var(--plate);letter-spacing:.02em}
.v4-l-base{background:#FBF8F3;box-shadow:0 60px 120px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06)}
.v4-l-base::after{display:none}
.v4-art-lbl{position:absolute;top:-2.6cqw;right:0;font:600 1.15cqw/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:rgba(255,255,255,.5);direction:ltr}
.v4-l-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.6cqw;padding:0 4cqw}
.v4-l-grid i{background:rgba(255,90,54,.07);box-shadow:inset 1px 0 0 rgba(255,90,54,.18),inset -1px 0 0 rgba(255,90,54,.18);transform-origin:top}
.v4-l-wire i{position:absolute;border-radius:.6cqw;background:#E7E1D8}
.w-nav{top:3.5%;height:7%;right:4%;left:4%;border-radius:.8cqw!important;background:#EEE9E1!important}
.w-h1{top:21%;right:6%;width:40%;height:6%}
.w-h2{top:29.5%;right:6%;width:28%;height:6%}
.w-p{top:43%;right:6%;width:40%;height:2.4%}
.w-p2{top:47.5%;right:6%;width:31%;height:2.4%}
.w-btn{top:56%;right:6%;width:17%;height:7.5%;border-radius:4cqw!important}
.w-btn2{top:56%;right:25%;width:12%;height:7.5%;border-radius:4cqw!important}
.w-img{top:17%;left:5%;width:42%;height:48%}
.w-c1,.w-c2,.w-c3{top:71%;height:23%;width:28.6%}
.w-c1{right:5%}
.w-c2{right:35.7%}
.w-c3{right:66.4%}
.v4-l-img .m-img{position:absolute;top:17%;left:5%;width:42%;height:48%;border-radius:1cqw;overflow:hidden;
  background:radial-gradient(60% 70% at 30% 30%,#FFB38A,transparent 70%),radial-gradient(70% 80% at 80% 80%,#7A2E5E,transparent 70%),linear-gradient(135deg,#FF7A4D,#E0455E 55%,#5A2A6B)}
.m-orb{position:absolute;width:38%;aspect-ratio:1;border-radius:50%;left:18%;top:22%;background:radial-gradient(circle at 35% 30%,#fff,rgba(255,255,255,.2) 40%,transparent 70%);filter:blur(.2cqw);opacity:.75}
.m-orb2{width:20%;left:60%;top:55%;opacity:.5}
.m-c{position:absolute;top:71%;height:23%;width:28.6%;border-radius:1cqw;background:#fff;box-shadow:0 1.4cqw 3cqw -1.6cqw rgba(22,19,15,.25),0 0 0 1px rgba(22,19,15,.06);overflow:hidden}
.m-c1{right:5%}
.m-c2{right:35.7%}
.m-c3{right:66.4%}
.m-th{position:absolute;inset:0 0 42% 0;background:linear-gradient(135deg,#FFD2B8,#FF8A5B)}
.m-c2 .m-th{background:linear-gradient(135deg,#F4C6D8,#C8507A)}
.m-c3 .m-th{background:linear-gradient(135deg,#E3D2F2,#8A5AB8)}
.v4-l-type .m-nav{position:absolute;top:3.5%;height:7%;right:6%;left:18%;display:flex;align-items:center;gap:3cqw;font:500 1.45cqw/1 var(--body);color:#5B544B}
.m-logo{font:700 2cqw/1 var(--display);color:#16130F;margin-inline-end:auto}
.m-h{position:absolute;top:19.5%;right:6%;width:46%;margin:0;font:700 5.1cqw/1.06 var(--display);letter-spacing:-.02em;color:#16130F}
.m-p{position:absolute;top:42%;right:6%;width:40%;margin:0;font:400 1.6cqw/1.55 var(--body);color:#6A6258}
.m-cards span{position:absolute;top:86%;font:700 1.55cqw/1 var(--display);color:#16130F}
.m-cards span:nth-child(1){right:7%}
.m-cards span:nth-child(2){right:37.7%}
.m-cards span:nth-child(3){right:68.4%}
.v4-l-ui span{position:absolute;display:grid;place-items:center;border-radius:4cqw;font:700 1.45cqw/1 var(--display)}
.m-cta{top:56%;right:6%;width:17%;height:7.5%;background:#FF5A36;color:#fff;box-shadow:0 1.2cqw 2.4cqw -1cqw rgba(255,90,54,.7)}
.m-cta2{top:56%;right:25%;width:12%;height:7.5%;color:#16130F;box-shadow:inset 0 0 0 .15cqw #16130F}
.m-navbtn{top:4.6%;left:5%;width:11%;height:4.8%;background:#16130F;color:#fff}
.m-cursor{top:70%;right:40%;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;opacity:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.m-cursor svg{width:2.4cqw;height:2.4cqw}
.v4-browser{position:absolute;bottom:100%;left:0;right:0;height:5.4cqw;display:flex;align-items:center;gap:1.6cqw;padding:0 1.6cqw;border-radius:1.2cqw 1.2cqw 0 0;background:#1C1924;box-shadow:0 0 0 1px rgba(255,255,255,.07);opacity:0;direction:ltr;transform-origin:bottom}
.v4-dots{display:flex;gap:.7cqw}
.v4-dots i{width:1.1cqw;height:1.1cqw;border-radius:50%;background:#3A3546}
.v4-url{flex:1;max-width:44%;margin:0 auto;height:3cqw;display:grid;place-items:center;border-radius:2cqw;background:#282433;color:rgba(255,255,255,.75);font:500 1.35cqw/1 var(--body);direction:rtl}
.v4-score,.v4-a11y,.v4-serp,.v4-lead{position:absolute;opacity:0;color:#fff;font-family:var(--body);will-change:transform,opacity}
.v4-score{top:12%;left:-7%;width:13%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:rgba(20,17,28,.92);box-shadow:0 30px 60px -20px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.v4-score svg{position:absolute;inset:10%;width:80%;height:80%;transform:rotate(-90deg)}
.v4-score circle{fill:none;stroke:rgba(255,255,255,.1);stroke-width:3}
.v4-score .v4-score-arc{stroke:#3DDC84;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:119.4}
.v4-score b{position:relative;font:700 clamp(18px,2.2vw,34px)/1 var(--display);margin-top:-6%}
.v4-score span{position:absolute;bottom:22%;font-size:clamp(9px,.7vw,11px);color:rgba(255,255,255,.6)}
.v4-a11y{top:36%;left:-9%;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(20,17,28,.92);font-size:13px;white-space:nowrap;box-shadow:0 20px 40px -16px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.08)}
.v4-a11y i{width:8px;height:8px;border-radius:50%;background:#3DDC84}
.v4-serp{left:-6%;bottom:-12%;width:52%;display:grid;gap:4px;padding:16px 18px;border-radius:16px;background:#fff;color:#202124;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);font-family:Arial,var(--body)}
.v4-serp-q{display:flex;align-items:center;gap:8px;padding:7px 12px;margin-bottom:6px;border-radius:999px;background:#F1F3F4;font-size:13px;color:#3C4043}
.v4-serp-u{font-size:12px;color:#4D5156}
.v4-serp-t{font:400 clamp(14px,1.3vw,19px)/1.3 Arial,var(--body);color:#1A0DAB}
.v4-serp-d{font-size:13px;line-height:1.5;color:#4D5156}
.v4-serp-ai{justify-self:start;margin-top:6px;padding:5px 10px;border-radius:999px;background:linear-gradient(90deg,rgba(155,45,148,.12),rgba(85,70,152,.12));color:#6D2F8E;font:600 12px/1 var(--body)}
.v4-lead{top:-9%;right:-5%;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 20px;border-radius:16px;background:rgba(20,17,28,.94);box-shadow:0 30px 60px -20px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.1);font-size:13px;color:rgba(255,255,255,.7)}
.v4-lead i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#9B2D94,#554698);position:relative;flex:none}
.v4-lead i::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.v4-lead b{display:block;color:#fff;font:700 14px/1.4 var(--display)}
.v4-svc{background:var(--ink);color:#fff}
.v4-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,36px);margin-top:clamp(28px,4vw,56px)}
.v4-svc-col{position:relative;padding:clamp(22px,2.4vw,34px);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.v4-svc-n{margin:0 0 14px;font:600 13px/1 var(--display);letter-spacing:.04em;color:#B7A6F0}
.v4-svc-col h3{margin:0 0 10px;font:700 clamp(22px,1.9vw,28px)/1.15 var(--display)}
.v4-svc-col>p{margin:0 0 18px;color:rgba(255,255,255,.68);font-size:16px;line-height:1.6}
.v4-svc-col .v3-live{margin:0 0 16px}
@media (max-width:900px){.v4-build-in{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;gap:0;padding-top:calc(var(--hdr) + 8px)}
.v4-scene{order:-1;height:auto;padding:5.5vw 0 7vw;perspective:1400px}
.v4-rig{width:88%}
.v4-build-h{font-size:26px;margin:4px 0 12px}
.v4-steps .kicker{display:none}
.v4-step{display:none}
.v4-step.is-on{display:grid}
.v4-step b{font-size:22px}
.v4-step .d{font-size:15.5px}
.v4-score{left:-4%;top:6%;width:17%}
.v4-score span{display:none}
.v4-a11y{display:none}
.v4-serp{left:-4%;bottom:-18%;width:70%;padding:10px 12px}
.v4-serp-q,.v4-serp-d{display:none}
.v4-lead{top:-14%;right:-4%;padding:8px 12px;font-size:11px}
.v4-lead b{font-size:12px}
.v4-lead i{width:26px;height:26px}
.v4-lead i::after{inset:7px}
.v4-svc-grid{grid-template-columns:1fr}}
@media (max-width:760px){.v4-hero-in{grid-template-rows:auto 1fr auto auto;padding-top:calc(var(--hdr) + 16px)}
.v4-h1{font-size:11.5px;letter-spacing:.04em;max-width:30ch}
.v4-lines{font-size:clamp(30px,9.4vw,44px);height:2.2em}
.v4-line{white-space:normal;inset:auto 0 0 0}
.v4-proof{font-size:12.5px;gap:6px 14px}
.v4-proof li:last-child{flex-basis:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.v4-hero,.v4-build{height:auto}
.v4-hero-pin,.v4-build-pin{position:relative;height:auto;min-height:100vh}
.v4-line{position:relative;opacity:1!important;white-space:normal}
.v4-lines{height:auto}
.v4-step{display:grid!important;color:#fff}
.v4-step .d{max-height:none;opacity:1}
.v4-score,.v4-a11y,.v4-serp,.v4-lead,.v4-browser{opacity:1}}
.v4-build-in{position:relative;z-index:2}
.v4-hero{background:#000}
.v4-seq{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s ease;will-change:transform}
.v4-seq.on{opacity:1}
.v4-hero .v4-hero-glow{background:
  linear-gradient(to bottom,rgba(0,0,0,.35),transparent 22%,transparent 62%,rgba(11,10,16,.55) 84%,var(--ink)),
  radial-gradient(ellipse 80% 70% at 50% 42%,transparent 55%,rgba(0,0,0,.6))}
.v4-hero .v4-line{text-shadow:0 2px 30px rgba(0,0,0,.65)}
.v4-hero .v4-proof,.v4-hero .v4-h1{text-shadow:0 1px 12px rgba(0,0,0,.8)}
.v4-hero .v3-scroll{display:none}
.v3 .cur{display:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}
.v3-chapters{background:var(--ink)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.v3-band-row{transform:none!important}}
/* ---- X-ray lens: the page's own blueprint under a Figma-style frame ---- */
.xr{position:absolute;left:0;width:100%;z-index:40;pointer-events:none;visibility:hidden;margin:0;
  background-color:#0E0B18;background-image:linear-gradient(rgba(155,110,210,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(155,110,210,.09) 1px,transparent 1px);background-size:24px 24px;will-change:clip-path}
.xr *,.xr *::before,.xr *::after{color:rgba(226,208,245,.92)!important;-webkit-text-fill-color:currentColor!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important;border-color:rgba(190,150,230,.28)!important;opacity:1!important;visibility:visible!important;filter:none!important;animation:none!important;transition:none!important;backdrop-filter:none!important}
.xr *:not(.xr-t){transform:none!important}
.xr section,.xr div,.xr ul,.xr ol,.xr li,.xr p,.xr h1,.xr h2,.xr h3,.xr a,.xr figure,.xr form,.xr label{outline:1px dashed rgba(205,165,240,.42);outline-offset:-1px}
.xr section{outline:1px solid rgba(183,166,240,.7)}
.xr h1,.xr h2,.xr h3,.xr .v3-display,.xr .statement{outline:1px solid rgba(199,125,219,.75)}
.xr .btn,.xr .mbar-cta{outline:1.5px solid #B7A6F0!important;outline-offset:0}
.xr img,.xr .xr-img{object-position:-99999px 0!important;outline:1px solid rgba(199,125,219,.6);background:repeating-linear-gradient(45deg,rgba(155,110,210,.16) 0 1px,transparent 1px 12px)!important}
.xr .xr-rel{position:relative}
.xr .xr-t{position:absolute;top:0;inset-inline-end:0;z-index:3;direction:ltr;unicode-bidi:isolate;white-space:nowrap;pointer-events:none;
  font:600 10px/16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:0!important;text-transform:none!important;
  color:#fff!important;background:#9B2D94!important;padding:0 6px;border-radius:0 0 0 3px;outline:0!important}
.xr section>.xr-t,.xr .wrap>.xr-t{top:0;inset-inline-end:0;border-radius:0 0 0 4px;background:#554698!important}
.xr-frame{position:fixed;left:0;top:0;z-index:41;pointer-events:none;opacity:0;border:1.5px solid #B7A6F0;box-shadow:0 0 0 1px rgba(11,10,16,.5),0 30px 80px -20px rgba(155,45,148,.55);will-change:transform}
.xr-frame .xr-gl{position:absolute;inset:0;width:100%;height:100%;display:block}
.xr-frame i{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid #9B2D94;border-radius:2px}
.xr-frame i:nth-of-type(1){top:-5px;left:-5px}.xr-frame i:nth-of-type(2){top:-5px;right:-5px}.xr-frame i:nth-of-type(3){bottom:-5px;left:-5px}.xr-frame i:nth-of-type(4){bottom:-5px;right:-5px}
.xr-lbl{position:absolute;bottom:calc(100% + 8px);left:-1.5px;direction:ltr;white-space:nowrap;font:600 11px/22px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff;background:#9B2D94;padding:0 8px;border-radius:4px}
.xr-hint{position:absolute;top:calc(100% + 10px);right:0;white-space:nowrap;font:600 13px/1.4 var(--display);color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.8);transition:opacity .4s}
.xr-lbl:lang(he),[dir=rtl] .xr-lbl{font-family:var(--body),ui-monospace,monospace}
@media (hover:none),(pointer:coarse){.xr-frame{border-width:1.5px 0;box-shadow:none}.xr-frame i{display:none}.xr-lbl{left:auto;right:12px;bottom:auto;top:10px;direction:rtl}}
.xr-toggle{position:fixed;left:24px;bottom:24px;z-index:42;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px;border:0;border-radius:999px;cursor:pointer;
  background:rgba(22,20,31,.88);color:#fff;font:700 14px/1 var(--display);box-shadow:inset 0 0 0 1px rgba(183,166,240,.35),0 16px 40px -14px rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.xr-toggle kbd{font:600 11px/18px ui-monospace,monospace;padding:0 6px;border-radius:4px;background:rgba(255,255,255,.12)}
.xr-dot{width:8px;height:8px;border-radius:50%;background:#6B6680;transition:background .3s}
.xr-toggle[aria-pressed=true] .xr-dot{background:#B7A6F0;box-shadow:0 0 0 4px rgba(183,166,240,.25)}
.xr-toggle:focus-visible{outline:2px solid #B7A6F0;outline-offset:3px}
@media (hover:hover){.xr-toggle:hover{box-shadow:inset 0 0 0 1px #B7A6F0,0 16px 40px -14px rgba(0,0,0,.6)}}
@media (max-width:899px){.xr-toggle{display:none}}

.xr-sel{position:fixed;left:0;top:0;z-index:42;pointer-events:none;opacity:0;border:1.5px solid #B7A6F0;transition:opacity .2s;will-change:transform}
.xr-sel b{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);direction:ltr;white-space:nowrap;font:600 10.5px/20px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff;background:#B7A6F0;color:#0B0A10;padding:0 7px;border-radius:4px}
.xr-insp{position:fixed;left:0;top:0;z-index:43;width:190px;pointer-events:none;opacity:0;direction:ltr;padding:10px 12px;border-radius:10px;background:rgba(18,15,28,.94);box-shadow:inset 0 0 0 1px rgba(183,166,240,.3),0 24px 60px -18px rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:500 11px/1.9 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff;transition:opacity .25s;will-change:transform}
.xr-insp div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.06)}
.xr-insp div:last-child{border:0}
.xr-insp span{color:#9C93B5}
.xr-insp b{font-weight:600;display:inline-flex;align-items:center;gap:6px;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xr-insp i{width:10px;height:10px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}

:root{
  --st-day:radial-gradient(90% 55% at 50% 0%,#FFFFFF,rgba(255,255,255,0) 70%),linear-gradient(180deg,#F4F3F8,#EAE8F1);
  --st-paper:#F6F4EF;
  --st-brand:radial-gradient(80% 60% at 85% 0%,rgba(183,166,240,.28),transparent 60%),linear-gradient(160deg,#4B1D6C,#2C2161 58%,#1B1742);
  --st-night:#000;
  --rim-n:linear-gradient(100deg,rgba(210,75,198,.55),rgba(255,255,255,.07) 34%,rgba(255,255,255,.05) 66%,rgba(106,91,255,.55));
  --rim-d:linear-gradient(100deg,rgba(192,60,180,.5),rgba(11,10,16,.07) 34%,rgba(11,10,16,.06) 66%,rgba(96,80,230,.5));
  --lip:44px;
}
body{background:#000}
.chap{position:relative}
.chap+.chap{margin-top:calc(var(--lip) * -1)}
.chap-bg{position:absolute;inset:0;z-index:0;pointer-events:none;transform-origin:50% 0}
.chap+.chap>.chap-bg{border-radius:var(--lip) var(--lip) 0 0;box-shadow:0 -30px 70px -40px rgba(0,0,0,.6)}
.chap section,.chap .sec{background:transparent}
.chap-day{color:var(--ink)}
.chap-day>.chap-bg{background:var(--st-day)}
.chap-paper{color:var(--ink);--paper:#EFECE5;--paper-2:#E7E3DA;--line:rgba(40,30,20,.12)}
.chap-paper>.chap-bg{background:var(--st-paper)}
.chap-brand{color:#fff}
.chap-brand>.chap-bg{background:var(--st-brand)}
.chap-night{color:#fff}
.chap-night>.chap-bg{background:var(--st-night)}
.chap-night.chap-end>.chap-bg{background:radial-gradient(70% 50% at 50% 100%,rgba(155,45,148,.22),transparent 70%),#07060B}
.chap-studio>.chap-bg{background:#000}
.chap[data-ch]::before{content:attr(data-ch) / "";position:absolute;z-index:3;top:16px;left:var(--pad);font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;direction:ltr;opacity:.5}
.chap-studio[data-ch]::before{display:none}
.chap-night .kicker,.chap-brand .kicker{color:var(--mute-d)}
.chap-day .h2 em,.chap-paper .h2 em{font-style:normal;background:linear-gradient(270deg,#A0299A,#7434A0 55%,#4E44A0);-webkit-background-clip:text;background-clip:text;color:transparent}
section>.wrap{position:relative;z-index:2}
.chap .v5-make-pin{position:sticky;z-index:2}
.chap .dhero-pin{position:sticky;z-index:0}
.v3-stage{transition:opacity .25s linear}
.v3-stage.on{opacity:calc(var(--hand,1) * var(--dim,1))}
.dhero{position:relative;height:210vh}
.dhero-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.dhero-frame{position:absolute;inset:0;z-index:0;overflow:hidden;background:#D9D8DE;will-change:transform}
.dhero-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.dhero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(9,7,15,.95) 0%,rgba(9,7,15,.84) 34%,rgba(9,7,15,.5) 62%,rgba(9,7,15,.08) 84%),linear-gradient(to bottom,rgba(9,7,15,.5),rgba(9,7,15,0) 22%)}
.v3 main .dhero-in{position:absolute;inset:auto 0 clamp(34px,6.5vh,76px) 0;z-index:2;color:#fff;text-align:right}
.dhero-k{margin:0;font:600 clamp(13px,1vw,15px)/1.3 var(--display);letter-spacing:.04em;color:rgba(255,255,255,.72)}
.dhero-t{margin:clamp(8px,1.4vh,14px) 0 0;font:700 clamp(58px,9.6vw,164px)/.9 var(--display);letter-spacing:-.04em}
.dhero-t em{font-style:normal;background:linear-gradient(270deg,#F2B8EE,#C9A8FF 55%,#9D8CF0);-webkit-background-clip:text;background-clip:text;color:transparent}
.dhero-s{margin:clamp(12px,2vh,20px) 0 0;max-width:560px;font-size:clamp(16px,1.3vw,20px);line-height:1.5;color:rgba(255,255,255,.84)}
.dhero-foot{margin-top:clamp(18px,3vh,32px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.dhero-in .hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.dhero-proof{justify-content:flex-start}
.dhero-in>*{animation:dheroIn 1.1s var(--ease) both}
.dhero-in>:nth-child(2){animation-delay:.08s}
.dhero-in>:nth-child(3){animation-delay:.18s}
.dhero-in>:nth-child(4){animation-delay:.28s}
@keyframes dheroIn{from{opacity:.01;transform:translateY(34px)}to{opacity:1;transform:none}}
.dhero-tag{position:absolute;z-index:2;top:calc(var(--hdr) + 18px);left:var(--pad);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(12,10,18,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font:600 12.5px/1 var(--display);color:#fff}
.dhero-tag i{width:7px;height:7px;border-radius:50%;background:#FF4D6D;box-shadow:0 0 0 4px rgba(255,77,109,.2);animation:pulse 2s infinite}
.dhero-night{position:absolute;inset:0;z-index:4;background:var(--st-day);opacity:0;pointer-events:none}
@media (max-width:760px){.dhero-t{font-size:clamp(50px,15vw,70px)}
.dhero-foot{flex-direction:column;align-items:stretch;gap:16px}
.dhero-in .hero-cta{flex-direction:column}
.dhero-in .hero-cta .btn{width:100%}
.dhero-proof{justify-content:center}
.dhero-tag{font-size:11px}}
@media (prefers-reduced-motion:reduce){.dhero{height:100vh}
.dhero-in>*{animation:none}}
.v5-make{position:relative;height:560vh}
.v5-make-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.v5-make-in{height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--hdr) + 6px);padding-bottom:18px}
.v5-make-head{display:block}
.v5-make-head .kicker{margin-bottom:10px}
.v5-make-head .h2{font-size:clamp(30px,3.6vw,56px)}
.v5-stage{position:relative;margin-top:clamp(14px,2.4vh,26px)}
.v5-ed{--lw:170px;--pw:190px;position:relative;border-radius:18px;background:#fff;direction:ltr;overflow:hidden;
  box-shadow:0 70px 120px -60px rgba(40,24,70,.5),0 0 0 1px rgba(11,10,16,.08)}
.v5-bar{position:relative;height:44px;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid #ECE9F1;font:600 12.5px/1 var(--display);color:#6F6A7C}
.v5-mark{display:grid;place-items:center;height:24px;padding:0 8px;border-radius:6px;background:linear-gradient(120deg,#A0299A,#4E44A0);color:#fff;font:700 11px/1 var(--display);letter-spacing:.04em}
.v5-file{direction:rtl;color:#0B0A10}
.v5-file em{font-style:normal;color:#9A95A8}
.v5-avs{margin-left:auto;display:flex}
.v5-avs i{display:grid;place-items:center;width:26px;height:26px;margin-left:-6px;border-radius:50%;font:700 11px/1 var(--display);font-style:normal;color:#fff;box-shadow:0 0 0 2px #fff}
.av-d{background:#C03CB4}
.av-c{background:#7B4FD0}
.av-g{background:#4E5BE0}
.v5-pub{display:grid;place-items:center;height:28px;padding:0 16px;border-radius:999px;background:linear-gradient(270deg,#9B2D94,#614994);color:#fff;font:700 12.5px/1 var(--display);box-shadow:0 8px 18px -8px rgba(155,45,148,.8)}
.v5-body{display:grid;grid-template-columns:var(--lw) minmax(0,1fr) var(--pw);height:clamp(360px,54vh,540px)}
.v5-layers,.v5-props{overflow:hidden;white-space:nowrap;padding:14px 12px;font:500 12px/1.2 var(--body);color:#8A8597}
.v5-layers{border-right:1px solid #ECE9F1}
.v5-props{border-left:1px solid #ECE9F1}
.v5-layers p,.v5-props p{margin:0 0 12px;font:600 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#0B0A10}
.v5-layers ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.v5-layers li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;transition:background .3s,color .3s;opacity:.45}
.v5-layers li i{width:10px;height:10px;border-radius:2px;box-shadow:inset 0 0 0 1.5px currentColor}
.v5-layers li.is-in{opacity:1}
.v5-layers li.is-on{background:rgba(123,79,208,.1);color:#0B0A10}
.v5-props dl{margin:0;display:grid;gap:12px}
.v5-props dl div{display:grid;gap:5px}
.v5-props dt{font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;color:#A49FB0}
.v5-props dd{margin:0;display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:7px;background:#F4F3F8;color:#0B0A10;font:600 12.5px/1 var(--body);transition:background .4s}
.v5-props dd.flash{background:rgba(123,79,208,.14)}
.v5-props dd i{width:14px;height:14px;border-radius:4px;background:#0F0D15;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.v5-canvas{position:relative;display:grid;place-items:center;background:#EEEDF3;background-image:radial-gradient(rgba(11,10,16,.1) 1px,transparent 1.2px);background-size:18px 18px}
.v5-art{position:relative;width:min(84%,calc((clamp(360px,54vh,540px) - 56px) * 1.5625));direction:rtl}
.v5-art .v4-board{transform-style:flat}
.v5-sel{position:absolute;z-index:6;top:0;right:0;width:100%;height:100%;box-shadow:0 0 0 1.5px #7B4FD0;opacity:0;pointer-events:none}
.v5-sel i{position:absolute;width:8px;height:8px;background:#fff;box-shadow:0 0 0 1.5px #7B4FD0}
.v5-sel i:nth-child(1){top:-4px;left:-4px}
.v5-sel i:nth-child(2){top:-4px;right:-4px}
.v5-sel i:nth-child(3){bottom:-4px;left:-4px}
.v5-sel i:nth-child(4){bottom:-4px;right:-4px}
.v5-sel-n{position:absolute;bottom:calc(100% + 6px);left:-1px;padding:4px 7px;border-radius:4px;background:#7B4FD0;color:#fff;font:600 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap;direction:ltr}
.v5-cur{position:absolute;z-index:7;top:50%;left:50%;display:flex;align-items:flex-start;gap:2px;opacity:0;pointer-events:none;direction:ltr}
.v5-cur svg{width:18px;height:18px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.v5-cur path{stroke:#fff;stroke-width:1.4;stroke-linejoin:round}
.v5-cur b{margin-top:14px;padding:4px 8px;border-radius:999px;color:#fff;font:700 11px/1 var(--display);white-space:nowrap}
.cur-d path{fill:#C03CB4}
.cur-d b{background:#C03CB4}
.cur-c path{fill:#7B4FD0}
.cur-c b{background:#7B4FD0}
.cur-g path{fill:#4E5BE0}
.cur-g b{background:#4E5BE0}
.v5-live{position:absolute;inset:0;z-index:8;pointer-events:none;direction:rtl}
.v5-live .v4-browser{position:absolute;top:-45px;bottom:auto;left:0;right:0;height:44px;border-radius:0;transform-origin:50% 100%}
.v5-live .v4-browser{gap:10px;padding:0 14px;background:#fff;box-shadow:0 1px 0 #ECE9F1;color:#0B0A10}
.v5-live .v4-url{font:600 12.5px/1 var(--body);color:#0B0A10}
.v5-live .v4-score{top:8%;left:3%;width:clamp(76px,9vw,120px)}
.v5-live .v4-a11y{top:auto;bottom:6%;left:auto;right:3%}
.v5-live .v4-serp{left:3%;bottom:5%;width:min(46%,420px)}
.v5-live .v4-lead{top:6%;right:3%}
.v5-art .v4-l-ui .m-cta{transform-origin:50% 50%}
.v5-cap{position:relative;display:flex;align-items:baseline;gap:14px;margin-top:clamp(14px,2.2vh,24px);min-height:32px}
.v5-cap .n{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--m)}
.v5-cap b{font:700 clamp(20px,1.8vw,26px)/1.1 var(--display)}
.v5-cap .d{font-size:clamp(15px,1.15vw,17px);color:var(--mute)}
.v5-make .v4-prog{margin-top:12px}
@media (max-width:900px){.v5-make{height:520vh}
.v5-make-head{display:block}
.v5-ed{--lw:0px;--pw:0px}
.v5-body{height:auto}
.v5-layers,.v5-props{padding:0;border:0}
.v5-canvas{padding:26px 0}
.v5-art{width:90%}
.v5-body{height:auto}
.v5-file em,.v5-avs{display:none}
.v5-cap{flex-wrap:wrap;gap:4px 10px}
.v5-cap .d{flex-basis:100%}}
.v4-logo .v4-hero-in{padding-top:0;grid-template-rows:1fr auto;align-content:end}
.v4-logo .v4-lines{grid-row:1;align-self:end;margin-bottom:clamp(60px,12vh,130px)}
.v3-feed{border:1px solid transparent;background:linear-gradient(180deg,#15121D,#0E0C14) padding-box,var(--rim-n) border-box}
.v4-board{color:#fff}
.v4-l.v4-l-base{background:#0F0D15;box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08)}
.v4-l{background:rgba(255,255,255,calc(var(--plate) * .025))}
.v4-l-grid i{background:rgba(183,166,240,.05);box-shadow:inset 1px 0 0 rgba(183,166,240,.16),inset -1px 0 0 rgba(183,166,240,.16)}
.v4-l-wire i{background:rgba(255,255,255,.07)}
.w-nav{background:rgba(255,255,255,.05)!important}
.v4-l-img .m-img{background:radial-gradient(55% 60% at 28% 26%,rgba(242,184,238,.55),transparent 70%),radial-gradient(70% 80% at 85% 90%,#2A1F5E,transparent 70%),linear-gradient(120deg,#A0299A,#7434A0 50%,#4E44A0)}
.m-c{background:linear-gradient(180deg,#1A1622,#120F18);box-shadow:0 1.4cqw 3cqw -1.6cqw rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08)}
.m-th{background:linear-gradient(120deg,#A0299A,#7434A0)}
.m-c2 .m-th{background:linear-gradient(120deg,#7434A0,#5B3FA6)}
.m-c3 .m-th{background:linear-gradient(120deg,#5B3FA6,#4E44A0)}
.v4-l-type .m-nav{color:rgba(255,255,255,.62)}
.m-logo,.m-h,.m-cards span{color:#fff}
.m-p{color:rgba(255,255,255,.6)}
.m-cta{background:linear-gradient(270deg,#9B2D94,#614994);box-shadow:0 1.2cqw 2.4cqw -1cqw rgba(155,45,148,.7)}
.m-cta2{color:#fff;box-shadow:inset 0 0 0 .15cqw rgba(255,255,255,.5)}
.m-navbtn{background:#fff;color:#0F0D15}
.chap-day .v4-svc{color:var(--ink)}
.v4-svc-col{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rim-d) border-box;box-shadow:0 40px 80px -50px rgba(45,25,80,.45)}
.v4-svc-n{color:var(--m)}
.v4-svc-col>p{color:var(--mute)}
.v4-svc-col .v3-svc{border-top-color:var(--line)}
.v4-svc-col .v3-svc a{color:var(--ink);border-bottom-color:var(--line)}
.v4-svc-col .v3-svc span{color:var(--mute)}
@media (hover:hover){.v4-svc-col .v3-svc a:hover span{color:var(--m)}}
.v4-svc-col .v3-live{background:rgba(11,10,16,.04);box-shadow:inset 0 0 0 1px var(--line);color:var(--mute)}
.v4-svc-col .v3-live b{color:var(--ink)}
@media (min-width:901px){.v4-svc{height:190vh;padding:0}
.v3 main .v4-svc>.wrap{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:var(--hdr);padding-bottom:24px}
.v4-svc .sec-head{margin-bottom:0}
.v4-svc-grid{margin-top:clamp(100px,16vh,170px)}
.v4-svc-col{padding:24px 26px}
.v4-svc .v3-svc{margin-top:18px}
.v4-svc .v3-svc a{padding:12px 0}
.v4-svc-col::before{content:"";position:absolute;left:50%;top:-7px;width:40%;height:14px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(60,28,110,.32),rgba(60,28,110,0));pointer-events:none}}
.chap-day .v3-work{background:transparent}
.chap-day .ptable{background:#fff;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rim-d) border-box;box-shadow:0 40px 80px -50px rgba(45,25,80,.4)}
.chap-day .sec-cta{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rim-d) border-box}
.chap-paper .qa,.chap-paper .brief-in{border-color:var(--line)}
.chap-paper .post-img{box-shadow:0 30px 60px -40px rgba(40,30,20,.35)}
.chap-brand .rvw,.chap-brand .rating{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 40px 80px -50px rgba(0,0,0,.6);backdrop-filter:blur(6px)}
.chap-brand .rvw blockquote{color:rgba(255,255,255,.92)}
.chap-brand .vid{box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.chap-end .wiz{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rim-d) border-box}
.chap-end .ct-ways a{border:1px solid transparent;background:linear-gradient(180deg,#15121D,#0E0C14) padding-box,var(--rim-n) border-box}
@media (max-width:760px){:root{--lip:28px}
.v5-live .v4-score{width:64px;top:6%}
.v5-live .v4-serp{width:78%;bottom:4%}
.v5-live .v4-lead{top:auto;bottom:40%;right:3%}
.chap[data-ch]::before{top:11px;font-size:10px}}
.dhero-t,.ftr-big{white-space:nowrap}
.dhero-t{font-size:min(164px,calc((min(100vw, 1360px) - 2 * var(--pad)) / var(--slogan-r,8.4)))}
.ftr-big{font-size:min(200px,calc((100vw - 2 * var(--edge)) / var(--slogan-r,8.4)))}
@media (max-width:760px){.dhero-t{font-size:calc((min(100vw, 1360px) - 2 * var(--pad)) / var(--slogan-r,8.4))}}
:root{--r:14px;--r-s:6px;--acc-l:#9B2D94;--acc-d:#B7A6F0}
em,.v3 main em,.dark em,.chap-day .h2 em,.chap-paper .h2 em,.v3-display em,.v4-line em,.dhero-t em,.ftr-big em,.v5-file em,.stats b,.v3-stats b,.v3-big b,.pl-n,.wres-n,.v3-ch-n span,.mq-row i{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor}
@media (hover:hover){.v3-row:hover .v3-row-t{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor}}
em,.v3 main em,.chap-day .h2 em,.chap-paper .h2 em,.stats b,.pl-n,.wres-n,.v3-ch-n span,.mq-row i{color:var(--acc-l)}
.dark em,.chap-night em,.chap-brand em,.chap-studio em,.dhero-t em,.ftr-big em,.v4-line em,.v3-display em,.v3-stats b,.v3-big b,.chap-night .stats b{color:var(--acc-d)}
.v5-file em{color:#9A95A8}
@media (hover:hover){.v3-row:hover .v3-row-t{color:inherit}}
.btn,.v5-pub,.m-cta{box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 12px 26px -16px rgba(0,0,0,.55)!important}
@media (hover:hover){.card:hover,.pillars li:hover,.opts label:hover span{box-shadow:0 0 0 1px var(--line),0 24px 48px -30px rgba(0,0,0,.35)!important}}
.v4-svc-col,.v5-ed{box-shadow:0 40px 80px -50px rgba(0,0,0,.35),0 0 0 1px rgba(11,10,16,.06)}
.chap-brand>.chap-bg{background:linear-gradient(160deg,#4B1D6C,#2C2161 58%,#1B1742)}
.chap-night.chap-end>.chap-bg{background:#07060B}
.ct-glow,.hero-glow,.v3-hero-glow,.v4-hero-glow,.est::before,.card-seo::before{display:none!important}
.dot,.v3-dot,.v3-live i,.v3-live-tag i,.dhero-tag i{animation:none!important}
.dhero-tag i{box-shadow:none}
.v3-revs{mask-image:none;-webkit-mask-image:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}
.v3-rev-row{animation:none!important;width:auto;transform:none!important}
.v3-rev-set[aria-hidden="true"]{display:none}
.v3-rev-set>*{scroll-snap-align:start}
.v3-rev-set{padding-inline:var(--pad)}
.v4-svc-col .v3-live{background:none;box-shadow:none;padding:0;margin-top:14px}
.v5-props dt{color:#6F6A7C}
.post .post-t{margin-top:22px}
.v4-l-img .m-img{background:linear-gradient(135deg,#9B2D94,#594D94)!important}
.v4-l-img .m-orb{display:none}
:root{--edge:clamp(20px,3.2vw,56px)}
.hdr-in.wrap,.ftr>.wrap{max-width:none;padding-inline:var(--edge)}
.v3-fin-t{white-space:nowrap;font-size:min(120px,calc((100vw - 2 * var(--pad)) / var(--fin-r,12.2)))}
.v5-live .v4-browser{align-items:center}
.v5-live .v4-dots{gap:6px}
.v5-live .v4-dots i{width:10px;height:10px;background:#DAD6E2}
.v5-live .v4-url{height:28px;max-width:46%;padding:0 16px;border-radius:999px;background:#F1EFF5;color:#0B0A10;font:600 12.5px/28px var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chap-lilac{color:var(--ink)}
.chap-lilac>.chap-bg{background:linear-gradient(180deg,#F2EFF7,#E9E5F1)}
.chap-lilac .h2 em{color:var(--acc-l)}
.v3-revs{display:grid;gap:16px;margin-inline:0;overflow:visible;scroll-snap-type:none;padding-bottom:0}
.v3-rev-row{display:block}
.v3-rev-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0}
.chap-lilac .rvw,.chap-lilac .rating{background:linear-gradient(#fff,#fff) padding-box,var(--rim-d) border-box;border:1px solid transparent;box-shadow:0 30px 60px -44px rgba(40,24,70,.4);backdrop-filter:none;color:var(--ink)}
.chap-lilac .rvw{width:auto}
.chap-lilac .rvw blockquote,.chap-lilac .rvw p{color:#2A2733}
.chap-lilac .rvw figcaption,.chap-lilac .rating-r{color:var(--mute)}
.chap-lilac .rvw figcaption b,.chap-lilac .rating-n{color:var(--ink)}
.chap-lilac .vid-t{color:var(--ink)}
@media (max-width:900px){.v3-revs{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}
.v3-revs::-webkit-scrollbar{display:none}
.v3-rev-row{display:contents}
.v3-rev-set{display:flex;gap:12px}
.v3-rev-set>.rvw{flex:0 0 82vw;scroll-snap-align:center}}
.dhero-foot{align-items:center}
.dhero-proof{margin:0;align-items:center;row-gap:8px}
.dhero-proof li{display:inline-flex;align-items:center;gap:6px;line-height:1}
.dhero-proof a{display:inline-flex;align-items:center;gap:6px}
.v3-peek{display:none!important}
.v3-idx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5vw,72px) clamp(24px,3vw,40px);margin-top:clamp(28px,4vw,48px)}
.v3-idx li{border:0}
.v3 main .v3-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"img img" "n t" "c c" "d d";align-items:baseline;gap:8px 14px;padding:0;border:0;opacity:1}
.v3 main .v3-row-img{grid-area:img;display:block;position:relative;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;margin-bottom:14px;background:#fff;
  box-shadow:0 40px 80px -52px rgba(40,24,70,.55),0 0 0 1px rgba(11,10,16,.06)}
.v3 main .v3-row-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.v3 main .v3-row-n{grid-area:n;display:block;font:600 13px/1 var(--display);color:var(--acc-l)}
.v3 main .v3-row-t{grid-area:t;font:700 clamp(26px,2.4vw,38px)/1.05 var(--display);letter-spacing:-.02em;transform:none;color:var(--ink)}
.v3 main .v3-row-c{grid-area:c;text-align:start;font-size:14px}
.v3 main .v3-row-d{grid-area:d;display:block;max-width:52ch;font-size:15px;line-height:1.55}
@media (hover:hover){@media (hover:hover){.v3 main .v3-row:hover .v3-row-img img{transform:scale(1.035)}}
@media (hover:hover){.v3 main .v3-row:hover .v3-row-t{color:var(--acc-l)}}}
@media (max-width:760px){.v3-idx{grid-template-columns:1fr;gap:40px}}
.v3-revs{display:grid;gap:16px;overflow:hidden;margin-inline:calc(var(--pad) * -1);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.v3-rev-row{display:flex;width:max-content;animation:revRoll 110s linear infinite!important}
.v3-rev-row.rev{animation-direction:reverse!important}
.v3-rev-set{display:flex;gap:16px;padding-inline-end:16px;padding-inline-start:0}
.v3-rev-set[aria-hidden="true"]{display:flex}
.chap-lilac .rvw{width:min(380px,78vw);flex:none}
@media (hover:hover){@media (hover:hover){.v3-revs:hover .v3-rev-row{animation-play-state:paused!important}}}
@media (prefers-reduced-motion:reduce){.v3-rev-row{animation:none!important}}
.rev-more{display:flex;justify-content:flex-end;margin-top:22px}
@media (max-width:900px){.v3-revs{display:grid;overflow:hidden;scroll-snap-type:none;padding-inline:0}
.v3-rev-row{display:flex}
.v3-rev-set>.rvw{flex:none;width:78vw}}
.vids{display:flex!important;gap:clamp(16px,2vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 24px;margin:0;grid-template-columns:none}
.vids::-webkit-scrollbar{display:none}
.vid{flex:0 0 clamp(200px,17vw,248px);aspect-ratio:9/19;position:relative;padding:9px;border:0;border-radius:40px;background:#0E0C14;scroll-snap-align:start;cursor:pointer;
  box-shadow:0 40px 70px -40px rgba(20,12,40,.55),inset 0 0 0 1.5px #2A2733}
.vid::before{content:"";position:absolute;z-index:3;top:17px;left:50%;width:30%;height:18px;border-radius:99px;background:#0E0C14;transform:translateX(-50%)}
.vid-scr{position:absolute;inset:9px;border-radius:32px;overflow:hidden;background:#1A1722}
.vid-scr img{position:absolute;left:50%;top:50%;height:100%;width:auto;max-width:none;transform:translate(-50%,-50%);object-fit:cover}
.vid-v .vid-scr img{width:100%;height:100%;left:0;top:0;transform:none}
.vid-h .vid-scr img{height:134%}
.vid .play{z-index:4}
.vid>span:not(.vid-scr):not(.play){position:absolute;z-index:4;left:9px;right:9px;bottom:9px;padding:36px 14px 16px;border-radius:0 0 32px 32px;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);color:#fff!important;font:700 13px/1.3 var(--display);text-align:center}
.vids-nav{display:flex;justify-content:flex-end;gap:10px;margin:-44px 0 16px}
.vids-b{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 1px rgba(11,10,16,.1),0 10px 20px -14px rgba(0,0,0,.4);cursor:pointer;color:var(--ink)}
.vids-b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vids-b:disabled{opacity:.35;cursor:default}
@media (max-width:760px){.vid{flex-basis:62vw}
.vids-nav{margin-top:0}}
.vid .vid-scr img{inset:auto;right:auto;bottom:auto}
.vid-v .vid-scr img{inset:0}
@media (hover:hover){@media (hover:hover){.vid:hover .vid-scr img{transform:translate(-50%,-50%) scale(1.04)}}
@media (hover:hover){.vid-v:hover .vid-scr img{transform:scale(1.04)}}}
.vid-h .vid-scr img{position:absolute!important;inset:auto!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:auto!important;height:134%!important;max-width:none!important;transform:translate(-50%,-50%)!important}
@media (hover:hover){@media (hover:hover){.vid-h:hover .vid-scr img{transform:translate(-50%,-50%) scale(1.04)!important}}}
.dhero-in .hero-cta,.dhero-in .dhero-proof{margin:0!important}
.vids{background:none!important;box-shadow:none!important;mask-image:none!important;-webkit-mask-image:none!important}
.dhero{height:100vh;height:100svh}
.v5-make{height:auto!important}
.chap .v5-make-pin,.v5-make-pin{position:relative}
.v5-ctl{display:flex;align-items:center;gap:14px;margin-top:12px}
.v5-pp{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .3s var(--ease)}
@media (hover:hover){.v5-pp:hover{transform:scale(1.06)}}
.v5-pp svg{width:16px;height:16px;fill:currentColor}
.v5-ctl .i-play{display:none}
.v5-ctl.is-paused .i-play{display:block}
.v5-ctl.is-paused .i-pause{display:none}
.v5-steps{display:flex;gap:6px;flex:1;margin:0;padding:0;list-style:none}
.v5-steps li{flex:1;margin:0}
.v5-steps button{display:block;position:relative;width:100%;height:26px;padding:0;border:0;background:none;cursor:pointer}
.v5-steps i{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px;background:rgba(11,10,16,.12);overflow:hidden}
.v5-steps i::after{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:right;transform:scaleX(var(--p,0))}
@media (hover:hover){.v5-steps button:hover i{background:rgba(11,10,16,.22)}}
.v5-pp:focus-visible,.v5-steps button:focus-visible{outline:2px solid var(--acc-l);outline-offset:3px}
.v3 main .v3-row-img{aspect-ratio:3/2}
.v3 main .v3-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"img img img" "n t c" "d d d";align-items:center}
.v3 main .v3-row-c{grid-area:c;justify-self:end;padding:6px 12px;border-radius:999px;background:rgba(11,10,16,.05);color:var(--mute);font-size:13px;font-weight:600;white-space:nowrap}
.v3 main .v3-row-d{color:var(--mute)}
.v3-idx li.wk-wait .v3-row-img{clip-path:inset(14% 0 0 0 round var(--r))}
.v3-idx li.wk-wait .v3-row-img img{transform:scale(1.12)}
.v3-idx li.wk-wait .v3-row>:not(.v3-row-img){opacity:0;transform:translateY(16px)}
.v3-idx li .v3-row-img{transition:clip-path 1.2s cubic-bezier(.7,0,.2,1)}
.v3-idx li .v3-row>:not(.v3-row-img){transition:opacity .8s var(--ease) .25s,transform .8s var(--ease) .25s}
.v3-idx li.wk-in .v3-row-img{clip-path:inset(0 0 0 0 round var(--r))}
.v3-idx li.wk-in .v3-row-img img{transform:scale(1);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.v3-idx li.wk-in .v3-row>:not(.v3-row-img){opacity:1;transform:none}
@media (hover:hover){@media (hover:hover){.v3-idx li.wk-in .v3-row:hover .v3-row-img img{transform:scale(1.04);transition-duration:.9s}}}
@media (min-width:901px){.v3 main .v3-work .v3-idx{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(28px,3.4vw,56px);row-gap:clamp(64px,8vw,120px)}
.v3-work .v3-idx>li:nth-child(4n+1),.v3-work .v3-idx>li:nth-child(4n+4){grid-column:span 7}
.v3-work .v3-idx>li:nth-child(4n+2),.v3-work .v3-idx>li:nth-child(4n+3){grid-column:span 5}
.v3-work .v3-idx>li:nth-child(2n){margin-top:clamp(90px,11vw,180px)}
.v3 main .v3-work .v3-row-t{font-size:clamp(28px,2.6vw,42px)}
.v3 main .v3-work .v3-idx>li:nth-child(4n+2) .v3-row-t,.v3 main .v3-work .v3-idx>li:nth-child(4n+3) .v3-row-t{font-size:clamp(24px,2vw,32px)}}
.wk-cur{position:fixed;left:0;top:0;z-index:60;pointer-events:none;padding:11px 18px;border-radius:999px;background:#0B0A10;color:#fff;font:600 14px/1 var(--display);opacity:0;transition:opacity .25s}
.wk-cur.on{opacity:1}
@media (hover:hover) and (pointer:fine){.v3-work .v3-row-img{cursor:none}}
.rq{margin-top:clamp(32px,4vw,56px);border-radius:calc(var(--r) + 8px);background:linear-gradient(#fff,#fff) padding-box,var(--rim-d) border-box;border:1px solid transparent;box-shadow:0 44px 90px -60px rgba(40,24,70,.5);padding:clamp(26px,4.5vw,64px)}
.rq-body{display:grid;min-height:clamp(250px,21vw,300px);align-content:start}
.rq-mark{width:clamp(38px,3.6vw,52px);height:auto;fill:var(--acc-l);margin-bottom:clamp(14px,2vw,24px)}
.rq-q{margin:0;grid-area:2/1}
.rq-q[hidden]{display:none}
.rq-q blockquote{margin:0}
.rq-q p{margin:0;max-width:40ch;font:500 clamp(21px,2.3vw,34px)/1.4 var(--display);letter-spacing:-.01em;color:var(--ink);text-wrap:pretty}
.rq-q:not([hidden]) p,.rq-q:not([hidden]) figcaption{animation:rqIn .7s var(--ease) both}
.rq-q:not([hidden]) figcaption{animation-delay:.08s}
@keyframes rqIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rq-q figcaption{margin-top:clamp(18px,2.4vw,28px);display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:15px;color:var(--mute)}
.rq-q figcaption b{font:700 17px/1.2 var(--display);color:var(--ink)}
.rq-q .stars{display:inline-flex;gap:2px;color:#F5B301}
.rq-foot{margin-top:clamp(24px,3.4vw,44px);padding-top:clamp(18px,2.4vw,24px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.rq-tabs{display:flex;flex-wrap:wrap;gap:8px}
.rq-tab{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:5px;padding-inline-end:14px;border-radius:999px;border:1px solid var(--line);background:#fff;font:600 14px/1 var(--body);color:var(--mute);cursor:pointer;transition:color .3s,border-color .3s}
.rq-tab i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#EFEAF5;color:var(--acc-l);font:700 13px/1 var(--display);font-style:normal;transition:background .3s,color .3s}
@media (hover:hover){.rq-tab:hover{color:var(--ink)}}
.rq-tab.is-on{color:var(--ink);border-color:rgba(11,10,16,.5)}
.rq-tab.is-on i{background:var(--acc-l);color:#fff}
.rq-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--acc-l);transform:scaleX(0);transform-origin:right}
.rq.run .rq-tab.is-on::after{animation:rqBar var(--dur,8s) linear both}
.rq.hold .rq-tab.is-on::after{animation-play-state:paused}
@keyframes rqBar{to{transform:scaleX(1)}}
.rq-tab:focus-visible,.rq-nav button:focus-visible{outline:2px solid var(--acc-l);outline-offset:2px}
.rq-nav{flex:none;display:flex;align-items:center;gap:8px}
.rq-count{margin-inline-end:6px;direction:ltr;font:600 13px/1 var(--display);color:var(--mute)}
.rq-count b{color:var(--ink)}
.rq-nav button,.tv-b{width:46px;height:46px;border-radius:50%;border:1px solid rgba(11,10,16,.14);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
@media (hover:hover){.rq-nav button:hover,.tv-b:not(:disabled):hover{background:var(--ink);color:#fff;border-color:var(--ink)}}
.rq-nav svg,.tv-b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tv-b:disabled{opacity:.35;cursor:default}
@media (max-width:760px){.rq-body{min-height:0}
.rq-foot{flex-direction:column;align-items:stretch;gap:16px}
.rq-tabs{flex-wrap:nowrap;justify-content:space-between}
.rq-tab{padding:4px}
.rq-tab span{display:none}
.rq-tab i{width:36px;height:36px;font-size:15px}
.rq-tab::after{display:none}
.rq-nav{justify-content:space-between}}
.tv-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:clamp(56px,7vw,96px)}
.tv-head .vid-t{margin:0}
.tv-nav{display:flex;gap:8px}
.tv-nav[hidden]{display:none}
.tvs{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:22px calc(var(--pad) * -1) 0;padding:0 var(--pad) 6px;scroll-padding-inline:var(--pad)}
.tvs::-webkit-scrollbar{display:none}
.tv{position:relative;flex:0 0 clamp(220px,21vw,290px);aspect-ratio:4/5;margin:0;padding:0;border:0;border-radius:var(--r);overflow:hidden;background:#15121D;color:#fff;text-align:right;cursor:pointer;scroll-snap-align:start}
.tv-img{position:absolute;inset:0;overflow:hidden}
.v3 main .tv-img img{position:absolute;left:50%;top:50%;right:auto;bottom:auto;width:100%;height:100%;max-width:none;object-fit:cover;transform:translate(-50%,-50%);transition:transform .9s var(--ease)}
.v3 main .tv-h .tv-img img{width:auto;height:134%;object-fit:fill}
.tv::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(9,7,15,.88),rgba(9,7,15,.2) 48%,rgba(9,7,15,0) 70%);pointer-events:none}
.tv-play{position:absolute;z-index:2;top:16px;left:16px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.94);color:#0B0A10;display:grid;place-items:center;transition:transform .45s var(--ease)}
.tv-play svg{width:18px;height:18px;margin-left:3px;fill:currentColor}
.tv-cap{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;display:flex;flex-direction:column;gap:4px}
.tv-cap b{font:700 19px/1.2 var(--display)}
.tv-cap span{font-size:14px;color:rgba(255,255,255,.76)}
.tv:focus-visible{outline:3px solid var(--acc-l);outline-offset:3px}
@media (hover:hover){@media (hover:hover){.v3 main .tv:hover .tv-img img{transform:translate(-50%,-50%) scale(1.05)}}
@media (hover:hover){.tv:hover .tv-play{transform:scale(1.1)}}}
@media (max-width:760px){.tv{flex-basis:64vw}
.tv-b{width:42px;height:42px}}
.tv-dlg{padding:0;border:0;background:none;max-width:none;max-height:none;overflow:visible}
.tv-dlg::backdrop{background:rgba(9,7,15,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tv-frame{width:min(92vw,calc(84vh * 16 / 9));aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000}
.tv-dlg.is-v .tv-frame{width:min(92vw,calc(84vh * 9 / 16));aspect-ratio:9/16}
.tv-frame iframe{display:block;width:100%;height:100%;border:0}
.tv-x{position:fixed;top:18px;left:18px;width:48px;height:48px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;cursor:pointer}
.tv-x svg{width:20px;height:20px;fill:none;stroke:#0B0A10;stroke-width:2;stroke-linecap:round}
.v5-make-pin{height:auto!important;min-height:0;overflow:visible}
.v5-make-in{padding-top:clamp(56px,8vh,96px);padding-bottom:clamp(40px,6vh,72px)}
@media (max-width:760px){.rq-q p{font-size:19px;line-height:1.45}}
@media (min-width:901px) and (max-height:800px){.v5-make-head .h2{font-size:clamp(26px,2.8vw,40px)}
.v5-make-in{padding-top:44px}}
.vt{margin-top:clamp(64px,8vw,112px)}
.vt .vid-t{margin:0 0 clamp(20px,3vw,32px)}
.vt-track{display:grid;touch-action:pan-y}
.vt-s{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s linear .6s}
.vt-s.is-on{opacity:1;visibility:visible;transition:opacity .6s var(--ease)}
.vt-media{position:relative;aspect-ratio:16/10;border-radius:calc(var(--r) + 6px);overflow:hidden;background:#15121D;box-shadow:0 50px 90px -60px rgba(40,24,70,.6)}
.v3 main .vt-media img{position:absolute;max-width:none;margin:0}
.v3 main .vt-bg{inset:0;width:100%;height:100%;object-fit:cover;filter:blur(26px) saturate(1.2) brightness(.55);transform:scale(1.25)}
.v3 main .vt-h .vt-poster{left:0;top:0;right:auto;bottom:auto;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.v3 main .vt-crop .vt-poster{transform:scale(1.34)}
.v3 main .vt-v .vt-poster{top:0;bottom:auto;right:auto;left:50%;height:100%;width:auto;aspect-ratio:9/16;object-fit:cover;transform:translateX(-50%);box-shadow:0 0 60px rgba(0,0,0,.45)}
.vt-s:not(.is-on) .vt-poster{transform:scale(1.06)}
.v3 main .vt-s:not(.is-on) .vt-v .vt-poster{transform:translateX(-50%) scale(1.06)}
.vt-play{position:absolute;z-index:3;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;gap:12px;padding:clamp(16px,2.4vw,28px);border:0;background:linear-gradient(to top,rgba(9,7,15,.6),rgba(9,7,15,0) 45%);color:#fff;font:600 15px/1 var(--display);cursor:pointer;text-align:right}
.vt-play svg{flex:none;width:58px;height:58px;padding:19px 17px 19px 21px;border-radius:50%;background:#fff;fill:#0B0A10;transition:transform .45s var(--ease)}
.vt-play span{align-self:center}
@media (hover:hover){@media (hover:hover){.vt-play:hover svg{transform:scale(1.1)}}}
.vt-play:focus-visible{outline:3px solid var(--acc-l);outline-offset:-3px}
.vt-media iframe{position:absolute;z-index:4;border:0;display:block}
.vt-h iframe{left:0;top:50%;width:100%;height:auto;aspect-ratio:16/9;transform:translateY(-50%)}
.vt-v iframe{top:0;left:50%;height:100%;width:auto;aspect-ratio:9/16;transform:translateX(-50%)}
.vt-s.is-playing .vt-play,.vt-s.is-playing .vt-poster{opacity:0;pointer-events:none}
.vt-text{margin:0}
.vt-mark{display:block;width:clamp(36px,3.4vw,50px);height:auto;fill:var(--acc-l);margin-bottom:clamp(14px,2vw,22px)}
.vt-text blockquote{margin:0}
.vt-text p{margin:0;font:600 clamp(22px,2.5vw,38px)/1.32 var(--display);letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}
.vt-text figcaption{margin-top:clamp(18px,2.6vw,30px);display:flex;flex-direction:column;gap:4px}
.vt-text figcaption b{font:700 clamp(17px,1.4vw,20px)/1.2 var(--display);color:var(--ink)}
.vt-text figcaption span{font-size:15px;color:var(--mute)}
.vt-s.is-on .vt-text>*{animation:rqIn .8s var(--ease) both}
.vt-s.is-on .vt-text blockquote{animation-delay:.08s}
.vt-s.is-on .vt-text figcaption{animation-delay:.16s}
.vt-foot{margin-top:clamp(24px,3.4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.vt-dots{flex:1;display:flex;gap:6px;max-width:560px}
.vt-dot{flex:1;position:relative;height:28px;padding:0;border:0;background:none;cursor:pointer}
.vt-dot i{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px;background:rgba(11,10,16,.12);overflow:hidden}
.vt-dot i::after{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:right;transform:scaleX(var(--p,0))}
@media (hover:hover){.vt-dot:hover i{background:rgba(11,10,16,.22)}}
.vt-dot:focus-visible,.vt-ctl button:focus-visible{outline:2px solid var(--acc-l);outline-offset:3px}
.vt-ctl{flex:none;display:flex;align-items:center;gap:8px}
.vt-count{margin-inline-end:6px;direction:ltr;font:600 13px/1 var(--display);color:var(--mute)}
.vt-count b{color:var(--ink)}
.vt-ctl button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(11,10,16,.14);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
@media (hover:hover){.vt-ctl button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}}
.vt-ctl svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vt-auto svg{fill:currentColor;stroke:none;width:16px;height:16px}
.vt .i-play{display:none}
.vt.is-stopped .i-play{display:block}
.vt.is-stopped .i-pause{display:none}
@media (max-width:900px){.vt-s{grid-template-columns:1fr;gap:22px;align-items:start}
.vt-media{aspect-ratio:1/1}
.vt-text p{font-size:clamp(19px,5vw,24px);line-height:1.4}
.vt-foot{flex-direction:column;align-items:stretch;gap:12px}
.vt-dots{max-width:none}
.vt-ctl{justify-content:space-between}
.vt-ctl .vt-count{margin-inline-end:auto}}
@media (max-width:360px){.vt-ctl button{width:42px;height:42px}
.vt-play span{display:none}}
.vt-play{display:block}
.vt-play svg{position:absolute;bottom:clamp(14px,2.2vw,24px);right:clamp(14px,2.2vw,24px)}
.vt-play span{position:absolute;bottom:clamp(14px,2.2vw,24px);right:calc(clamp(14px,2.2vw,24px) + 70px);height:58px;display:flex;align-items:center;text-shadow:0 1px 12px rgba(0,0,0,.5)}
@media (min-width:601px) and (max-width:900px){.vt-media{aspect-ratio:16/10}}
@media (max-width:760px){.v5-art{width:min(62vw,290px)}
.v5-art .v4-board{aspect-ratio:10/16}
.v5-canvas{padding:30px 0 34px}
.v5-art .v4-l-grid{grid-template-columns:repeat(4,1fr);gap:4cqw;padding:0 6cqw}
.v5-art .v4-l-grid i:nth-child(n+5){display:none}
.v5-art .w-nav{top:3%;height:7%;right:5%;left:5%}
.v5-art .w-h1{top:14%;right:7%;width:80%;height:6%}
.v5-art .w-h2{top:21.5%;right:7%;width:55%;height:6%}
.v5-art .w-p{top:31%;right:7%;width:86%;height:2.2%}
.v5-art .w-p2{top:34.6%;right:7%;width:60%;height:2.2%}
.v5-art .w-btn{top:40.5%;right:7%;width:46%;height:6.5%}
.v5-art .w-btn2{top:40.5%;right:56%;width:37%;height:6.5%}
.v5-art .w-img{top:50.5%;left:7%;width:86%;height:25%}
.v5-art .w-c1,.v5-art .w-c2{top:79%;height:17%;width:41%}
.v5-art .w-c1{right:7%}
.v5-art .w-c2{right:52%}
.v5-art .w-c3{display:none}
.v5-art .v4-l-img .m-img{top:50.5%;left:7%;width:86%;height:25%}
.v5-art .m-c{top:79%;height:17%;width:41%}
.v5-art .m-c1{right:7%}
.v5-art .m-c2{right:52%}
.v5-art .m-c3{display:none}
.v5-art .v4-l-type .m-nav{top:3%;height:7%;right:7%;left:34%;font-size:4cqw}
.v5-art .m-nav span{display:none}
.v5-art .m-logo{font-size:5.2cqw}
.v5-art .m-h{top:13.5%;right:7%;width:88%;font-size:9.4cqw;line-height:1.06}
.v5-art .m-p{top:30%;right:7%;width:86%;font-size:3.7cqw;line-height:1.5}
.v5-art .m-cards span{top:91.5%;font-size:3.8cqw}
.v5-art .m-cards span:nth-child(1){right:10%}
.v5-art .m-cards span:nth-child(2){right:55%}
.v5-art .m-cards span:nth-child(3){display:none}
.v5-art .v4-l-ui span{font-size:3.7cqw;border-radius:10cqw}
.v5-art .m-cta{top:40.5%;right:7%;width:46%;height:6.5%}
.v5-art .m-cta2{top:40.5%;right:56%;width:37%;height:6.5%}
.v5-art .m-navbtn{top:4.2%;left:6%;width:27%;height:4.6%}
.v5-art .v4-art-lbl{top:-18px;font-size:10px}
.v5-cur svg{width:15px;height:15px}
.v5-cur b{margin-top:11px;padding:3px 7px;font-size:10px}
.v5-sel-n{font-size:9.5px;padding:3px 6px}
.v5-live .v4-score{top:16%;left:-21%;width:60px}
.v5-live .v4-score b{font-size:19px}
.v5-live .v4-lead{top:3%;right:-19%;left:auto;padding:8px 11px;gap:8px;border-radius:12px}
.v5-live .v4-lead b{font-size:11.5px}
.v5-live .v4-lead span{font-size:10px}
.v5-live .v4-serp{left:-19%;right:auto;bottom:5%;width:96%;padding:10px 12px;border-radius:12px;gap:3px}
.v5-live .v4-serp-t{font-size:13px}
.v5-live .v4-serp-u{font-size:10.5px}
.v5-live .v4-serp-ai{font-size:10.5px;padding:4px 8px}
.v5-live .v4-a11y{display:none}
.v5-live .v4-browser{padding-inline:10px}
.v5-live .v4-url{max-width:70%;font-size:11px;height:24px;line-height:24px;padding:0 10px}}
@media (max-width:760px){.v3 main section[data-stage="e2"]>.wrap::before,.v3 main section[data-stage="e3"]>.wrap::before,.v3 main section[data-stage="e4"]>.wrap::before,.v3 main section[data-stage="e7"]>.wrap::before,.v3 main section[data-stage="e1"]>.wrap::before{content:"";display:block;height:clamp(110px,17vh,150px)}}
@media (max-width:760px){.v5-live .v4-lead{top:-5%;right:-12%;white-space:nowrap;width:auto;max-width:none}
.v5-live .v4-lead span{display:block;white-space:nowrap}}
@media (max-width:760px){.v5-live .v4-lead{bottom:auto;height:auto}}
.v4-l-type .m-cards{position:absolute;inset:0;pointer-events:none}
@media (max-width:760px){.v5-live .v4-lead{right:-3%}
.v5-live .v4-score{top:34%;left:-9%;width:56px}}
@media (max-width:760px){.v5-live .v4-score{top:40%;left:auto;right:-13%;width:58px}}
@media (max-width:760px){.v5-live .v4-score{right:-6%;top:44%;width:52px}
.v5-live .v4-score b{font-size:17px}}
@media (max-width:760px){.v5-live .v4-score{right:auto;left:5%;top:19%;width:50px}}
.v6-mark{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;padding:0 0 clamp(56px,11vh,120px)}
.v6-mark-in{text-align:center}
.v6-mark .kicker{justify-content:center}
.v6-mark .h2{margin-inline:auto}
.v6-mark .sec-lead{margin-inline:auto;max-width:46ch}
.v6-mark2{height:90vh}
@media (max-width:760px){.v6-mark{padding-bottom:clamp(40px,9vh,80px)}
.v6-mark2{height:70vh}}
.v6-mark{display:block;height:220vh;min-height:0;padding:60vh 0 0}
.v6-mark-in{position:sticky;top:60vh}
.v6-mark2{position:absolute;top:125vh;left:0;width:1px;height:1px}
@media (max-width:760px){.v6-mark{padding-top:58vh;height:210vh}
.v6-mark-in{top:58vh}
.v6-mark2{height:1px}}
.v3 main section.v6-mark>.wrap.v6-mark-in{position:sticky;top:60vh}
@media (max-width:760px){.v3 main section.v6-mark>.wrap.v6-mark-in{top:58vh}}
/* ================= v6.7 one site: a services panel in the header, the same on every page ================= */
.nav{align-items:center}
.nav-dd{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;font:400 15px/1 var(--display);color:inherit;opacity:.78;transition:opacity .3s}
.nav-dd i{width:7px;height:7px;margin-top:-3px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .4s var(--ease)}
.nav-dd:hover,.nav-dd[aria-expanded="true"]{opacity:1}
.nav-dd[aria-expanded="true"] i{transform:translateY(3px) rotate(225deg)}
.hdr.mega-on{background:#0B0A10;color:#fff;box-shadow:0 1px 0 var(--line-d);transform:none}
.hdr.mega-on .btn-sm{box-shadow:none}
.mega{position:absolute;inset:100% 0 auto;background:#0B0A10;color:#fff;border-radius:0 0 clamp(20px,2vw,32px) clamp(20px,2vw,32px);box-shadow:0 40px 80px -30px rgba(0,0,0,.55),0 1px 0 var(--line-d) inset;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .35s var(--ease),transform .5s var(--ease),visibility 0s .5s}
.mega[hidden]{display:block}
.hdr.mega-on .mega{visibility:visible;opacity:1;transform:none;transition:opacity .35s var(--ease),transform .5s var(--ease)}
.mega-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.05fr);gap:clamp(24px,3vw,56px);padding-block:clamp(30px,3.4vw,52px) clamp(34px,3.8vw,58px)}
.mega-g{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:600 12.5px/1 var(--display);letter-spacing:.14em;color:rgba(255,255,255,.5)}
.mega-g span{color:#B7A6F0}
.mega ul{margin:0;padding:0;list-style:none}
.mega li a{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-top:1px solid var(--line-d);text-decoration:none;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .6s var(--ease),color .25s}
.mega li a b{font:700 clamp(16px,1.2vw,19px)/1.25 var(--display);letter-spacing:-.01em;transition:transform .45s var(--ease)}
.mega li a small{font-size:13px;color:rgba(255,255,255,.5)}
.mega li a:hover b{transform:translateX(-6px)}
.mega li a:hover{color:#B7A6F0}
.hdr.mega-on .mega li a{opacity:1;transform:none}
.hdr.mega-on .mega-col:nth-child(2) li a{transition-delay:.05s}
.hdr.mega-on .mega-col:nth-child(3) li a{transition-delay:.1s}
.mega-side{display:flex;flex-direction:column;gap:14px}
.mega-card{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:170px;padding:24px;border-radius:var(--r);text-decoration:none;color:#fff;background:linear-gradient(to top,rgba(11,10,16,.92),rgba(11,10,16,.2)) #1a1822;filter:grayscale(1);box-shadow:inset 0 0 0 1px var(--line-d);transition:filter .5s}
.mega-card:hover{filter:none}
.mega-card span{font:600 12.5px/1 var(--display);letter-spacing:.14em;color:rgba(255,255,255,.6)}
.mega-card b{font:700 clamp(18px,1.4vw,22px)/1.25 var(--display)}
.mega-side .btn{width:100%;justify-content:center}
/* phones: the services open as a list inside the menu */
.mnav nav{overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px}
.mnav-g{border-bottom:1px solid var(--line-d)}
.mnav-g summary{display:flex;align-items:center;justify-content:space-between;padding:8px 0;list-style:none;cursor:pointer;font:700 clamp(26px,7.5vw,40px)/1.15 var(--display)}
.mnav-g summary::-webkit-details-marker{display:none}
.mnav-g summary::after{content:"+";font-weight:400;opacity:.6;transition:transform .4s var(--ease)}
.mnav-g[open] summary::after{transform:rotate(45deg)}
.mnav nav .mnav-g a{display:block;padding:9px 0 9px 0;padding-inline-start:14px;border:0;font:500 18px/1.3 var(--display);color:rgba(255,255,255,.82);opacity:1;transform:none}
.mnav-g[open]{padding-bottom:10px}

/* ================= v7.2 proof first: the mark's numbers, and why a serious client can trust us ================= */
.v7-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(40px,4.6vw,72px) 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.v7-proof li{padding:clamp(20px,2.2vw,30px) clamp(16px,2vw,28px) 0;border-inline-start:1px solid var(--line)}
.v7-proof li:first-child{border-inline-start:0;padding-inline-start:0}
.v7-proof b{display:block;font:700 clamp(40px,4.4vw,74px)/1 var(--display);letter-spacing:-.035em;direction:ltr;text-align:right;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.v7-proof span{display:block;margin-top:12px;max-width:22ch;color:var(--mute);font-size:15.5px;line-height:1.45}
.v7-trust-head{max-width:760px}
.v7-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(36px,4.4vw,68px) 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.v7-trust-grid li{position:relative;padding:clamp(26px,2.8vw,42px) clamp(20px,2.4vw,40px) clamp(30px,3.2vw,48px);border-bottom:1px solid var(--line)}
.v7-trust-grid li:not(:nth-child(3n+1)){border-inline-start:1px solid var(--line)}
.v7-trust-grid li:nth-child(3n+1){padding-inline-start:0}
.v7-trust-grid .tr-n{font:600 13px/1 var(--display);letter-spacing:.14em;color:var(--m)}
.v7-trust-grid h3{margin:18px 0 10px;font:700 clamp(21px,1.7vw,27px)/1.2 var(--display);letter-spacing:-.02em;color:var(--ink)}
.v7-trust-grid p{margin:0;max-width:38ch;color:var(--mute);font-size:16px;line-height:1.7}
.v7-trust-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 0;color:var(--mute);font-size:15.5px}
.v7-trust-foot b{color:var(--ink)}
.v7-trust-foot a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){
  .v7-proof{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .v7-proof li:nth-child(odd){border-inline-start:0;padding-inline-start:0}
  .v7-trust-grid{grid-template-columns:minmax(0,1fr)}
  .v7-trust-grid li{padding-inline:0!important;border-inline-start:0!important}
}
.v7-proofband{position:relative;z-index:2;padding:clamp(8px,2vw,24px) 0 clamp(56px,7vw,110px)}
.v7-proofband .v7-proof{margin-top:0}
/* v7.3 one menu for the whole site: the areas we serve, a quiet row under the services */
.mega-reg{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px clamp(24px,3vw,48px);padding-top:clamp(18px,2vw,26px);border-top:1px solid var(--line-d)}
.mega-reg .mega-g{margin:0}
.mega-r{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0;font-size:14.5px}
.mega-r span{color:rgba(255,255,255,.5)}
.mega-r a{color:#fff;text-decoration:none;opacity:0;transition:opacity .45s var(--ease) .15s,color .25s}
.hdr.mega-on .mega-r a{opacity:.85}
.mega-r a:hover{color:#B7A6F0;opacity:1}

/* v7.5 the header logo: the 3D mark lands on it and it takes over with a light passing over the letters; the same light answers a hover */
.hdr .logo{position:relative;overflow:hidden;border-radius:4px}
.hdr .logo img{transition:transform .5s var(--ease)}
.hdr .logo::after{content:"";position:absolute;inset:-10% 0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(130%);pointer-events:none;mix-blend-mode:overlay}
.hdr .logo.lit::after{animation:sgoSweep .95s cubic-bezier(.22,1,.36,1)}
.hdr .logo:hover::after{animation:sgoSweep .8s cubic-bezier(.22,1,.36,1)}
.hdr .logo:hover img{transform:scale(1.04)}
@keyframes sgoSweep{from{transform:translateX(130%)}to{transform:translateX(-130%)}}
@media (prefers-reduced-motion:reduce){.hdr .logo::after{display:none}.hdr .logo:hover img{transform:none}}
/* v7.5 the process, four stages */
.v7-steps{list-style:none;margin:clamp(28px,3.4vw,52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);counter-reset:none}
.v7-steps li{position:relative;padding:clamp(22px,2vw,30px);border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px rgba(11,10,16,.08)}
.v7-steps li::before{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:var(--r) var(--r) 0 0;background:linear-gradient(90deg,var(--m),var(--v))}
.ps-n{display:block;font:700 13px/1 var(--display);letter-spacing:.14em;color:var(--m)}
.v7-steps h3{margin:14px 0 8px;font:700 clamp(20px,1.6vw,24px)/1.2 var(--display)}
.v7-steps p{margin:0;font-size:15.5px;line-height:1.65;color:var(--mute)}
.v7-sectors{margin-top:.6em;font-weight:600;color:var(--ink)}
@media (max-width:1000px){.v7-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.v7-steps{grid-template-columns:1fr}}

/* v7.6 header: bare at the top of every page, then a floating rounded bar forms around the logo (its own soft corners) */
.hdr:not(.mega-on){background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hdr-in{position:relative;isolation:isolate}
.hdr-in::before{content:"";position:absolute;z-index:-1;inset:8px max(6px,calc(var(--edge) - 22px));border-radius:20px;background:rgba(244,243,247,.86);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 0 0 1px rgba(11,10,16,.06),0 20px 44px -26px rgba(11,10,16,.4);opacity:0;transform:translateY(-8px) scale(.98);transition:opacity .45s var(--ease),transform .7s var(--ease),background .4s var(--ease)}
.hdr.is-dark .hdr-in::before{background:rgba(16,14,22,.82);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 20px 44px -26px rgba(0,0,0,.7)}
.hdr:not(.is-bare) .hdr-in::before{opacity:1;transform:none}
.hdr.mega-on .hdr-in::before{opacity:0}
.hdr .nav,.hdr .hdr-act{transition:opacity .45s var(--ease),transform .6s var(--ease)}
@media (min-width:761px){.hdr.is-bare:not(.at-top):not(:hover):not(:focus-within):not(.mega-on) .nav,.hdr.is-bare:not(.at-top):not(:hover):not(:focus-within):not(.mega-on) .hdr-act{opacity:0;transform:translateY(-10px);pointer-events:none}}
@media (max-width:760px){.hdr.is-bare .hdr-tel{opacity:0;pointer-events:none}.hdr-in::before{inset:6px 8px;border-radius:16px}}
/* the letters out working: the header's logo slot waits for them */
.hdr .logo img{transition:transform .5s var(--ease),opacity .16s linear}
html.logo-3d .hdr .logo img{opacity:0}
@media (prefers-reduced-motion:reduce){.hdr-in::before,.hdr .nav,.hdr .hdr-act{transition:none}}
/* v7.6 what you get in writing */
.v7-written{margin-top:clamp(18px,2vw,28px);padding:clamp(24px,2.6vw,40px);border-radius:var(--r);background:#0B0A10;color:#fff;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:clamp(18px,3vw,48px);align-items:start}
.v7-written h3{margin:0;font:700 clamp(22px,2vw,30px)/1.15 var(--display)}
.v7-written ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}
.v7-written li{position:relative;padding-inline-start:28px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.86)}
.v7-written li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:14px;height:8px;border-left:2px solid var(--m-l);border-bottom:2px solid var(--m-l);transform:rotate(-45deg)}
@media (max-width:860px){.v7-written{grid-template-columns:1fr}.v7-written ul{grid-template-columns:1fr}}

/* v7.7 the letters fly over everything while they travel to or from the header */
.v3-stage.fly{z-index:60!important}

/* v7.8 phones: a solid bar (not every phone browser blurs what is behind), and the letters never dim while flying */
.hdr-in::before{background:rgba(244,243,247,.97)}
.hdr.is-dark .hdr-in::before{background:rgba(16,14,22,.96)}
.v3-stage.fly{opacity:1!important}

/* v7.8 the phone menu: one sheet, numbered chapters, the services with prices, actions at hand */
.mnav{background:radial-gradient(90% 55% at 100% 0%,rgba(155,45,148,.24),transparent 60%),radial-gradient(70% 45% at 0% 100%,rgba(97,73,148,.22),transparent 65%),#0B0A10;padding-top:calc(var(--hdr) + 14px);gap:16px;justify-content:flex-start}
.mnav-proof{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font-size:13px;color:rgba(255,255,255,.6);opacity:0;transform:translateY(10px);transition:opacity .5s .1s,transform .7s .1s var(--ease)}
.mnav-proof b{color:#fff;font-family:var(--display)}
.mnav.is-open .mnav-proof{opacity:1;transform:none}
.mnav nav{flex:1;min-height:0;gap:0}
.mnav-g,.mnav nav a.mnav-l{opacity:0;transform:translateY(18px);transition:opacity .5s calc(var(--i,1) * .045s + .08s),transform .7s calc(var(--i,1) * .045s + .08s) var(--ease)}
.mnav.is-open .mnav-g,.mnav.is-open nav a.mnav-l{opacity:1;transform:none}
.mnav-g summary,.mnav nav a.mnav-l{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line-d);font:700 clamp(22px,6.4vw,30px)/1.15 var(--display);text-decoration:none;color:#fff}
.mnav-g{border-bottom:0}
.mn-n{min-width:26px;font:600 12px/1 var(--display);letter-spacing:.12em;color:var(--m-l)}
.mn-t{flex:1}
.mnav-g summary::after{content:none}
.mnav-g summary i{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-d);position:relative;transition:transform .45s var(--ease),background .3s}
.mnav-g summary i::before,.mnav-g summary i::after{content:"";position:absolute;top:50%;left:50%;width:11px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.mnav-g summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .45s var(--ease)}
.mnav-g[open] summary i{background:rgba(255,255,255,.08)}
.mnav-g[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.mnav-sub{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0 16px}
.mnav nav .mnav-sub a{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:12px 14px;border:0;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);font:600 15.5px/1.25 var(--display);color:#fff;opacity:1;transform:none;transition:background .25s}
.mnav nav .mnav-sub a small{font:500 12.5px/1.2 var(--body,inherit);color:rgba(255,255,255,.55)}
.mnav nav .mnav-sub a:active{background:rgba(255,255,255,.12)}
.mnav-reg{grid-template-columns:1fr 1fr}
.mnav nav .mnav-reg a{min-height:48px;font-size:14px}
.mnav-foot{gap:10px;opacity:0;transform:translateY(16px);transition:opacity .5s .3s,transform .7s .3s var(--ease)}
.mnav.is-open .mnav-foot{opacity:1;transform:none}
.mnav-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mnav-quick .btn{justify-content:center}
.mnav-quick svg{width:18px;height:18px}
/* the logo is always there while the menu is open */
body.menu-open .hdr .logo img{opacity:1!important}
@media (prefers-reduced-motion:reduce){.mnav-g,.mnav nav a.mnav-l,.mnav-foot,.mnav-proof{transition:none;opacity:1;transform:none}}
/* v8.4 when the mega menu opens over a page whose 3D mark is out in the hero, the bar carries the flat logo */
html.logo-3d:not(.dock-on):not(.rt-busy) .hdr.mega-on .logo img{opacity:1;transition:opacity .25s ease}
/* v8.4 a finger reaches every footer link: the same look, a taller hit area on phones */
@media (max-width:760px){.ftr nav a{display:flex;align-items:center;min-height:40px}.ftr nav{display:flex;flex-direction:column;gap:0!important}}
@media (max-width:760px){.ftr-bot a{display:inline-flex;align-items:center;min-height:36px}}
/* v8.5 menu open: the bar turns dark with the menu, so the close and call icons read clearly */
body.menu-open .hdr-in::before{opacity:1!important;transform:none!important;background:rgba(255,255,255,.07)!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important}
body.menu-open .hdr .burger,body.menu-open .hdr .hdr-tel{color:#fff!important;opacity:1!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.34)!important}
.mnav nav{-webkit-overflow-scrolling:touch;touch-action:pan-y}
/* v8.5 native scrolling on touch devices: the open menu still holds the page still */
html:not(.lenis) body.menu-open{overflow:hidden}
/* v8.5 the footer and the closing band are drawn only when they come near */
footer.ftr,.v3-finale{content-visibility:auto;contain-intrinsic-size:auto 900px}
/* v8.5 menu experience. Phone: the 3D mark assembles inside the open menu, large and faint, light added to the dark
   (screen blend), so the links stay perfectly readable. Desktop: the open mega menu dims the page behind it. */
html.menu-3d .v3-stage{z-index:46!important;opacity:.3!important;mix-blend-mode:screen;transition:opacity .6s ease!important}
@media (min-width:761px){
  .hdr::after{content:"";position:fixed;inset:0;z-index:-2;background:rgba(11,10,16,.42);opacity:0;pointer-events:none;transition:opacity .35s ease}
  .hdr.mega-on::after{opacity:1}
}
@media (prefers-reduced-motion:reduce){.hdr::after{transition:none}}
/* v8.6 lead drawer + floating button. Labels sit above their fields (always visible, never a placeholder-only label). */
.lfab{position:fixed;z-index:41;inset:auto 24px 24px auto;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px 0 20px;border:0;border-radius:999px;background:var(--grad);color:#fff;font:700 15px/1 var(--display);cursor:pointer;box-shadow:0 18px 40px -14px rgba(97,73,148,.75),0 0 0 1px rgba(255,255,255,.12) inset;transform:translateY(160%);opacity:0;transition:transform .6s var(--ease),opacity .4s ease}
.lfab.is-on{transform:none;opacity:1}
.lfab-dot{width:8px;height:8px;border-radius:50%;background:#7CF3B5;box-shadow:0 0 0 0 rgba(124,243,181,.6);animation:lfabPulse 2.4s ease-out infinite}
@keyframes lfabPulse{70%{box-shadow:0 0 0 9px rgba(124,243,181,0)}100%{box-shadow:0 0 0 0 rgba(124,243,181,0)}}
.lfab:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (hover:hover){.lfab:hover{transform:translateY(-2px)}}
@media (max-width:760px){.lfab{display:none}}
.ld{position:fixed;inset:0;z-index:70}
.ld[hidden]{display:none}
.ld-bg{position:absolute;inset:0;background:rgba(11,10,16,.55);opacity:0;transition:opacity .4s ease}
.ld.is-open .ld-bg{opacity:1}
.ld-p{position:absolute;inset:12px 12px 12px auto;width:min(440px,calc(100% - 24px));overflow-y:auto;padding:clamp(26px,3vw,40px);border-radius:24px;background:radial-gradient(90% 50% at 100% 0%,rgba(155,45,148,.28),transparent 60%),#0B0A10;color:#fff;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);transform:translateX(calc(100% + 24px));transition:transform .55s var(--ease)}
.ld.is-open .ld-p{transform:none}
.ld-x{position:absolute;top:18px;left:18px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.ld-x i{position:absolute;top:50%;left:50%;width:16px;height:1.8px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.ld-x i+i{transform:translate(-50%,-50%) rotate(-45deg)}
.ld-k{margin:0 0 8px;font-size:13px;letter-spacing:.02em;color:#7CF3B5}
.ld-t{margin:0 0 22px;padding-left:44px;font:700 clamp(24px,2.4vw,30px)/1.15 var(--display);color:#fff}
.ld .fld{margin:0 0 12px}
.ld .fld label{position:static;display:block;margin:0 0 6px;transform:none;font-size:14px;color:rgba(255,255,255,.78)}
.ld .fld label span{color:rgba(255,255,255,.5)}
.ld .fld input,.ld .fld select,.ld .fld textarea{width:100%;min-height:50px;padding:12px 16px;border:0;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font:400 16px/1.4 var(--body);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);text-align:right;transition:box-shadow .25s,background .25s}
.ld .fld select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:18px 22px,24px 22px;background-size:6px 6px;background-repeat:no-repeat}
.ld .fld select option{color:#0B0A10}
.ld .fld input:focus,.ld .fld select:focus,.ld .fld textarea:focus{outline:0;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 2px #B586FF}
.ld .fld.bad input{box-shadow:inset 0 0 0 2px #FF6B81}
.ld .fld.bad label{color:#FF9AA8}
.ld-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.ld-go{width:100%;justify-content:center;margin-top:6px}
.ld .form-msg{min-height:1.2em;margin:10px 0 0;font-size:14px;color:rgba(255,255,255,.8)}
.ld .form-msg.err{color:#FF9AA8}
.ld-or{margin:14px 0 0;font-size:14px;color:rgba(255,255,255,.66)}
.ld-or a{color:#fff;font-weight:700;direction:ltr;unicode-bidi:isolate}
.ld .form-done b{display:block;font:700 24px/1.2 var(--display);margin-bottom:8px}
.ld .form-done a{color:#fff}
@media (max-width:760px){
  .ld-p{inset:auto 0 0 0;width:100%;max-height:88vh;border-radius:24px 24px 0 0;padding-bottom:calc(26px + env(safe-area-inset-bottom));transform:translateY(105%)}
}
@media (prefers-reduced-motion:reduce){.ld-p,.ld-bg,.lfab{transition:none}.lfab-dot{animation:none}}

/* v8.6 screen-reader text */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* v8.6 full-screen menu on desktop: the links hold the right side, the mark stands large on the left and answers the
   group under the pointer. The page dims away completely, the mark is drawn at full strength above the menu. */
@media (min-width:761px){
.hdr .burger{display:block}
.mnav.mnav-wide{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:clamp(32px,4vw,72px);row-gap:22px;padding:calc(var(--hdr) + 26px) clamp(28px,5vw,88px) 34px}
.mnav-wide>*{grid-column:1}
.mnav-wide nav{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px 28px;align-content:start;padding-bottom:4px}
.mnav-wide .mnav-g{grid-column:span 4;min-width:0}
.mnav-wide .mnav-g:nth-of-type(4){grid-column:1/-1}
.mnav-wide nav a.mnav-l{grid-column:span 3;border-bottom:0;border-top:1px solid var(--line-d);padding:16px 0 0;font-size:clamp(20px,1.7vw,26px)}
.mnav-wide .mnav-g summary{cursor:default;padding:0 0 12px;font-size:clamp(16px,1.3vw,21px);white-space:nowrap;border-bottom:1px solid var(--line-d)}
.mnav-wide .mnav-g summary i{display:none}
.mnav-wide nav .mnav-sub{display:flex;flex-direction:column;gap:0;padding:8px 0 0}
.mnav-wide nav .mnav-sub a{flex-direction:row;align-items:baseline;justify-content:flex-start;gap:10px;min-height:0;padding:7px 0;background:none;box-shadow:none;border-radius:0;font:500 16px/1.3 var(--display);color:rgba(255,255,255,.8);transition:color .25s,transform .35s var(--ease)}
.mnav-wide nav .mnav-sub a small{font-size:12.5px}
.mnav-wide nav .mnav-reg{flex-direction:row;flex-wrap:wrap;gap:8px;padding-top:12px}
.mnav-wide nav .mnav-reg a{min-height:0;padding:8px 14px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:14px}
.mnav-wide .mnav-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.mnav-wide .mnav-foot>.btn{min-width:240px}
.mnav-wide .mnav-quick{display:flex;gap:10px}
.mnav-wide .mnav-proof{font-size:13.5px}
html.menu-3d .v3-stage{opacity:1!important;mix-blend-mode:normal}
}
@media (min-width:761px) and (hover:hover){
.mnav-wide nav .mnav-sub a:hover{color:#fff;transform:translateX(-4px)}
.mnav-wide nav .mnav-reg a:hover{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);transform:none}
.mnav-wide .mnav-g:hover .mn-n,.mnav-wide nav a.mnav-l:hover .mn-n{color:#fff}
.mnav-wide nav a.mnav-l:hover .mn-t{color:var(--m-l)}
}
@media (min-width:761px) and (max-height:760px){.mnav-wide nav{gap:18px 24px}.mnav-wide nav .mnav-sub a{padding:5px 0}}
.v3-fin-s{color:#837f91}

/* v8.7 a link chosen in the menu: the menu fades where it is (no fold into the corner), the page change takes over */
.mnav.is-leaving{opacity:0;clip-path:circle(150% at 40px 38px)!important;transition:opacity .32s ease!important;pointer-events:none}
.mnav.is-leaving .mnav-g,.mnav.is-leaving nav a.mnav-l,.mnav.is-leaving .mnav-foot,.mnav.is-leaving .mnav-proof{transition:none}
/* the page you are on */
.mnav nav a.is-here,.mnav nav a.is-here .mn-t,.mnav nav .mnav-sub a.is-here,.mnav nav .mnav-sub a.is-here b{color:var(--m-l)}
.mnav nav a.mnav-l.is-here .mn-n::after,.mnav nav .mnav-sub a.is-here b::after{content:"";display:inline-block;width:6px;height:6px;margin-inline-start:8px;border-radius:50%;background:var(--grad);vertical-align:middle}
.hdr .nav a.is-here{color:var(--m-l)}
/* a tapped link answers at once, before the page change starts */
.mnav nav a:active,.mnav nav .mnav-sub a:active{color:#fff;background:rgba(255,255,255,.1)}

/* v8.8 phone menu: the mark stands in its own band above the links, at full strength, on a soft light with a shadow */
.mnav-mark{display:none}
@media (max-width:760px){
.mnav{padding-top:calc(var(--hdr) + 4px)}
.has-3d .mnav-mark{display:block;flex:none;position:relative;height:clamp(92px,15.5vh,138px);margin:0 0 -4px;background:radial-gradient(55% 75% at 50% 52%,rgba(155,45,148,.26),rgba(97,73,148,.08) 55%,transparent 72%)}
.has-3d .mnav-mark::after{content:"";position:absolute;left:28%;right:28%;bottom:6px;height:10px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent)}
html.menu-3d .v3-stage{opacity:1!important;mix-blend-mode:normal}
.mnav .mnav-mark{opacity:0;transition:opacity .5s .15s}
.mnav.is-open .mnav-mark{opacity:1}
}

/* v8.8 the first chapter marker sat under the header, on the menu button */
main > .chap:first-child[data-ch]::before{display:none}

/* v9.1 an address is not a headline: the display face draws Latin in capitals, so the e-mail is set in the text face */
.ct-ways a[href^="mailto:"] b{font-family:var(--body);text-transform:none;letter-spacing:0;font-weight:600}

/* v9.3 (owner) the open menu shows one mark, not two: the header logo steps out while the menu holds the mark, and comes
   back only when the letters have landed on it again. The menu itself is navigation only: no stats line, no prices. */
html.mlogo .hdr .logo,html.mlogo .hdr .logo img{opacity:0!important;transition:opacity .15s ease!important}
html:not(.has-3d) body.menu-open .hdr .logo{opacity:0!important}
.mnav.mnav-wide{grid-template-rows:minmax(0,1fr) auto}

/* v9.3 phones: the reviews are paged by a row of thin segments (like the video reviews), not by lone initials in circles */
@media (max-width:760px){
.rq-tabs{gap:6px}
.rq-tab{flex:1 1 0;min-width:0;height:28px;padding:0;border:0;border-radius:0;background:none}
.rq-tab i{display:none}
.rq-tab::before{content:"";position:absolute;inset-inline:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:rgba(11,10,16,.12)}
.rq-tab::after{display:block;top:50%;bottom:auto;height:4px;margin-top:-2px;border-radius:2px}
.rq-tab.is-on::before{background:rgba(155,45,148,.22)}
.rq:not(.run) .rq-tab.is-on::after{transform:none}
}

/* v9.3 (owner: "the pink isn't ours") the accent on dark is the logo's own magenta, lifted just enough to read on black
   (4.3:1); small accents use the violet end of the logo, never a pink tint. Words stay solid (no gradient text, see em rule) */
.ftr-big em,.dhero-t em,.v3-fin-t em,.v3-display em,.dark :is(h1,h2,.h2,.h2-xl) em{color:#B54AB0}

/* v9.3 (owner) one menu on every screen: the header keeps the logo, the phone, the quote button and a labelled menu button;
   the inline links and the dropdown are gone, everything lives in the full-screen menu (where the logo flies to) */
.burger-t{display:none}
@media (min-width:761px) and (max-width:1180px){
.hdr .nav,.hdr .mega{display:none!important}
.burger{display:inline-flex;align-items:center;width:auto;height:44px;padding:0 20px;padding-inline-start:46px;border-radius:999px;font:600 15px/1 var(--display);color:inherit;background:none}
.burger i{left:auto;right:16px;width:18px}
.burger-t{display:inline}
@media (hover:hover){.burger:hover{box-shadow:inset 0 0 0 1.5px currentColor}}
}

/* v9.5 the header always carries its logo: drawn while the 3D is out working, the 3D itself once it is home */
html.logo-3d:not(.hdr3d):not(.rt-busy):not(.rt-logo) .hdr .logo img{opacity:1;transition:opacity .45s ease .12s}
/* v9.5 the menu icon: two lines (the lower one shorter), which meet into an X; the text says what a click will do */
.burger i{transition:transform .55s cubic-bezier(.7,0,.2,1),left .45s cubic-bezier(.7,0,.2,1),width .45s cubic-bezier(.7,0,.2,1)}
.burger i:nth-of-type(1){top:17px;bottom:auto}
.burger i:nth-of-type(2){top:auto;bottom:17px;left:20px}
.burger[aria-expanded="true"] i:nth-of-type(1){transform:translateY(4.1px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-of-type(2){left:13px;transform:translateY(-4.1px) rotate(-45deg)}
@media (hover:hover){.burger:hover i:nth-of-type(2){left:13px}}
.burger-t{overflow:hidden}
.burger-t b{display:inline-block;font:inherit}
@media (min-width:761px){
  .burger i:nth-of-type(2){left:auto;width:11px}
  .burger[aria-expanded="true"] i:nth-of-type(2){left:auto;width:18px}
  @media (hover:hover){.burger:hover i:nth-of-type(2){left:auto;width:18px}}
  .burger-t{display:inline-block;min-width:3.2em;text-align:start}
}
@media (prefers-reduced-motion:reduce){.burger i{transition:none}}

/* v9.6 (owner) desktop: the menu is always open in the header (links + the services dropdown), so every page is one click
   away; the full-screen menu stays for phones and tablets. The logo answers the dropdown (see app.js). */
@media (min-width:1181px){.hdr .burger{display:none!important}}
.hdr .nav a,.hdr .nav-dd{transition:opacity .3s,color .3s}
@media (hover:hover){.hdr .nav a:hover::after{transform:scaleX(1);transform-origin:left}}
.v3-live[hidden]{display:none!important}

/* v9.8 (owner) the header logo IS the live 3D mark: it never hands over to the flat image. At rest it breathes, leans
   toward the pointer and spins with the scroll speed; the drawn logo shows only while the 3D is out in a section, and
   always where there is no 3D at all (reduced motion, no WebGL). */
html body .v3-stage.landed,html.rt-busy body .v3-stage.landed{opacity:1!important;z-index:60!important}
html.has-3d:not(.logo-3d):not(.mlogo) .hdr .logo img{opacity:0!important;transition:opacity .12s linear!important}

/* v10.1 the process is read with the scroll: a rail fills, each step lights as the line reaches it, the step in hand turns dark */
.v7-steps{position:relative;padding-top:38px}
.v7-steps::before,.v7-steps::after{content:"";position:absolute;top:12px;inset-inline:0;height:2px;border-radius:2px;pointer-events:none}
.v7-steps::before{background:rgba(11,10,16,.1)}
.v7-steps::after{background:linear-gradient(270deg,#F2B8EE,#C9A8FF 25%,var(--m) 62%,var(--v));transform-origin:right;transform:scaleX(var(--sp,1))}
html.st-js .v7-steps::after{transform:scaleX(var(--sp,0))}
.v7-steps li{transition:opacity 1s var(--ease-2),transform .8s var(--ease),background-color .6s var(--ease),box-shadow .6s var(--ease)}
.v7-steps li::after{content:"";position:absolute;top:-31px;inset-inline-start:clamp(22px,2vw,30px);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(11,10,16,.18);transition:background-color .5s,box-shadow .5s,transform .6s var(--ease)}
.v7-steps li::before{transform-origin:right;transition:transform 1s var(--ease)}
.v7-steps .ps-n{font:700 clamp(46px,4.2vw,68px)/.9 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.2px rgba(11,10,16,.2);background:linear-gradient(270deg,#F2B8EE,#C9A8FF 30%,var(--m) 70%,var(--v));-webkit-background-clip:text;background-clip:text;background-size:100% 0;background-repeat:no-repeat;background-position:0 100%;transition:background-size .9s var(--ease),-webkit-text-stroke-color .6s}
.v7-steps h3,.v7-steps p{transition:color .6s var(--ease),opacity .6s var(--ease)}
html:not(.st-js) .v7-steps .ps-n,.v7-steps li.on .ps-n{background-size:100% 100%;-webkit-text-stroke-color:transparent}
html:not(.st-js) .v7-steps li::after,.v7-steps li.on::after{background:var(--m);box-shadow:0 0 0 2px var(--m),0 0 0 8px rgba(155,45,148,.14)}
html.st-js .v7-steps li:not(.on)::before{transform:scaleX(0)}
html.st-js .v7-steps li:not(.on) h3,html.st-js .v7-steps li:not(.on) p{opacity:.6}
html.st-js .v7-steps li.st-cur{background:#0B0A10;box-shadow:0 30px 60px -28px rgba(97,73,148,.55),0 0 0 1px rgba(183,166,240,.22)}
html.st-js .v7-steps li.st-cur h3{color:#fff}
html.st-js .v7-steps li.st-cur p{color:rgba(255,255,255,.74)}
html.st-js .v7-steps li.st-cur::after{transform:scale(1.25)}
@media (hover:hover){.v7-steps li:hover{transform:translateY(-4px)}}
@media (max-width:1000px){
  .v7-steps{grid-template-columns:1fr;padding-top:0;padding-inline-start:38px}
  .v7-steps::before,.v7-steps::after{top:6px;bottom:6px;inset-inline-start:12px;inset-inline-end:auto;width:2px;height:auto}
  .v7-steps::after{transform-origin:top;transform:scaleY(var(--sp,1))}
  html.st-js .v7-steps::after{transform:scaleY(var(--sp,0))}
  .v7-steps li::after{top:clamp(26px,2.4vw,34px);inset-inline-start:-32px}
  .v7-steps .ps-n{font-size:clamp(40px,10vw,54px)}
}
@media (prefers-reduced-motion:reduce){.v7-steps li,.v7-steps li::before,.v7-steps li::after,.v7-steps .ps-n{transition:none!important}}

/* v10.3 while the letters play on the header they stay above the frosted bar, at full strength */
html body .v3-stage.dplay{opacity:1!important;z-index:60!important}

/* v10.4 audit pass (home) */
/* the copy is always read above the flying letters: they pass behind the words, never across them */
:where(main) :where(h1,h2,h3,h4,p,li,blockquote,dt,dd,label,figcaption,.btn,.kicker,table){position:relative;z-index:2}
/* hero: the words own the lower half of the film */
.dhero-shade{background:linear-gradient(to top,rgba(9,7,15,.97) 0%,rgba(9,7,15,.9) 40%,rgba(9,7,15,.66) 62%,rgba(9,7,15,.12) 86%),linear-gradient(to bottom,rgba(9,7,15,.5),rgba(9,7,15,0) 22%)}
.dhero-k{color:rgba(255,255,255,.9)}
/* ghost buttons on dark surfaces read as buttons */
.dark .btn-ghost,.mnav .btn-ghost,.dhero .btn-ghost{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.38)}
/* a phone button carries its icon in the text colour (green belongs to WhatsApp only) */
.btn-ghost.btn-tel svg:not(.ar){color:currentColor!important}
.btn-tel svg{width:18px;height:18px}
/* calls to action after the reviews and in the closing scene */
.rev-cta,.v3-fin-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:clamp(28px,4vw,48px)}
.v3-fin-cta{justify-content:inherit}
@media (max-width:560px){.rev-cta .btn,.v3-fin-cta .btn{width:100%}}
/* the mock browser and search result show a domain the way a browser does */
.v4-url,.v4-serp-u{direction:ltr;unicode-bidi:isolate}
/* the calculator's "continue" reads as a button even before a choice */
.wiz-next:disabled{opacity:1;background:#E4DCF7;color:#4A3A72;box-shadow:none}
.wiz-next:disabled::before,.wiz-next:disabled::after{opacity:0}
.wres-n.is-talk{font-size:clamp(24px,3vw,34px);line-height:1.2}
/* a project image is never a white hole while it loads */
.v3-row-img,.v3-row-img img{background:#14121c}
/* the price table links are full-size tap targets */
.pr-t a,.pricing td a{display:inline-flex;align-items:center;min-height:44px}
/* the words still to come are readable, just quieter */
.dark .statement .sw{opacity:.3}
.dark .statement .sw.on{opacity:1}
/* v10.5 one logo on screen: while the letters are the logo in a scene, the header slot is empty */
html.hdr-away:not(.menu-3d) body:not(.menu-open) .hdr .logo img{opacity:0!important;transition:opacity .3s ease!important}
/* v10.5 the accessibility button in the brand violet (the widget sets its own blue) */
#vplugin-toggler,.vplugin-title{background-color:#614994!important}
/* v10.7 the tucked lead pill: a round button that keeps its dot, the label slides away */
.lfab{max-width:260px;overflow:hidden;white-space:nowrap;transition:transform .6s var(--ease),opacity .4s ease,max-width .45s var(--ease),padding .45s var(--ease)}
.lfab.is-tuck{max-width:52px;padding:0 22px}
.lfab.is-tuck span:not(.lfab-dot){opacity:0}
.lfab span:not(.lfab-dot){transition:opacity .25s ease}
/* v10.9b the hero poster dissolves into the film instead of cutting */
.dhero-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:opacity .9s cubic-bezier(.4,0,.2,1)}
.dhero-ph.gone{opacity:0}
.mnav-home .mn-n{display:inline-flex;align-items:center}
.mnav-home .mn-n svg{display:block}
/* v10.9c leaving through the menu: the menu dissolves for real (it used to lose visibility in one frame) and the old page
   under it never shows again, so the change of page starts on the same dark ground the menu stood on */
.mnav.is-leaving{visibility:visible!important}
html.rt-out body:has(.mnav.is-leaving) main,html.rt-out body:has(.mnav.is-leaving) footer.ftr{opacity:0!important;transition:none!important}
/* v10.9d the first frame of a new page is the heaviest one (layout of the whole page, ~160ms on a phone): the entrance waits it
   out while the page is still invisible, so the fade starts on a free main thread and never begins with a jump */
html.rt-in main{animation-delay:.14s!important}
html.rt-in footer.ftr{animation-delay:.26s!important}
.mnav.is-leaving .mnav-g,.mnav.is-leaving nav a.mnav-l,.mnav.is-leaving .mnav-foot,.mnav.is-leaving .mnav-proof{transition:opacity .22s ease!important;opacity:0!important}
/* ===== v11.0 the process timeline (one component: home, service pages, content processes) ===== */
.tl-src{display:none!important}
.tl{--tp:0;position:relative;margin:clamp(20px,3vw,40px) 0 0}
.tl ol{list-style:none;margin:0;padding:0}
.tl-rail{display:none}
/* --- phones and tablets: a vertical timeline --- */
.tl-flow .tl-nav,.tl-flow .tl-stage{display:none}
.tl-list{position:relative}
.tl-list::before,.tl-list::after{content:"";position:absolute;inset-inline-start:21px;top:22px;bottom:30px;width:2px;border-radius:2px;background:var(--line)}
.tl-list::after{background:linear-gradient(180deg,#9B2D94,#614994);transform:scaleY(var(--tp));transform-origin:50% 0;transition:transform .12s linear}
.tl-step{position:relative;padding-inline-start:64px;padding-bottom:22px}
.tl-step:last-child{padding-bottom:0}
.tl-dot{position:absolute;inset-inline-start:0;top:4px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(11,10,16,.16);font:700 14px/1 var(--display);letter-spacing:.04em;color:var(--mute);transition:background .45s var(--ease-2),color .45s var(--ease-2),box-shadow .45s var(--ease-2)}
.tl-step.is-past .tl-dot,.tl-step.is-cur .tl-dot{background:var(--grad);color:#fff;box-shadow:none}
.tl-step.is-cur .tl-dot{box-shadow:0 0 0 7px rgba(155,45,148,.13)}
.tl-card{padding:20px 22px 22px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line),0 22px 44px -32px rgba(11,10,16,.4);opacity:.62;transform:translateY(6px);transition:opacity .55s var(--ease-2),transform .7s var(--ease),box-shadow .55s var(--ease-2)}
.tl-step.is-past .tl-card,.tl-step.is-cur .tl-card{opacity:1;transform:none}
.tl-step.is-cur .tl-card{box-shadow:0 0 0 1.5px rgba(155,45,148,.4),0 26px 50px -30px rgba(97,73,148,.5)}
.tl .tl-h{margin:0 0 8px;font:700 clamp(19px,4.8vw,22px)/1.3 var(--display);color:var(--ink)}
.tl .tl-p{margin:0;font:400 16px/1.75 var(--body);color:var(--mute)}
.tl .tl-p a{color:var(--v)}
/* --- desktop: the timeline pins, the rail of step names on the start side, the stage with the step in hand --- */
.tl-pin{display:grid;grid-template-columns:minmax(240px,34%) 1fr;gap:clamp(32px,4vw,64px);height:min(540px,calc(100vh - var(--hdr) - 110px));align-items:stretch}
.tl-pin .tl-list{display:none}
.tl-nav{position:relative;display:flex;flex-direction:column;justify-content:center;padding-inline-start:30px}
.tl-nav::before,.tl-nav::after{content:"";position:absolute;inset-inline-start:7px;top:10%;bottom:10%;width:2px;border-radius:2px;background:var(--line)}
.tl-nav::after{background:linear-gradient(180deg,#9B2D94,#614994);transform:scaleY(var(--tp));transform-origin:50% 0}
.tl-ni{position:relative}
.tl-ni::before{content:"";position:absolute;inset-inline-start:-29px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px rgba(11,10,16,.2);transition:background .45s var(--ease-2),box-shadow .45s var(--ease-2)}
.tl-ni.is-past::before,.tl-ni.is-cur::before{background:#9B2D94;box-shadow:none}
.tl-ni.is-cur::before{box-shadow:0 0 0 6px rgba(155,45,148,.16)}
.tl-nb{all:unset;box-sizing:border-box;display:flex;align-items:baseline;gap:14px;width:100%;padding:13px 0;cursor:pointer;font:700 clamp(18px,1.45vw,22px)/1.25 var(--display);color:rgba(11,10,16,.38);transition:color .45s var(--ease-2),transform .6s var(--ease)}
.tl-nb:hover{color:rgba(11,10,16,.7)}
.tl-nb:focus-visible{outline:2px solid var(--v);outline-offset:4px;border-radius:6px}
.tl-nn{flex:none;font:600 13px/1 var(--display);letter-spacing:.1em}
.tl-ni.is-past .tl-nb{color:rgba(11,10,16,.6)}
.tl-ni.is-cur .tl-nb{color:var(--ink);transform:translateX(-6px)}
.tl-ni.is-cur .tl-nn{color:#9B2D94}
.tl-stage{position:relative;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 0 0 1px var(--line),0 40px 80px -50px rgba(61,40,110,.55)}
.tl-stage::before{content:"";position:absolute;inset:-30% -10% auto auto;width:70%;height:90%;background:radial-gradient(closest-side,rgba(183,166,240,.28),transparent);pointer-events:none}
.tl-stage::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:var(--grad);transform:scaleX(var(--tp));transform-origin:100% 50%}
.tl-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,4.4vw,72px);visibility:hidden;transition:visibility 0s .5s}
.tl-panel.is-cur{visibility:visible;transition:none}
.tl-panel>*{opacity:0;transform:translateY(28px);transition:opacity .35s ease,transform .5s var(--ease)}
.tl-panel.is-past>*{transform:translateY(-22px)}
.tl-panel.is-cur>*{opacity:1;transform:none;transition:opacity .6s var(--ease-2),transform .9s var(--ease)}
.tl-panel.is-cur .tl-h{transition-delay:.07s}
.tl-panel.is-cur .tl-p{transition-delay:.14s}
.tl-panel.is-cur .tl-of{transition-delay:.2s}
.tl-big{display:block;font:700 clamp(92px,9.5vw,160px)/.86 var(--display);letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px rgba(97,73,148,.38);background:var(--grad) no-repeat 0 100%/100% 0;-webkit-background-clip:text;background-clip:text}
.tl-panel.is-cur .tl-big{background-size:100% 100%;-webkit-text-stroke-color:rgba(97,73,148,0);transition:opacity .6s var(--ease-2),transform .9s var(--ease),background-size 1.1s var(--ease) .18s,-webkit-text-stroke-color .6s ease .8s}
.tl-pin .tl-h{margin:22px 0 12px;font-size:clamp(28px,2.5vw,40px);line-height:1.15}
.tl-pin .tl-p{max-width:48ch;font-size:clamp(16px,1.15vw,18px)}
.tl-of{display:block;margin-top:24px;font:600 13px/1 var(--display);letter-spacing:.08em;color:#7A3A96}
/* --- on dark sections --- */
.tl-dark .tl-card,.tl-dark .tl-stage{background:var(--ink-2);box-shadow:0 0 0 1px var(--line-d),0 30px 60px -40px rgba(0,0,0,.8)}
.tl-dark .tl-h{color:#fff}
.tl-dark .tl-p{color:var(--mute-d)}
.tl-dark .tl-dot{background:var(--ink-3);color:var(--mute-d);box-shadow:inset 0 0 0 1.5px var(--line-d)}
.tl-dark .tl-list::before,.tl-dark .tl-nav::before{background:var(--line-d)}
.tl-dark .tl-nb{color:rgba(255,255,255,.4)}
.tl-dark .tl-ni.is-past .tl-nb{color:rgba(255,255,255,.65)}
.tl-dark .tl-ni.is-cur .tl-nb{color:#fff}
.tl-dark .tl-ni::before{background:var(--ink-2);box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
@media (prefers-reduced-motion:reduce){.tl *{transition:none!important}}
/* the dark "in writing" box opens downward instead of fading: a dark block fading over a light page reads as a grey flash */
.v7-written.rv{opacity:1;transform:translateY(48px)}
.v7-written.rv.in{transform:none;transition:transform 1.2s var(--ease)}
/* v11.0b the pinned timeline: a narrow side column (title + step names), a wide stage; one step leaves before the next arrives */
.tl-flow .tl-side{display:none}
.tl-pin{grid-template-columns:minmax(230px,300px) 1fr}
.tl-side{display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3vh,30px)}
.tl-k{display:flex;flex-direction:column;gap:8px;padding-inline-start:30px}
.tl-k span{font:600 12px/1 var(--display);letter-spacing:.16em;color:#7A3A96}
.tl-k b{font:700 clamp(20px,1.6vw,26px)/1.2 var(--display);color:var(--ink)}
.tl-dark .tl-k b{color:#fff}
.tl-pin .tl-nav{justify-content:flex-start}
.tl-pin .tl-nav::before,.tl-pin .tl-nav::after{top:14px;bottom:14px}
.tl-panel.is-cur>*{transition:opacity .5s var(--ease-2) .1s,transform .8s var(--ease) .1s}
.tl-panel.is-cur .tl-h{transition-delay:.16s}
.tl-panel.is-cur .tl-p{transition-delay:.22s}
.tl-panel.is-cur .tl-of{transition-delay:.28s}
.tl-panel.is-cur .tl-big{transition:opacity .5s var(--ease-2) .1s,transform .8s var(--ease) .1s,background-size 1.1s var(--ease) .28s,-webkit-text-stroke-color .6s ease 1s}
.tl-panel:not(.is-cur)>*{transition:opacity .2s ease,transform .3s ease}
.tl-pin .tl-h{font-size:clamp(30px,2.8vw,44px)}
.tl-pin .tl-p{max-width:52ch;font-size:clamp(17px,1.25vw,19px)}

.tl-pin .tl-k{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-2),transform .7s var(--ease)}
.tl-pin.tl-go .tl-k{opacity:1;transform:none}
/* the pinned timeline is lifted to <body> while pinned (a moving parent would drag a fixed element with it): it must paint
   above the section it came from, and stay under the header */
.tl-pin{z-index:20}
/* v11.0c phones: the build scene says which step it is on above the mock-up, so the step name and the picture are seen together */
@media (max-width:760px){
  .v5-make .v5-make-in{display:flex;flex-direction:column}
  .v5-make .v5-make-head{order:-4}
  .v5-make .v5-cap{order:-3;margin:18px 0 6px;min-height:86px;align-content:flex-start}
  .v5-make .v5-steps,.v5-make .v5-ctl,.v5-make .v4-prog{order:-2}
  .v5-make .v5-ed{order:0;margin-top:12px}
}
/* v11.1 every control answers the pointer: hover states that were missing (measured with tools/layout-audit/uxprobe.js) */
@media (hover:hover) and (pointer:fine){
  .hdr-tel{transition:background .25s,color .25s,box-shadow .25s}
  .hdr-tel:hover{background:#614994;color:#fff;box-shadow:none}
  .fld input:hover:not(:focus),.fld textarea:hover:not(:focus){box-shadow:inset 0 0 0 1.5px rgba(97,73,148,.35)}
  .ld .fld input:hover:not(:focus),.ld .fld select:hover:not(:focus),.ld .fld textarea:hover:not(:focus){box-shadow:inset 0 0 0 1.5px rgba(183,166,240,.5)}
  main :is(p,li,dd,td,figcaption) a:not(.btn):hover{color:#9B2D94;text-decoration-color:currentColor;text-decoration-thickness:2px}
  .ftr a:not(.btn):hover{color:#fff}
  .v5-steps button:hover i{background:rgba(11,10,16,.3);transform:scaleY(1.7)}
  .v5-steps i{transition:background .2s,transform .2s}
}
/* v11.1b touch targets: every control is at least 44px to a finger, without moving a pixel of what is drawn */
@media (pointer:coarse){
  .dhero-proof a,.sec-head .link-more,.link-more{padding-block:12px;margin-block:-12px}
  .rq-tab::after,.vt-dot::after,.v5-steps button::after{content:"";position:absolute;inset:-9px -2px}
}
@media (hover:hover) and (pointer:fine){
  .sv-cta-tel{transition:background .25s,color .25s,box-shadow .25s}
  .sv-cta-tel:hover{background:#614994;color:#fff}
  details>summary{transition:color .25s}
  details>summary:hover{color:#7A3A96}
}
.rq-tab:focus-visible,.vt-dot:focus-visible,.mbar a:focus-visible,.mbar-cta:focus-visible,.lfab:focus-visible{outline:2.5px solid #B586FF;outline-offset:3px}
/* v11.2 form states: the error under its field, the sending button, the confirmation */
.fld-err{display:flex;align-items:center;gap:6px;margin-top:7px;font:500 14px/1.35 var(--body);color:#B42318}
.fld-err::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
.fld-err[hidden]{display:none}
.dark .fld-err,.ld .fld-err,.est .fld-err{color:#FF9A9A}
.fld.bad input,.fld.bad textarea,.fld.bad select{box-shadow:inset 0 0 0 1.5px #D92D20!important}
.dark .fld.bad input,.ld .fld.bad input,.est .fld.bad input{box-shadow:inset 0 0 0 1.5px #FF8A8A!important}
.form-msg:empty{display:none}
button.is-busy{cursor:progress!important;opacity:.92}
button.is-busy svg{display:none}
button.is-busy>span::before{content:"";display:inline-block;vertical-align:-3px;width:16px;height:16px;margin-inline-end:10px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:sgoSpin .8s linear infinite}
@keyframes sgoSpin{to{transform:rotate(360deg)}}
.form-done{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 18px;text-align:center;animation:sgoDoneIn .7s var(--ease) both}
.form-done:focus{outline:0}
.form-done b{font:700 clamp(24px,5vw,30px)/1.15 var(--display)}
.form-done p{margin:0;color:var(--mute);font-size:16px;line-height:1.6}
.dark .form-done p,.ld .form-done p,.est .form-done p{color:var(--mute-d)}
.form-done .done-or a{font-weight:700;color:inherit;direction:ltr;unicode-bidi:isolate}
.done-ic{display:grid;place-items:center;width:58px;height:58px;margin-bottom:6px;border-radius:50%;background:var(--grad);color:#fff;box-shadow:0 14px 30px -12px rgba(155,45,148,.6)}
.done-ic svg{width:28px;height:28px;stroke-dasharray:24;stroke-dashoffset:24;animation:sgoTick .6s .25s var(--ease) forwards}
@keyframes sgoTick{to{stroke-dashoffset:0}}
@keyframes sgoDoneIn{from{opacity:0;transform:translateY(14px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.form-done,.done-ic svg{animation:none;stroke-dashoffset:0}button.is-busy>span::before{animation-duration:2s}}
/* the error colour follows the field's own ground: white cards inside dark sections keep the dark red */
.fld-err{color:#B42318}
.ld .fld-err{color:#FF9A9A}
.ld .fld.bad input,.ld .fld.bad select,.ld .fld.bad textarea{box-shadow:inset 0 0 0 1.5px #FF8A8A!important}
.dark .fld-err,.est .fld-err{color:#B42318}
.dark .fld.bad input,.est .fld.bad input{box-shadow:inset 0 0 0 1.5px #D92D20!important}
button.is-busy,button.is-busy:disabled{background:var(--grad)!important;color:#fff!important;opacity:1}

/* v11.3 the ghost button inside the light calculator card: the dark section sets --ink white, so the text vanished */
.wiz .btn-ghost{--ink:#14121c;color:#14121c;box-shadow:inset 0 0 0 1.5px rgba(20,18,28,.2)}
.wiz .btn-ghost svg{color:#25D366}
.wiz .btn-ghost:hover,.wiz .btn-ghost:focus-visible{color:#fff}
.wiz .btn-ghost:hover svg,.wiz .btn-ghost:focus-visible svg{color:#fff}

/* v11.3b the thank-you line was the dark-background gray on white cards (about 2:1); dark gray on light, light gray only in the dark dialog */
.form-done p,.est .form-done p,.wiz .form-done p{color:#55505f}
.ld .form-done p{color:var(--mute-d)}
.dark .form .form-done p,.form .form-done p,.dark .wiz .form-done p,.est .wiz .form-done p{color:#55505f}

/* v11.3c desktop menu: the home item took the first grid cell and broke the 4+4+4 / 3x4 grid; it is now a small row of its own above the groups */
.mnav-wide nav a.mnav-l.mnav-home{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:10px;border-top:0;padding:0 0 2px;margin-bottom:-6px;font-size:16px;color:rgba(255,255,255,.78)}
.mnav-wide nav a.mnav-home .mn-n{font-size:inherit}
.mnav-wide nav a.mnav-home .mn-n svg{width:17px;height:17px}
.mnav-wide nav a.mnav-home:hover,.mnav-wide nav a.mnav-home:focus-visible{color:#fff}
/* v11.3d the menu-open ring belongs to the round phone button on phones; on desktop it drew a square frame around the number */
@media (min-width:761px){body.menu-open .hdr .hdr-tel{box-shadow:none!important}}

/* v11.3e leaving through the menu: the items held their place but snapped 18px down (only opacity was transitioned); and the
   "עוברים אל" caption appeared on top of the fading items. The items now fade in place, the caption waits for the menu to clear */
.mnav.is-leaving .mnav-g,.mnav.is-leaving nav a.mnav-l,.mnav.is-leaving .mnav-foot,.mnav.is-leaving .mnav-proof{transform:none!important}
html.rt-out body:has(.mnav.is-leaving) #rt-cap{transition-delay:.38s}

/* v11.3f touch: the breadcrumb links (39x36) get a 44px hit area outside the element; nothing visible moves */
@media (pointer:coarse){.pg-bc a{position:relative}
.pg-bc a::after{content:"";position:absolute;inset:-5px -6px}}

/* v11.3g RTL pin trap: GSAP writes left + right:0 + a fixed width on the pinned timeline; in an rtl document the over-constrained
   box drops `left` and hugs the right edge, so the pinned timeline slid ~100px right and jumped back on release */
.tl.tl-pin{right:auto!important}

/* v11.3h blog article FAQ (.ar-body .sgo-faq) was the browser default: a tiny triangle, no padding, no hover, a 30px row */
.ar-body .sgo-faq details{border-bottom:1px solid rgba(20,17,28,.12)}
.ar-body .sgo-faq details:first-of-type{border-top:1px solid rgba(20,17,28,.12)}
.ar-body .sgo-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:16px 0;-webkit-tap-highlight-color:transparent}
.ar-body .sgo-faq summary::-webkit-details-marker{display:none}
.ar-body .sgo-faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(20,17,28,.2);background:linear-gradient(currentColor,currentColor) center/11px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 11px no-repeat;transition:transform .35s var(--ease,ease),background-color .25s}
.ar-body .sgo-faq details[open]>summary::after{transform:rotate(45deg)}
.ar-body .sgo-faq summary strong{transition:color .2s}
.ar-body .sgo-faq details>:not(summary){margin-top:0;margin-bottom:18px}
.ar-body .sgo-faq summary:focus-visible{outline:2.5px solid #7B3FE4;outline-offset:4px;border-radius:6px}
@media (hover:hover){.ar-body .sgo-faq summary:hover strong{color:#7A3A96}
.ar-body .sgo-faq summary:hover::after{background-color:rgba(122,58,150,.08)}}
@media (prefers-reduced-motion:reduce){.ar-body .sgo-faq summary::after{transition:none}}
@media (pointer:coarse){.sv-cta-tel{position:relative}
.sv-cta-tel::after{content:"";position:absolute;inset:-12px -8px}}

/* v11.6b timeline nav: a later rule set the nav padding to 22px while the dots were placed for 30px, so every dot sat 8px
   off the line. The dot is now placed from the same padding variable as the line */
.tl .tl-nav{--tlpad:30px;padding-inline-start:var(--tlpad)!important}
.tl .tl-ni::before{inset-inline-start:calc(1px - var(--tlpad))}
/* v11.6c the live numbers: the white-to-lavender fill was not a brand colour; the logo's magenta-to-indigo, lifted to read on black */
.v3-stats b{background:linear-gradient(270deg,#C94BC0 0%,#9A5FD0 55%,#7C6CD6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.v3-pulse .v3-stats li b{background:linear-gradient(270deg,#C94BC0 0%,#9A5FD0 55%,#7C6CD6 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}

/* v11.9 guide library under the magazine: the old home's link flow, collapsed and quiet */
.lib{margin-top:clamp(40px,5vw,72px);display:grid;gap:12px}
.lib-d{border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(20,18,28,.08),0 30px 60px -50px rgba(60,20,110,.35)}
.lib-d>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;min-height:44px;padding:20px clamp(20px,3vw,32px);border-radius:20px}
.lib-d>summary::-webkit-details-marker{display:none}
.lib-d>summary:focus-visible{outline:2px solid #7A3A96;outline-offset:2px}
.lib-s{flex:1;display:grid;gap:8px;min-width:0}
.lib-k{font:600 12px/1 var(--display);letter-spacing:.14em;color:#7A3A96}
.lib-s b{font:700 clamp(17px,1.5vw,21px)/1.3 var(--display);color:#14121c}
.lib-d>summary i{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:400 22px/1 var(--display);font-style:normal;color:#14121c;box-shadow:inset 0 0 0 1px rgba(20,18,28,.16);transition:transform .35s cubic-bezier(.22,1,.36,1),background .25s,color .25s}
.lib-d[open]>summary i{transform:rotate(45deg);background:#14121c;color:#fff}
@media (hover:hover){.lib-d>summary:hover i{background:#7A3A96;color:#fff;box-shadow:none}}
.lib-l{list-style:none;margin:0;padding:4px clamp(20px,3vw,32px) 26px;columns:3 250px;column-gap:36px}
.lib-l li{break-inside:avoid;margin:0;padding:9px 0;border-top:1px solid rgba(20,18,28,.07)}
.lib-l li::before{display:none}
.lib-l a{display:block;color:#3b3646;font-size:15px;line-height:1.45;text-decoration:none;transition:color .2s}
@media (hover:hover){.lib-l a:hover{color:#7A3A96;text-decoration:underline;text-underline-offset:3px}}
.lib-l a:focus-visible{outline:2px solid #7A3A96;outline-offset:2px;border-radius:4px}

/* v11.10 timeline: the list kept the browser default inline padding (22px), so the dots sat off the rail */
.tl .tl-list{padding-inline-start:0!important}
/* v11.10b the dot ring (7px glow) needs room from the edge: 10px in, and the rail moves with it */
.tl .tl-list{padding-inline-start:10px!important}.tl .tl-list::before,.tl .tl-list::after{inset-inline-start:31px}
/* v11.11 "מה בונים?" as an even grid of tiles (owner: the scattered pills looked messy). 3 across on a wide form, 2 on a
   phone; a radio dot that turns into a check when picked; an odd last tile takes the full row on a phone. */
.chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.chips label{display:block;min-width:0}
.chips span{display:flex!important;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border-radius:14px;font:500 14.5px/1.25 var(--display);text-align:start;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:background .25s,color .25s,box-shadow .25s}
.chips span::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #B9B4C4;background:center/10px no-repeat;transition:box-shadow .25s,background-color .25s}
.chips input:checked+span{background:var(--ink);color:#fff;box-shadow:none}
.chips input:checked+span::before{background-color:#9B2D94;box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media (hover:hover){.chips label:hover input:not(:checked)+span{box-shadow:inset 0 0 0 1.5px #9B2D94}}
@media (max-width:560px){.chips{grid-template-columns:repeat(2,minmax(0,1fr))}.chips label:last-of-type:nth-of-type(odd){grid-column:1/-1}}
/* v11.11b two even columns everywhere; the check appears only on the picked tile, so every name sits on one line */
.chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.chips label:last-of-type:nth-of-type(odd){grid-column:1/-1}
.chips span{justify-content:center;padding:10px 10px;white-space:nowrap}
.chips span::before{width:0;margin-inline-end:-9px;box-shadow:none;transition:width .25s,margin .25s}
.chips input:checked+span::before{width:16px;margin-inline-end:0}

.hdr.mega-on .mega-card{background:linear-gradient(to top,rgba(11,10,16,.92),rgba(11,10,16,.2)),url(https://sgo.co.il/wp-content/uploads/sgo-v2/sgo-hero-poster.jpg) center/cover}