/* Shared UNK motion language. Content is visible and motion is paused before JS. */
[data-unk-tone=dark]{--unk-accent:#67c1cd;--unk-ink:#f4f7f6;--unk-muted:#afc0c6;--unk-rule:#67c1cd30;--unk-surface:#67c1cd05;--unk-aura:#39a59923}
[data-unk-tone=light]{--unk-accent:#0c594f;--unk-ink:#0c2836;--unk-muted:#52686c;--unk-rule:#0c594f30;--unk-surface:#0c594f03;--unk-aura:#67c1cd25}
[data-unk-page] .hero,[data-unk-page] .intro{position:relative;isolation:isolate}
.unk-ambient{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;border-radius:inherit}
.unk-ambient i{position:absolute;inset:-20%;background:radial-gradient(ellipse at 35% 52%,var(--unk-aura),transparent 54%),radial-gradient(ellipse at 75% 40%,#67c1cd13,transparent 58%);animation:unk-land-aura 18s ease-in-out infinite alternate paused}
.unk-ambient svg{position:absolute;width:125%;height:125%;inset:-12%;fill:none;stroke:var(--unk-accent);stroke-width:.65;opacity:.18;animation:unk-land-veil 21s ease-in-out infinite alternate paused}
.unk-ambient path+path{opacity:.35}
@keyframes unk-land-aura{to{transform:translate(5%,3%) rotate(4deg) scale(1.08)}}
@keyframes unk-land-veil{to{transform:translate(4%,-3%) rotate(3deg)}}
.unk-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:none;border:0;border-bottom:1px solid var(--unk-rule);padding:7px 0;min-height:44px;color:var(--unk-muted);font:inherit;font-size:12px;cursor:pointer;position:relative;z-index:1;margin-top:15px;align-self:center;order:7}
.unk-motion-toggle[hidden]{display:none}.unk-motion-toggle:hover{color:var(--unk-accent)}.unk-motion-toggle:focus-visible{outline:2px solid var(--unk-accent);outline-offset:5px}
[data-unk-page=sessions] .hero{overflow:hidden}
[data-unk-page=sessions] .hero-copy{max-width:660px;margin-inline:auto}
.unk-offer-art{position:relative;height:62px;margin:0 0 17px;color:var(--session-accent);border-bottom:1px solid var(--line);padding-bottom:10px;flex-shrink:0}
.unk-offer-art svg{display:block;width:100%;height:34px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1}
.route-base{opacity:.25;fill:none;stroke:currentColor;stroke-width:1}
.route-trace{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:10 90;stroke-dashoffset:10;opacity:.7;animation:unk-land-route 5.8s linear infinite paused}
.route-node{fill:var(--session-card-bg,var(--paper,#0c2836));stroke:currentColor;stroke-width:1.2;animation:unk-land-node 5.8s ease-in-out infinite paused}
.route-node-1{animation-delay:1.15s}.route-node-2{animation-delay:2.3s}.route-node-3{animation-delay:3.45s}
.unk-offer-art>span{font-size:11px;line-height:1.4;display:block;color:var(--session-card-muted,var(--muted))}
.contact-cue{position:absolute;right:0;bottom:12px;width:9px;height:7px;border:1px solid currentColor;border-radius:2px;animation:unk-land-contact 5.8s ease-in-out infinite paused}
.contact-cue:after{content:'';position:absolute;bottom:-3px;left:1px;height:3px;border-left:1px solid currentColor;transform:skewY(-35deg)}
@keyframes unk-land-route{to{stroke-dashoffset:-90}}
@keyframes unk-land-node{0%,20%,100%{fill:var(--session-card-bg,var(--paper,#0c2836))}10%{fill:currentColor}}
@keyframes unk-land-contact{0%,65%,100%{opacity:.35;transform:translateY(0)}80%{opacity:1;transform:translateY(-2px)}}
.offer-embedded .unk-offer-art{color:inherit}
.unk-partner-cycle{max-width:410px;margin:24px 0 2px;color:var(--unk-accent)}
.cycle-labels{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--unk-ink)}
.unk-partner-cycle svg{display:block;width:100%;height:42px;fill:none;stroke:currentColor}
.unk-partner-cycle .route-trace{animation-duration:9s}
.unk-partner-cycle p{font-size:11px;line-height:1.5;color:var(--unk-muted);margin:0}
[data-unk-page=growth] .intro .unk-motion-toggle{margin-top:12px}
[data-unk-page=growth] .progress li{position:relative}
[data-unk-page=growth] .progress li::before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--unk-accent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease-out}
[data-unk-page=growth] .progress li.complete::before,[data-unk-page=growth] .progress li[aria-current=step]::before{transform:scaleX(1)}
[data-unk-page=growth] .primary:active{transform:translateY(1px)}
.unk-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.unk-case{display:flex;flex-direction:column;min-width:0;padding:24px 22px;border:1px solid var(--unk-rule);border-radius:16px;background:var(--unk-surface);color:var(--unk-ink)}
.unk-case .case-tag{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--unk-accent);line-height:1.5;margin:0 0 17px}
.unk-case h3{font-size:24px;line-height:1.18;font-weight:400;letter-spacing:-.025em;margin:0 0 23px;min-height:112px;text-wrap:pretty}
.unk-case .case-value{font-size:clamp(32px,3.2vw,46px);font-weight:600;letter-spacing:-.04em;line-height:1.1;color:var(--unk-accent);white-space:nowrap;margin-bottom:6px}
.unk-case .case-value [data-count]{font-variant-numeric:tabular-nums}
.unk-case .case-metric{color:var(--unk-muted);font-size:14px;line-height:1.4;margin:0 0 20px;min-height:40px}
.unk-case .case-story{font-size:16px;line-height:1.5;color:var(--unk-muted);margin:0 0 23px}
.unk-case details{margin-top:auto;border-top:1px solid var(--unk-rule)}
.unk-case summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:13px;min-height:48px;color:var(--unk-accent)}
.unk-case summary::-webkit-details-marker{display:none}.unk-case summary span{display:inline-block;transition:transform .2s}.unk-case details[open] summary span{transform:rotate(45deg)}
.unk-case details p{font-size:15px;line-height:1.5;color:var(--unk-muted);margin:5px 0 13px}.unk-case details a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--unk-accent);text-decoration:underline;text-underline-offset:3px}
.unk-case-note{font-size:12px;line-height:1.5;color:var(--unk-muted);max-width:1030px;margin:20px 0 0}
/* Ambient loops run only while their container is visible, the tab is foreground and motion is enabled. */
.unk-motion-on .unk-in-view .unk-ambient i,.unk-motion-on .unk-in-view .unk-ambient svg,.unk-motion-on .offer.unk-in-view .route-trace,.unk-motion-on .offer.unk-in-view .route-node,.unk-motion-on .offer.unk-in-view .contact-cue,.unk-motion-on .unk-in-view .unk-partner-cycle .route-trace{animation-play-state:running}
@media(max-width:1050px){.unk-cases{grid-template-columns:1fr;gap:12px}.unk-case h3{min-height:0;max-width:700px;font-size:27px;margin-bottom:21px}.unk-case .case-value{font-size:43px}.unk-case .case-metric{min-height:0}.unk-case .case-story{max-width:730px}.unk-offer-art{max-width:380px;width:100%}}
@media(max-width:700px){.unk-cases{margin-top:24px}.unk-case{padding:23px 20px 13px}.unk-case h3{font-size:25px;line-height:1.2;margin-bottom:23px}.unk-case .case-value{font-size:42px}.unk-case .case-tag{font-size:9px;margin-bottom:17px}.unk-case .case-story{font-size:15px;line-height:1.5;margin-bottom:20px}.unk-case .case-metric{font-size:14px;margin-bottom:18px}.unk-case-note{font-size:11px}.unk-motion-toggle{align-self:flex-start;margin-top:12px;font-size:11px}.unk-offer-art{height:58px;margin-bottom:16px}.unk-partner-cycle{margin:19px 0 0;max-width:340px}.cycle-labels{font-size:12px}.unk-partner-cycle svg{height:35px}.unk-partner-cycle p{font-size:10px}[data-unk-page=growth] .intro .unk-motion-toggle{margin-top:5px}}
@media(prefers-reduced-motion:reduce){[data-unk-page] *,[data-unk-page] *::before,[data-unk-page] *::after{animation:none!important;transition:none!important}.unk-motion-toggle{display:none!important}}

/* On mobile the form takes priority over the explanatory cycle. */
@media(max-width:760px){[data-unk-page=growth] .unk-partner-cycle{display:none}}
[data-unk-tone=dark] .route-node{fill:#152f3b}

@media(min-width:1051px){.unk-case h3{min-height:86px}}
body:not(.unk-motion-on) .progress li::before{transition:none}
