.results{padding-top:15px;padding-bottom:65px}.results .sectionhead h2{font-size:clamp(32px,3.8vw,48px)}.simulation{display:inline-block;border:1px solid #b5afe0;color:#4940ab;padding:6px 11px;font-size:10px;letter-spacing:1px;border-radius:30px;margin-bottom:12px}.results .sectionhead p{font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;max-width:1000px;margin:40px auto 0}.metric-circle{position:relative;width:100%;max-width:245px;aspect-ratio:1;margin:auto}.metric-circle svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#d8d8d3;stroke-width:1}.ring-progress{fill:none;stroke:#6060ff;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.metric-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.metric-value{font-weight:400;font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-3px;font-variant-numeric:tabular-nums}.metric-label{font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-top:10px;color:#626262}.metric>p{text-align:center;color:#626262;font-size:13px;line-height:1.5;max-width:220px;margin:15px auto}.metric-note{text-align:center;font-size:11px;color:#777;margin:30px 0 0}.offer-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:950px;margin:20px 0 35px}.offer-intro p{font-size:17px;line-height:1.65;font-weight:300;color:#555;margin:0}.client-group{margin-bottom:45px}.offer-fan{height:440px;position:relative;isolation:isolate;overflow:hidden;touch-action:pan-y;cursor:grab}.fan-orbit{position:absolute;left:50%;top:120px;width:800px;height:800px;border:1px solid #e3e3dd;border-radius:50%;transform:translateX(-50%);z-index:0;pointer-events:none}.fan-card{position:absolute;left:50%;top:20px;width:245px;aspect-ratio:var(--ratio);transform-origin:50% 125%;border-radius:8px;box-shadow:0 18px 38px #19191924;will-change:transform;transition:none;background:#eee;cursor:pointer;overflow:hidden}.fan-card img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;transition:none;border-radius:8px;pointer-events:none}.fan-card:hover img{transform:none}.fan-card[aria-current=true]{cursor:zoom-in}.fan-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:5px;position:relative}.fan-caption{font-size:16px;display:block}.fan-helper{display:block;font-size:11px;color:#777;margin-top:7px}.fan-actions{display:flex;align-items:center;gap:12px}.fan-nav{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:1px solid #bbb;border-radius:50%;cursor:pointer;font-size:18px}.fan-count{font-size:11px;color:#777;min-width:40px;text-align:center}.fan-stop{border:1px solid #bbb;border-radius:30px;background:transparent;color:#555;font-size:10px;padding:10px 13px;cursor:pointer}.fan-stop[aria-pressed=true]{background:#6060ff;color:white;border-color:#6060ff}.dark-stop{color:#bbb;border-color:#555;margin-left:7px}.stack{height:600px;overflow:hidden}.stackcard{transform-origin:50% 120%;transition:none;will-change:transform;top:18px}.stackcard.front,.stackcard.back-left,.stackcard.back-right{filter:none}.stack-controls{flex-wrap:wrap}.work{padding-top:32px;padding-bottom:28px}.workhead{margin-bottom:18px}.stackhint{margin-top:10px}.client-heading{margin-bottom:10px}.filters{margin:25px 0 35px}@media(max-width:1000px){.stack{height:530px}.metric-grid{gap:30px}.offer-fan{height:420px}.fan-card{width:225px}.fan-bottom{align-items:start;flex-direction:column}.fan-actions{align-self:flex-end}.fan-caption{font-size:15px}}@media(max-width:560px){.results{padding-top:5px;padding-bottom:35px}.results .sectionhead{gap:18px}.metric-grid{gap:10px;margin-top:25px}.metric-value{font-size:30px;letter-spacing:-1.5px}.metric-label{font-size:8px;letter-spacing:.4px;margin-top:5px}.metric>p{font-size:10px;line-height:1.5;padding:0 2px}.metric-note{font-size:10px;text-align:left}.results .sectionhead h2{font-size:31px}.offer-intro{grid-template-columns:1fr;gap:16px}.offer-intro p{font-size:16px}.offer-fan{height:365px;margin:0 -6.8%}.fan-card{width:205px;top:20px}.fan-orbit{width:650px;height:650px;top:100px}.fan-bottom{gap:18px}.fan-helper{font-size:10px;max-width:290px;line-height:1.6}.fan-actions{align-self:stretch;justify-content:center;gap:10px}.fan-caption{text-align:center}.fan-helper{text-align:center;margin:auto}.fan-bottom>div:first-child{width:100%}.stack{height:505px}.dark-stop{margin:0}.stack-controls span{min-width:110px}.stackcard{top:12px}.client-heading span{font-size:10px;line-height:1.6}.client-group{margin-bottom:38px}.fan-stop{font-size:9px;padding:10px}.metric-circle{min-width:0}}

header{background:#191919;color:#fff;max-width:none;border-bottom:1px solid #ffffff24;padding-top:22px;padding-bottom:22px}.brand{display:flex;align-items:center}.brand img{display:block;width:160px;height:auto}.nav .pill{border-color:#ffffff70}.nav a:hover{color:#c6c6ff}.foot{background:#191919;color:#bdbdbd;align-items:center;padding-top:30px;padding-bottom:30px}.footer-brand{display:flex;align-items:center;gap:25px}.footer-brand img{display:block;width:125px;height:auto}@media(max-width:560px){.brand img{width:135px}header{padding-top:18px;padding-bottom:18px}.footer-brand{flex-direction:column;align-items:flex-start;gap:14px}.foot{align-items:flex-start;gap:20px}}

.stack-controls .pause{position:static;min-width:80px;margin-right:5px}

.offer-fan{perspective:900px;height:450px;overflow:hidden}.fan-card{width:280px;top:35px;transform-origin:50% 50%;backface-visibility:hidden}.fan-bottom{max-width:760px;margin:0 auto}.fan-customer{display:block;font-size:10px;color:#6060ff;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px}.fan-caption{font-size:18px}.fan-client .client-heading{margin-bottom:0}.stack-controls span{min-width:155px}@media(max-width:560px){.offer-fan{height:390px}.fan-card{width:235px;top:28px}.fan-customer{text-align:center}.stack-controls span{min-width:135px}.stackhint{font-size:10px;line-height:1.6}}



.offer-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:55px;align-items:center}.offer-explanation .sectionhead{display:block;margin-bottom:25px}.offer-explanation .sectionhead h2{font-size:clamp(34px,3.8vw,53px);letter-spacing:-1.6px}.offer-explanation .sectionhead>p{margin-top:24px;max-width:none;font-size:18px;font-weight:300;line-height:1.6;color:#333}.offer-explanation .offer-intro{display:block;margin:0}.offer-explanation .offer-intro p{font-size:16px;line-height:1.7;margin:0 0 18px}.offer-visual{min-width:0}.offer-visual .filters{justify-content:center;margin:0 0 25px;gap:7px}.offer-visual .filter{padding:10px 14px;font-size:11px}.offer-visual .client-heading{display:none}.offer-visual .offer-fan{margin:0 -15px}.offer-visual .fan-bottom{flex-direction:column;align-items:center;text-align:center;gap:18px}.offer-visual .fan-actions{align-self:center}.offer-visual .fan-caption{display:none}.offer-visual .fan-customer{font-size:10px;margin-bottom:10px}.offer-visual .portfolio-note{font-size:10px;text-align:center;max-width:480px;margin:20px auto 0;line-height:1.6}.offer-visual .client-group{margin-bottom:0}@media(max-width:1000px){.offer-layout{gap:25px}.offer-visual .fan-card{width:245px}.offer-visual .offer-fan{height:400px}.offer-explanation .sectionhead h2{font-size:39px}}@media(max-width:800px){.offer-layout{grid-template-columns:1fr;gap:30px}.offer-explanation{grid-row:1}.offer-explanation .sectionhead h2{font-size:43px}.offer-explanation .sectionhead>p{max-width:600px}.offer-visual .offer-fan{height:410px}.offer-visual .fan-card{width:270px}}@media(max-width:560px){.offer-explanation .sectionhead h2{font-size:36px}.offer-explanation .sectionhead>p{font-size:17px}.offer-explanation .offer-intro p{font-size:15px}.offer-visual .offer-fan{height:365px;margin:0 -6.8%}.offer-visual .fan-card{width:235px}.offer-visual .filters{justify-content:flex-start}.offer-visual .fan-actions{gap:8px}.offer-visual .portfolio-note{text-align:left}}

.stack{cursor:grab;user-select:none;touch-action:pan-y pinch-zoom;transform:perspective(1400px) rotateY(var(--hover-tilt,0deg));transition:transform .22s ease}.stack.is-dragging{cursor:grabbing;transition:none}.stackcard,.stackcard video{cursor:inherit;-webkit-user-drag:none}.stackcard video{pointer-events:none}@media(prefers-reduced-motion:reduce){.stack{transform:none;transition:none}}

[hidden]{display:none!important}.fan-bottom{justify-content:center}.fan-actions,.stack-controls{gap:0}.fan-actions .fan-nav,.stack-controls .circle{border-radius:0;border:0;background:transparent}.fan-actions,.stack-controls{width:max-content;margin:12px auto 0;border:1px solid #19191925;border-radius:30px;overflow:hidden}.stack-controls{border-color:#ffffff30;background:#ffffff08}.stack-controls .circle{color:#fff}.stackhint{color:#999;text-align:center}.offer-fan{--card-width:280px}.offer-visual .fan-card{width:var(--card-width);top:50%;margin-top:calc(var(--card-width) / (var(--ratio)) / -2);padding:0;border:0;background:transparent;border-radius:12px}.fan-card img{border-radius:12px}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #ffffff66;border-radius:50%;background:#191919bb;color:#fff;font-size:24px;cursor:pointer}.viewer-prev{left:12px}.viewer-next{right:12px}@media(max-width:1000px){.offer-fan{--card-width:245px}}@media(max-width:800px){.offer-fan{--card-width:270px}}@media(max-width:560px){.offer-fan{--card-width:235px}.viewer-nav{width:40px;height:40px}.viewer-prev{left:4px}.viewer-next{right:4px}}

.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:64px;padding-top:48px;padding-bottom:55px}.hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.02}.hero .intro{max-width:540px;justify-self:start;padding:0;margin-top:28px}.hero .intro p{font-size:18px;line-height:1.55;margin-bottom:25px}.hero-photo{margin:0;min-width:0;align-self:stretch;max-height:600px;border-radius:20px;overflow:hidden}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;min-height:470px}.offer-fan.is-dragging{cursor:grabbing}.offer-fan{user-select:none}.fan-card{-webkit-user-drag:none}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:30px}.hero h1{max-width:700px}.hero-photo{height:430px;max-width:650px}.hero-photo img{min-height:0;object-position:center 55%}}@media(max-width:560px){.hero{padding-top:35px;gap:28px}.hero h1{font-size:clamp(42px,11.5vw,59px)}.hero .intro p{font-size:17px}.hero-photo{height:360px;border-radius:15px}}

