/* PostPro home page (component 3ב, 16.10). Ported from the owner-approved light design
   (design-postpro-v5/v5/light). Every rule is rooted at main.home-v3; the shared 3א header and
   footer keep their own look from postpro-marketing-core.css. Font sizes are in rem so the
   accessibility widget's larger text scales them. The content is readable with no script: the only
   rules that hide anything are behind a class a script adds (html.pp-home-motion, .what-on, .who-on,
   .pv-on, .hz-on, .orbit-on). */
main.home-v3{color-scheme:light;
  --blue:#0b5bff; --cyan:#18bdea; --mint:#2ccf91; --night:#0d1527;
  --broker:#dbe8ff; --broker-ac:#0b5bff;
  --recruit:#d9f7ea; --recruit-ac:#2ccf91;
  --cars:#ffe4d4; --cars-ac:#ff7a2f;
  --biz:#ece6ff; --biz-ac:#7b5cff;
  --white:#ffffff; --mist:#f4f6fa; --fog:#e7ebf2; --rail:#d4dbe8;
  --ink:#0d1527; --ink-2:#3a4357; --ink-3:#545d74;
  --on-night:#f1f4fa; --on-night-2:#c3cce0;
  --canvas:#f3f6fc;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --t-press:140ms; --t-hover:200ms;
  --hh:var(--pp-header-height,4rem);
  --gutter:clamp(16px,3.4vw,48px);
  --maxw:1400px;
  --float:0 30px 60px -24px rgba(13,21,39,.28),0 10px 22px -10px rgba(13,21,39,.14);
  --float-sm:0 18px 36px -18px rgba(13,21,39,.28),0 4px 10px -4px rgba(13,21,39,.10);}
