/* Home v8 — corporate, team.blue-like: white page, deep navy ink, rounded inset cards, one card style. */
.corp{--ink:#161c38;--ink2:rgba(22,28,56,.72);--line:rgba(22,28,56,.12);--soft:#f3f5f9;--blue:#2d4f86;--grad:linear-gradient(180deg,#1b1f27,#1b1f27);background:#ffffff;color:var(--ink2)}
.corp h2,.corp h3{font-family:var(--body);color:var(--ink);letter-spacing:-.02em}
.corp h2{font-weight:600;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.1}
.c-sec{padding-block:clamp(72px,9vw,120px);background:#ffffff}
.c-sec.alt{background:var(--soft)}
.c-sec.tight{padding-block:clamp(24px,3vw,40px)}
.c-eye{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.c-head{max-width:720px;margin-bottom:clamp(36px,5vw,56px)}
.c-head p,.c-left p{font-size:clamp(1rem,1.3vw,1.12rem);margin-top:14px}
.c-btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;border-radius:999px;background:var(--grad);color:#ffffff;text-decoration:none;font-weight:600;font-size:15px;margin-top:26px}
.c-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.corp .btn.solid{background:var(--grad);color:#ffffff}

/* the film ends in black space, straight into the motto */
.film .apron{background:radial-gradient(1px 1px at 8% 34%,rgba(255,255,255,0.7) 50%,transparent 51%),radial-gradient(1px 1px at 17% 61%,rgba(255,255,255,0.5) 50%,transparent 51%),radial-gradient(1px 1px at 23% 42%,rgba(255,255,255,0.8) 50%,transparent 51%),radial-gradient(1px 1px at 31% 77%,rgba(255,255,255,0.6) 50%,transparent 51%),radial-gradient(1px 1px at 38% 52%,rgba(255,255,255,0.5) 50%,transparent 51%),radial-gradient(1px 1px at 44% 88%,rgba(255,255,255,0.7) 50%,transparent 51%),radial-gradient(1px 1px at 52% 39%,rgba(255,255,255,0.9) 50%,transparent 51%),radial-gradient(1px 1px at 57% 66%,rgba(255,255,255,0.5) 50%,transparent 51%),radial-gradient(1px 1px at 63% 47%,rgba(255,255,255,0.6) 50%,transparent 51%),radial-gradient(1px 1px at 69% 83%,rgba(255,255,255,0.8) 50%,transparent 51%),radial-gradient(1px 1px at 74% 58%,rgba(255,255,255,0.5) 50%,transparent 51%),radial-gradient(1px 1px at 81% 36%,rgba(255,255,255,0.7) 50%,transparent 51%),radial-gradient(1px 1px at 87% 71%,rgba(255,255,255,0.6) 50%,transparent 51%),radial-gradient(1px 1px at 93% 49%,rgba(255,255,255,0.8) 50%,transparent 51%),radial-gradient(1px 1px at 12% 90%,rgba(255,255,255,0.5) 50%,transparent 51%),radial-gradient(1px 1px at 27% 96%,rgba(255,255,255,0.6) 50%,transparent 51%),radial-gradient(1px 1px at 48% 72%,rgba(255,255,255,0.4) 50%,transparent 51%),radial-gradient(1px 1px at 66% 94%,rgba(255,255,255,0.6) 50%,transparent 51%),radial-gradient(1px 1px at 78% 92%,rgba(255,255,255,0.5) 50%,transparent 51%),radial-gradient(1px 1px at 96% 86%,rgba(255,255,255,0.7) 50%,transparent 51%),radial-gradient(1px 1px at 5% 74%,rgba(255,255,255,0.6) 50%,transparent 51%),radial-gradient(1px 1px at 35% 40%,rgba(255,255,255,0.4) 50%,transparent 51%),radial-gradient(1px 1px at 59% 30%,rgba(255,255,255,0.5) 50%,transparent 51%),radial-gradient(1px 1px at 90% 30%,rgba(255,255,255,0.5) 50%,transparent 51%),linear-gradient(180deg,#2c313b 0%,#10141c 12%,#05070d 26%,#03050b 100%)!important}
.c-space{padding:clamp(110px,13vw,170px) 0 clamp(110px,13vw,170px);border-radius:0 0 48px 48px}
.c-space::before{display:none}
.c-space .aurora{text-transform:none;font-weight:600;letter-spacing:-.02em;font-size:clamp(1.8rem,3.4vw,2.9rem);line-height:1.15;gap:.1em}
.c-space .aurora .ln{letter-spacing:.06em}
.c-space.in .aurora .ln{letter-spacing:-.02em}
.c-space .motto-sub{font-family:var(--body);font-weight:500;font-size:clamp(1rem,1.4vw,1.15rem)}
.c-space .btn.solid{background:#ffffff;color:#0b1220}

/* problem */
.c-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,90px);align-items:start}
.c-left{position:sticky;top:110px}
.c-list{list-style:none;margin:0;padding:0;display:grid}
.c-list li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:24px 0;border-top:1px solid var(--line)}
.c-list li:last-child{border-bottom:1px solid var(--line)}
.c-list .n{font-size:14px;font-weight:600;color:var(--blue);padding-top:4px}
.c-list h3{font-size:1.25rem;font-weight:600}
.c-list p{margin-top:6px;font-size:15px}
.c-list .fix{margin-top:10px;color:var(--ink)}
.c-list .fix b{color:var(--blue);font-weight:600}
@media (max-width:900px){.c-two{grid-template-columns:minmax(0,1fr)}.c-left{position:relative;top:0}}

/* what we do: .Create .Grow .Measure */
.c-grp{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,.95fr) minmax(0,1.3fr);gap:clamp(20px,3vw,40px);align-items:start;padding:clamp(28px,4vw,44px) 0;border-top:1px solid var(--line)}
.g-txt h3{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:600}
.g-txt .dotw{color:var(--blue)}
.g-txt p{margin-top:10px;font-size:15.5px}
.g-pic{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:3/4;background:#dfe3e8}
.g-pic img{width:100%;height:100%;object-fit:cover;display:block}
.g-pic>span{position:absolute;inset:auto 0 0;padding:24px;font-family:var(--body);font-weight:600;font-size:clamp(1.6rem,2.4vw,2.2rem);color:#ffffff;background:linear-gradient(180deg,transparent,rgba(11,18,32,.6))}
.g-list{display:grid}
.c-svc{border-bottom:1px solid var(--line)}
.c-svc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:14px minmax(0,1fr) 28px;gap:14px;align-items:start;padding:18px 0}
.c-svc summary::-webkit-details-marker{display:none}
.c-svc .dot{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:8px}
.c-svc .t b{display:block;font-weight:600;color:var(--ink);font-size:1.05rem}
.c-svc .t small{display:block;font-size:14px;margin-top:4px;line-height:1.5}
.c-svc .pm{position:relative;width:28px;height:28px;border-radius:50%;border:1px solid var(--line)}
.c-svc .pm::before,.c-svc .pm::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
.c-svc .pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
.c-svc[open] .pm::after{transform:translate(-50%,-50%)}
.c-svc-b{padding:0 0 20px 28px;display:grid;gap:12px}
.c-svc .tags span{min-height:30px;font-size:13px;padding:4px 12px}
.c-svc .tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.c-svc .tools b{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-right:4px}
.c-svc .tools span{font-size:12.5px;padding:4px 10px;border-radius:99px;background:#e8eef8;color:#1b2a5c}
@media (max-width:1000px){.c-grp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.g-txt{grid-column:1/-1}}
@media (max-width:640px){.c-grp{grid-template-columns:minmax(0,1fr)}.g-pic{aspect-ratio:4/3}}

/* work + numbers */
.c-work{padding-top:clamp(72px,9vw,120px)}
.c-work h2{max-width:14ch}
.c-work p{max-width:46ch;margin-top:14px}
.c-work .marquee{margin-top:clamp(56px,8vw,110px);padding-bottom:40px}
.c-work .mtrack .lg img{width:80px;height:80px}
.c-card{border-radius:40px}
.c-card h2{color:#eef1f6}

/* how we start */
.c-start{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,80px);align-items:center}
.g-pic.tall{aspect-ratio:4/5}
.c-steps{list-style:none;margin:28px 0 0;padding:0;display:grid}
.c-steps li{padding:20px 0;border-top:1px solid var(--line);display:grid;gap:6px}
.c-steps .when{justify-self:start;font-size:12px;font-weight:600;letter-spacing:.08em;color:#ffffff;background:var(--grad);padding:4px 12px;border-radius:99px}
.c-steps h3{font-size:1.2rem;font-weight:600}
.c-steps p{font-size:15px}
.c-guar{margin-top:18px;padding:16px 20px;border-radius:20px;background:#ffffff;border:1px solid var(--line);font-size:14.5px}
.c-guar b{color:var(--ink)}
@media (max-width:900px){.c-start{grid-template-columns:minmax(0,1fr)}.g-pic.tall{aspect-ratio:16/10}}

/* plans */
.c-plans .shead h2{font-family:var(--body)}
.c-plans .plan{background:#ffffff;border-radius:32px;border:1px solid var(--line)}
.c-plans .plan.feat{background:#ffffff;border:1.5px solid #1b1f27}
.c-plans .plan .flag{background:var(--grad)}
.c-plans .plan .btn{background:var(--soft);color:var(--ink);border-color:var(--line)}
.c-plans .plan.feat .btn{background:var(--grad);color:#ffffff;border-color:transparent}
.c-plans .guar{background:var(--soft);border-color:var(--line);border-radius:24px}
.c-plans .ptwrap{border-radius:28px}
.c-plans .pt thead th{background:var(--soft)}
.c-plans .pt .yes{background:#1b1f27}

/* suite, founder, faq, closing */
.corp #suite{background:var(--soft)}
.corp .stabs button[aria-pressed="true"]{background:var(--ink)}
.c-founder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,80px);align-items:center}
.f-card{position:relative;border-radius:40px;overflow:hidden;aspect-ratio:4/5;max-width:440px}
.f-card img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
.f-card>span{position:absolute;inset:auto 0 0;padding:28px;color:#ffffff;background:linear-gradient(180deg,transparent,rgba(11,18,32,.75));display:grid;font-size:15px}
.f-card b{font-family:var(--body);font-weight:600;font-size:1.6rem}
.f-pts{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.f-pts li{border-radius:24px;padding:20px;background:var(--soft);display:grid;gap:4px}
.f-pts b{font-family:var(--body);font-weight:600;font-size:1.6rem;color:var(--ink)}
.f-pts li>span{font-size:14px}
@media (max-width:900px){.c-founder{grid-template-columns:minmax(0,1fr)}.f-card{max-width:360px}}
@media (max-width:520px){.f-pts{grid-template-columns:minmax(0,1fr)}}
.corp #faq .shead h2{font-family:var(--body)}
.c-close{position:relative;overflow:hidden;border-radius:40px;padding:clamp(36px,5vw,64px);background:radial-gradient(80% 90% at 85% 0%,#2a3f75 0%,#141a3a 55%,#0b0f22 100%);color:#c3ccd9}
.c-close .wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:45%;pointer-events:none}
.c-close .close{position:relative;z-index:1}
.c-close h2{color:#ffffff}
.c-close .btn.solid{background:#ffffff;color:#0b1220}
/* the space photo fades in from the film's black, no visible edge */
.c-space{background:#03050b}
.c-space .earth img{-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 14%,#000 38%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 14%,#000 38%)}

/* problem -> fix, with a picture for each fix */
.pr{display:grid;border-top:1px solid var(--line)}
.pr-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,4vw,56px);padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid var(--line);align-items:center}
.pr-p{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px}
.pr-p .n{grid-row:span 2;font-weight:600;color:var(--blue);font-size:14px;padding-top:6px}
.pr-p h3{font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:600}
.pr-p p{margin-top:6px;font-size:15px}
.pr-f{position:relative;border-radius:24px;background:var(--soft);padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 22px;align-items:center}
.pr-f .lab{grid-column:1;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.pr-f>p{grid-column:1;color:var(--ink);font-weight:500;font-size:15.5px}
.pr-f>div{grid-column:2;grid-row:1/span 2}
.pr-f .ex{position:absolute;right:14px;bottom:8px;font-size:10.5px;color:#8b93a1}
.pr-row.sx .pr-f{background:#141a3a}.pr-row.sx .pr-f>p{color:#ffffff}.pr-row.sx .pr-f .lab{color:#9fb4d0}
.mk-cal{background:#ffffff;border-radius:16px;padding:14px;display:grid;gap:10px;border:1px solid var(--line)}
.mk-cal .g{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.mk-cal i{aspect-ratio:1;border-radius:6px;background:#eef0f4}
.mk-cal i.on{background:var(--ink)}
.mk-cal .leg{font-size:12.5px;display:flex;gap:6px;align-items:baseline}.mk-cal .leg b{font-size:1.2rem;color:var(--ink)}
.mk-cal .cta,.mk-bio .cta{justify-self:start;font-size:12px;font-weight:600;padding:6px 12px;border-radius:99px;background:var(--ink);color:#ffffff}
.mk-bio{background:#ffffff;border-radius:16px;padding:14px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px 12px;border:1px solid var(--line);align-items:center}
.mk-bio .av{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c9d3e0,#5c7aa6)}
.mk-bio b{display:block;color:var(--ink);font-size:14px}.mk-bio small{display:block;font-size:12px;line-height:1.4}
.mk-bio .cta{grid-column:1/-1;justify-self:stretch;text-align:center}
.mk-rep{background:#ffffff;border-radius:16px;padding:8px 12px;border:1px solid var(--line);overflow:hidden}
.mk-rep table{width:100%;border-collapse:collapse;font-size:12px}
.mk-rep th{text-align:left;color:#8b93a1;font-weight:600;padding:6px 4px;border-bottom:1px solid var(--line)}
.mk-rep td{padding:8px 4px;border-bottom:1px solid #f0f2f5;color:var(--ink)}
.mk-rep tr:last-child td{border-bottom:0}
.mk-chat{display:grid;gap:8px}
.mk-chat span{font-size:12.5px;line-height:1.4;padding:9px 12px;border-radius:14px;max-width:92%}
.mk-chat .q{background:#ffffff;border:1px solid var(--line);color:var(--ink)}
.mk-chat .a{justify-self:end;background:var(--ink);color:#ffffff}
.mk-chat .lead{justify-self:start;background:#e8eef8;color:#1b2a5c;font-weight:600;border-radius:99px;font-size:11.5px}
.mk-data{display:grid;gap:8px;justify-items:start}
.mk-data .src{display:flex;flex-wrap:wrap;gap:6px}
.mk-data .src span{font-size:11.5px;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.1);color:#dfe5ee;border:1px solid rgba(255,255,255,.18)}
.mk-data .arr{color:#9fb4d0;font-size:18px;line-height:1}
.mk-data .out{background:#ffffff;border-radius:14px;padding:10px 12px;display:grid;gap:2px}
.mk-data .out small{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.mk-data .out b{font-size:13px;color:var(--ink);font-weight:600}
@media (max-width:900px){.pr-row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.pr-f{grid-template-columns:minmax(0,1fr)}.pr-f>div{grid-column:1;grid-row:auto}.pr-f .ex{bottom:6px}}

/* this is where Salesio comes in */
.sx-hub{display:grid;grid-template-columns:minmax(0,.8fr) auto minmax(0,1.3fr);gap:clamp(18px,3vw,36px);align-items:center}
.sx-apart{border-radius:28px;background:#ffffff;border:1px solid var(--line);padding:24px}
.sx-apart .lab,.sx-out small{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.sx-apart ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.sx-apart li{font-size:14.5px;color:#8b93a1;text-decoration:line-through;text-decoration-color:rgba(22,28,56,.35);padding:8px 12px;border-radius:12px;background:var(--soft)}
.sx-arr{font-size:2rem;color:var(--ink)}
.sx-one{border-radius:32px;padding:clamp(22px,3vw,32px);background:radial-gradient(80% 90% at 85% 0%,#2a3f75 0%,#141a3a 60%,#0b0f22 100%);color:#c3ccd9;display:grid;gap:18px}
.sx-top{display:flex;align-items:center;gap:12px}.sx-top .mark{width:36px;height:36px}
.sx-top b{font-family:var(--head);font-weight:500;font-size:1.6rem;color:#ffffff}.sx-top small{margin-left:auto;font-size:13px;color:#9fb4d0}
.sx-mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sx-mods span{text-align:center;font-size:13.5px;padding:10px 8px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#ffffff}
.sx-out{border-radius:20px;background:#ffffff;padding:18px 20px;display:grid;gap:4px}
.sx-out b{font-family:var(--body);font-weight:600;font-size:1.4rem;color:var(--ink)}
.sx-out span{font-size:14.5px;color:var(--ink2)}
@media (max-width:900px){.sx-hub{grid-template-columns:minmax(0,1fr)}.sx-arr{transform:rotate(90deg);justify-self:center}.sx-apart ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.sx-mods{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mk-cal .g{grid-template-columns:repeat(7,16px);gap:4px}
.mk-cal i{border-radius:4px}
.pr-f .lab{align-self:end}
.pr-f>p{align-self:start}
.mk-cal .leg b{margin-right:4px}
.pr-caps{padding:6px 0 clamp(26px,3vw,36px);border-bottom:1px solid var(--line)}
.pr-caps .lab{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.caps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.caps article{border-radius:22px;background:var(--soft);padding:18px 18px 20px;display:grid;gap:6px;align-content:start}
.caps b{color:var(--ink);font-weight:600;font-size:1.02rem}
.caps p{font-size:14px;line-height:1.5}
@media (max-width:1000px){.caps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.caps{grid-template-columns:minmax(0,1fr)}}
.empower .nums b{font-size:clamp(2.4rem,5vw,4.6rem)}
.empower .nums .n>span{max-width:24ch;margin-inline:auto;line-height:1.4}
.empower .brands-h{text-align:center;margin-top:40px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8f9bb0}
.empower .brands{text-align:center;margin-top:12px;font-family:var(--body);font-weight:500;font-size:clamp(1rem,1.6vw,1.25rem);letter-spacing:.02em;color:#c3ccd9}
/* panel titles on dark backgrounds stay white (the page-wide ink colour was winning) */
.corp .spanel .sp-t,.corp .spanel h3{color:#ffffff}
.corp .spanel{min-height:0}
/* two founders */
.founders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,48px)}
.fd{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}
.fd .f-card{max-width:none;aspect-ratio:4/5}
.fd .f-pts{margin:0;grid-template-columns:minmax(0,1fr);gap:10px}
.fd .f-pts li{padding:16px 18px}
.fd .f-pts b{font-size:1.25rem}
.f-card.mono{background:radial-gradient(80% 70% at 30% 20%,#3b4a66 0%,#1b2436 60%,#0f1526 100%)}
.f-card.mono i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-family:var(--head);font-weight:500;font-size:clamp(3rem,6vw,5rem);letter-spacing:.04em;background:var(--silver-text);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:1100px){.founders{grid-template-columns:minmax(0,1fr)}.fd{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media (max-width:560px){.fd{grid-template-columns:minmax(0,1fr)}.fd .f-card{max-width:340px}}

/* black sections: the platform, how we start, the suite and the closing */
.c-sec.black{background:#05070d;color:#aeb7c6}
.corp .black h2,.corp .black h3{color:#ffffff}
.corp .black .c-eye,.corp .black .eyebrow{color:#9fb4d0}
.corp .black .c-head p,.corp .black .shead p{color:#aeb7c6}
.black .sx-apart{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.black .sx-apart li{background:rgba(255,255,255,.05);color:#7d8696;text-decoration-color:rgba(255,255,255,.35)}
.black .sx-arr{color:#ffffff}
.black .sx-one{border:1px solid rgba(255,255,255,.12)}
.black .c-steps li{border-color:rgba(255,255,255,.12)}
.black .c-steps .when{background:#ffffff;color:#0b1220}
.black .c-steps p{color:#aeb7c6}
.black .c-guar{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#c3ccd9}
.black .c-guar b{color:#ffffff}
.corp #suite.black{background:#05070d}
.corp .black .stabs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.corp .black .stabs button{color:#c3ccd9}
.corp .black .stabs button[aria-pressed="true"]{background:#ffffff;color:#0b1220}
.corp .black .slist button{color:#e9ecf0}
.corp .black .slist button[aria-pressed="true"]{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#ffffff}
.corp .black .slist .dot{border-color:#5c7aa6;background:radial-gradient(circle at 50% 50%,#9fb4d0 0 7px,transparent 8px)}
.corp .black .slist .btn{background:#ffffff;color:#0b1220}
.corp .black .spanel{border:1px solid rgba(255,255,255,.12)}
.c-closing .c-close{background:none;padding:0;border-radius:0;overflow:visible}
.c-closing .wave{display:none}
.film-box img{width:100%;height:100%;object-fit:cover;display:block}
.c-closing .film-box{aspect-ratio:5/4;border-radius:28px;border-color:rgba(255,255,255,.12)}

/* film copy: cinematic title, spaced caption, outlined buttons like the menu */
.film .copy h1{font-family:var(--head);font-weight:300;font-size:clamp(3.2rem,7.4vw,7.2rem);line-height:.98;letter-spacing:-.035em}
.film .copy h1 .silver{font-style:italic;font-weight:300}
.film .copy p{font-size:clamp(.78rem,.95vw,.92rem);text-transform:uppercase;letter-spacing:.24em;line-height:1.9;color:rgba(255,255,255,.74);max-width:56ch;margin-top:22px}
.film .copy .row{gap:14px;margin-top:30px}
.film .copy .btn{height:46px;padding:0 26px;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:600}
.film .copy .btn.solid{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.film .copy .btn.glass{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.45);border-radius:0;padding:0 2px;height:46px;color:rgba(255,255,255,.85)}
.film .copy .btn:hover{transform:none;opacity:.85}

/* film title on two lines */
.film .copy{max-width:min(1000px,92vw)}
.film .copy p{max-width:58ch}

/* problem numbers: large and light, like the film title */
.pr-p .n{font-family:var(--head);font-weight:300;font-size:clamp(2rem,3vw,2.8rem);line-height:1;color:#9aa6b8;padding-top:0}
.pr-p{grid-template-columns:72px minmax(0,1fr)}

/* constellation: what Starlette does, around the star */
.cst{position:relative;height:640px;margin:10px 0 40px}
.cst-lines{position:absolute;inset:0;width:100%;height:100%}
.cst-lines line{stroke:rgba(159,180,208,.28);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 5}
.cst-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;text-align:center;width:220px}
.cst-core .mark{width:96px;height:96px;filter:drop-shadow(0 0 28px rgba(127,178,255,.45))}
.cst-core b{font-family:var(--head);font-weight:400;font-size:1.6rem;color:#ffffff;letter-spacing:-.01em}
.cst-core small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9fb4d0;line-height:1.6}
.cst-n{position:absolute;display:flex;gap:12px;align-items:flex-start;width:240px}
.cst-n i{flex:none;width:12px;height:12px;border-radius:50%;margin-top:5px;background:#ffffff;box-shadow:0 0 0 5px rgba(159,180,208,.16),0 0 18px rgba(159,180,208,.9);animation:twinkle 3.2s ease-in-out infinite}
.cst-n:nth-child(odd) i{animation-delay:1.1s}
.cst-n b{display:block;color:#ffffff;font-weight:600;font-size:1rem}
.cst-n small{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:#aeb7c6}
.cst-n.s-r{transform:translate(-6px,-50%)}
.cst-n.s-l{transform:translate(calc(-100% + 6px),-50%);flex-direction:row-reverse;text-align:right}
.cst-n.s-c{transform:translate(-50%,-50%);flex-direction:column;align-items:center;text-align:center}
.cst-n.s-c i{margin-top:0}
@keyframes twinkle{50%{box-shadow:0 0 0 8px rgba(159,180,208,.08),0 0 26px rgba(159,180,208,1)}}
.sx-sub{text-align:center;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#9fb4d0;margin-bottom:22px}
@media (max-width:1100px){.cst-n{width:190px}.cst-n small{display:none}}
@media (max-width:820px){.cst{height:auto;display:grid;gap:16px;margin-bottom:30px}.cst-lines{display:none}.cst-core{position:relative;left:auto;top:auto;transform:none;width:auto;margin-bottom:10px}
.cst-n,.cst-n.s-r,.cst-n.s-l,.cst-n.s-c{position:relative;left:auto!important;top:auto!important;transform:none;width:auto;flex-direction:row;text-align:left;align-items:flex-start}
.cst-n small{display:block}}
@media (prefers-reduced-motion:reduce){.cst-n i{animation:none}}
.film .copy{width:min(1000px,calc(100% - 40px))}

/* problem 01: Dollars, not likes */
.pr-row.first{border-bottom:0;padding-bottom:10px}
.pr-fix1 .lab{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.pr-fix1 p{font-family:var(--body);font-weight:600;font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.35;color:var(--ink)}
.dnl{border-radius:36px;background:var(--soft);border:1px solid var(--line);padding:clamp(22px,3.4vw,44px);margin-bottom:clamp(22px,3vw,34px)}
.dnl-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:end;margin-bottom:28px}
.dnl-eye{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:#ffffff}
.dnl-eye i{width:7px;height:7px;border-radius:50%;background:#2f9e6b}
.dnl-head h3{font-size:clamp(2.2rem,4.4vw,3.6rem);font-weight:600;letter-spacing:-.035em;margin-top:14px;line-height:1.02}
.dnl-head p{font-size:15.5px;line-height:1.6}
.dnl-flow{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1.15fr) 36px minmax(0,1fr);gap:10px;align-items:stretch}
.dnl .arr{align-self:center;text-align:center;font-size:24px;color:var(--blue)}
.dnl .dst{display:grid;gap:12px;min-width:0;align-content:start}
.dnl .k{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.dnl .k b{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--ink);color:#ffffff;font-size:12px;letter-spacing:0}
.seen{list-style:none;margin:0;padding:0;display:grid;gap:8px;align-content:start}
.seen li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff;border:1px solid var(--line);color:var(--ink);font-weight:500;font-size:14.5px}
.seen .ic{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eef2f8}
.seen svg{width:18px;height:18px;fill:none;stroke:#1b2a5c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.seen li i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#5c7aa6;animation:twinkle2 2.6s ease-in-out infinite}
.seen li:nth-child(2) i{animation-delay:.5s}.seen li:nth-child(3) i{animation-delay:1s}.seen li:nth-child(4) i{animation-delay:1.5s}.seen li:nth-child(5) i{animation-delay:2s}
@keyframes twinkle2{50%{opacity:.25}}
.engine{border-radius:26px;padding:18px 18px 20px;background:radial-gradient(80% 70% at 50% 30%,#22305a 0%,#0e1430 60%,#070a18 100%);display:grid;justify-items:center;gap:6px;text-align:center;color:#aeb7c6}
.orb{position:relative;width:100%;max-width:300px;aspect-ratio:1.25;margin-bottom:4px}
.ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed rgba(159,180,208,.3);transform:translate(-50%,-50%)}
.r1{width:72%;aspect-ratio:1}.r2{width:46%;aspect-ratio:1;border-style:solid;border-color:rgba(159,180,208,.18)}
.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#3b5f9e,#1b2a5c);box-shadow:0 0 40px rgba(127,178,255,.35)}
.core .mark{width:46px;height:46px}
.tg{position:absolute;white-space:nowrap;font-size:11.5px;font-style:italic;color:#e9ecf0;padding:5px 11px;border-radius:99px;background:rgba(11,18,32,.85);border:1px solid rgba(159,180,208,.3)}
.tg-t{left:50%;top:2%;transform:translateX(-50%)}.tg-b{left:50%;bottom:2%;transform:translateX(-50%)}
.tg-l{left:0;top:50%;transform:translateY(-50%)}.tg-r{right:0;top:50%;transform:translateY(-50%)}
.en-t{font-family:var(--body);font-weight:600;font-size:1.3rem;color:#ffffff}
.engine small{font-size:13px}
.chain{display:flex;align-items:center;gap:6px;margin-top:8px}
.chain span{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:99px;border:1px solid rgba(159,180,208,.3);color:#c3ccd9}
.chain span.on{border-color:#9fb4d0;color:#ffffff;background:rgba(159,180,208,.12)}
.chain i{width:10px;height:1px;background:rgba(159,180,208,.4)}
.chs{display:flex;flex-wrap:wrap;gap:6px}
.chs span{font-size:13px;font-weight:500;padding:7px 12px;border-radius:99px;background:#ffffff;border:1px solid var(--line);color:var(--ink)}
.rev{border-radius:22px;background:#ffffff;border:1px solid var(--line);padding:18px;display:grid;gap:10px;align-content:start}
.rev small{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6f7782}
.rev>b{font-family:var(--body);font-weight:700;font-size:2.6rem;line-height:1;color:#1f6b45;display:flex;align-items:center;gap:10px}
.rev>b i{font-style:normal;font-size:1rem;color:#2f9e6b}
.kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kp div{border:1px solid var(--line);border-radius:14px;padding:10px 8px;display:grid;justify-items:center;gap:4px;font-size:12px;color:var(--ink)}
.kp i{font-style:normal;font-size:10px;color:#2f9e6b}
.kp u{display:block;width:100%;height:4px;border-radius:99px;background:linear-gradient(90deg,#2f9e6b var(--w),#e6e9ee var(--w))}
.rev p{font-size:12.5px;color:#6f7782}
.dnl-foot{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:grid;justify-items:center;gap:6px;text-align:center;font-size:14px}
.dnl-foot b{font-family:var(--body);font-weight:600;font-size:clamp(1.1rem,1.8vw,1.4rem);color:var(--ink)}
@media (max-width:1100px){.dnl-flow{grid-template-columns:minmax(0,1fr)}.dnl .arr{transform:rotate(90deg)}.dnl-head{grid-template-columns:minmax(0,1fr)}.orb{max-width:320px}}
@media (max-width:420px){.tg{font-size:10.5px;padding:4px 8px}}
@media (prefers-reduced-motion:reduce){.seen li i{animation:none}}
.chs{align-items:flex-start}
.pr{grid-template-columns:minmax(0,1fr)}
.chain{flex-wrap:wrap;justify-content:center}
.mk-cal .kinds{display:flex;flex-wrap:wrap;gap:5px}
.mk-cal .kinds>span{font-size:11.5px;padding:4px 9px;border-radius:99px;background:#eef2f8;color:#1b2a5c;font-weight:500}
/* the star sits exactly where the lines meet; name and caption hang below it */
@media (min-width:821px){
.cst-core{width:120px;height:120px;display:block}
.cst-core::before{content:"";position:absolute;inset:-46px;border-radius:50%;background:radial-gradient(circle,rgba(127,178,255,.22) 0%,rgba(127,178,255,0) 68%)}
.cst-core .mark{position:relative;width:120px;height:120px}
.cst-core b{position:absolute;left:50%;top:calc(100% + 14px);transform:translateX(-50%);white-space:nowrap}
.cst-core small{position:absolute;left:50%;top:calc(100% + 54px);transform:translateX(-50%);width:260px}
}
/* constellation v2: dots on the exact line ends, text aligned to each dot */
@media (min-width:821px){
.cst{height:740px}
.cst-n{position:absolute;width:0;height:0;display:block;transform:none!important}
.cst-n i{position:absolute;left:-6px;top:-6px;margin:0}
.cst-n .tx{position:absolute;width:250px}
.cst-n.p-r .tx{left:22px;top:-12px;text-align:left}
.cst-n.p-l .tx{right:22px;top:-12px;text-align:right}
.cst-n.p-t .tx{left:-125px;bottom:22px;text-align:center}
.cst-n.p-b .tx{left:-125px;top:22px;text-align:center}
.cst-n small{display:block}
}
@media (min-width:821px) and (max-width:1100px){.cst-n .tx{width:200px}.cst-n.p-t .tx,.cst-n.p-b .tx{left:-100px}.cst-n small{display:none}}
@media (max-width:820px){.cst-n{display:flex;gap:12px}.cst-n i{position:static;flex:none;margin-top:5px}.cst-n .tx{position:static;width:auto;text-align:left}}

/* film exit: black space with many twinkling stars (two layers that fade in and out of step) */
.film .apron{background:linear-gradient(180deg,#12151b 0%,#05070d 3%,#020308 100%)!important;overflow:hidden}
.film .apron::before,.film .apron::after{content:"";position:absolute;inset:0;pointer-events:none}
.film .apron::before{background:radial-gradient(1.5px 1.5px at 32.4% 15.8%,rgba(255,255,255,0.49) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 53.6% 36.8%,rgba(255,255,255,0.70) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 3.7% 43.5%,rgba(255,255,255,0.50) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 42.5% 82.0%,rgba(255,255,255,0.56) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 62.7% 93.9%,rgba(255,255,255,0.65) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 97.6% 5.6%,rgba(255,255,255,0.59) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 14.4% 12.5%,rgba(255,255,255,0.86) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 18.1% 58.0%,rgba(255,255,255,0.64) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 54.8% 7.2%,rgba(255,255,255,0.55) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 68.0% 42.9%,rgba(255,255,255,0.74) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 45.3% 30.4%,rgba(255,255,255,0.80) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 24.4% 57.3%,rgba(255,255,255,0.89) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 72.9% 29.2%,rgba(255,255,255,0.51) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 41.8% 75.2%,rgba(255,255,255,0.69) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 3.9% 66.5%,rgba(255,255,255,0.74) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 87.5% 31.7%,rgba(255,255,255,0.75) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 58.0% 45.7%,rgba(255,255,255,0.92) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 47.4% 66.1%,rgba(255,255,255,0.80) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 64.7% 98.3%,rgba(255,255,255,0.59) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 38.6% 66.5%,rgba(255,255,255,0.68) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 16.8% 12.5%,rgba(255,255,255,0.83) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 12.9% 25.3%,rgba(255,255,255,0.89) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 8.1% 45.0%,rgba(255,255,255,0.89) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 81.9% 85.7%,rgba(255,255,255,0.66) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 35.9% 87.7%,rgba(255,255,255,0.53) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 17.6% 23.7%,rgba(255,255,255,0.69) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 58.9% 26.7%,rgba(255,255,255,0.66) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 36.9% 56.5%,rgba(255,255,255,0.80) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 51.5% 61.5%,rgba(255,255,255,0.48) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 90.0% 77.4%,rgba(255,255,255,0.85) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 39.2% 40.1%,rgba(255,255,255,0.77) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 6.2% 7.6%,rgba(255,255,255,0.53) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 34.0% 6.2%,rgba(255,255,255,0.53) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 10.1% 36.6%,rgba(255,255,255,0.89) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 61.4% 15.6%,rgba(255,255,255,0.62) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 36.4% 13.0%,rgba(255,255,255,0.95) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 46.6% 48.4%,rgba(255,255,255,0.50) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 34.3% 26.9%,rgba(255,255,255,0.53) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 2.3% 94.2%,rgba(255,255,255,0.52) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 54.3% 3.7%,rgba(255,255,255,0.94) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 86.3% 69.2%,rgba(255,255,255,0.63) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 16.7% 76.6%,rgba(255,255,255,0.84) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 33.0% 22.9%,rgba(255,255,255,0.94) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 85.3% 80.0%,rgba(255,255,255,0.82) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 22.7% 51.7%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 2.8% 28.4%,rgba(255,255,255,0.80) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 95.7% 44.8%,rgba(255,255,255,0.94) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 95.5% 36.7%,rgba(255,255,255,0.56) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 19.7% 21.0%,rgba(255,255,255,0.90) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 84.0% 48.0%,rgba(255,255,255,0.85) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 8.5% 65.7%,rgba(255,255,255,0.84) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 75.0% 47.8%,rgba(255,255,255,0.84) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 33.3% 79.5%,rgba(255,255,255,0.65) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 40.1% 93.8%,rgba(255,255,255,0.54) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 12.7% 15.8%,rgba(255,255,255,0.85) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 14.6% 82.0%,rgba(255,255,255,0.78) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 35.0% 54.8%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 97.1% 64.7%,rgba(255,255,255,0.92) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 43.4% 86.4%,rgba(255,255,255,0.56) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 25.2% 29.7%,rgba(255,255,255,0.74) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 25.9% 42.1%,rgba(255,255,255,0.91) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 35.4% 45.9%,rgba(255,255,255,0.90) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 42.1% 90.9%,rgba(255,255,255,0.72) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 52.4% 2.8%,rgba(255,255,255,0.54) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 0.4% 79.3%,rgba(255,255,255,0.69) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 72.5% 55.5%,rgba(255,255,255,0.71) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 55.5% 77.9%,rgba(255,255,255,0.73) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 24.8% 28.1%,rgba(255,255,255,0.70) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 56.2% 75.5%,rgba(255,255,255,0.67) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 61.3% 50.5%,rgba(255,255,255,0.80) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 45.2% 53.3%,rgba(255,255,255,0.92) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 69.9% 86.9%,rgba(255,255,255,0.58) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 56.0% 93.4%,rgba(255,255,255,0.52) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 12.2% 44.3%,rgba(255,255,255,0.57) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 7.3% 66.6%,rgba(255,255,255,0.90) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 15.4% 71.2%,rgba(255,255,255,0.52) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 88.3% 95.8%,rgba(255,255,255,0.93) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 39.8% 48.8%,rgba(255,255,255,0.87) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 16.1% 43.3%,rgba(255,255,255,0.62) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 19.6% 32.2%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 55.4% 44.2%,rgba(255,255,255,0.62) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 62.4% 51.2%,rgba(255,255,255,0.94) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 78.8% 96.2%,rgba(255,255,255,0.58) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 4.0% 77.3%,rgba(255,255,255,0.51) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 42.2% 90.3%,rgba(255,255,255,0.58) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 14.9% 91.1%,rgba(255,255,255,0.80) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 8.9% 6.6%,rgba(255,255,255,0.66) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 7.2% 93.0%,rgba(255,255,255,0.85) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 8.4% 84.9%,rgba(255,255,255,0.88) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 45.4% 34.2%,rgba(255,255,255,0.91) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 26.8% 13.7%,rgba(255,255,255,0.57) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 10.9% 16.8%,rgba(255,255,255,0.55) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 31.2% 30.9%,rgba(255,255,255,0.59) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 50.0% 18.4%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 25.0% 2.5%,rgba(255,255,255,0.73) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 18.9% 47.5%,rgba(255,255,255,0.50) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 81.9% 43.4%,rgba(255,255,255,0.87) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 39.3% 50.7%,rgba(255,255,255,0.94) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 34.3% 82.6%,rgba(255,255,255,0.77) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 40.5% 35.1%,rgba(255,255,255,0.51) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 7.1% 73.6%,rgba(255,255,255,0.53) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 8.4% 83.4%,rgba(255,255,255,0.79) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 28.2% 24.7%,rgba(255,255,255,0.68) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 15.8% 44.7%,rgba(255,255,255,0.93) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 97.3% 54.6%,rgba(255,255,255,0.93) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 31.0% 35.9%,rgba(255,255,255,0.64) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 47.5% 50.3%,rgba(255,255,255,0.70) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 0.5% 26.9%,rgba(255,255,255,0.65) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 4.2% 3.2%,rgba(255,255,255,0.57) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 58.6% 52.9%,rgba(255,255,255,0.78) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 71.6% 87.2%,rgba(255,255,255,0.61) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 98.5% 15.6%,rgba(255,255,255,0.77) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 4.4% 82.9%,rgba(255,255,255,0.76) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 73.4% 80.6%,rgba(255,255,255,0.71) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 50.4% 82.8%,rgba(255,255,255,0.86) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 58.4% 88.5%,rgba(255,255,255,0.80) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 23.0% 4.1%,rgba(255,255,255,0.63) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 10.5% 82.9%,rgba(255,255,255,0.76) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 62.6% 67.7%,rgba(255,255,255,0.45) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 79.8% 74.3%,rgba(255,255,255,0.72) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 65.9% 7.5%,rgba(255,255,255,0.58) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 7.4% 27.0%,rgba(255,255,255,0.55) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 74.0% 96.6%,rgba(255,255,255,0.64) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 47.9% 68.0%,rgba(255,255,255,0.76) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 64.3% 8.6%,rgba(255,255,255,0.58) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 74.3% 30.8%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 6.1% 27.3%,rgba(255,255,255,0.80) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 67.6% 29.5%,rgba(255,255,255,0.68) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 46.6% 12.6%,rgba(255,255,255,0.55) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 97.8% 92.8%,rgba(255,255,255,0.68) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 82.0% 95.9%,rgba(255,255,255,0.58) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 21.0% 93.7%,rgba(255,255,255,0.74) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 14.2% 52.4%,rgba(255,255,255,0.52) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 82.0% 50.9%,rgba(255,255,255,0.80) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 23.1% 89.0%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 0.4% 49.2%,rgba(255,255,255,0.60) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 14.1% 34.7%,rgba(255,255,255,0.87) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 0.2% 74.6%,rgba(255,255,255,0.51) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 92.6% 70.9%,rgba(255,255,255,0.59) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 37.2% 39.5%,rgba(255,255,255,0.74) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 36.1% 42.9%,rgba(255,255,255,0.47) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 10.2% 82.8%,rgba(255,255,255,0.92) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 24.9% 27.0%,rgba(255,255,255,0.54) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 37.3% 94.7%,rgba(255,255,255,0.86) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 63.1% 90.5%,rgba(255,255,255,0.72) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 72.0% 5.8%,rgba(255,255,255,0.68) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 75.3% 64.2%,rgba(255,255,255,0.47) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 92.7% 13.5%,rgba(255,255,255,0.62) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 29.8% 73.4%,rgba(255,255,255,0.58) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 65.6% 30.5%,rgba(255,255,255,0.65) 50%,transparent 100%),radial-gradient(8.4px 8.4px at 18.7% 19.5%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(8.5px 8.5px at 88.2% 49.7%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(9.1px 9.1px at 88.2% 94.7%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(8.1px 8.1px at 16.1% 22.3%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(8.5px 8.5px at 35.1% 13.2%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(10.5px 10.5px at 27.3% 56.3%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(9.0px 9.0px at 73.5% 42.2%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(8.8px 8.8px at 52.3% 38.9%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%);animation:starsA 4.2s ease-in-out infinite alternate}
.film .apron::after{background:radial-gradient(2.0px 2.0px at 6.2% 28.2%,rgba(255,255,255,0.42) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 50.3% 62.7%,rgba(255,255,255,0.47) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 27.1% 25.3%,rgba(255,255,255,0.60) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 95.4% 84.2%,rgba(255,255,255,0.36) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 3.2% 70.5%,rgba(255,255,255,0.61) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 58.7% 1.0%,rgba(255,255,255,0.86) 50%,transparent 100%),radial-gradient(2.0px 2.0px at 82.6% 84.8%,rgba(255,255,255,0.49) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 10.9% 16.1%,rgba(255,255,255,0.73) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 94.1% 71.7%,rgba(255,255,255,0.77) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 45.7% 55.0%,rgba(255,255,255,0.78) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 23.3% 91.2%,rgba(255,255,255,0.52) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 12.8% 25.7%,rgba(255,255,255,0.73) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 11.2% 7.9%,rgba(255,255,255,0.67) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 38.8% 22.9%,rgba(255,255,255,0.36) 50%,transparent 100%),radial-gradient(2.0px 2.0px at 30.2% 46.1%,rgba(255,255,255,0.70) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 88.4% 47.6%,rgba(255,255,255,0.49) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 96.1% 70.1%,rgba(255,255,255,0.36) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 49.8% 67.1%,rgba(255,255,255,0.49) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 66.7% 91.7%,rgba(255,255,255,0.37) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 33.8% 42.2%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 79.7% 73.4%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.8px 1.8px at 97.0% 31.5%,rgba(255,255,255,0.48) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 22.1% 75.5%,rgba(255,255,255,0.87) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 49.6% 19.4%,rgba(255,255,255,0.58) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 66.5% 94.0%,rgba(255,255,255,0.57) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 21.3% 96.5%,rgba(255,255,255,0.38) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 6.0% 39.5%,rgba(255,255,255,0.84) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 73.3% 98.8%,rgba(255,255,255,0.53) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 18.6% 92.7%,rgba(255,255,255,0.37) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 66.4% 38.1%,rgba(255,255,255,0.53) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 16.9% 1.3%,rgba(255,255,255,0.54) 50%,transparent 100%),radial-gradient(2.0px 2.0px at 95.6% 13.1%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.8px 1.8px at 35.7% 81.5%,rgba(255,255,255,0.59) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 4.9% 47.4%,rgba(255,255,255,0.86) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 19.3% 36.7%,rgba(255,255,255,0.37) 50%,transparent 100%),radial-gradient(1.8px 1.8px at 41.1% 80.6%,rgba(255,255,255,0.37) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 3.5% 7.1%,rgba(255,255,255,0.49) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 74.7% 89.1%,rgba(255,255,255,0.50) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 95.8% 61.5%,rgba(255,255,255,0.74) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 31.6% 28.0%,rgba(255,255,255,0.77) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 91.6% 63.1%,rgba(255,255,255,0.36) 50%,transparent 100%),radial-gradient(2.0px 2.0px at 23.4% 47.6%,rgba(255,255,255,0.87) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 38.7% 25.6%,rgba(255,255,255,0.62) 50%,transparent 100%),radial-gradient(1.8px 1.8px at 92.8% 18.9%,rgba(255,255,255,0.76) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 82.3% 76.7%,rgba(255,255,255,0.53) 50%,transparent 100%),radial-gradient(1.8px 1.8px at 32.0% 36.5%,rgba(255,255,255,0.39) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 19.7% 74.8%,rgba(255,255,255,0.39) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 3.4% 55.2%,rgba(255,255,255,0.89) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 88.3% 97.8%,rgba(255,255,255,0.40) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 9.6% 49.9%,rgba(255,255,255,0.60) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 23.4% 41.9%,rgba(255,255,255,0.72) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 74.8% 84.0%,rgba(255,255,255,0.42) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 84.1% 29.8%,rgba(255,255,255,0.56) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 73.8% 20.5%,rgba(255,255,255,0.48) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 15.3% 87.6%,rgba(255,255,255,0.53) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 39.6% 98.3%,rgba(255,255,255,0.48) 50%,transparent 100%),radial-gradient(2.0px 2.0px at 80.8% 65.0%,rgba(255,255,255,0.41) 50%,transparent 100%),radial-gradient(1.8px 1.8px at 47.5% 81.3%,rgba(255,255,255,0.85) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 4.0% 29.8%,rgba(255,255,255,0.45) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 97.3% 58.2%,rgba(255,255,255,0.55) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 86.6% 45.0%,rgba(255,255,255,0.78) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 94.6% 11.4%,rgba(255,255,255,0.69) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 21.8% 37.1%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 25.5% 59.7%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 1.1% 33.1%,rgba(255,255,255,0.45) 50%,transparent 100%),radial-gradient(1.8px 1.8px at 31.2% 20.9%,rgba(255,255,255,0.65) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 6.3% 10.9%,rgba(255,255,255,0.65) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 63.9% 9.9%,rgba(255,255,255,0.73) 50%,transparent 100%),radial-gradient(1.3px 1.3px at 41.0% 28.8%,rgba(255,255,255,0.87) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 31.2% 56.5%,rgba(255,255,255,0.58) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 86.4% 98.7%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 72.8% 21.0%,rgba(255,255,255,0.85) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 42.4% 81.4%,rgba(255,255,255,0.84) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 46.1% 16.9%,rgba(255,255,255,0.65) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 64.1% 90.2%,rgba(255,255,255,0.69) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 37.1% 50.4%,rgba(255,255,255,0.51) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 52.1% 91.7%,rgba(255,255,255,0.62) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 80.5% 95.8%,rgba(255,255,255,0.42) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 94.3% 96.6%,rgba(255,255,255,0.38) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 92.6% 39.0%,rgba(255,255,255,0.69) 50%,transparent 100%),radial-gradient(1.8px 1.8px at 82.5% 16.7%,rgba(255,255,255,0.47) 50%,transparent 100%),radial-gradient(1.8px 1.8px at 40.4% 83.9%,rgba(255,255,255,0.45) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 21.8% 40.2%,rgba(255,255,255,0.56) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 12.3% 25.2%,rgba(255,255,255,0.84) 50%,transparent 100%),radial-gradient(1.8px 1.8px at 4.1% 56.1%,rgba(255,255,255,0.37) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 83.8% 12.5%,rgba(255,255,255,0.65) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 62.7% 31.0%,rgba(255,255,255,0.67) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 42.6% 65.6%,rgba(255,255,255,0.59) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 2.3% 61.7%,rgba(255,255,255,0.48) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 76.4% 77.4%,rgba(255,255,255,0.45) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 47.3% 11.5%,rgba(255,255,255,0.59) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 9.2% 44.3%,rgba(255,255,255,0.37) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 63.6% 9.1%,rgba(255,255,255,0.78) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 51.1% 6.3%,rgba(255,255,255,0.56) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 95.1% 14.3%,rgba(255,255,255,0.90) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 73.2% 80.9%,rgba(255,255,255,0.89) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 49.2% 94.8%,rgba(255,255,255,0.44) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 78.8% 92.2%,rgba(255,255,255,0.54) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 75.6% 16.6%,rgba(255,255,255,0.50) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 81.6% 15.1%,rgba(255,255,255,0.86) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 20.8% 26.8%,rgba(255,255,255,0.53) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 3.7% 18.8%,rgba(255,255,255,0.87) 50%,transparent 100%),radial-gradient(1.2px 1.2px at 68.0% 88.8%,rgba(255,255,255,0.78) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 11.5% 53.0%,rgba(255,255,255,0.55) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 87.3% 55.4%,rgba(255,255,255,0.84) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 10.5% 98.3%,rgba(255,255,255,0.57) 50%,transparent 100%),radial-gradient(2.0px 2.0px at 79.8% 26.9%,rgba(255,255,255,0.67) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 36.0% 75.9%,rgba(255,255,255,0.45) 50%,transparent 100%),radial-gradient(1.8px 1.8px at 74.4% 5.7%,rgba(255,255,255,0.49) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 63.9% 97.4%,rgba(255,255,255,0.72) 50%,transparent 100%),radial-gradient(1.0px 1.0px at 31.3% 1.2%,rgba(255,255,255,0.43) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 61.6% 43.4%,rgba(255,255,255,0.84) 50%,transparent 100%),radial-gradient(1.7px 1.7px at 13.2% 23.3%,rgba(255,255,255,0.36) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 0.3% 35.8%,rgba(255,255,255,0.55) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 22.4% 58.2%,rgba(255,255,255,0.46) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 62.4% 47.5%,rgba(255,255,255,0.87) 50%,transparent 100%),radial-gradient(1.1px 1.1px at 24.4% 15.6%,rgba(255,255,255,0.70) 50%,transparent 100%),radial-gradient(1.4px 1.4px at 87.1% 77.7%,rgba(255,255,255,0.50) 50%,transparent 100%),radial-gradient(1.6px 1.6px at 1.1% 64.2%,rgba(255,255,255,0.54) 50%,transparent 100%),radial-gradient(1.9px 1.9px at 64.6% 44.5%,rgba(255,255,255,0.75) 50%,transparent 100%),radial-gradient(7.9px 7.9px at 26.4% 86.3%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(8.5px 8.5px at 53.0% 41.5%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(7.8px 7.8px at 8.5% 75.1%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(8.2px 8.2px at 54.8% 89.7%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(9.3px 9.3px at 21.8% 59.7%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(8.3px 8.3px at 63.3% 78.2%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(7.9px 7.9px at 32.1% 32.0%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(9.9px 9.9px at 86.6% 75.5%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(10.0px 10.0px at 3.6% 81.0%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%),radial-gradient(9.2px 9.2px at 46.7% 71.8%,rgba(255,255,255,.95) 0,rgba(205,222,255,.55) 18%,rgba(160,190,255,.12) 45%,transparent 70%);animation:starsB 3.1s ease-in-out infinite alternate}
@keyframes starsA{0%{opacity:1}100%{opacity:.35}}
@keyframes starsB{0%{opacity:.3}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.film .apron::before,.film .apron::after{animation:none;opacity:.85}}

/* problem section: more air and square, editorial edges */
.pr-row{padding:clamp(30px,4vw,48px) 0}
.pr-row.first{padding-bottom:clamp(30px,4vw,44px)}
.dnl{border-radius:6px;border:0;background:#f4f5f8;margin-bottom:clamp(30px,4vw,48px)}
.dnl-eye{border-radius:4px}
.seen li,.rev,.chs span,.kp div,.dnl .k b{border-radius:4px}
.engine{border-radius:6px}
.seen .ic{border-radius:4px}
.tg,.chain span{border-radius:3px}
.core{border-radius:10px}
.pr-f{border-radius:6px;background:#f4f5f8}
.pr-row.sx .pr-f{border-radius:6px}
.mk-cal,.mk-bio,.mk-rep,.mk-data .out{border-radius:4px}
.mk-cal i{border-radius:2px}
.mk-cal .kinds>span,.mk-cal .cta,.mk-bio .cta,.mk-chat .lead{border-radius:3px}
.mk-chat span{border-radius:6px}
/* fix cards: real padding, and the "Example" tag inside the card, top right */
.pr-f{padding:clamp(24px,3vw,34px) clamp(24px,3vw,34px) clamp(24px,3vw,34px);gap:10px 28px}
.pr-f .ex{top:12px;right:16px;bottom:auto;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#98a1ae}
.pr-row.sx .pr-f .ex{color:#7d8696}
.pr-f>div{margin-top:10px}
@media (max-width:560px){.pr-f{padding:26px 20px 22px}.pr-f>div{margin-top:4px}}
/* trends radar mock */
.mk-trend{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:4px;padding:14px}
.radar{position:relative;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,#1b2a5c 0 2px,transparent 3px),repeating-radial-gradient(circle,rgba(27,42,92,.16) 0 1px,transparent 1px 12px),#f4f6fa;overflow:hidden;border:1px solid var(--line)}
.radar .sw{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(47,86,179,.35),rgba(47,86,179,0) 22%);animation:sweep 3.2s linear infinite}
.radar .b1,.radar .b2,.radar .b3{position:absolute;width:6px;height:6px;border-radius:50%;background:#2f56b3;box-shadow:0 0 0 3px rgba(47,86,179,.18)}
.radar .b1{left:22%;top:30%}.radar .b2{left:62%;top:22%}.radar .b3{left:54%;top:64%}
@keyframes sweep{to{transform:rotate(360deg)}}
.mk-trend small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6f7782;margin-bottom:6px}
.mk-trend ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mk-trend li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;font-size:12px;color:var(--ink);padding-bottom:6px;border-bottom:1px solid #eef0f3}
.mk-trend li:last-child{border-bottom:0;padding-bottom:0}
.mk-trend li b{font-size:11.5px;color:#1f6b45;font-weight:600}
.mk-trend li em{grid-column:1/-1;justify-self:start;font-style:normal;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:3px;background:#1b1f27;color:#ffffff}
.mk-cal .wkf{font-size:11.5px;font-weight:600;color:#2d4f86}
@media (prefers-reduced-motion:reduce){.radar .sw{animation:none}}
/* profile before / after with real photos */
.mk-ig{display:grid;gap:8px}
.mk-ig .bef{display:flex;gap:8px;align-items:center;font-size:11.5px;color:#8b93a1;padding:8px 10px;background:#ffffff;border:1px dashed rgba(22,28,56,.2);border-radius:4px}
.mk-ig .bef small,.mk-ig .tg2{font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.mk-ig .bef small{color:#b04a3c}
.mk-ig .aft{position:relative;background:#ffffff;border:1px solid var(--line);border-radius:4px;padding:12px;display:grid;gap:8px}
.mk-ig .tg2{position:absolute;top:10px;right:10px;color:#1f6b45}
.mk-ig .hd{display:flex;gap:10px;align-items:center}
.mk-ig .av{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #ffffff,0 0 0 3.5px #c9a35a}
.mk-ig .hd b{display:block;font-size:13px;color:var(--ink)}
.mk-ig .hd span{font-size:11.5px;color:#6f7782}
.mk-ig p{font-size:11.5px;line-height:1.5;color:var(--ink);margin:0}
.mk-ig .cta{display:block;text-align:center;font-size:12px;font-weight:600;padding:7px;border-radius:3px;background:#1b1f27;color:#ffffff}
.mk-ig .gr{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.mk-ig .gr img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
/* "we track everything": a spectacular rising chart instead of a table */
.pr-row.dk .pr-f{background:radial-gradient(90% 90% at 85% 10%,#22305a 0%,#0e1430 60%,#070a18 100%)}
.pr-row.dk .pr-f>p{color:#ffffff}.pr-row.dk .pr-f .lab{color:#9fb4d0}.pr-row.dk .pr-f .ex{color:#7d8696}
.mk-grow{position:relative;height:220px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(159,180,208,.18)}
.mk-grow svg{position:absolute;left:0;right:0;bottom:34px;width:100%;height:150px}
.mk-grow .ln{stroke-dasharray:420;stroke-dashoffset:420;animation:draw 3.6s ease-out infinite;filter:drop-shadow(0 0 6px rgba(127,178,255,.8))}
@keyframes draw{0%{stroke-dashoffset:420}55%,100%{stroke-dashoffset:0}}
.mk-grow .dot{position:absolute;right:6px;top:30px;width:12px;height:12px;border-radius:50%;background:#ffffff;box-shadow:0 0 0 6px rgba(127,178,255,.25),0 0 22px rgba(127,178,255,1);animation:twinkle 1.8s ease-in-out infinite}
.mk-grow .bdg{position:absolute;display:grid;gap:0;padding:6px 10px;border-radius:4px;background:rgba(11,18,32,.75);border:1px solid rgba(159,180,208,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mk-grow .bdg b{font-family:var(--head);font-weight:500;font-size:1.5rem;line-height:1;color:#ffffff;letter-spacing:-.02em}
.mk-grow .bdg>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9fb4d0}
.mk-grow .b1{right:26px;top:48px}.mk-grow .b2{left:42%;top:86px}.mk-grow .b3{left:12px;top:14px}
.mk-grow .b3 b{color:#5fd39a}
.mk-grow .trace{position:absolute;left:10px;right:10px;bottom:8px;display:flex;align-items:center;gap:4px}
.mk-grow .trace>span{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#c3ccd9;white-space:nowrap}
.mk-grow .trace i{flex:1;height:1px;background:linear-gradient(90deg,rgba(159,180,208,.2),rgba(159,180,208,.7))}
@media (prefers-reduced-motion:reduce){.mk-grow .ln{animation:none;stroke-dashoffset:0}.mk-grow .dot{animation:none}}
/* mono logo colour per place */
.cst-core .mark{color:#eef3fb;filter:drop-shadow(0 0 22px rgba(159,180,208,.55))}
.core .mark{color:#ffffff}
.sx-top .mark{color:#e9eef6}
.mk-trend.v2 .big{display:block;font-family:var(--body);font-weight:600;font-size:1.05rem;line-height:1.3;color:var(--ink);margin:2px 0 10px}
.mk-trend.v2 .ups{display:flex;flex-wrap:wrap;gap:6px}
.mk-trend.v2 .ups span{font-size:11.5px;font-weight:600;color:#1f6b45;background:#e7f3ec;padding:3px 8px;border-radius:3px}
/* the radar funnel in the suite */
.funm2{padding:18px 20px;gap:12px;align-content:start}
.fn-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.fn-h b{font-family:var(--body);font-weight:600;font-size:14px;color:var(--ink)}
.fn-h span{font-size:12px;color:#6f7782}
.fn{width:100%;height:150px;display:block}
.fn-lb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.fn-lb div{display:grid;gap:2px;align-content:start}
.fn-lb b{font-size:12.5px;color:var(--ink);font-weight:600}
.fn-lb small{font-size:11px;color:#6f7782;line-height:1.35}
.fn-lb em{font-style:normal;font-size:11px;font-weight:600;color:#1f6b45}
@media (max-width:640px){.fn{height:110px}.fn-lb{grid-template-columns:repeat(2,minmax(0,1fr))}}
.funm2{padding-bottom:40px}
.corp #reels .btn.solid{background:#ffffff;color:#0b1220}
/* founder LinkedIn buttons */
.fd{grid-template-rows:auto auto}
.fd .li{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#ffffff;color:var(--ink);text-decoration:none;font-weight:600;font-size:13.5px}
.fd .li svg{width:16px;height:16px;fill:#0a66c2}
.fd .li:hover{border-color:#0a66c2}
@media (max-width:560px){.fd .li{grid-column:1}}

/* ===== home v9: simple first, depth on demand ===== */
details.more{margin-top:28px;border-top:1px solid var(--line)}
details.more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 0 4px;font-weight:600;font-size:15px;color:var(--ink)}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary span{border:1px solid var(--line);border-radius:999px;padding:12px 22px;background:#ffffff}
details.more>summary i{position:relative;width:34px;height:34px;border-radius:50%;background:var(--ink)}
details.more>summary i::before,details.more>summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;background:#ffffff;transform:translate(-50%,-50%)}
details.more>summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
details.more[open]>summary i::after{transform:translate(-50%,-50%)}
details.more .more-b{padding-top:22px}
details.more.dark{border-color:rgba(255,255,255,.12)}
details.more.dark>summary{color:#ffffff}
details.more.dark>summary span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)}
details.more.dark>summary i{background:#ffffff}
details.more.dark>summary i::before,details.more.dark>summary i::after{background:#0b1220}
.simple3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.simple3 article{border-radius:6px;background:var(--soft);padding:28px 26px;display:grid;gap:10px;align-content:start}
.simple3 .n{font-family:var(--head);font-weight:300;font-size:2.4rem;line-height:1;color:#9aa6b8}
.simple3 h3{font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:600}
.simple3 p{font-size:15.5px}
.std{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,80px);align-items:start}
.std .lead2,.trybox .lead2{font-size:clamp(1rem,1.4vw,1.15rem);margin:16px 0 4px}
.std-list{list-style:none;margin:0;padding:0;display:grid}
.std-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:18px 0;border-top:1px solid var(--line)}
.std-list li:last-child{border-bottom:1px solid var(--line)}
.std-list .ck{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#ffffff;font-size:14px}
.std-list b{font-weight:600;color:var(--ink);font-size:1.08rem}
.std-list p{font-size:14.5px;margin-top:2px}
.diff3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.diff3 article{display:grid;gap:10px;align-content:start}
.diff3 .ph{border-radius:6px;overflow:hidden;aspect-ratio:4/3;margin-bottom:6px}
.diff3 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.diff3 h3{font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:600}
.diff3 p{font-size:15px;color:#c3ccd9}
.vcmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.vc{border-radius:6px;background:var(--soft);padding:28px 26px;display:grid;gap:12px;align-content:start}
.vc h3{font-size:1.15rem;font-weight:600}
.vc .pr{font-family:var(--body);font-weight:600;font-size:clamp(1.5rem,2.4vw,2rem);color:var(--ink);line-height:1.15}
.vc ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.vc li{font-size:14.5px;padding-left:18px;position:relative}
.vc li::before{content:"–";position:absolute;left:0;color:#9aa6b8}
.vc.us{background:#0b1220;color:#c3ccd9}
.vc.us h3,.vc.us .pr{color:#ffffff}
.vc.us li{color:#e9ecf0}.vc.us li::before{content:"✓";color:#5fd39a}
.trybox{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,80px);align-items:center}
.try-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.try-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;background:#ffffff;border:1px solid var(--line);border-radius:6px;padding:18px 20px}
.try-steps .n{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#ffffff;font-weight:600}
.try-steps b{font-weight:600;color:var(--ink)}
.try-steps p{font-size:14.5px}
.try-g{margin-top:22px;font-size:14.5px;padding:16px 20px;border-radius:6px;background:#ffffff;border:1px solid var(--line)}
.try-g b{color:var(--ink)}
@media (max-width:900px){.simple3,.diff3,.vcmp,.std,.trybox{grid-template-columns:minmax(0,1fr)}}

/* ===== home v10 (Marcus's structure) ===== */
.ic2{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#ffffff}
.ic2 svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.g3,.g4{display:grid;gap:14px}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g3 article,.g4 article{border-radius:6px;padding:26px 24px;display:grid;gap:10px;align-content:start}
.g3.light article,.g4.light article{background:var(--soft)}
#solution .g4.light article{background:#ffffff;border:1px solid var(--line)}
.g3 h3,.g4 h3{font-size:1.2rem;font-weight:600;margin-top:6px}
.g3 p,.g4 p{font-size:14.5px}
.g4.dark article{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.g4.dark .ic2{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)}
.g4.dark .ic2 svg{stroke:#e9eef6}
.g4.dark p{color:#c3ccd9}
.plats2{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-radius:6px;background:#ffffff;border:1px solid var(--line)}
.plats2 p{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.plats2 ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:22px}
.plats2 li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink)}
.plats2 svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--ink)}
.how4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:s}
.how4 li{position:relative;padding:26px 24px;border-radius:6px;background:var(--soft);display:grid;gap:8px;align-content:start}
.how4 li:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:44px;width:24px;height:24px;border-radius:50%;background:#ffffff;border:1px solid var(--line);display:grid;place-items:center;font-size:13px;color:var(--ink);z-index:1}
.how4 .n{font-family:var(--head);font-weight:300;font-size:1.6rem;color:#9aa6b8;line-height:1;margin-top:8px}
.how4 h3{font-size:1.2rem;font-weight:600}
.how4 p{font-size:14.5px}
.startbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:30px;border-radius:6px;background:#0b1220;color:#c3ccd9}
.startbar h2{color:#ffffff}
.startbar .c-eye{color:#9fb4d0}
.startbar .meta{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14.5px;color:#dfe5ee}
.startbar .meta li::before{content:"✓ ";color:#5fd39a}
.startbar .c-btn{background:#ffffff;color:#0b1220;margin-top:0}
@media (max-width:1000px){.g4,.how4{grid-template-columns:repeat(2,minmax(0,1fr))}.how4 li::after{display:none}}
@media (max-width:640px){.g3,.g4,.how4{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1000px){.how4 li:not(:last-child)::after{display:none}}

/* pain cards: bright photos with a slow cinemagraph drift, no rule above the expander */
details.more{border-top:0}
.pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pains article{display:grid;gap:10px;align-content:start}
.pimg{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:#eef0f3;margin-bottom:8px}
.pimg img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:50% 40%;animation:drift 16s ease-in-out infinite alternate;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.pains article:nth-child(2) .pimg img{animation-delay:-5s;transform-origin:40% 50%}
.pains article:nth-child(3) .pimg img{animation-delay:-10s;transform-origin:60% 45%}
@keyframes drift{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}
.pimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.35));pointer-events:none;transition:opacity .6s}
.pimg .ic2{position:absolute;left:14px;bottom:14px;z-index:1;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-color:rgba(255,255,255,.9);transition:transform .5s}
.pains article:hover .pimg img{animation-play-state:paused;filter:saturate(1.08) brightness(1.03)}
.pains article:hover .pimg .ic2{transform:translateY(-4px)}
.pains h3{font-size:1.25rem;font-weight:600}
.pains p{font-size:15px}
@media (max-width:900px){.pains{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.pimg img{animation:none}}
/* value cards: own price class (".pr" belongs to the problem list), more air */
.vc{padding:32px 30px;gap:14px}
.vc .vprice{display:block;font-family:var(--body);font-weight:600;font-size:clamp(1.5rem,2.4vw,2rem);color:var(--ink);line-height:1.15;margin:2px 0 6px}
.vc.us .vprice{color:#ffffff}
.vc ul{margin-top:4px;gap:10px}
.vcmp + .fine{margin-top:18px}

/* photo cards for every section: the photo sits inside the box, smaller */
.pcs .pc{border-radius:8px;background:var(--soft);padding:12px;display:grid;gap:0;align-content:start;list-style:none}
#solution .pcs .pc,.how4.pcs .pc{background:#ffffff;border:1px solid var(--line)}
.pcs.dark .pc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.pcs .pimg{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:16/10;margin:0;background:#eef0f3}
.pcs .pimg img{width:100%;height:100%;object-fit:cover;display:block;animation:drift 18s ease-in-out infinite alternate;transition:filter .6s}
.pcs .pc:nth-child(2n) .pimg img{animation-delay:-6s}
.pcs .pc:nth-child(3n) .pimg img{animation-delay:-12s}
.pcs .pimg .ic2{position:absolute;left:10px;bottom:10px;width:40px;height:40px;background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.9);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pcs .pimg .ic2 svg{width:20px;height:20px;stroke:var(--ink)}
.pcs.dark .pimg .ic2 svg{stroke:var(--ink)}
.pcs .pc:hover .pimg img{animation-play-state:paused;filter:saturate(1.08) brightness(1.03)}
.pcs .pc-t{padding:14px 8px 8px;display:grid;gap:6px}
.pcs .pc-t h3{font-size:1.08rem;font-weight:600}
.pcs .pc-t p{font-size:14px;line-height:1.5}
.pcs.dark .pc-t p{color:#c3ccd9}
.how4.pcs .pc{padding:12px}
.how4.pcs .n{font-size:1.2rem;margin-top:0}
.how4.pcs li:not(:last-child)::after{top:calc(12px + 31%)}
.pains,.g3.light{display:none}
/* the glass star stays fully visible under the menu bar */
.film .ly[data-ly="star"] img{transform:translateY(5vh) scale(.88);transform-origin:50% 85%}