/* Shared content edges and stable rows keep the page grid consistent. */
:root{--page-gutter:clamp(24px,5vw,72px);--layout-gap:clamp(30px,4vw,64px)}
.hero,.content{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
header,.foot{padding-left:max(var(--page-gutter),calc((100% - 1296px)/2));padding-right:max(var(--page-gutter),calc((100% - 1296px)/2))}
.hero,.offer-layout,.difference-layout{column-gap:var(--layout-gap)}
.steps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.step{display:grid;grid-template-rows:auto minmax(56px,auto) 1fr;row-gap:16px;align-content:start;min-width:0}
.step h3,.step p{margin:0}.step h3{align-self:start}.step span{line-height:1.5}
.hero>div,.intro,.editorial,.offer-explanation,.difference-copy{min-width:0}
@media(max-width:850px){:root{--page-gutter:6vw}.hero,.content{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}}
@media(max-width:560px){.steps{grid-template-columns:1fr}.step{grid-template-rows:auto auto auto;row-gap:14px}.step h3{margin:0}}

/* Balanced rag, modest tracking and phrase groups; preserve natural word spacing. */
h1,h2,h3{text-wrap:balance;word-spacing:normal;hyphens:none;overflow-wrap:normal}
p{text-wrap:balance;word-spacing:normal;hyphens:none}
.keep-phrase{white-space:nowrap}
.hero h1{font-size:clamp(44px,4.8vw,68px);letter-spacing:-.045em;max-width:100%}
.offer-explanation .sectionhead h2{font-size:clamp(32px,3.5vw,49px);letter-spacing:-.035em}
@media(max-width:850px){.hero h1{font-size:clamp(42px,6.4vw,60px);max-width:740px}}
@media(max-width:560px){.hero h1{font-size:clamp(29px,9.4vw,46px);letter-spacing:-.035em;line-height:1.08}.offer-explanation .sectionhead h2{font-size:clamp(30px,8.5vw,38px)}.sectionhead h2,.contact-block h2{letter-spacing:-.035em}}

.footer-brand .footer-tagline{margin:0;max-width:330px;font-size:12px;line-height:1.5;color:#bdbdbd;transform:translateY(-5px);text-wrap:balance}.footer-tagline strong{display:block;color:#fff;font-size:13px;font-weight:500}.footer-tagline span{display:block}.footer-brand{min-width:0}.foot>span{flex-shrink:0}@media(max-width:560px){.footer-brand .footer-tagline{transform:none;max-width:320px}.foot>span{flex-shrink:1}}

.results .sectionhead{display:block}.results .sectionhead>div{max-width:none}.results .sectionhead p{margin:18px 0 0;max-width:580px;font-size:15px;line-height:1.6;text-wrap:balance}.metric>p{max-width:220px;text-wrap:balance;letter-spacing:-.01em;word-spacing:normal}@media(max-width:560px){.results .sectionhead p{font-size:14px;max-width:100%}.metric>p{max-width:112px;font-size:11px;letter-spacing:0}}

.differences .sectionhead{display:block}.differences .sectionhead p{margin:20px 0 0;max-width:580px;text-wrap:balance}.differences .difference-layout{margin-top:48px}@media(max-width:560px){.differences .difference-layout{margin-top:32px}}

/* UP: dot unfolds into an upright arrow using two small SVG strokes. */
.cta .arrow{position:relative;width:30px;height:30px;border:0;border-radius:0;transform:none;flex-shrink:0}
.cta .cta-dot{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:#fff;border-radius:50%;transition:transform .16s ease,opacity .16s ease}
.cta .arrow svg{position:absolute;inset:3px;width:24px;height:24px;fill:none;stroke:var(--violet);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .22s ease}
.cta .arrow path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .2s ease}
.cta:hover .arrow,.cta:focus-visible .arrow{transform:none}
.cta:hover .cta-dot,.cta:focus-visible .cta-dot{transform:scale(.2);opacity:0}
.cta:hover .arrow svg,.cta:focus-visible .arrow svg{opacity:1;transform:translateY(0)}
.cta:hover .arrow path,.cta:focus-visible .arrow path{stroke-dashoffset:0}
.cta:hover .cta-head,.cta:focus-visible .cta-head{transition-delay:.05s}

/* Each copy block has a responsive measure and balanced, left-aligned lines. */
.hero .intro p{inline-size:100%;max-width:48ch;text-wrap:balance;text-align:left}
.results .sectionhead p,.differences .sectionhead p{inline-size:100%;max-width:58ch;text-wrap:balance;text-align:left}
.offer-explanation p{max-width:48ch;text-wrap:balance;text-align:left}
.difference-copy p{max-width:44ch;text-wrap:balance;text-align:left}
.step p{text-wrap:balance;text-align:left}
@media(max-width:850px){.difference-copy p{max-width:58ch}}
@media(max-width:560px){.hero .intro p,.results .sectionhead p,.differences .sectionhead p,.offer-explanation p,.difference-copy p{max-width:100%}}