main.home-v3 img,main.home-v3 video{display:block;max-width:100%}
main.home-v3 a{color:inherit}
main.home-v3 p,main.home-v3 li,main.home-v3 h3,main.home-v3 blockquote,main.home-v3 small{text-wrap:pretty}
main.home-v3 h1,main.home-v3 h2{text-wrap:balance}
main.home-v3 ::selection{background:var(--blue);color:#fff}
main.home-v3 :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
main.home-v3 .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
main.home-v3 .nw{white-space:nowrap}
@keyframes hv3-cur{to{transform:scaleX(1)}}
main.home-v3 .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main.home-v3 .w-mask{padding-block:.08em .18em;margin-block:-.08em -.18em;padding-inline:.06em;margin-inline:-.06em}
@keyframes hv3-fadeIn{from{opacity:0}}
@keyframes hv3-ghostIn{from{opacity:0;scale:1.08}}
@keyframes hv3-spin{to{rotate:360deg}}
@keyframes hv3-bob{0%,100%{translate:0 -3px}50%{translate:0 3px}}
main.home-v3 .canvas{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#e7efff 0%,#f0f5fd 48%,#f5f8fd 100%)}
main.home-v3 .cv{position:absolute;will-change:transform}
main.home-v3 .cv i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,var(--c),rgba(255,255,255,0))}
main.home-v3 .cv1{width:64vw;height:64vw;left:-18vw;top:-26vw;--c:rgba(24,189,234,.30)}
main.home-v3 .cv2{width:56vw;height:56vw;right:-16vw;top:-16vw;--c:rgba(11,91,255,.17)}
main.home-v3 .cv3{width:52vw;height:52vw;right:2vw;top:44vh;--c:rgba(44,207,145,.15)}
main.home-v3 .cv4{width:46vw;height:46vw;left:-2vw;top:62vh;--c:rgba(123,92,255,.12)}
html.pp-home-motion main.home-v3 .canvas{animation:hv3-fadeIn .9s ease both}
main.home-v3 .btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font-weight:500;font-size:1.125rem;line-height:1.2;white-space:nowrap;transition:scale var(--t-press) var(--ease-out),background-color var(--t-hover) ease,color var(--t-hover) ease}
main.home-v3 .btn svg{width:22px;height:22px;flex:none}
main.home-v3 .btn::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(130px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.42),rgba(255,255,255,0) 72%);opacity:0;transition:opacity var(--t-hover) ease}
main.home-v3 .btn:active{scale:.97}
main.home-v3 .btn-sm{min-height:44px;padding:0 18px;font-size:1rem;gap:8px}
main.home-v3 .btn-sm svg{width:19px;height:19px}
main.home-v3 :is(.night,.close) .btn{background:#fff;color:var(--blue)}
main.home-v3 :is(.night,.close) .btn::after{background:radial-gradient(130px circle at var(--mx,50%) var(--my,50%),rgba(11,91,255,.2),rgba(11,91,255,0) 72%)}
main.home-v3 :is(.night,.close) .btn:focus-visible{outline-color:#fff}
@media (hover:hover) and (pointer:fine){
  main.home-v3 .btn:hover{background:#0a4ee0}
  main.home-v3 :is(.night,.close) .btn:hover{background:#fff;color:var(--night)}
  main.home-v3 .btn:hover::after{opacity:1}
}
main.home-v3 .hero{position:relative;isolation:isolate;padding-top:clamp(26px,4vw,64px);padding-bottom:clamp(30px,3vw,48px);overflow-x:clip}
main.home-v3 .atmo{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
main.home-v3 .ghost{position:absolute;inset-inline:0;top:calc(var(--hh) + 18.5vw);margin:0;text-align:center;font-weight:700;font-size:27vw;line-height:.8;letter-spacing:-.045em;color:rgba(255,255,255,.8);white-space:nowrap;user-select:none;text-shadow:0 30px 90px rgba(11,91,255,.07)}
main.home-v3 .ghost span{display:inline-block}
html.pp-home-motion main.home-v3 .atmo>.ghost{animation:hv3-ghostIn 1.6s var(--ease-out) backwards}
main.home-v3 .ghost.lit{color:rgba(24,189,234,.26);text-shadow:none}
main.home-v3 .lamp{position:absolute;left:0;top:0;width:480px;height:480px;margin:-240px 0 0 -240px;display:none;opacity:0;visibility:hidden}
main.home-v3 .lamp-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,rgba(24,189,234,.40),rgba(11,91,255,.13) 55%,rgba(11,91,255,0))}
main.home-v3 .lamp-lens{position:absolute;inset:40px;border-radius:50%;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%)}
main.home-v3 .lens-inner{position:absolute;left:200px;top:200px}
main.home-v3 .hero-head{position:relative;z-index:1}
main.home-v3 .hero-title{margin:0;font-weight:700;color:var(--ink)}
main.home-v3 .hero-title>span{display:block}
main.home-v3 .l1{font-size:clamp(1.4375rem,3.05vw,2.875rem);font-weight:400;line-height:1.15;letter-spacing:-.012em;color:var(--ink-2);margin-bottom:.42em}
main.home-v3 .l2{font-size:clamp(2.5rem,7.3vw,7rem);line-height:.98;letter-spacing:-.035em}
main.home-v3 .l3{font-size:clamp(4.875rem,15.4vw,14.75rem);line-height:.88;letter-spacing:-.04em;color:var(--blue);margin-top:.02em}
@media (hover:hover) and (pointer:fine){
  main.home-v3 .l2 .w{transition:color 150ms ease,-webkit-text-stroke-color 150ms ease;-webkit-text-stroke:2px transparent}
  main.home-v3 .l2 .w:hover{color:transparent;-webkit-text-stroke-color:var(--ink)}
}
main.home-v3 .hero-side{position:absolute;inset-inline-end:var(--gutter);bottom:clamp(6px,1.2vw,22px);width:min(350px,27%)}
main.home-v3 .hero-lead{margin:0 0 22px;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.55;color:var(--ink-2);text-wrap:balance}
main.home-v3 .note{margin:14px 0 0;font-size:0.9375rem;line-height:1.55;color:var(--ink-3)}
main.home-v3 .badge{position:absolute;z-index:2;left:max(var(--gutter),calc((100% - var(--maxw)) / 2 + var(--gutter)));top:calc(var(--hh) + 50px);display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
main.home-v3 .badge-t{font-size:0.9375rem;font-weight:500;line-height:1.3;color:var(--ink-2)}
main.home-v3 .badge-c{position:relative;width:88px;height:88px;display:grid;place-items:center;flex:none}
main.home-v3 .badge-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
main.home-v3 .br-track{fill:none;stroke:rgba(11,91,255,.16);stroke-width:2}
main.home-v3 .br-text{font:700 0.8438rem "Simona",Arial,sans-serif;fill:var(--ink)}
main.home-v3 .badge-c{width:136px;height:136px}
main.home-v3 .badge-ar{transition:scale 400ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){
  main.home-v3 .badge:hover .badge-ar{scale:1.1}
}
main.home-v3 .badge-ar{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;box-shadow:var(--float-sm);transition:scale var(--t-press) var(--ease-out)}
main.home-v3 .badge-ar svg{width:22px;height:22px}
html.pp-home-motion main.home-v3 .badge-ar svg{animation:hv3-bob 1.9s ease-in-out infinite}
main.home-v3 .badge:active .badge-ar{scale:.94}
main.home-v3 .hero-stage{position:relative;z-index:1;max-width:1240px;margin:clamp(56px,6vw,96px) auto 0;padding-inline:var(--gutter)}
main.home-v3 .product{margin:0;transform-origin:50% 0%;will-change:transform}
main.home-v3 .app-wrap{position:relative}
main.home-v3 .app{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:12px;padding:12px;background:#fff;border-radius:30px;box-shadow:0 0 0 1px rgba(13,21,39,.045),0 80px 140px -60px rgba(11,48,130,.36),0 30px 60px -30px rgba(13,21,39,.18)}
main.home-v3 .app-panel{display:flex;flex-direction:column;gap:18px;padding:clamp(26px,3vw,44px) clamp(24px,3vw,46px)}
main.home-v3 .app-status{display:flex;align-items:center;gap:12px;font-size:0.9375rem;color:var(--ink-3);margin:0}
main.home-v3 .app-status time{font-variant-numeric:tabular-nums}
main.home-v3 .app-title{margin:0;font-size:clamp(2rem,3.1vw,3rem);font-weight:700;letter-spacing:-.032em;line-height:1.04}
main.home-v3 .app-text{margin:0;font-size:1.0625rem;line-height:1.55;color:var(--ink-2);max-width:34ch}
main.home-v3 .app-groups{display:flex;flex-wrap:wrap;gap:6px;margin:0}
main.home-v3 .app-groups span{background:var(--mist);border-radius:999px;padding:5px 12px;font-size:0.875rem;line-height:1.4;color:var(--ink-2);white-space:nowrap}
main.home-v3 .app-groups .more{background:#e6eeff;color:#0a4fdf;font-weight:500}
main.home-v3 .app-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 0}
main.home-v3 .app-stats div{display:flex;flex-direction:column-reverse;gap:6px;background:var(--mist);border-radius:16px;padding:14px 16px}
main.home-v3 .app-stats dd{margin:0;font-size:clamp(1.75rem,2.4vw,2.25rem);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
main.home-v3 .app-stats dt{font-size:0.875rem;color:var(--ink-3);line-height:1.3}
main.home-v3 .app-btn{align-self:flex-start;margin-top:auto;display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;border-radius:999px;padding:13px 22px;font-weight:500;font-size:1rem;line-height:1.2}
main.home-v3 .app-btn svg{width:18px;height:18px}
main.home-v3 .app-photo{position:relative;border-radius:20px;overflow:hidden;min-height:clamp(320px,33vw,470px);background:#e6e0fb}
main.home-v3 .app-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%}
main.home-v3 .product figcaption{margin-top:40px;text-align:center;font-size:1rem;color:var(--ink-2)}
main.home-v3 .stk{position:absolute;z-index:3}
main.home-v3 .stk-b{background:#fff;border-radius:18px;box-shadow:var(--float);font-size:0.9375rem;line-height:1.45;color:var(--ink)}
main.home-v3 .stk-live{top:-24px;right:58px}
main.home-v3 .stk-live .stk-b{display:flex;align-items:center;gap:10px;padding:9px 18px 9px 10px;border-radius:999px;white-space:nowrap}
main.home-v3 .stk-live time{color:var(--ink-3);font-variant-numeric:tabular-nums}
main.home-v3 .stk-ver{bottom:-25px;right:58px}
main.home-v3 .stk-ver .stk-b{display:flex;align-items:center;gap:10px;padding:11px 20px 11px 18px;border-radius:999px;white-space:nowrap}
main.home-v3 .stk-ver b{color:var(--blue);font-weight:500}
main.home-v3 .stk-wa{left:-30px;bottom:-72px;width:300px}
main.home-v3 .stk-wa .stk-b{padding:14px 16px 16px;border-radius:20px}
main.home-v3 .wa-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
main.home-v3 .wa-top img{width:38px;height:38px;border-radius:50%;background:var(--night)}
main.home-v3 .wa-top b{display:block;font-weight:700;font-size:0.9375rem;line-height:1.25}
main.home-v3 .wa-top small{display:block;font-size:0.8125rem;color:var(--ink-3)}
main.home-v3 .wa-msg{margin:0;background:var(--mist);border-radius:14px 14px 14px 4px;padding:10px 12px}
main.home-v3 .wa-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
main.home-v3 .wa-choices span{text-align:center;border-radius:12px;padding:8px;font-weight:500;background:var(--mist);color:var(--ink)}
main.home-v3 .wa-choices .yes{background:var(--blue);color:#fff}
main.home-v3 .pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:3px 11px;font-size:0.875rem;font-weight:500;line-height:1.5;white-space:nowrap}
main.home-v3 .pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
main.home-v3 .pill.ok{background:var(--mint);color:var(--night)}
main.home-v3 .pill.q{background:var(--fog);color:var(--ink-3)}
main.home-v3 .pill.sched{background:#ddf1fb;color:#08506d}
main.home-v3 .pulse::after{content:"";position:absolute;inset-inline-start:11px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--night);opacity:0;animation:hv3-pulse 2.4s var(--ease-out) infinite}
@keyframes hv3-pulse{0%{transform:scale(1);opacity:.45}70%,100%{transform:scale(3.2);opacity:0}}
main.home-v3 .ticker{position:relative;z-index:2;padding-block:clamp(20px,2vw,36px) 0;margin-bottom:-90px;overflow:clip;pointer-events:none}
main.home-v3 .ticker .tk-row{pointer-events:auto}
main.home-v3 .tk-row{overflow:clip;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}
main.home-v3 .tk{display:flex;width:max-content}
main.home-v3 .tk-set{display:flex;align-items:center;gap:.85em;padding-inline-end:.85em;flex:none}
main.home-v3 .tk-i{display:inline-flex;align-items:center;gap:.5em;white-space:nowrap}
main.home-v3 .tk-i i{width:.24em;height:.24em;border-radius:50%;background:var(--c);flex:none}
main.home-v3 .tk-1{font-size:clamp(1.75rem,3.6vw,3.5rem);font-weight:500;letter-spacing:-.022em;line-height:1.3;color:var(--ink)}
main.home-v3 .tk-2{font-size:clamp(1.5rem,2.7vw,2.625rem);font-weight:400;letter-spacing:-.016em;line-height:1.4;color:var(--ink-2);margin-top:.15em}
main.home-v3 .tk-2 .tk-i::before{content:"";width:.3em;height:.3em;border-radius:50%;background:var(--c);flex:none}
main.home-v3 .what{position:relative;overflow-x:clip}
main.home-v3 .what-pin{position:relative;min-height:calc(100vh - var(--hh));display:flex;align-items:center;padding-block:clamp(10px,1.4vw,24px)}
main.home-v3 .what-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(24px,3vw,56px);align-items:center;width:100%}
main.home-v3 .what-copy{position:relative;z-index:2}
main.home-v3 .what-lines{display:flex;flex-direction:column;gap:1.1em}
main.home-v3 .wl{margin:0;font-size:clamp(1.625rem,3.1vw,2.875rem);font-weight:500;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
main.home-v3 .wl b{font-weight:700}
main.home-v3 .wl em{font-style:normal;font-weight:700;color:var(--blue)}
main.home-v3 .wl-chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none}
main.home-v3 .chip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:#fff;border-radius:999px;padding:8px 16px 8px 13px;font-size:0.9375rem;font-weight:500;line-height:1.3;color:var(--ink);box-shadow:var(--float-sm)}
main.home-v3 .chip>i{width:10px;height:10px;border-radius:50%;background:var(--c,var(--mint));flex:none}
main.home-v3 .chip .pill{font-size:0.8125rem;padding:2px 9px}
main.home-v3 .chip.off>i{background:#9aa3b5}
main.home-v3 .what-prog{display:none}
main.home-v3 .what-on .what-lines{display:grid}
main.home-v3 .what-on .wl-box{grid-area:1/1;align-self:center}
main.home-v3 .what-on .wl{font-size:clamp(2.125rem,4vw,3.75rem);font-weight:700;line-height:1.08;letter-spacing:-.034em}
main.home-v3 .what-on .wl-chips{margin-top:clamp(22px,2.2vw,34px)}
main.home-v3 .what-on .what-prog{display:flex;gap:8px;margin-top:clamp(34px,3.4vw,54px)}
main.home-v3 .what-prog i{position:relative;width:46px;height:4px;border-radius:4px;background:var(--rail);overflow:hidden}
main.home-v3 .what-prog b{position:absolute;inset:0;border-radius:inherit;background:var(--blue);transform-origin:100% 50%;transform:scaleX(0)}
main.home-v3 .what-obj{position:relative;width:100%;max-width:min(640px,calc(100vh - var(--hh) - 40px));aspect-ratio:1/1;justify-self:center;--oy:60%}
main.home-v3 .what-glow{position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(closest-side,rgba(24,189,234,.40),rgba(11,91,255,.15) 52%,rgba(11,91,255,0) 74%)}
main.home-v3 .ring{position:absolute;left:50%;top:var(--oy);width:var(--rw);aspect-ratio:1;margin-left:calc(var(--rw) / -2);transform:translateY(-50%) perspective(2200px) rotateX(72.5deg);pointer-events:none}
main.home-v3 .ring>i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(11,91,255,.24)}
main.home-v3 .ring>i::before,main.home-v3 .ring>i::after{content:"";position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--blue)}
main.home-v3 .ring>i::before{left:50%;top:0}
main.home-v3 .ring>i::after{left:0;top:50%;background:var(--cyan)}
main.home-v3 .r1{--rw:76%}
main.home-v3 .r2{--rw:88%}
main.home-v3 .r2>i{border-color:rgba(11,91,255,.15)}
main.home-v3 .r3{--rw:100%}
main.home-v3 .r3>i{border-color:rgba(11,91,255,.09)}
main.home-v3 .r3>i::after{background:var(--mint)}
main.home-v3 .spark{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--c,var(--cyan));box-shadow:0 0 14px 2px var(--c,var(--cyan));opacity:.75}
main.home-v3 .sp1{left:14%;top:18%;--c:#18bdea}
main.home-v3 .sp2{right:12%;top:12%;--c:#2ccf91;width:6px;height:6px}
main.home-v3 .sp3{left:6%;top:46%;--c:#7b5cff;width:5px;height:5px}
main.home-v3 .sp4{right:6%;top:42%;--c:#0b5bff}
main.home-v3 .sp5{left:24%;bottom:6%;--c:#ff7a2f;width:6px;height:6px}
main.home-v3 .sp6{right:22%;bottom:3%;--c:#18bdea;width:5px;height:5px}
main.home-v3 .milo-wrap{position:absolute;left:23%;top:8%;width:54%;z-index:3}
main.home-v3 .milo-wrap::after{content:"";position:absolute;left:16%;right:16%;bottom:-8%;height:11%;border-radius:50%;background:radial-gradient(closest-side,rgba(13,21,39,.22),rgba(13,21,39,0))}
main.home-v3 .milo{width:100%;height:auto}
main.home-v3 .orb{position:absolute;width:var(--s,23%);z-index:2}
main.home-v3 .orb-m{display:block}
main.home-v3 .bot{width:100%;height:auto}
main.home-v3 .ob1{right:3%;top:8%}
main.home-v3 .ob2{left:3%;top:12%}
main.home-v3 .ob3{left:5%;top:62%}
main.home-v3 .ob4{right:4%;top:64%}
main.home-v3 .orbit-on .orb{left:50%;top:var(--oy);right:auto;margin:calc(var(--s,23%) / -2) 0 0 calc(var(--s,23%) / -2)}
main.home-v3 .how{overflow-x:clip;padding-top:clamp(40px,5vw,80px)}
main.home-v3 .how-pin{min-height:calc(100vh - var(--hh));display:flex;align-items:center;padding-block:clamp(30px,3.4vw,54px)}
main.home-v3 .how-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5.4vw,96px);align-items:center;width:100%}
main.home-v3 .sec-title{margin:0 0 clamp(26px,2.8vw,44px);font-size:clamp(2.125rem,3.7vw,3.625rem);line-height:1.04;letter-spacing:-.032em;font-weight:700;text-wrap:balance}
main.home-v3 .steps{position:relative;display:flex;flex-direction:column;gap:clamp(20px,2.3vw,34px);padding-inline-start:46px}
main.home-v3 .srail{position:absolute;inset-inline-start:9px;top:18px;bottom:0;width:3px;border-radius:3px;background:var(--rail)}
main.home-v3 .srail i{position:absolute;inset:0;border-radius:inherit;background:var(--blue);transform-origin:50% 0}
main.home-v3 .step{position:relative}
main.home-v3 .sn{position:absolute;inset-inline-start:-46px;top:8px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--rail);z-index:1}
main.home-v3 .sn b{position:absolute;inset:0;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(11,91,255,.16)}
main.home-v3 .step h3{margin:0 0 6px;font-size:clamp(1.375rem,1.9vw,1.875rem);line-height:1.2;letter-spacing:-.015em;font-weight:700}
main.home-v3 .step p{margin:0;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.6;color:var(--ink-2);max-width:36ch}
main.home-v3 .stat{display:block;overflow:clip;margin:0 0 6px;padding-bottom:.1em}
main.home-v3 .stat>span{display:inline-block;color:var(--blue);font-weight:500;font-size:1rem}
main.home-v3 .stat b{font-size:clamp(2.125rem,3vw,2.875rem);font-weight:700;letter-spacing:-.03em;line-height:1;margin-inline-end:.18em}
main.home-v3 .stage{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"deck deck" "groups day";gap:clamp(18px,1.8vw,26px)}
main.home-v3 .deck{grid-area:deck;position:relative;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(18px,2.2vw,34px);align-items:center}
main.home-v3 .post{position:relative;z-index:3;background:#fff;border-radius:22px;padding:14px;box-shadow:var(--float)}
main.home-v3 .post-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
main.home-v3 .post-head img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--biz)}
main.home-v3 .post-head b{display:block;font-size:0.9375rem;font-weight:700;line-height:1.25}
main.home-v3 .post-head small{display:block;font-size:0.8125rem;color:var(--ink-3)}
main.home-v3 .post-text{margin:0 0 12px;font-size:0.9375rem;line-height:1.5}
main.home-v3 .post-img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%;border-radius:12px;background:var(--biz)}
main.home-v3 .vers{display:flex;flex-direction:column;gap:12px}
main.home-v3 .ver{position:relative;z-index:2;background:#fff;border-radius:16px;padding:11px 16px 12px;box-shadow:var(--float-sm);font-size:0.9375rem;line-height:1.45}
main.home-v3 .ver b{display:block;color:var(--blue);font-weight:500;font-size:0.8125rem;margin-bottom:2px}
main.home-v3 .ver:nth-child(n){rotate:0deg;margin-inline:0}
main.home-v3 .ver-cap{margin:2px 0 0;font-size:0.8125rem;color:var(--ink-3);text-align:end}
main.home-v3 .panel{background:#fff;border-radius:22px;padding:18px 20px 20px;box-shadow:0 0 0 1px rgba(13,21,39,.04),0 24px 50px -30px rgba(13,21,39,.22)}
main.home-v3 .panel-label{margin:0 0 10px;font-size:0.8125rem;font-weight:500;color:var(--ink-3)}
main.home-v3 .groups{grid-area:groups}
main.home-v3 .gwrap{position:relative}
main.home-v3 .glist{list-style:none;margin:0;padding:0}
main.home-v3 .glist li{display:grid;grid-template-columns:16px minmax(0,1fr) auto auto;align-items:center;gap:12px;height:46px;font-size:0.9375rem}
main.home-v3 .gname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main.home-v3 .glist time{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:0.875rem}
main.home-v3 .node{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--rail)}
main.home-v3 .node b{position:absolute;inset:0;border-radius:50%;background:var(--blue)}
main.home-v3 .st{position:relative;display:block;width:66px;height:27px;border-radius:999px;overflow:hidden;isolation:isolate}
main.home-v3 .st .pill{position:absolute;inset:0;padding:0}
main.home-v3 .st .q{transform:translateY(-120%)}
main.home-v3 .rail{position:absolute;inset-inline-start:6.5px;top:23px;bottom:23px;width:3px;border-radius:3px;background:var(--rail)}
main.home-v3 .rail i{position:absolute;inset:0;border-radius:inherit;background:var(--blue);transform-origin:50% 0}
main.home-v3 .day{grid-area:day;display:flex;flex-direction:column}
main.home-v3 .axis{position:relative;height:40px;margin:6px 4px 2px}
main.home-v3 .track{position:absolute;inset-inline:0;top:19px;height:3px;border-radius:3px;background:var(--rail)}
main.home-v3 .track i{position:absolute;inset:0;border-radius:inherit;background:var(--cyan);transform-origin:100% 50%}
main.home-v3 .dot{position:absolute;top:12px;inset-inline-start:calc(var(--p) - 8px);width:17px;height:17px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #fff}
main.home-v3 .hours{display:flex;justify-content:space-between;font-size:0.8125rem;color:var(--ink-3);font-variant-numeric:tabular-nums;margin:0}
main.home-v3 .legend{margin:14px 0 16px;font-size:0.875rem;color:var(--ink-2);display:flex;align-items:center;gap:8px}
main.home-v3 .legend i{width:11px;height:11px;border-radius:50%;background:var(--blue);flex:none}
main.home-v3 .machines{display:flex;flex-direction:column;gap:8px;margin-top:auto}
main.home-v3 .m{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:12px;background:var(--mist);font-size:0.875rem;font-weight:500;line-height:1.35}
main.home-v3 .m i{flex:none;width:9px;height:9px;border-radius:50%;background:#a3acbd}
main.home-v3 .m.on i{background:var(--mint);box-shadow:0 0 0 4px rgba(44,207,145,.22)}
main.home-v3 .who{position:relative;isolation:isolate;padding-block:clamp(60px,6vw,110px) clamp(40px,4vw,72px);overflow-x:clip}
main.home-v3 .who-fx{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 260px,#000 calc(100% - 260px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 260px,#000 calc(100% - 260px),transparent 100%)}
main.home-v3 .who-rings{position:absolute;inset:0;opacity:.07;background:repeating-radial-gradient(circle at 30% 42%,rgba(11,91,255,0) 0,rgba(11,91,255,0) 44px,rgba(11,91,255,1) 45.5px,rgba(11,91,255,0) 47px,rgba(11,91,255,0) 52px)}
main.home-v3 .who-lamp{position:absolute;left:0;top:0;width:620px;height:620px;margin:-310px 0 0 -310px;display:none;opacity:0;visibility:hidden}
main.home-v3 .who-lamp .lg{position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,rgba(24,189,234,.32),rgba(11,91,255,.10) 55%,rgba(11,91,255,0))}
main.home-v3 .who-lens{position:absolute;inset:50px;border-radius:50%;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 20%,transparent 100%);mask-image:radial-gradient(closest-side,#000 20%,transparent 100%)}
main.home-v3 .who-lens .who-rings{inset:auto;left:260px;top:260px;opacity:.5}
main.home-v3 .who-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:end;margin-bottom:clamp(40px,4.4vw,72px)}
main.home-v3 .who-title{margin:0;font-size:clamp(2.875rem,6.4vw,6.25rem);line-height:.98;letter-spacing:-.042em;font-weight:700}
main.home-v3 .who-title .lt{font-weight:400}
main.home-v3 .who-lead{margin:0;font-size:clamp(1.1875rem,1.6vw,1.5625rem);line-height:1.45;color:var(--ink);max-width:30ch;padding-bottom:.3em}
main.home-v3 .who-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
main.home-v3 .aud-ghost{display:none}
main.home-v3 .aud-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-areas:"name pic" "body pic";align-content:start;column-gap:8px;height:100%;padding:12px;background:var(--bg);border-radius:34px}
main.home-v3 .aud-name{grid-area:name;margin:0;display:flex;align-items:center;gap:12px;padding:24px 22px 0;font-size:clamp(1.625rem,2.25vw,2.25rem);font-weight:700;letter-spacing:-.026em;line-height:1.1}
main.home-v3 .aud-name::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 5px rgba(255,255,255,.7)}
main.home-v3 .aud-pic{grid-area:pic;position:relative;overflow:hidden;border-radius:24px;min-height:300px;background:var(--pbg)}
main.home-v3 .aud-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%}
main.home-v3 .aud-body{grid-area:body;display:flex;flex-direction:column;gap:14px;padding:14px 22px 22px}
main.home-v3 .aud-body p{margin:0;font-size:1.0625rem;line-height:1.55;color:var(--ink-2)}
main.home-v3 .aud-body .aud-plus{color:var(--ink);font-weight:500}
main.home-v3 .aud-body .aud-ex{font-size:1rem;color:var(--ink-2)}
main.home-v3 .aud-ex b{font-weight:500;color:var(--ink)}
main.home-v3 .aud-tags{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
main.home-v3 .aud-tags li{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.85);border-radius:999px;padding:6px 14px 6px 12px;font-size:0.875rem;font-weight:500;line-height:1.4;color:var(--ink)}
main.home-v3 .aud-tags li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ac)}
main.home-v3 .aud-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-size:0.9375rem;font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
main.home-v3 .aud-link svg{width:16px;height:16px;color:var(--ac);transition:transform 150ms ease}
main.home-v3 .aud-link:hover svg{transform:translateX(-3px)}
main.home-v3 .who-on .aud-link{font-size:1rem}
main.home-v3 .who-stage{display:none}
main.home-v3 .who-on .who-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(32px,4.4vw,80px);align-items:start}
main.home-v3 .who-on .who-list{display:block;padding-bottom:14vh}
main.home-v3 .who-on .aud{position:relative;min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding-block:3vh}
main.home-v3 .who-on .aud-ghost{display:block;position:relative;z-index:0;margin:0 0 -.16em;font-weight:700;font-size:12.6vw;line-height:1.02;letter-spacing:-.05em;white-space:nowrap;color:var(--ac);opacity:.15;transition:opacity 500ms ease;user-select:none}
main.home-v3 .who-on .aud.is-on .aud-ghost{opacity:.34}
main.home-v3 .who-on .aud-card{display:block;height:auto;max-width:600px;padding:clamp(26px,2.4vw,38px);border-radius:30px;outline:1px solid transparent;backface-visibility:hidden;transform-style:flat;z-index:1}
main.home-v3 .who-on .aud-pic{display:none}
main.home-v3 .who-on .aud-name{padding:0 0 14px;font-size:clamp(1.625rem,2.2vw,2.125rem)}
main.home-v3 .who-on .aud-body{padding:0;gap:14px}
main.home-v3 .who-on .aud-body p{font-size:1.125rem}
main.home-v3 .who-on .aud-body .aud-ex{font-size:1rem}
@media (hover:hover) and (pointer:fine){
  main.home-v3 .who-on .aud:hover .aud-ghost{opacity:1}
}
main.home-v3 .who-on .who-stage{display:block;position:sticky;z-index:2;top:calc(var(--hh) + 28px);height:calc(100vh - var(--hh) - 56px)}
main.home-v3 .who-frame{position:relative;height:100%;border-radius:34px;overflow:hidden;background:#dae9fe;box-shadow:0 50px 90px -50px rgba(13,21,39,.5),0 0 0 1px rgba(13,21,39,.05);isolation:isolate}
main.home-v3 .scr{position:absolute;inset:0;overflow:hidden;isolation:isolate}
main.home-v3 .scr-field{position:absolute;inset:0;background:radial-gradient(60% 46% at 50% 40%,rgba(255,255,255,.6),rgba(255,255,255,0) 72%),var(--pbg);-webkit-mask-image:linear-gradient(to top,#000 calc(var(--rv,1) * 145% - 45%),transparent calc(var(--rv,1) * 145%));mask-image:linear-gradient(to top,#000 calc(var(--rv,1) * 145% - 45%),transparent calc(var(--rv,1) * 145%))}
main.home-v3 .scr-person{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform-origin:50% 45%}
main.home-v3 .scr-bot{position:absolute;inset:0;z-index:3;display:grid;place-items:center;align-content:center;gap:18px;background:radial-gradient(60% 50% at 50% 44%,#fff 0%,var(--pbg) 72%);clip-path:inset(100% 0 0 0);transition:clip-path 640ms var(--ease-out)}
main.home-v3 .scr-bot img{width:46%;height:auto;transition:scale 640ms var(--ease-out),rotate 640ms var(--ease-out);scale:.86;rotate:-8deg}
main.home-v3 .scr-bot span{background:#fff;border-radius:999px;padding:8px 16px;font-size:1rem;font-weight:500;box-shadow:var(--float-sm)}
main.home-v3 .who-frame.bot .scr-bot{clip-path:inset(0 0 0 0)}
main.home-v3 .who-frame.bot .scr-bot img{scale:1;rotate:0deg}
main.home-v3 .scr-post{position:absolute;left:6%;bottom:6%;width:min(330px,62%);z-index:2;background:#fff;border-radius:20px;padding:14px 16px 14px;box-shadow:var(--float);font-size:0.9375rem;line-height:1.45}
main.home-v3 .sp-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:0.875rem}
main.home-v3 .sp-head>i{width:26px;height:26px;border-radius:50%;background:var(--ac);flex:none}
main.home-v3 .sp-head b{flex:1;font-weight:700}
main.home-v3 .scr-post p{margin:0 0 8px}
main.home-v3 .scr-post small{display:block;font-size:0.8125rem;color:var(--ink-3)}
main.home-v3 .scr-lead{position:absolute;right:6%;top:6%;z-index:2;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:9px 16px 9px 12px;font-size:0.9375rem;font-weight:500;box-shadow:var(--float-sm)}
main.home-v3 .scr-lead i{width:9px;height:9px;border-radius:50%;background:var(--blue)}
main.home-v3 .scr-tag{position:absolute;left:6%;top:6%;z-index:2;background:rgba(255,255,255,.88);border-radius:999px;padding:5px 12px;font-size:0.8125rem;font-weight:500;color:var(--ink-2)}
main.home-v3 .proof{position:relative;overflow-x:clip;padding-block:clamp(30px,3vw,56px)}
main.home-v3 .proof.pv-on{padding-top:0}
main.home-v3 .proof-pin{position:relative}
main.home-v3 .proof-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text pv" "meta pv" "res pv";column-gap:clamp(40px,6vw,120px);align-content:center;align-items:center}
main.home-v3 .pq-text{grid-area:text}
main.home-v3 .pq-meta{grid-area:meta}
main.home-v3 .pq-res{grid-area:res;margin-top:clamp(26px,2.6vw,40px)}
main.home-v3 .pv-shell{grid-area:pv;position:relative}
main.home-v3 .pq-ghost{display:none}
main.home-v3 .pq{margin:0}
main.home-v3 .pq-line{margin:0;font-size:clamp(2.5rem,5.6vw,5.625rem);line-height:1.04;letter-spacing:-.035em;font-weight:700}
main.home-v3 .pq-a,main.home-v3 .pq-b{display:inline-block}
main.home-v3 .pq-slot{display:none}
main.home-v3 .who-said{margin:clamp(22px,2.4vw,34px) 0 0;font-size:clamp(1.125rem,1.45vw,1.375rem);font-weight:500}
main.home-v3 .pq-meta .note{font-size:1rem;max-width:44ch}
main.home-v3 .res-q{margin:0;font-size:clamp(2.125rem,3.4vw,3.5rem);line-height:1.05;letter-spacing:-.03em;font-weight:700;color:var(--blue)}
main.home-v3 .res-a{margin:.3em 0 0;font-size:clamp(1.375rem,1.9vw,1.875rem);line-height:1.3;font-weight:700;letter-spacing:-.015em}
main.home-v3 .res-s{margin:.5em 0 0;font-size:1rem;color:var(--ink-3)}
main.home-v3 .pv{position:relative;width:clamp(260px,25vw,370px);aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:var(--night);box-shadow:var(--float)}
main.home-v3 .pv-in{position:absolute;inset:0;overflow:hidden;background:var(--night)}
main.home-v3 .pv video{width:100%;height:100%;object-fit:cover}
main.home-v3 .pv-amb,main.home-v3 .pv-shade,main.home-v3 .pv-bw{display:none}
main.home-v3 .vcur{position:fixed;left:0;top:0;z-index:70;display:none;place-items:center;width:104px;height:104px;border-radius:50%;background:#fff;color:var(--ink);font-size:0.875rem;font-weight:700;line-height:1.2;text-align:center;pointer-events:none;box-shadow:0 18px 40px -16px rgba(13,21,39,.45);opacity:0}
main.home-v3 .vcur svg{width:20px;height:20px;color:var(--blue);margin:0 auto 4px}
main.home-v3 .pv-on .proof-pin{height:calc(100vh - var(--hh))}
main.home-v3 .pv-on .proof-in{display:block;height:100%;max-width:none;padding:0}
main.home-v3 .pv-on .pq-ghost{display:block;position:absolute;inset:0;margin:0;display:grid;place-items:center;font-weight:700;font-size:min(62vw,74vh);line-height:1;color:rgba(11,91,255,.10);pointer-events:none;user-select:none;padding-top:.22em}
main.home-v3 .pv-on .pq{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none;z-index:1}
main.home-v3 .pv-on .pq-line{font-size:clamp(2.5rem,5.5vw,5.125rem);white-space:nowrap}
main.home-v3 .pv-on .pq-slot{display:inline-block;width:2.9em;height:.96em;margin-inline:.14em;vertical-align:-.1em;border-radius:999px;background:rgba(11,91,255,.12)}
main.home-v3 .pv-on .pv-shell{position:absolute;z-index:2}
main.home-v3 .pv-on .pv{position:absolute;inset:0;width:auto;aspect-ratio:auto;border-radius:0;box-shadow:none;background:var(--night)}
main.home-v3 .pv-on .pv-in{inset:auto}
main.home-v3 .pv-on .pv-amb{display:block;position:absolute;left:-12%;top:-12%;width:124%;height:124%;filter:blur(30px) saturate(1.25);opacity:0}
main.home-v3 .pv-on .pv-shade{display:block;position:absolute;inset:0;background:radial-gradient(70% 90% at 50% 50%,rgba(13,21,39,.30),rgba(13,21,39,.82) 100%)}
main.home-v3 .pv-on .pv-bw{display:block;position:absolute;left:50%;bottom:22px;translate:-50% 0;z-index:3}
main.home-v3 .pv-btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;white-space:nowrap;font:500 0.9375rem/1.2 "Simona",Arial,sans-serif;color:var(--ink);background:rgba(255,255,255,.94);border-radius:999px;padding:11px 18px;box-shadow:0 12px 30px -12px rgba(0,0,0,.45);transition:opacity 220ms ease,scale var(--t-press) var(--ease-out)}
main.home-v3 .pv-btn:active{scale:.96}
main.home-v3 .pv-btn svg{width:18px;height:18px;color:var(--blue);flex:none}
main.home-v3 .pv-on .pv.hov .pv-btn{opacity:0}
main.home-v3 .pv-on .pv.sound .pv-bw{display:none}
main.home-v3 .pv-on .pq-res,main.home-v3 .pv-on .pq-meta{position:absolute;z-index:3;margin:0;translate:0 -50%}
main.home-v3 .pv-on .pq-res .res-q{color:var(--cyan);font-size:clamp(2.75rem,4.4vw,4.5rem)}
main.home-v3 .pv-on .pq-res .res-a{color:#fff;font-size:clamp(1.5rem,2.1vw,2.125rem)}
main.home-v3 .pv-on .pq-res .res-s{color:var(--on-night-2)}
main.home-v3 .pv-on .pq-meta .who-said{margin:0;color:#fff;font-size:clamp(1.1875rem,1.5vw,1.4375rem)}
main.home-v3 .pv-on .pq-meta .note{color:var(--on-night-2);margin-top:10px}
@media (hover:hover) and (pointer:fine) and (min-width:901px){
  main.home-v3 .pv-on .pv{cursor:none}
  main.home-v3 .pv-on .pv.sound{cursor:auto}
}
main.home-v3 .night{--ah:clamp(70px,10.4vw,150px);position:relative;isolation:isolate;color:var(--on-night);overflow-x:clip;padding-top:calc(var(--ah) + clamp(10px,1.6vw,26px));padding-bottom:0;margin-top:clamp(10px,1vw,20px);background:linear-gradient(to bottom,transparent 0,transparent calc(var(--ah) - 1px),var(--night) calc(var(--ah) - 1px))}
main.home-v3 .arc{position:absolute;top:0;left:0;width:100%;height:calc(var(--ah) + 1px);z-index:2;pointer-events:none;overflow:visible}
main.home-v3 .night-pin{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--hh));padding-block:clamp(16px,2vw,32px)}
main.home-v3 .night-fx{position:absolute;inset:-10% 0;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 74%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 74%,transparent 100%)}
main.home-v3 .nb{position:absolute;border-radius:50%}
main.home-v3 .nb1{width:70vw;height:70vw;left:-18vw;top:18%;background:radial-gradient(closest-side,rgba(11,91,255,.34),rgba(11,91,255,0))}
main.home-v3 .nb2{width:52vw;height:52vw;right:-10vw;top:-6%;background:radial-gradient(closest-side,rgba(24,189,234,.20),rgba(24,189,234,0))}
main.home-v3 .nb3{width:40vw;height:40vw;right:30vw;bottom:-14%;background:radial-gradient(closest-side,rgba(44,207,145,.12),rgba(44,207,145,0))}
main.home-v3 .night-lamp{position:absolute;left:0;top:0;width:640px;height:640px;margin:-320px 0 0 -320px;border-radius:50%;background:radial-gradient(closest-side,rgba(24,189,234,.26),rgba(11,91,255,.12) 55%,rgba(11,91,255,0));display:none;opacity:0;visibility:hidden}
main.home-v3 .night-head{width:100%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end}
main.home-v3 .night-title{margin:0;font-size:clamp(2.5rem,5.2vw,5.25rem);line-height:1;letter-spacing:-.04em;font-weight:700;color:#fff}
main.home-v3 .night-title>span{display:block}
main.home-v3 .night-title .lt{font-weight:400;color:#e2e8f2}
main.home-v3 .night-lead{margin:0;font-size:clamp(1.125rem,1.4vw,1.3125rem);line-height:1.55;color:var(--on-night-2);max-width:32ch;padding-bottom:.4em}
main.home-v3 .hz{position:relative;margin-top:clamp(44px,5vw,80px)}
main.home-v3 .hz-move{position:relative;isolation:isolate}
main.home-v3 .hz-track{list-style:none;margin:0 auto;padding:0 var(--gutter);max-width:var(--maxw);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
main.home-v3 .hz-step{position:relative;border-radius:28px;padding:30px 30px 34px;min-height:270px}
main.home-v3 .hz-step::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
main.home-v3 .hz-node{position:relative;z-index:3;display:grid;place-items:center;width:58px;height:58px;margin-bottom:30px;border-radius:50%;background:#1d2945;color:#b9c6dc}
main.home-v3 .hz-glow{position:absolute;inset:0;border-radius:50%;background:var(--blue);box-shadow:0 0 0 8px rgba(11,91,255,.2),0 12px 34px -6px rgba(24,189,234,.75)}
main.home-v3 .hz-node svg{position:relative;width:26px;height:26px;color:#fff}
main.home-v3 .hz-step h3{position:relative;margin:0 0 10px;font-size:clamp(1.375rem,1.9vw,1.75rem);font-weight:700;line-height:1.2;letter-spacing:-.015em;color:#fff}
main.home-v3 .hz-step p{position:relative;margin:0;font-size:1.0625rem;line-height:1.55;color:var(--on-night-2)}
main.home-v3 .hz-rail,main.home-v3 .hz-dot{display:none}
main.home-v3 .hz-rail{position:absolute;z-index:1;border-radius:3px;background:rgba(255,255,255,.16)}
main.home-v3 .hz-rail i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to left,var(--cyan),var(--blue));transform-origin:100% 50%}
main.home-v3 .hz-dot{position:absolute;z-index:2;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(24,189,234,.32),0 0 22px 4px rgba(24,189,234,.5)}
main.home-v3 .hz-on{overflow-x:clip}
main.home-v3 .hz-on .hz-move{width:max-content}
main.home-v3 .hz-on{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent 100%)}
main.home-v3 .hz-on .hz-track{display:flex;max-width:none;margin:0}
main.home-v3 .hz-on .hz-step{flex:none;width:var(--hzw,clamp(320px,29vw,430px))}
main.home-v3 .hz-on .hz-rail{display:block;height:3px}
main.home-v3 .hz-on .hz-dot{display:block}
main.home-v3 .hz-v .hz-rail{display:block;width:3px}
main.home-v3 .hz-v .hz-rail i{transform-origin:50% 0;background:linear-gradient(to bottom,var(--cyan),var(--blue))}
main.home-v3 .close{position:relative;overflow-x:clip;background:var(--night)}
main.home-v3 .close-panel{position:relative;background:var(--blue);color:#fff;padding-block:clamp(100px,10vw,170px) clamp(36px,3.4vw,60px)}
main.home-v3 .close-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,5vw,96px);align-items:center}
main.home-v3 .close-title{margin:0;font-size:clamp(3rem,7vw,7.25rem);line-height:.98;letter-spacing:-.04em;font-weight:700}
main.home-v3 .close-title>span{display:block;text-wrap:balance}
main.home-v3 .close-title .t1{font-weight:400}
main.home-v3 .close-lead{margin:clamp(24px,2.4vw,36px) 0 0;font-size:clamp(1.1875rem,1.55vw,1.5rem);line-height:1.5;max-width:32ch}
main.home-v3 .price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:24px}
main.home-v3 .price b{font-size:clamp(3.5rem,5.2vw,5.125rem);line-height:1;font-weight:700;letter-spacing:-.03em}
main.home-v3 .price b small{font-size:.62em;font-weight:700;margin-inline-start:.08em;vertical-align:.06em}
main.home-v3 .price span{font-size:1.0625rem}
main.home-v3 .close-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:30px}
main.home-v3 .close-cta .note{margin:0;color:#fff;font-size:1rem}
main.home-v3 .close :focus-visible{outline-color:#fff}
main.home-v3 .deck3{list-style:none;margin:0;padding:0 0 0 24px;display:flex;flex-direction:column;gap:clamp(14px,1.4vw,20px)}
main.home-v3 .perk{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:18px;background:#fff;color:var(--ink);border-radius:28px;padding:clamp(20px,2vw,28px) clamp(22px,2.2vw,32px);box-shadow:0 30px 60px -30px rgba(6,22,70,.55);outline:1px solid transparent;backface-visibility:hidden;transition:translate 420ms var(--ease-out)}
main.home-v3 .perk .ck{grid-row:1 / span 2;width:52px;height:52px;border-radius:50%;background:#e6eeff;color:var(--blue);display:grid;place-items:center}
main.home-v3 .perk .ck svg{width:26px;height:26px}
main.home-v3 .perk b{font-size:clamp(1.375rem,1.9vw,1.875rem);line-height:1.15;letter-spacing:-.02em;font-weight:700}
main.home-v3 .perk span{font-size:1rem;color:var(--ink-2);line-height:1.4}
main.home-v3 .p1{rotate:-2deg;margin-inline:6% 0}
main.home-v3 .p2{rotate:0deg;margin-inline:3% 3%}
main.home-v3 .p3{rotate:2deg;margin-inline:0 6%}
@media (hover:hover) and (pointer:fine){
  main.home-v3 .perk:hover{translate:0 -10px}
}
main.home-v3 .close-arc{display:block;height:clamp(40px,4.6vw,80px);margin-top:-1px;background:var(--blue);border-radius:0 0 50% 50% / 0 0 100% 100%;transform-origin:50% 0}
main.home-v3 .badge-t{display:none}
@media (hover:hover) and (pointer:fine){
  main.home-v3 .l3 .w{transition:color 150ms ease,-webkit-text-stroke-color 150ms ease;-webkit-text-stroke:2px transparent}
  main.home-v3 .l3 .w:hover{color:transparent;-webkit-text-stroke-color:var(--blue)}
}
main.home-v3 .sec-title .lt,main.home-v3 .who-title .lt{font-weight:400}
main.home-v3 .what-pin{flex-direction:column;justify-content:center;gap:clamp(18px,2.4vw,34px)}
main.home-v3 .what-obj{max-width:min(620px,calc(100vh - var(--hh) - 150px))}
main.home-v3 .what-prog{list-style:none;margin:0 auto;width:100%;max-width:var(--maxw)}
main.home-v3 .what-on .what-prog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:0}
main.home-v3 .what-prog li{display:flex;flex-direction:column;gap:10px}
main.home-v3 .what-prog li>i{position:relative;display:block;width:100%;height:4px;border-radius:4px;background:var(--rail);overflow:hidden}
main.home-v3 .what-prog li>span{font-size:0.9375rem;font-weight:500;color:var(--ink-3);line-height:1.3;transition:color 300ms ease}
main.home-v3 .what-prog li.on>span{color:var(--ink)}
main.home-v3 .who-on .aud-ghost{font-size:var(--gf,7.2vw);line-height:1.08;margin:0 0 .12em;letter-spacing:-.045em;overflow:visible}
main.home-v3 .who-on .aud-ghost>span{display:inline-block;padding-inline:.04em;will-change:clip-path}
main.home-v3 .scr{background:radial-gradient(60% 46% at 50% 40%,rgba(255,255,255,.6),rgba(255,255,255,0) 72%),var(--pbg)}
main.home-v3 .scr-field{display:none}
main.home-v3 .who-on .scr+.scr{clip-path:inset(100% 0 0 0)}
main.home-v3 .read{position:relative;padding-block:clamp(70px,9vw,150px) 0}
main.home-v3 .read-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.2fr);gap:clamp(20px,3vw,56px);align-items:start}
main.home-v3 .read-k{margin:.5em 0 0;font-size:0.9375rem;font-weight:500;color:var(--blue);display:flex;align-items:center;gap:10px}
main.home-v3 .read-k::before{content:"";width:28px;height:3px;border-radius:3px;background:var(--blue)}
main.home-v3 .read-p{margin:0;font-size:clamp(1.75rem,3.1vw,3.125rem);line-height:1.28;letter-spacing:-.022em;font-weight:500;color:var(--ink);text-wrap:pretty}
main.home-v3 .read-p b{font-weight:700;color:var(--blue)}
main.home-v3 .pv-on .pv-amb,main.home-v3 .pv-on .pv-shade{display:none}
main.home-v3 .pv-on .pv{background:radial-gradient(30% 60% at 50% 50%,rgba(24,189,234,.20),rgba(24,189,234,0) 70%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,0) 0,rgba(255,255,255,0) 46px,rgba(255,255,255,.05) 47.5px,rgba(255,255,255,0) 49px),radial-gradient(42% 70% at 50% 50%,#1a3a78 0%,#101b36 60%,var(--night) 100%)}
main.home-v3 .pv-on .pv-in{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 90px -30px rgba(0,0,0,.7)}
main.home-v3 .night{--ah:clamp(140px,17vw,280px);margin-top:0;background:linear-gradient(to bottom,rgba(11,60,190,0) 0,rgba(11,52,160,.10) calc(var(--ah) * .22),rgba(14,38,104,.42) calc(var(--ah) * .5),rgba(13,26,60,.82) calc(var(--ah) * .76),var(--night) var(--ah))}
main.home-v3 .night .arc{display:none}
main.home-v3 .night{padding-top:calc(var(--ah) - clamp(30px,3vw,50px))}
main.home-v3 .night-pin{justify-content:flex-start;padding-top:clamp(40px,4.4vw,76px)}
main.home-v3 .night .hz{margin-top:clamp(50px,6vw,96px)}
main.home-v3 .night-cta{width:100%;display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;margin-top:clamp(40px,5vw,80px)}
main.home-v3 .night-cta .note{margin:0;color:var(--on-night-2);font-size:1rem}
main.home-v3 .night :focus-visible{outline-color:#fff}
html.pp-home-motion main.home-v3 .hero-title,html.pp-home-motion main.home-v3 .hero-side,html.pp-home-motion main.home-v3 .product-in{visibility:hidden}
@media (max-width:1180px){
  main.home-v3 .deck{grid-template-columns:minmax(0,260px) minmax(0,1fr)}
  main.home-v3 .stk-wa{width:270px}
  main.home-v3 .app-stats div{padding:12px 12px}
  main.home-v3 .aud-card{grid-template-columns:1fr;grid-template-areas:"pic" "name" "body"}
  main.home-v3 .aud-pic{min-height:0;aspect-ratio:16/10}
}
@media (max-width:1180px) and (min-width:901px){
  main.home-v3 .glist li{gap:8px;font-size:0.875rem}
}
@media (max-width:1100px) and (min-width:901px){
  main.home-v3 .hero-side{position:static;width:auto;max-width:520px;margin-top:36px}
  main.home-v3 .badge{display:none}
}
@media (max-width:900px){
  main.home-v3 .cv1{width:130vw;height:130vw;left:-60vw;top:-50vw}
  main.home-v3 .cv2{width:100vw;height:100vw;right:-45vw;top:-20vw}
  main.home-v3 .cv3{width:100vw;height:100vw;right:-30vw;top:40vh}
  main.home-v3 .cv4{width:90vw;height:90vw;left:-40vw;top:64vh}
  main.home-v3 .ghost{font-size:26vw;top:calc(var(--hh) + 96vw)}
  main.home-v3 .badge{display:none}
  main.home-v3 .l1{font-size:clamp(1.375rem,5.9vw,2.125rem);margin-bottom:.5em}
  main.home-v3 .l2{font-size:clamp(2.375rem,10.6vw,4.5rem)}
  main.home-v3 .l3{font-size:clamp(5rem,22.6vw,9.375rem)}
  main.home-v3 .hero-side{position:static;width:auto;max-width:440px;margin-top:30px}
  main.home-v3 .btn:not(.btn-sm){min-height:54px;font-size:1.0625rem;padding:0 24px}
  main.home-v3 .btn-sm{padding:0 16px;font-size:0.9375rem}
  main.home-v3 .hero-stage{margin-top:64px}
  main.home-v3 .app{grid-template-columns:1fr;padding:8px;border-radius:24px;gap:8px}
  main.home-v3 .app-photo{order:-1;min-height:0;aspect-ratio:16/10;border-radius:18px}
  main.home-v3 .app-panel{padding:14px 12px 22px;gap:14px}
  main.home-v3 .app-title{font-size:1.875rem}
  main.home-v3 .app-text{font-size:1rem}
  main.home-v3 .app-stats{gap:8px}
  main.home-v3 .app-stats div{padding:10px 12px;border-radius:14px}
  main.home-v3 .app-stats dd{font-size:1.625rem}
  main.home-v3 .app-stats dt{font-size:0.8125rem}
  main.home-v3 .stk-live{top:-20px;right:14px}
  main.home-v3 .stk-live .stk-b{padding:7px 14px 7px 8px;font-size:0.875rem;gap:8px}
  main.home-v3 .stk-ver{display:none}
  main.home-v3 .stk-wa{position:relative;left:auto;bottom:auto;width:min(280px,84%);margin:-20px 0 0;margin-inline-start:auto;margin-inline-end:12px}
  main.home-v3 .stk-wa .stk-b{padding:11px 12px 12px;font-size:0.875rem}
  main.home-v3 .wa-top{gap:8px;margin-bottom:8px}
  main.home-v3 .wa-top img{width:30px;height:30px}
  main.home-v3 .wa-top b{font-size:0.875rem}
  main.home-v3 .wa-top small{font-size:0.75rem}
  main.home-v3 .wa-choices span{padding:6px}
  main.home-v3 .product figcaption{margin-top:18px;text-align:start;font-size:0.9375rem}
  main.home-v3 .ticker{padding-block:40px 0;margin-bottom:0}
  main.home-v3 .tk-1{font-size:1.75rem}
  main.home-v3 .tk-2{font-size:1.375rem}
  main.home-v3 .what-pin{min-height:0;display:block;padding-block:22px 40px}
  main.home-v3 .what-grid{grid-template-columns:1fr;gap:30px}
  main.home-v3 .what-obj{order:-1;max-width:340px;margin-top:4px}
  main.home-v3 .wl{font-size:clamp(1.5625rem,6.6vw,2.125rem)}
  main.home-v3 .what-lines{gap:1.3em}
  main.home-v3 .wl-chips{gap:8px;margin-top:12px}
  main.home-v3 .chip{font-size:0.8438rem;padding:6px 12px 6px 10px}
  main.home-v3 .how{padding-top:30px}
  main.home-v3 .how-pin{min-height:0;display:block;padding-block:30px 60px}
  main.home-v3 .how-grid,main.home-v3 .how-copy,main.home-v3 .stage,main.home-v3 .steps{display:contents}
  main.home-v3 .how-grid{display:flex;flex-direction:column;align-items:stretch;gap:28px}
  main.home-v3 .srail,main.home-v3 .sn{display:none}
  main.home-v3 .sec-title{order:1;margin:0}
  main.home-v3 .s1{order:2}
  main.home-v3 .deck{order:3}
  main.home-v3 .s2{order:4}
  main.home-v3 .groups{order:5}
  main.home-v3 .s3{order:6}
  main.home-v3 .day{order:7}
  main.home-v3 .step{margin-top:20px}
  main.home-v3 .deck{display:flex;flex-direction:column;gap:14px;align-items:stretch}
  main.home-v3 .post{max-width:420px}
  main.home-v3 .vers{margin-inline-start:18px}
  main.home-v3 .glist li{gap:10px;font-size:0.9062rem}
  main.home-v3 .glist time{font-size:0.8125rem}
  main.home-v3 .who{padding-block:40px 40px}
  main.home-v3 .who-head{grid-template-columns:1fr;gap:18px}
  main.home-v3 .who-list{grid-template-columns:1fr;gap:20px}
  main.home-v3 .aud-card{grid-template-columns:1fr;grid-template-areas:"pic" "name" "body";padding:10px;border-radius:30px}
  main.home-v3 .aud-pic{min-height:0;aspect-ratio:4/3;border-radius:22px}
  main.home-v3 .aud-name{padding:18px 14px 0}
  main.home-v3 .aud-body{padding:12px 14px 16px}
  main.home-v3 .aud-body p{font-size:1rem}
  main.home-v3 .who-on .who-body{display:flex;flex-direction:column;align-items:stretch}
  main.home-v3 .who-on .who-stage{order:-1;position:sticky;top:calc(var(--hh) + 8px);height:44vh;margin-bottom:10px;z-index:3}
  main.home-v3 .who-on .who-frame{border-radius:26px;box-shadow:0 30px 60px -36px rgba(13,21,39,.5),0 0 0 1px rgba(13,21,39,.05)}
  main.home-v3 .who-on .aud{min-height:60vh;justify-content:flex-start;padding-block:22px 10px}
  main.home-v3 .who-on .aud-ghost{font-size:17vw;margin-bottom:-.2em}
  main.home-v3 .who-on .aud-card{padding:20px 18px;border-radius:24px}
  main.home-v3 .who-on .aud-name{font-size:1.5rem;padding-bottom:10px}
  main.home-v3 .who-on .aud-body p{font-size:1rem}
  main.home-v3 .who-on .aud-body .aud-ex{font-size:0.9375rem}
  main.home-v3 .scr-post{width:68%;padding:10px 12px;border-radius:16px;font-size:0.8125rem}
  main.home-v3 .sp-head{font-size:0.7812rem;margin-bottom:6px}
  main.home-v3 .sp-head>i{width:20px;height:20px}
  main.home-v3 .scr-post small{font-size:0.7188rem}
  main.home-v3 .scr-lead{font-size:0.7812rem;padding:6px 11px 6px 9px}
  main.home-v3 .scr-tag{font-size:0.7188rem;padding:3px 9px}
  main.home-v3 .proof{padding-block:20px 30px}
  main.home-v3 .proof-in{grid-template-columns:1fr;grid-template-areas:"text" "meta" "pv" "res"}
  main.home-v3 .pv-shell{margin-top:26px}
  main.home-v3 .pv{width:min(100%,340px)}
  main.home-v3 .pv-on .pq-line{white-space:normal;font-size:clamp(2.5rem,11.6vw,3.25rem);line-height:1.06}
  main.home-v3 .pv-on .pq-a,main.home-v3 .pv-on .pq-b{display:block}
  main.home-v3 .pv-on .pq-slot{display:block;width:3.1em;height:1.1em;margin:.18em auto}
  main.home-v3 .pv-on .pq-ghost{font-size:120vw;padding-top:.3em}
  main.home-v3 .pv-on .pq-res,main.home-v3 .pv-on .pq-meta{translate:none;text-align:center}
  main.home-v3 .pv-on .pq-res .res-q{color:var(--blue);font-size:2.5rem}
  main.home-v3 .pv-on .pq-res .res-a{color:var(--ink);font-size:1.375rem;margin-top:.2em}
  main.home-v3 .pv-on .pq-res .res-s{display:none}
  main.home-v3 .pv-on .pq-meta .who-said{color:var(--ink);font-size:1.0625rem}
  main.home-v3 .pv-on .pq-meta .note{color:var(--ink-3);font-size:0.875rem;margin:4px auto 0;max-width:34ch}
  main.home-v3 .pv-on .pv-bw{bottom:14px}
  main.home-v3 .pv-btn{font-size:0.875rem;padding:10px 16px}
  main.home-v3 .night{--ah:clamp(56px,16vw,90px);padding-top:calc(var(--ah) + 34px)}
  main.home-v3 .night-pin{padding-block:10px 50px}
  main.home-v3 .night-head{grid-template-columns:1fr;gap:16px}
  main.home-v3 .hz-track{grid-template-columns:1fr;gap:14px}
  main.home-v3 .hz-step{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;align-items:start;padding:22px 20px 24px;min-height:0;border-radius:24px}
  main.home-v3 .hz-node{grid-row:1 / span 2;width:52px;height:52px;margin:0}
  main.home-v3 .hz-node svg{width:23px;height:23px}
  main.home-v3 .hz-step h3{margin:10px 0 6px;font-size:1.3125rem}
  main.home-v3 .hz-step p{font-size:1rem}
  main.home-v3 .close-panel{padding-block:96px 70px}
  main.home-v3 .close-grid{grid-template-columns:1fr;gap:40px}
  main.home-v3 .close-cta .btn{width:100%}
  main.home-v3 .deck3{padding-inline:6px}
  main.home-v3 .p1{rotate:-3deg;margin-inline:4% 0}
  main.home-v3 .p2{rotate:0deg;margin-inline:0 4%}
  main.home-v3 .p3{rotate:3deg;margin-inline:6% 0}
}
@media (max-width:520px){
  main.home-v3 .stk-live .gname{display:none}
  main.home-v3 .hero-side .btn{width:100%}
}
@media (max-width:900px){
  main.home-v3 .who-on .aud-ghost{font-size:var(--gf,13vw);margin:0 0 .16em;line-height:1.1}
  main.home-v3 .who-on .aud{padding-block:28px 10px}
  main.home-v3 .read{padding-block:56px 40px}
  main.home-v3 .read-in{grid-template-columns:1fr;gap:14px}
  main.home-v3 .read-k{margin:0}
  main.home-v3 .read-p{font-size:clamp(1.5rem,6.6vw,1.875rem);line-height:1.34}
  main.home-v3 .night{--ah:130px;padding-top:calc(var(--ah) - 20px)}
  main.home-v3 .night-pin{padding-top:24px}
  main.home-v3 .close-panel{padding-block:60px 70px}
  main.home-v3 .badge-c{width:88px;height:88px}
}
@media (prefers-reduced-motion:reduce){
  main.home-v3 .pulse::after{animation:none}
  main.home-v3 .btn,main.home-v3 .perk,main.home-v3 .scr-bot,main.home-v3 .scr-bot img,main.home-v3 .aud-link svg{transition:none}
}

/* ================= 3ב: what the port adds to the approved design =================
   The shell (header, footer, skip link, accessibility widget) is the shared 3א one and keeps its own
   look; everything below is rooted at main.home-v3, except the two named page-rooted overrides. */
main.home-v3{position:relative;isolation:isolate;display:block;background:var(--canvas);color:var(--ink);font:400 1.125rem/1.6 "Simona","Noto Sans Hebrew",Arial,sans-serif;overflow-x:clip}
main.home-v3 h1,main.home-v3 h2,main.home-v3 h3{line-height:inherit;letter-spacing:normal}
main.home-v3 figure{margin:0}
/* the fixed light canvas paints inside main's stacking context; the footer must stay above it */
body[data-page="home"] > .mkt-footer{position:relative;z-index:1}
/* the core .btn is a bordered surface button; the design's is a filled pill */
main.home-v3 .btn{border:0;box-shadow:none;transform:none}
main.home-v3 .btn:active{transform:none}
main.home-v3 .btn-primary{background:var(--blue);color:#fff}
main.home-v3 :is(.night,.close) .btn-primary{background:#fff;color:var(--blue)}
main.home-v3 .note{max-width:44ch}

/* Sigal: the figure keeps the native controls until the motion scene takes them over */
main.home-v3 .pv-shell{margin:0}
main.home-v3 .pv video{background:var(--night)}
main.home-v3 .pv-btn{min-height:44px}

/* ---------- safety: the honest sentence, the brakes, who carries the rules ---------- */
main.home-v3 .safety{position:relative;padding-block:clamp(70px,8vw,140px) clamp(40px,4vw,70px)}
main.home-v3 .safety-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:end;margin-bottom:clamp(30px,3.4vw,54px)}
main.home-v3 .safety-head .sec-title{margin:0}
main.home-v3 .safety-honest{background:#fff;border-radius:24px;padding:20px 24px;font-size:1.0625rem;line-height:1.55;color:var(--ink-2);box-shadow:var(--float-sm);border-inline-start:5px solid var(--blue)}
main.home-v3 .safety-honest strong{color:var(--ink);font-weight:700}
main.home-v3 .safety-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
main.home-v3 .safety-grid li{background:#fff;border-radius:24px;padding:22px 22px 24px;box-shadow:0 0 0 1px rgba(13,21,39,.04),0 24px 50px -30px rgba(13,21,39,.22)}
main.home-v3 .sf-n{display:block;color:var(--blue);font-weight:700;font-size:0.9375rem;margin-bottom:14px}
main.home-v3 .safety-grid h3{margin:0 0 6px;font-size:clamp(1.1875rem,1.5vw,1.375rem);font-weight:700;line-height:1.25;letter-spacing:-.01em}
main.home-v3 .safety-grid p{margin:0;font-size:1rem;line-height:1.55;color:var(--ink-2)}
main.home-v3 .safety-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(12px,1.4vw,20px)}
main.home-v3 .sc-card{background:var(--broker);border-radius:24px;padding:22px 24px 24px}
main.home-v3 .sc-card h3{margin:0 0 6px;font-size:clamp(1.1875rem,1.5vw,1.375rem);font-weight:700;line-height:1.25}
main.home-v3 .sc-card p{margin:0;font-size:1rem;line-height:1.55;color:var(--ink-2)}
main.home-v3 .safety-rules{margin:clamp(22px,2.4vw,34px) 0 0;max-width:72ch;font-size:1rem;line-height:1.6;color:var(--ink-2)}
main.home-v3 .safety-rules a{color:#0a4fdf;text-decoration:underline;text-underline-offset:3px}
/* moved from an inline <style> in index.html (3ב r1): the FAQ anchor clears the sticky 64px header, and a link inside an answer reads as a link */
main.home-v3 #faq{scroll-margin-top:96px}
main.home-v3 .qa .ans a{color:#0a4fdf;text-decoration:underline;text-underline-offset:3px}

/* ---------- FAQ: today's questions, in the light design ---------- */
main.home-v3 .faq{position:relative;padding-block:clamp(40px,4vw,70px) clamp(70px,8vw,140px)}
main.home-v3 .faq-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,96px);align-items:start}
main.home-v3 .faq .sec-title{position:sticky;top:calc(var(--hh) + 32px)}
main.home-v3 .faq-list{display:flex;flex-direction:column;gap:12px}
main.home-v3 .qa{background:#fff;border-radius:22px;box-shadow:0 0 0 1px rgba(13,21,39,.04),0 18px 40px -30px rgba(13,21,39,.25)}
main.home-v3 .qa summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:18px 22px;font-size:clamp(1.0625rem,1.3vw,1.25rem);font-weight:500;line-height:1.4;color:var(--ink)}
main.home-v3 .qa summary::-webkit-details-marker{display:none}
main.home-v3 .qa summary::after{content:"";flex:none;width:12px;height:12px;border-inline-end:2.5px solid var(--blue);border-block-end:2.5px solid var(--blue);rotate:45deg;translate:0 -3px;transition:rotate var(--t-hover) ease}
main.home-v3 .qa[open] summary::after{rotate:225deg;translate:0 3px}
main.home-v3 .qa .ans{padding:0 22px 20px}
main.home-v3 .qa .ans p{margin:0;font-size:1.0625rem;line-height:1.6;color:var(--ink-2)}

/* the price in one sentence: the amount, the VAT and "not yet charging" travel together */
main.home-v3 .close .price{display:block;margin:24px 0 0;font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.2;font-weight:700;letter-spacing:-.02em;max-width:22ch}

@media (max-width:1180px){
  main.home-v3 .safety-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  main.home-v3 .safety-head,main.home-v3 .faq-in{grid-template-columns:1fr}
  main.home-v3 .faq .sec-title{position:static}
  main.home-v3 .safety-grid,main.home-v3 .safety-control{grid-template-columns:1fr}
  main.home-v3 .safety{padding-block:56px 30px}
  main.home-v3 .faq{padding-block:30px 70px}
}
@media (max-width:520px){
  main.home-v3 .safety-grid{grid-template-columns:1fr}
}

/* THE GLASS TOP BAR (owner, 16.10: the Figma Effects → Glass look, Apple's "liquid glass"; strengthened
   16.10 r3 per owner feedback — «שקוף מידי» — content behind read too clearly, especially the open
   mobile menu) — home page only. The shared 3א header markup is untouched; these are the named
   page-rooted overrides the plan allows.
   Not frosted: at the rim the fill is 28%, a 1px blur, and the page under it bends —
     refraction + dispersion: an SVG filter home-v3.js injects (#pp-glass) on capable Chromium only;
       everywhere else the same pill with a 6px blur;
     light: a specular rim from the top-left (the ::after ring) and a bright inner edge;
     depth: a darker inner edge bottom-right and a soft drop shadow.
   READABILITY is guaranteed by the fill, never by blur or halo: the glass rises to a denser band across
   the text row (70% white / 70% night) and falls to 28% toward the rim, so the bending stays at
   the rim. home-v3.js picks the state from what is under the bar: data-glass="light" (dark words) or
   "dark" (white words) — dark from the very start of the night strip's fade. Before that — no script —
   the bar is the safe frosted state (78% white). The open mobile menu is denser still (80%, both
   states) — it is the one the owner specifically called out as too see-through, sitting over page content
   he wants dimmed, not just the margin above the hero.
   Every pair is pinned ≥4.5:1 by a test. */
body[data-page="home"] > .mkt-header{margin-block-end:calc(-1 * var(--pp-header-height));background:transparent;border-block-end:0;-webkit-backdrop-filter:none;backdrop-filter:none;color:#0d1527}
body[data-page="home"] > .mkt-header .mkt-header__inner{position:relative;isolation:isolate}
body[data-page="home"] > .mkt-header .mkt-header__inner::before,body[data-page="home"] > .mkt-header .mkt-header__inner::after{content:"";position:absolute;inset-block:8px;inset-inline:-12px;border-radius:999px;pointer-events:none}
/* the glass body: fill, frost, depth */
body[data-page="home"] > .mkt-header .mkt-header__inner::before{z-index:-2;background:rgb(255 255 255 / .78);-webkit-backdrop-filter:blur(6px) saturate(180%);backdrop-filter:blur(6px) saturate(180%);box-shadow:inset 1.5px 1.5px 0 -.5px rgb(255 255 255 / .95),inset -1.5px -1.5px 0 -.5px rgb(13 21 39 / .16),inset 0 0 16px 2px rgb(255 255 255 / .18),inset 0 -12px 18px -14px rgb(13 21 39 / .2),0 14px 30px -16px rgb(13 21 39 / .42),0 2px 6px -2px rgb(13 21 39 / .14)}
/* the specular rim: a 1.5px ring, bright top-left, fading, catching light again bottom-right */
body[data-page="home"] > .mkt-header .mkt-header__inner::after{z-index:-1;padding:1.5px;background:linear-gradient(125deg,rgb(255 255 255 / .95) 0%,rgb(255 255 255 / .35) 22%,rgb(255 255 255 / .04) 48%,rgb(255 255 255 / .08) 70%,rgb(255 255 255 / .55) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
body[data-page="home"] > .mkt-header[data-glass="light"] .mkt-header__inner::before{background:linear-gradient(180deg,rgb(255 255 255 / .28) 0%,rgb(255 255 255 / .28) 12%,rgb(255 255 255 / .7) 32%,rgb(255 255 255 / .7) 68%,rgb(255 255 255 / .28) 88%,rgb(255 255 255 / .28) 100%)}
body[data-page="home"] > .mkt-header[data-glass="dark"] .mkt-header__inner::before{background:linear-gradient(180deg,rgb(10 18 36 / .28) 0%,rgb(10 18 36 / .7) 22%,rgb(10 18 36 / .7) 78%,rgb(10 18 36 / .28) 100%);box-shadow:inset 1.5px 1.5px 0 -.5px rgb(255 255 255 / .55),inset -1.5px -1.5px 0 -.5px rgb(0 0 0 / .35),inset 0 0 16px 2px rgb(255 255 255 / .07),inset 0 -12px 18px -14px rgb(0 0 0 / .4),0 14px 30px -16px rgb(0 0 0 / .6),0 2px 6px -2px rgb(0 0 0 / .3)}
body[data-page="home"] > .mkt-header[data-glass="dark"] .mkt-header__inner::after{background:linear-gradient(125deg,rgb(255 255 255 / .7) 0%,rgb(255 255 255 / .2) 22%,rgb(255 255 255 / .02) 48%,rgb(255 255 255 / .05) 70%,rgb(255 255 255 / .35) 100%)}
/* real refraction where the device can pay for it (home-v3.js sets the flag once the filter exists) */
body[data-page="home"] > .mkt-header[data-glass-refract="on"] .mkt-header__inner::before{-webkit-backdrop-filter:blur(1px) url(#pp-glass) saturate(170%) brightness(1.04);backdrop-filter:blur(1px) url(#pp-glass) saturate(170%) brightness(1.04)}
/* the lockup: primary artwork on light glass (the img stays for its alt text, painted transparent); the
   real on-dark img on dark glass */
body[data-page="home"] > .mkt-header .mkt-brand{background:url(/brand/postpro-lockup-rtl-primary.svg?v=20261016g) center/contain no-repeat}
body[data-page="home"] > .mkt-header .mkt-brand img{opacity:0}
body[data-page="home"] > .mkt-header[data-glass="dark"] .mkt-brand{background:none}
body[data-page="home"] > .mkt-header[data-glass="dark"] .mkt-brand img{opacity:1}
/* words: dark (no script, and over light sections); hover/current keep the words' own colour and show
   an underline and a tint — no blue text on glass */
body[data-page="home"] > .mkt-header .mkt-nav > a{color:#1f2a44}
body[data-page="home"] > .mkt-header .mkt-nav > a:hover,body[data-page="home"] > .mkt-header .mkt-nav > a[aria-current="page"]{color:#1f2a44;background:rgb(255 255 255 / .4);box-shadow:inset 0 -2px 0 #1f2a44}
body[data-page="home"] > .mkt-header .btn-secondary,body[data-page="home"] > .mkt-header .mkt-menu-toggle{color:#0d1527;border-color:rgb(13 21 39 / .16);background:rgb(255 255 255 / .3)}
body[data-page="home"] > .mkt-header .btn-secondary:hover{border-color:#0b5bff;background:rgb(255 255 255 / .5)}
/* words over dark sections: white */
body[data-page="home"] > .mkt-header[data-glass="dark"] .mkt-nav > a{color:#ffffff}
body[data-page="home"] > .mkt-header[data-glass="dark"] .mkt-nav > a:hover,body[data-page="home"] > .mkt-header[data-glass="dark"] .mkt-nav > a[aria-current="page"]{color:#ffffff;background:rgb(0 0 0 / .22);box-shadow:inset 0 -2px 0 #ffffff}
body[data-page="home"] > .mkt-header[data-glass="dark"] .btn-secondary,body[data-page="home"] > .mkt-header[data-glass="dark"] .mkt-menu-toggle{color:#ffffff;border-color:rgb(255 255 255 / .3);background:rgb(0 0 0 / .12)}
body[data-page="home"] > .mkt-header[data-glass="dark"] .btn-secondary:hover{border-color:#ffffff;background:rgb(0 0 0 / .3)}
/* the booking button is blue; over the blue close it keeps a light rim so it still reads as a button */
body[data-page="home"] > .mkt-header[data-glass="dark"] .mkt-header__actions .btn-primary{box-shadow:0 0 0 1.5px rgb(255 255 255 / .55),inset 0 1px 0 rgb(255 255 255 / .3)}
@media (max-width:1023px){
  body[data-page="home"] > .mkt-header .mkt-header__inner::before,body[data-page="home"] > .mkt-header .mkt-header__inner::after{inset-inline:-8px;inset-block:7px}
  /* the open menu is the same glass, but it sits over content rather than a margin, and its words fill
     it — so it is dense everywhere, and it takes its own state from the section under its centre */
  body[data-page="home"] > .mkt-header .mkt-nav{border:1.5px solid rgb(255 255 255 / .7);background:rgb(255 255 255 / .78);-webkit-backdrop-filter:blur(6px) saturate(180%);backdrop-filter:blur(6px) saturate(180%);box-shadow:inset 1.5px 1.5px 0 -.5px rgb(255 255 255 / .95),inset -1.5px -1.5px 0 -.5px rgb(13 21 39 / .16),inset 0 0 22px 2px rgb(255 255 255 / .18),0 24px 54px -20px rgb(13 21 39 / .45)}
  body[data-page="home"] > .mkt-header .mkt-nav[data-glass="light"]{background:rgb(255 255 255 / .8);border-color:rgb(255 255 255 / .75) rgb(255 255 255 / .25) rgb(255 255 255 / .2) rgb(255 255 255 / .6)}
  body[data-page="home"] > .mkt-header .mkt-nav[data-glass="dark"]{background:rgb(10 18 36 / .8);border-color:rgb(255 255 255 / .45) rgb(255 255 255 / .12) rgb(255 255 255 / .08) rgb(255 255 255 / .35);box-shadow:inset 1.5px 1.5px 0 -.5px rgb(255 255 255 / .5),inset -1.5px -1.5px 0 -.5px rgb(0 0 0 / .35),0 24px 54px -20px rgb(0 0 0 / .6)}
  body[data-page="home"] > .mkt-header .mkt-nav[data-glass="light"] > a{color:#1f2a44}
  body[data-page="home"] > .mkt-header .mkt-nav[data-glass="light"] > a:hover,body[data-page="home"] > .mkt-header .mkt-nav[data-glass="light"] > a[aria-current="page"]{color:#1f2a44;background:rgb(255 255 255 / .4);box-shadow:inset 0 -2px 0 #1f2a44}
  body[data-page="home"] > .mkt-header .mkt-nav[data-glass="dark"] > a{color:#ffffff}
  body[data-page="home"] > .mkt-header .mkt-nav[data-glass="dark"] > a:hover,body[data-page="home"] > .mkt-header .mkt-nav[data-glass="dark"] > a[aria-current="page"]{color:#ffffff;background:rgb(0 0 0 / .22);box-shadow:inset 0 -2px 0 #ffffff}
  body[data-page="home"] > .mkt-header[data-glass-refract-menu="on"] .mkt-nav{-webkit-backdrop-filter:blur(3px) url(#pp-glass-menu) saturate(165%);backdrop-filter:blur(3px) url(#pp-glass-menu) saturate(165%)}
}
@media (max-width:767px){
  /* backstop: below a tablet the open menu is the blur glass, even if a refraction flag were left behind */
  body[data-page="home"] > .mkt-header[data-glass-refract-menu="on"] .mkt-nav{-webkit-backdrop-filter:blur(6px) saturate(180%);backdrop-filter:blur(6px) saturate(180%)}
  /* PHONE INTERNAL MARGIN (owner, 20.10: «עדיין אין רווח בהדר, תן שם מרווח 5px בכל השוליים» — shipped
     as #463; 21.10 r1: «תעשה עוד רווח 10px» — an outward pill-extension trick, -4px/10px, never
     committed; 21.10 r2: «ההדר עצמו ייתן שם שוליים פנימיים של 10px» — the ask was never about how far
     the pill floats from the viewport, it was about the CONTENT'S own clearance from the pill.
     Replaces the outward-extension model with: the pill fills its positioned ancestor's PADDING BOX
     exactly (`inset:0` — correction: not the "content box", which is the area padding would carve
     out of; the pill's containing block is the padding box, and `inset:0` matches that box's own
     edges), and the CONTENT gets real internal padding instead. Net effect vs. the deployed #463:
     the pill's external SIDE gap goes from 5px to 14px (the shared `.mkt-container` margin, now
     governing this pill directly instead of being offset against); its external TOP gap goes from 5px
     to 0px (the sticky header sits flush with the viewport top, and `inset-block:0` now matches that
     exactly — this is a NEW value, not a reversion to any prior state: before #463 this rule's block
     inset was 7px, not 0) — both deliberate, since the owner's 21.10 r2 feedback was entirely about
     INTERNAL clearance, not either external number.
     `padding-inline:10px` on `.mkt-header__inner` gives the logo/button 10px of horizontal clearance
     from the pill without moving the pill itself: a `position:absolute` descendant's containing block
     is its positioned ancestor's PADDING BOX, and padding sits INSIDE that box (between the padding
     box's own edge and the content), so adding padding does not move where the pill is anchored —
     confirmed live, before and after, at 320px (no overflow) and 390px.
     Vertically, stacking the SAME outward-extension trick on top of an already-tight 60px header
     compounds badly: at a hypothetical `inset-block:10px`, the pill would be only 60-20=40px tall
     against a 44px button (Codex plan review 21.10 r1) — adding a further 10px of content margin on
     top of THAT would need an 84px header to avoid overlap again, which is not a reasonable mobile
     header. So instead the header itself is grown here, home+mobile only, via the SAME shared custom
     property `--pp-header-height` every other header rule already reads — not a duplicate hardcoded
     number: `4rem`=64px (up from the <1024px override's 3.75rem=60px) gives the 44px button exactly
     (64-44)/2=10px of margin from the header's own top/bottom automatically, through the flex
     centering that was already there, with zero separate vertical-padding rule needed.
     Because this overrides the CUSTOM PROPERTY itself (scoped to `body[data-page="home"]`, not
     `:root`), every place on this page at this width that reads `var(--pp-header-height)` follows
     automatically, all confirmed desirable and live-verified (Codex plan review, full list in
     docs/current-plan.md's 2026-10-21r2 entry): `.mkt-header`/`.mkt-header__inner`'s own
     `min-block-size` (postpro-marketing-core.css); the open mobile-menu's `inset-block-start`
     (postpro-marketing-core.css, `var(--pp-header-height) + 10px` — the menu simply drops 4px lower,
     same 10px separation preserved); this page's OWN floating-header collapse margin
     (`margin-block-end:calc(-1 * var(--pp-header-height))`, below, unconditioned) which must grow by
     the same 4px to keep fully collapsing the taller box; and `main.home-v3{--hh:...}` just below,
     which feeds the hero's padding-top and every scroll-pin offset throughout this file. No other
     page is affected (`:root`'s own 3.75rem stays exactly as every one of the 30 other marketing
     pages, and this page's own tablet/desktop bands, had it).
     `html`'s own `scroll-padding-top` does NOT inherit this override (`body`-scoped custom properties
     never flow up to an ancestor's own computed value), so it is corrected explicitly here too — the
     same reasoning the 17.10 desktop fix already used for exactly this reason, just at the phone
     breakpoint and the phone's own 4rem value instead of the desktop's +24px variant.
     Desktop precedent note: the >=1024px rule below only sets `inset-inline:0`, leaving the base
     `inset-block:8px` untouched there — it is NOT a full `inset:0` precedent. This rule's
     `inset-block:0` is a choice specific to this component, made because the grown 64px header
     already gives the pill its full vertical extent without a separate inset.
     Scoped to this block (<=767px) only — the 768-1023px tablet band and the >=1024px desktop fix are
     both untouched; confirmed no overflow at the narrowest supported width (320px). */
  body[data-page="home"]{--pp-header-height:4rem}
  html:has(body[data-page="home"]){scroll-padding-top:calc(4rem + 20px)}
  body[data-page="home"] > .mkt-header .mkt-header__inner::before,
  body[data-page="home"] > .mkt-header .mkt-header__inner::after{inset-inline:0;inset-block:0}
  body[data-page="home"] > .mkt-header .mkt-header__inner{padding-inline:10px}
}
/* THE SITE'S HIGH-CONTRAST MODE (pp-a11y.js, html.pp-a11y-hc): no glass at all — opaque black, no filter,
   no band, no rim, the words in the mode's own white/yellow, and the white logo that black needs. */
html.pp-a11y-hc body[data-page="home"] > .mkt-header .mkt-header__inner::before{background:#000000;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 0 2px #ffffff}
html.pp-a11y-hc body[data-page="home"] > .mkt-header .mkt-header__inner::after{display:none}
html.pp-a11y-hc body[data-page="home"] > .mkt-header .mkt-brand{background:none}
html.pp-a11y-hc body[data-page="home"] > .mkt-header .mkt-brand img{opacity:1}
html.pp-a11y-hc body[data-page="home"] > .mkt-header .mkt-nav{background:#000000 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:none}
html.pp-a11y-hc body[data-page="home"] > .mkt-header .mkt-nav > a:hover,html.pp-a11y-hc body[data-page="home"] > .mkt-header .mkt-nav > a[aria-current="page"]{box-shadow:inset 0 -2px 0 #ffea00}
/* …and the page under it: pp-a11y.js clears every background COLOUR, but this page paints with gradients
   (the light canvas, the night fade, the screens) — left in place they put the mode's white words on light */
html.pp-a11y-hc main.home-v3,html.pp-a11y-hc main.home-v3 *,html.pp-a11y-hc main.home-v3 *::before,html.pp-a11y-hc main.home-v3 *::after{background-image:none !important}
/* the bar floats OVER the page (its negative margin above), so the hero starts under it */
main.home-v3 .hero{padding-top:calc(var(--hh) + clamp(26px,4vw,64px))}
/* DESKTOP MARGIN (owner, 17.10: «אין שם מרווח… תן להדר 20 פיקסל מכל הצדדים»; then, after the first
   fix landed, 17.10 r5: «תוריד אותו עוד למטה, הוא עדיין צמוד למעלה» — 20px still read as glued, so the
   top gap alone is widened further here; the side gap below was already fixed and is left untouched).
   Below ~1280px the container's own side margin and the pill's -12px outward extension cancelled down
   to an 8px gap on every side — the pill read as glued to the viewport. Fixed at ≥1024px (the
   breakpoint this layout already uses): the sides land on the centred container's own edges (≥20px
   from the viewport at every width from 1024 up — flat 20px from 1024–1280, where the container is
   capped at 100% - 40px; wider than it only grows, as the container caps at --pp-content-max and the
   extra width becomes margin) by dropping the -12px outward inset-inline to 0. The top gap is 24px of
   header padding on top of the pill's own 8px inset = 32px total from the viewport to the pill's top
   edge (up from the first fix's 20px) — the pill's own bottom stays inset 8px inside the now-taller
   header box; that edge was never touching anything, it only sets the pill's own thickness.
   The header's own negative margin (which collapses its box out of normal flow so the page behind it
   starts at the top, the pill floating over it) is widened by the same 24px so it still cancels the
   WHOLE taller box — otherwise part of it would leak into the page as an unintended extra push, on
   top of the 24px --hh already adds deliberately below (Codex round 2 on the first fix: caught a real
   double-count from exactly this kind of mismatch). --hh carries the same 24px into every sticky-pin/
   scroll offset below the header (the hero, the badge, every GSAP pin start) so they move down by
   exactly that much, not "a lot". scroll-padding-top (shared across all 27 pages, so left alone
   globally) is overridden here for this page only, so #how/#safety/#faq still land clear of the taller
   header when linked to directly. */
@media (min-width:1024px){
  main.home-v3{--hh:calc(var(--pp-header-height, 4rem) + 24px)}
  body[data-page="home"] > .mkt-header{padding-block-start:24px;margin-block-end:calc(-1 * (var(--pp-header-height, 4rem) + 24px))}
  body[data-page="home"] > .mkt-header .mkt-header__inner::before,body[data-page="home"] > .mkt-header .mkt-header__inner::after{inset-inline:0}
  html:has(body[data-page="home"]){scroll-padding-top:calc(var(--pp-header-height, 4rem) + 24px + 20px)}
}