@font-face{font-family:Sora;src:url('/assets/asset-84ff7096ae3e.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:auto}html,body{margin:0;background:#080c15;color:#edf5ff;font-family:Sora,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{overflow-x:clip}main{width:100%}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #8fe6ff;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.preview-why{padding:64px 32px;border-top:1px solid #203451;background:radial-gradient(ellipse at 95% 0,#172e544d,transparent 60%);scroll-margin-top:0;outline:none}.preview-why-inner{max-width:1193px;margin:auto}.preview-eyebrow{margin:0 0 20px;color:#92c5f6;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.preview-why h2{max-width:780px;margin:0;font-size:clamp(29px,4vw,48px);font-weight:500;line-height:1.15;letter-spacing:-1.8px;color:#eff6ff}.preview-why-intro{max-width:640px;margin:22px 0 42px;color:#9caec8;font-size:15px;line-height:1.7}.preview-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.preview-reasons article{padding:28px 26px 30px;border:1px solid #283d5b;border-radius:22px;background:linear-gradient(150deg,#16243980,#0b1422)}.preview-reason-number{color:#9bbfee;font-size:12px;font-variant-numeric:tabular-nums}.preview-reasons h3{margin:34px 0 14px;color:#e5efff;font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.5px}.preview-reasons p{margin:0;color:#9caec8;font-size:13px;line-height:1.8}@media(max-width:700px){.preview-why{padding:54px 20px 58px}.preview-why h2{letter-spacing:-1px;max-width:340px}.preview-why-intro{font-size:14px;margin:20px 0 28px}.preview-reasons{grid-template-columns:1fr;gap:14px}.preview-reasons article{padding:24px}.preview-reasons h3{margin:20px 0 10px}}

.ph-preview-toolbar{position:fixed;inset:0 0 auto;z-index:100;height:40px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#101621;border-bottom:1px solid #2a3447;color:#9badc8;font-size:10px;font-family:Sora,system-ui,sans-serif}.ph-preview-title{font-weight:500;color:#d9e4f6;white-space:nowrap}.ph-preview-title span{font-weight:400;color:#8394ac}.ph-preview-formats{display:flex;gap:3px;align-items:center}.ph-preview-formats button{border:1px solid transparent;background:none;border-radius:7px;display:flex;align-items:center;gap:6px;padding:5px 10px;font:500 10px Sora,system-ui,sans-serif;color:#7f91ac;cursor:pointer}.ph-preview-formats button[aria-pressed=true]{border-color:#314362;background:#1f2e46;color:#edf5ff}.ph-preview-formats svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.ph-home-preview{padding-top:40px}.ph-home{--ph-content-width:1193px}.ph-home[data-home-layout=compact] .ph-home-continuation{max-width:440px;margin-inline:auto}.ph-home-preview[data-preview-device=phone] .ph-home-continuation{max-width:393px}.ph-home[data-home-layout=compact] .preview-reasons{grid-template-columns:1fr}.ph-home[data-home-layout=compact] .preview-why{padding:52px 20px}.ph-home[data-home-layout=compact] .preview-why h2{font-size:30px}.ph-home[data-home-layout=compact] .preview-why-intro{font-size:14px}
.ph-clients{padding:0 0 32px;background:#080c15}.ph-clients-inner{width:min(calc(100% - 64px),var(--ph-content-width,1193px));margin-inline:auto;padding:24px 0 28px;border-top:1px solid #24334a80;border-bottom:1px solid #24334a80}.ph-clients-heading{position:relative;min-height:30px;margin-bottom:22px;display:flex;align-items:center;justify-content:center}.ph-clients h2{font-size:11px;font-weight:500;letter-spacing:1.9px;text-transform:uppercase;color:#8d9eb6;margin:0;text-align:center}.ph-clients-window{width:100%;overflow:hidden;contain:paint;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.ph-clients-track{display:flex;width:max-content;animation:ph-client-loop 46s linear infinite;will-change:transform}.ph-clients-group{display:flex;align-items:center;flex:none;list-style:none;margin:0;padding:0 72px 0 0;gap:72px}.ph-client{height:68px;display:flex;align-items:center;justify-content:center;gap:20px;flex:none;min-width:118px}.ph-client img{display:block;object-fit:contain;width:auto;max-width:175px;max-height:43px;height:43px;opacity:.8}.ph-client img{filter:brightness(0) invert(.93)}.ph-client img.ph-logo-tonal{filter:grayscale(1) brightness(3.7)}.ph-client-itau{min-width:80px}.ph-client-itau img{height:58px;max-height:58px}.ph-client-marelli-cofap{gap:22px}.ph-client-marelli-cofap img{height:34px;max-width:150px}.ph-client-specialgases img{height:55px;max-height:55px}.ph-clients-window:hover .ph-clients-track,.ph-clients-window:focus-within .ph-clients-track{animation-play-state:paused}.ph-home[data-home-layout=compact] .ph-clients{padding:0 0 24px}.ph-home[data-home-layout=compact] .ph-clients-inner{width:calc(100% - 40px);padding:22px 0 25px}.ph-home[data-home-layout=compact] .ph-clients-heading{justify-content:flex-start;margin-bottom:18px}.ph-home[data-home-layout=compact] .ph-clients h2{font-size:9px;letter-spacing:1.3px}.ph-home[data-home-layout=compact] .ph-clients-group{gap:48px;padding-right:48px}.ph-home[data-home-layout=compact] .ph-client{height:56px;min-width:98px}.ph-home[data-home-layout=compact] .ph-client img{max-width:145px;height:34px;max-height:40px}.ph-home[data-home-layout=compact] .ph-client-itau{min-width:60px}.ph-home[data-home-layout=compact] .ph-client-itau img{height:44px;max-height:44px}.ph-home[data-home-layout=compact] .ph-client-marelli-cofap img{height:27px;max-width:120px}.ph-home[data-home-layout=compact] .ph-client-specialgases img{height:44px;max-height:44px}
@keyframes ph-client-loop{to{transform:translateX(-50%)}}
@media(max-width:420px){.ph-preview-toolbar{padding-inline:12px}.ph-preview-title span{display:none}.ph-preview-formats button{padding-inline:8px}.ph-clients h2{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ph-clients-track{animation:none!important;transform:none!important;will-change:auto}.ph-clients-window{overflow:visible;mask-image:none;-webkit-mask-image:none;contain:none}.ph-clients-group{flex-wrap:wrap;justify-content:center;width:100%;padding:0!important;gap:24px!important}.ph-clients-group[aria-hidden=true]{display:none}.ph-clients-track{width:100%}}

.ph-home-preview .preview-why{scroll-margin-top:40px}
.ph-client-rochester img{height:62px;max-height:62px}.ph-home[data-home-layout=compact] .ph-client-rochester img{height:49px;max-height:49px}

.ph-client img.ph-logo-tonal{filter:grayscale(1) brightness(3)}

.ph-client-marelli-cofap img:first-child{height:52px;max-height:52px}.ph-home[data-home-layout=compact] .ph-client-marelli-cofap img:first-child{height:42px;max-height:42px}

/* Business impact: savings and recovered hours share the leading metric. */
.ph-numbers{container:ph-numbers / inline-size;position:relative;padding:0;color:#26354c;color-scheme:light;background:radial-gradient(ellipse at 15% 0%,#deebf780,transparent 65%),radial-gradient(ellipse at 90% 5%,#eee6f78c,transparent 65%),#f7f8fc;scroll-margin-top:52px}
.ph-numbers-inner{width:min(calc(100% - 64px),var(--ph-content-width,1193px));margin-inline:auto;padding:38px 0 24px;border-bottom:1px solid #dbe2ed}
.ph-home[data-home-layout=compact] .ph-numbers-inner{width:calc(100% - 40px)}
@container ph-page (max-width:779px){.ph-numbers-inner{width:calc(100% - 40px)}}
.ph-numbers h2{margin:0 0 26px;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase;color:#67738a}
.ph-numbers-list{margin:0;display:grid;grid-template-columns:1fr}
.ph-number{min-width:0;display:grid;grid-template-columns:1fr;align-content:start;gap:12px;padding:24px 0}
.ph-number:first-child{padding-top:0}
.ph-number:last-child{padding-bottom:0}
.ph-number+.ph-number{border-top:1px solid #dbe2ed}


.ph-number dt{margin:0;font-size:clamp(32px,9cqi,42px);line-height:1.12;font-weight:500;letter-spacing:-.06em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#3456b3;background:linear-gradient(145deg,#24498f 15%,#576ec4 67%,#8276b0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ph-number-currency{font-size:.48em;letter-spacing:-.04em}
.ph-number-afterhours dt{background-image:linear-gradient(145deg,#274d7b 15%,#487ba5 67%,#549597)}
.ph-number-nps dt{background-image:linear-gradient(145deg,#534a8f 15%,#7871bb 67%,#a180ae)}
.ph-number dd{margin:0;max-width:230px;font-size:12px;line-height:1.7;color:#62718a;text-wrap:pretty}
.ph-number-label{display:block;color:#3d506f}
.ph-number-context{display:block;margin-top:13px;font-size:12px;line-height:1.8;max-width:335px;color:#62718a}
.ph-number-context strong{color:#3456a0;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.ph-numbers [data-fx-state=pending]{opacity:0;transform:translate3d(0,20px,0);filter:blur(3px)}
@container ph-numbers (min-width:700px){
 .ph-numbers-inner{padding:48px 0 30px}
 .ph-numbers h2{margin-bottom:30px;font-size:10px;letter-spacing:1.7px}
 .ph-numbers-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ph-number{grid-column:auto;padding:0 24px;gap:15px;margin:0;min-height:152px;border:0}
 .ph-number:first-child{padding-left:0}
 .ph-number:last-child{padding-right:0}
 .ph-number+.ph-number{border-top:0;border-left:1px solid #d4deed}
 .ph-number dt{font-size:clamp(38px,4.8cqi,58px)}
 .ph-number dd{font-size:13px}
 .ph-number-context{font-size:12px;margin-top:13px;max-width:300px}
}
@container ph-numbers (min-width:1080px){
 .ph-numbers-inner{padding-top:54px;padding-bottom:34px}
 .ph-number{padding-inline:42px}
 .ph-number dt{font-size:62px}
 .ph-number dd{font-size:15px}
 .ph-number-context{font-size:13px;max-width:325px}
}
@media(prefers-reduced-motion:reduce){.ph-numbers [data-fx-state]{opacity:1!important;transform:none!important;filter:none!important}}
@media(forced-colors:active){.ph-number dt{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

/* Conversion moment immediately after the three reasons to choose Profissio. */
.ph-why-cta{display:grid;gap:26px;align-items:center;border-top:1px solid #2b3e59;margin-top:38px;padding-top:34px}
.ph-why-cta-kicker{margin:0 0 14px;font-size:9px;line-height:1.6;letter-spacing:1.5px;color:#94b6e7;font-weight:500}
.ph-why-cta h3{max-width:700px;margin:0;color:#eff6ff;font-size:clamp(25px,3vw,36px);line-height:1.25;letter-spacing:-1.15px;font-weight:500;text-wrap:balance}
.ph-why-cta-description{margin:14px 0 0;color:#9caec8;font-size:13px;line-height:1.8;text-wrap:pretty}
.ph-why-cta-action{display:grid;gap:13px;justify-items:start}
.ph-why-cta .ph-why-demo{height:54px;padding-inline:26px;font-size:14px;width:max-content}
.ph-why-cta-action>span{font-size:10px;color:#8ea1bd}
@media(min-width:850px){.ph-why-cta{grid-template-columns:minmax(0,1fr) auto;gap:40px;margin-top:46px;padding-top:42px}.ph-why-cta-action{justify-items:center}}
.ph-home[data-home-layout=compact] .ph-why-cta{grid-template-columns:1fr;gap:26px;margin-top:30px;padding-top:28px}
.ph-home[data-home-layout=compact] .ph-why-cta h3{font-size:27px}
.ph-home[data-home-layout=compact] .ph-why-cta-action{justify-items:stretch}
.ph-home[data-home-layout=compact] .ph-why-demo{width:100%}
.ph-home[data-home-layout=compact] .ph-why-cta-action>span{text-align:center}
@media(max-width:700px){.ph-why-cta-action{justify-items:stretch}.ph-why-cta .ph-why-demo{width:100%}.ph-why-cta-action>span{text-align:center}}


.ph-problems{color-scheme:light;color:#182235;background:linear-gradient(145deg,#f7f8fc 5%,#f1f4fb 46%,#f4f0f9 100%);padding:44px 20px 28px;scroll-margin-top:12px;outline:none}.ph-home-preview .ph-problems{scroll-margin-top:52px}.ph-problems-inner{max-width:1193px;margin-inline:auto}.ph-section-kicker{margin:0 0 20px;display:flex;align-items:center;gap:10px;color:#626f89;font-size:9px;letter-spacing:1.65px;font-weight:500}.ph-section-kicker>span{width:6px;height:6px;border-radius:50%;background:#5b72de;box-shadow:0 0 0 4px #5b72de0d}.ph-problems h2{margin:0;font-size:34px;font-weight:500;letter-spacing:-1.5px;line-height:1.16}.ph-problems h2>span{color:#5a6486}.ph-problems-lead{font-size:14px;line-height:1.75;color:#68738a;margin:20px 0 0;max-width:480px}.ph-problems-explorer{--ph-accent:#345bc5;--ph-tint:#e5edfd;--ph-tint2:#dce9fc;--ph-line:#87a9ee;margin-top:32px;display:grid;gap:20px;min-width:0}.ph-problems-explorer[data-tone=lilac]{--ph-accent:#7653ae;--ph-tint:#f0e9fa;--ph-tint2:#e7e5fa;--ph-line:#b3a1dc}.ph-problems-explorer[data-tone=aqua]{--ph-accent:#2c7a85;--ph-tint:#e4f2f4;--ph-tint2:#e2edf9;--ph-line:#8cbec6}.ph-problems-explorer[data-tone=pearl]{--ph-accent:#856193;--ph-tint:#f3eafb;--ph-tint2:#e6edf9;--ph-line:#c5b0d7}
/* Tabs share the top edge of the content surface; no independent navigation cards. */
.ph-problem-nav{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:0;min-width:0;isolation:isolate}.ph-problem-nav button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:67px;margin:8px 0 -1px;padding:11px 7px 14px;background:linear-gradient(180deg,#edf0f7,#e5eaf4);border:1px solid #d8dfed;border-radius:13px 13px 0 0;font-family:inherit;text-align:center;color:#64718a;cursor:pointer;box-shadow:0 -3px 9px #63759103;transition:background .2s,color .2s,box-shadow .2s}.ph-problem-nav button+button{margin-left:-4px}.ph-problem-nav button[aria-selected=true]{z-index:4;min-height:75px;margin-top:0;color:#2b3b56;background:#fbfcff;border-color:#d6dfef;border-bottom-color:#fbfcff;box-shadow:0 -7px 20px #597ab00a}.ph-problem-nav button[aria-selected=true]::after{content:"";position:absolute;height:3px;left:0;right:0;bottom:-2px;background:#fbfcff;pointer-events:none}.ph-problem-tab-copy{min-width:0;width:100%}.ph-problem-tab-copy strong{font-size:11px;line-height:1.5;letter-spacing:-.25px;font-weight:400;display:block}.ph-problem-tab-copy strong>span{display:block}.ph-problem-nav button[aria-selected=true] strong{font-weight:500;color:var(--ph-accent)}.ph-problem-tab-copy>span{display:none}
.ph-problem-panel{min-width:0;overflow:hidden;padding:22px 18px 0;background:linear-gradient(135deg,#ffffffd9 0%,var(--ph-tint) 62%,var(--ph-tint2) 100%);border:1px solid #ffffff;border-radius:24px;box-shadow:0 16px 42px #3e466f09,inset 0 0 0 1px #97a9d01c;transition:background .35s}.ph-panel-bar{display:flex;flex-direction:column;gap:18px;align-items:stretch}.ph-panel-area{font-size:9px;letter-spacing:.9px;color:#596880;line-height:1.5}.ph-journey-switch{display:flex;padding:3px;border:1px solid #cdd7e75e;background:#d4dceb63;border-radius:12px;align-self:stretch}.ph-journey-switch button{min-width:0;flex:1;min-height:40px;border:0;border-radius:9px;background:none;color:#718098;font:500 11px Sora,system-ui,sans-serif;padding:8px 9px;display:flex;justify-content:center;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}.ph-journey-switch button[aria-pressed=true]{background:#fff;color:#26354b;box-shadow:0 2px 6px #24375914}.ph-journey-switch button>span{width:5px;height:5px;border-radius:50%;background:var(--ph-accent)}
.ph-problem-state{animation:ph-problem-enter .34s cubic-bezier(.2,.8,.2,1) both}.ph-problem-friction{margin-top:24px;padding:0 0 18px;border-bottom:1px solid #7e91b42e}.ph-problem-friction>span{display:block;font-size:9px;letter-spacing:1px;line-height:1.6;color:#596880}.ph-problem-friction p{font-size:14px;line-height:1.65;color:#485972;margin:7px 0 0;max-width:650px}.ph-problem-copy{padding-top:22px}.ph-problem-copy h3{margin:0;font-size:25px;letter-spacing:-.75px;font-weight:500;line-height:1.25;color:#283650}.ph-problem-copy p{font-size:13px;line-height:1.75;color:#64728a;margin:14px 0 0}.ph-journey-visual{position:relative;display:grid;gap:16px;padding:30px 0 24px}.ph-journey-line{position:absolute;top:38px;bottom:38px;left:37px;width:2px;background:repeating-linear-gradient(to bottom,#aeb7c6 0 5px,transparent 5px 11px)}.ph-problems-explorer[data-resolved=true] .ph-journey-line{background:linear-gradient(180deg,transparent,var(--ph-line) 20%,var(--ph-accent) 65%,transparent)}.ph-journey-line i{display:none}
.ph-flow-node{position:relative;display:flex;align-items:center;gap:13px;min-height:83px;min-width:0;padding:16px;border:1px solid #ffffff;border-radius:17px;background:#ffffffc7;box-shadow:0 6px 14px #314d7109;z-index:1}.ph-flow-node-0{border-top-left-radius:5px;margin-right:14px}.ph-flow-node-1{margin-left:14px;background:#fdfefe;border-color:#ffffff;box-shadow:0 8px 24px #2c467a10}.ph-flow-node-2{margin-right:14px;background:#ffffff87}.ph-flow-icon{width:31px;height:35px;display:grid;place-items:center;flex:none;color:#8290a9}.ph-flow-icon svg{width:24px;height:24px}.ph-flow-node-1 .ph-flow-icon{color:var(--ph-accent)}.ph-flow-node-2 .ph-flow-icon{color:var(--ph-accent)}.ph-flow-node>div{min-width:0}.ph-flow-label{display:block;font-size:10px;font-weight:400;color:#596b83;line-height:1.4;margin-bottom:6px}.ph-flow-node strong{display:block;font-size:13px;font-weight:500;line-height:1.45;letter-spacing:-.15px;color:#3a4860;overflow-wrap:break-word}.ph-flow-live{position:absolute;right:12px;top:12px;width:5px;height:5px;border-radius:50%;background:var(--ph-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ph-accent) 8%,transparent)}.ph-problems-explorer[data-resolved=false] .ph-flow-node-1{background:#edf0f5aa;border:1px dashed #b7c1d2}.ph-problems-explorer[data-resolved=false] .ph-flow-icon{color:#8995a9}.ph-problem-outcome{margin:0 0 24px;display:flex;gap:10px;align-items:flex-start;color:var(--ph-accent);font-size:12px;line-height:1.65;letter-spacing:-.1px}.ph-problem-outcome>svg{width:17px;height:20px;flex:none;margin-top:1px}.ph-problems-explorer[data-resolved=false] .ph-problem-outcome{color:#768398}.ph-problem-product{display:flex;flex-direction:column;gap:9px;border-top:1px solid #a6b5ce3a;padding:17px 0 20px;color:#718199}.ph-problem-product>span{font-size:9px;letter-spacing:1px}.ph-problem-product strong{display:flex;align-items:center;gap:8px;color:var(--ph-accent);font-size:11px;font-weight:500}.ph-problem-product svg{width:16px;height:17px}.ph-problems-ending{display:flex;flex-direction:column;gap:5px;margin:26px 0 0;color:#6d7892;text-align:center;font-size:11px;line-height:1.7}.ph-problems-ending span{color:#65748d}

@keyframes ph-problem-enter{from{transform:translateY(5px)}to{transform:translateY(0)}}

@container ph-page (min-width:780px){.ph-problems{padding:60px 32px 40px}.ph-section-kicker{font-size:10px;letter-spacing:2px}.ph-problems h2{font-size:48px;letter-spacing:-2px}.ph-problems-lead{font-size:15px;max-width:500px}.ph-problems-explorer{margin-top:42px;grid-template-columns:240px minmax(0,1fr);gap:26px}.ph-problem-nav{grid-template-columns:1fr;gap:0;padding-top:8px}.ph-problem-nav button{min-height:100px;padding:20px 16px;gap:14px;border:0;border-bottom:1px solid #dae0eb;border-radius:0;background:transparent;box-shadow:none}.ph-problem-nav button[aria-selected=true]{background:linear-gradient(90deg,var(--ph-tint),transparent);border-bottom-color:var(--ph-line);box-shadow:none}.ph-problem-tab-copy strong{font-size:14px}.ph-problem-tab-copy>span{display:block;margin-top:8px;font-size:11px;line-height:1.6;color:#63718a}.ph-problem-number{font-size:10px}.ph-problem-tab-arrow{display:block;margin-left:auto;font-size:17px;color:var(--ph-accent);opacity:0}.ph-problem-nav button[aria-selected=true] .ph-problem-tab-arrow{opacity:1}.ph-problem-panel{padding:28px 26px 0;border-radius:28px}.ph-panel-bar{gap:18px}.ph-journey-switch{align-self:flex-start}.ph-journey-switch button{flex:none;padding-inline:15px}.ph-problem-copy h3{font-size:29px;max-width:620px}.ph-problem-copy p{max-width:600px;font-size:14px}.ph-problem-copy{min-height:174px}.ph-problem-product{flex-direction:row;justify-content:space-between;align-items:center;padding:20px 0}.ph-problems-ending{flex-direction:row;justify-content:center;gap:12px;margin-top:36px;font-size:12px}}
@container ph-page (min-width:1080px){.ph-problems{padding-top:68px}.ph-problems-intro{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px;align-items:end}.ph-problems h2{font-size:51px}.ph-problems-lead{margin:0 0 4px}.ph-problems-explorer{grid-template-columns:276px minmax(0,1fr);gap:34px;margin-top:48px}.ph-problem-nav button{min-height:112px;padding-left:18px}.ph-problem-tab-copy strong{font-size:15px}.ph-problem-tab-copy>span{font-size:11px}.ph-problem-panel{padding:28px 30px 0}.ph-panel-bar{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.ph-panel-area{max-width:205px;font-size:9px}.ph-journey-switch{flex:none}.ph-problem-copy{min-height:159px}.ph-problem-copy h3{font-size:30px}.ph-journey-visual{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:16px;padding:14px 0 27px;min-height:199px}.ph-journey-line{left:0;right:0;top:96px;bottom:auto;height:2px;width:auto;background:repeating-linear-gradient(to right,#aeb7c6 0 5px,transparent 5px 11px)}.ph-problems-explorer[data-resolved=true] .ph-journey-line{background:linear-gradient(90deg,transparent,var(--ph-line) 15%,var(--ph-accent) 70%,transparent)}.ph-flow-node{flex-direction:column;align-items:flex-start;padding:20px 15px;gap:8px;min-height:142px;margin:0}.ph-flow-node-0{transform:translateY(8px)}.ph-flow-node-1{transform:translateY(-7px);min-height:160px}.ph-flow-node-2{transform:translateY(8px)}.ph-flow-icon{width:27px;height:29px}.ph-flow-label{font-size:10px}.ph-flow-node strong{font-size:12px}.ph-problem-outcome{font-size:12px;min-height:40px;margin-bottom:18px}}
.ph-journey-line{display:none}
.ph-flow-node:not(:last-child)::after{content:"";position:absolute;left:36px;top:calc(100% + 1px);width:2px;height:16px;background:repeating-linear-gradient(to bottom,#a0aec3 0 4px,transparent 4px 8px);pointer-events:none}
.ph-flow-node-1:not(:last-child)::after{left:22px}
.ph-problems-explorer[data-resolved=true] .ph-flow-node:not(:last-child)::after{background:linear-gradient(180deg,var(--ph-line),var(--ph-accent))}
@container ph-page (min-width:1080px){.ph-flow-node:not(:last-child)::after{left:calc(100% + 1px);top:50%;width:17px;height:2px;transform-origin:left;transform:rotate(-20deg);background:repeating-linear-gradient(to right,#a0aec3 0 4px,transparent 4px 8px)}.ph-flow-node-1:not(:last-child)::after{transform:rotate(20deg)}}

@media(prefers-reduced-motion:reduce){.ph-problem-state{animation:none}.ph-problem-nav button,.ph-problem-panel{transition:none}}
.added-problems-shell{container:ph-page / inline-size}.added-problems-shell button:focus-visible{outline:2px solid #345bc5;outline-offset:4px}
/* Progressive enhancement: only the viewport observer can arm the entrance. */
.ph-problems [data-fx-state=pending]{opacity:0;transform:translate3d(0,20px,0);filter:blur(3px)}
.ph-problems [data-fx-state=pending]:focus-within{opacity:1;transform:none;filter:none}
.ph-problems-explorer[data-fx-state=running] .ph-problem-panel{animation:ph-panel-light 820ms ease-out both}
@keyframes ph-panel-light{0%{box-shadow:0 16px 42px #3e466f09,inset 0 0 0 1px #97a9d01c}40%{box-shadow:0 16px 52px #7197f025,inset 0 0 0 1px #ffffff}100%{box-shadow:0 16px 42px #3e466f09,inset 0 0 0 1px #97a9d01c}}
@media(prefers-reduced-motion:reduce){.ph-problems [data-fx-state]{opacity:1!important;transform:none!important;filter:none!important}.ph-problems-explorer[data-fx-state=running] .ph-problem-panel{animation:none}}


/* One tabbed component across desktop and mobile. The active tab closes the panel seam. */
.ph-problems-explorer{position:relative;display:block;gap:0;isolation:isolate}.ph-problem-panel{position:relative;z-index:2;border:1px solid #d6dfef;border-radius:0 0 24px 24px;background:linear-gradient(180deg,#fbfcff 0,#fbfcff 58px,var(--ph-tint) 60%,var(--ph-tint2) 100%);box-shadow:0 17px 40px #52689109;transition:background .3s}
@container ph-page (min-width:780px){.ph-problems-explorer{grid-template-columns:1fr;gap:0}.ph-problem-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0}.ph-problem-nav button{min-height:86px;margin-top:10px;margin-bottom:-1px;padding:18px 18px 21px;gap:0;border:1px solid #d8dfed;border-radius:17px 17px 0 0;background:linear-gradient(180deg,#edf0f7,#e5eaf4);text-align:left;box-shadow:0 -3px 9px #63759103}.ph-problem-nav button+button{margin-left:-6px}.ph-problem-nav button[aria-selected=true]{min-height:96px;margin-top:0;background:#fbfcff;border:1px solid #d6dfef;border-bottom-color:#fbfcff;box-shadow:0 -7px 20px #597ab00a}.ph-problem-tab-copy strong{font-size:14px;line-height:1.5;letter-spacing:-.3px;font-weight:400}.ph-problem-tab-copy strong>span{display:inline}.ph-problem-tab-copy>span{display:block;margin-top:6px;font-size:10px;line-height:1.6;color:#7d88a0;font-weight:400;max-width:240px}.ph-problem-panel{border-radius:0 0 28px 28px;padding-top:28px}.ph-problem-copy{min-height:147px}.ph-panel-bar{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.ph-panel-area{max-width:260px}.ph-journey-switch{flex:none}.ph-journey-visual{padding-top:13px}}
@container ph-page (min-width:1080px){.ph-problems-explorer{grid-template-columns:1fr;gap:0}.ph-problem-nav button{min-height:92px;padding:21px 26px 24px}.ph-problem-nav button[aria-selected=true]{min-height:102px}.ph-problem-tab-copy strong{font-size:15px}.ph-problem-tab-copy>span{font-size:11px}.ph-problem-panel{padding:30px 34px 0}.ph-problem-copy{min-height:144px}.ph-problem-copy p{max-width:750px}.ph-problem-friction p{max-width:780px}.ph-problem-outcome{min-height:0;margin-bottom:25px}}

/* Tab height belongs to its visual state, never to the subtitle's line count. */
.ph-problem-nav button{box-sizing:border-box;height:67px;min-height:67px}.ph-problem-nav button[aria-selected=true]{height:75px;min-height:75px}
@container ph-page (min-width:780px){.ph-problem-nav button{height:70px;min-height:70px;padding-block:15px}.ph-problem-nav button[aria-selected=true]{height:80px;min-height:80px}.ph-problem-tab-copy>span{display:none}}
@container ph-page (min-width:1080px){.ph-problem-nav button{height:92px;min-height:92px;padding-block:16px 19px}.ph-problem-nav button[aria-selected=true]{height:102px;min-height:102px}.ph-problem-tab-copy>span{display:block;max-width:none;white-space:nowrap;font-size:clamp(9px,.9cqi,11px)}}

/* Keep the subject and verb together so “trava” never becomes an orphan. */
.ph-problems h2>.ph-problems-phrase{color:inherit;white-space:nowrap}


.ph-method{--method-ink:#223048;--method-muted:#67758d;--method-progress:0%;--method-track:0%;--method-travel:0px;--method-sticky-top:0px;position:relative;color-scheme:light;color:var(--method-ink);background:linear-gradient(150deg,#f4f0f9,#f7f8fc 45%,#edf5f7);scroll-margin-top:12px;outline:none;overflow-anchor:none}.ph-home-preview .ph-method{scroll-margin-top:52px}.ph-method-inner{max-width:1193px;margin:auto;box-sizing:border-box;width:100%}.ph-method-intro-shell{padding:40px 20px 20px}.ph-method-intro h2{margin:0;font-size:32px;font-weight:500;letter-spacing:-1.25px;line-height:1.2}.ph-method-intro h2>span{color:#666586}.ph-method-intro>p{max-width:465px;margin:20px 0 0;color:var(--method-muted);font-size:14px;line-height:1.75}.ph-method .ph-section-kicker>span{background:#9173b1;box-shadow:0 0 0 4px #9173b10b}.ph-method-sticky{position:relative;display:flex;align-items:center}.ph-method[data-method-mode=scroll] .ph-method-sticky{position:sticky;top:var(--method-sticky-top)}.ph-method-runway{height:0;pointer-events:none}.ph-method[data-method-mode=scroll] .ph-method-runway{height:var(--method-travel)}.ph-method-stage{max-width:1257px;padding:24px 20px 26px}.ph-method-track-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.ph-method-track-heading p{font-size:7.5px;letter-spacing:1px;line-height:1.6;color:#85829a;margin:0}.ph-method-track-heading>span{font-size:10px;color:#626da0;white-space:nowrap;font-variant-numeric:tabular-nums}.ph-method-track-heading i{font-style:normal;color:#a6aec1;font-size:8px}.ph-method-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));isolation:isolate;margin:0;padding:0}.ph-method-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;border:0;background:none;padding:0 1px 6px;font-family:inherit;color:#858ca0;cursor:pointer;text-align:center}.ph-method-number{position:relative;display:grid;place-items:center;width:29px;height:29px;box-sizing:border-box;border:1px solid #d9ddec;border-radius:50%;background:#f5f6fc;color:#8c95ad;font-size:8px;box-shadow:0 0 0 5px #f4f5fb;z-index:2;transition:border-color .15s,background .15s,color .15s}.ph-method-step[data-complete=true] .ph-method-number{border-color:#9baae0;background:#e3e9fb;color:#607bc4}.ph-method-step[data-active=true] .ph-method-number{border-color:#96ace9;color:#fff;background:linear-gradient(135deg,#477ce4,#8268cc);box-shadow:0 0 0 5px #f4f5fb,0 0 24px #8079d051}.ph-method-step-label strong{font-size:9px;letter-spacing:-.25px;font-weight:500;line-height:1.4;display:block}.ph-method-step[data-active=true] .ph-method-step-label strong{color:#394f81}.ph-method-step-label>span{display:none}.ph-method-signal{position:absolute;left:10%;right:10%;top:13px;height:3px;z-index:-1;background:#dce2f0;border-radius:8px}.ph-method-signal-fill,.ph-method-signal-glow{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#376cec 0%,#7977db 44%,#bc88cf 65%,#78cbd1 100%);clip-path:inset(0 calc(100% - var(--method-progress)) 0 0)}.ph-method-signal-glow{inset:-5px 0;background:linear-gradient(90deg,#376cec66,#a27ce17a,#8bd6d688);filter:blur(7px);opacity:.8}.ph-method-signal-head{position:absolute;top:50%;left:var(--method-progress);width:7px;height:7px;border-radius:50%;background:#f8ffff;border:1px solid #9bd3e8;box-shadow:0 0 5px #fff,0 0 12px #7dace9,0 0 25px #a18adc;transform:translate(-50%,-50%);z-index:1}.ph-method-window{overflow:hidden;margin-top:18px;border:1px solid #fff;border-radius:22px;background:linear-gradient(135deg,#ffffffd9,#f7f7fb 65%,#eef2fb);box-shadow:0 14px 40px #5363830b;isolation:isolate}.ph-method-panels{display:flex;align-items:stretch;transform:translate3d(var(--method-track),0,0);will-change:transform}.ph-method-detail{flex:0 0 100%;width:100%;min-width:0;box-sizing:border-box}.ph-method-detail-inner{height:100%;display:grid;grid-template-rows:auto 1fr;gap:17px;padding:20px 17px 17px;box-sizing:border-box}.ph-method-copy h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.8px;margin:0;color:#2d3b53;max-width:455px}.ph-method-copy>p:not(.ph-method-stage-label){margin:10px 0 0;color:var(--method-muted);font-size:12px;line-height:1.75;max-width:455px}.ph-method-stage-label{display:none}.ph-method-delivery{display:flex;align-items:flex-start;gap:10px;font-size:10px;line-height:1.65;color:#73759a;margin-top:13px}.ph-method-delivery-line{width:14px;height:1px;margin-top:8px;background:linear-gradient(90deg,#6b76bf,#77b6c9);flex:none}.ph-method-next{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-top:19px}.ph-method-next p{display:flex;align-items:center;gap:7px;max-width:155px;margin:0;font-size:9px;line-height:1.6;color:#8a94a9}.ph-method-scroll-hint>span{font-size:16px;font-weight:300;line-height:1;flex:none;color:#8c9dc7}.ph-method-next .ps-primary-cta{width:max-content;min-width:0;flex:none;min-height:41px;padding:11px 15px;font-size:10px;border-radius:11px}.ph-method-next .ps-cta-art{width:40px}.ph-method button:focus-visible,.ph-method a:focus-visible{outline:2px solid #5659b4;outline-offset:5px}
.ph-method-visual{--work-accent:#697cbb;position:relative;min-width:0;overflow:hidden;border:1px solid #ffffff;border-radius:18px;background:linear-gradient(135deg,#ffffffd4,#eaf0fac7 75%,#e3edf6cc);box-shadow:0 12px 30px #4e5f8710,inset 0 0 0 1px #6777990b;color:#6179a5;container:method-visual/inline-size}.ph-method-visual[data-phase="1"]{--work-accent:#8172b2;background:linear-gradient(135deg,#fff,#edeaf8 75%,#e7edf7)}.ph-method-visual[data-phase="2"]{--work-accent:#6093a2;background:linear-gradient(135deg,#ffffffd4,#eaf4f6 75%,#e4eff4)}.ph-method-visual[data-phase="3"]{--work-accent:#667dbf;background:linear-gradient(135deg,#ffffffd4,#e7edfc 75%,#e9edf6)}.ph-method-visual[data-phase="4"]{--work-accent:#9180b8;background:linear-gradient(135deg,#ffffffd4,#eee9f6 65%,#e1f1f2)}.ph-method-worktop{height:36px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #889fc01c;padding:0 13px;color:#74849d;font-size:8px;letter-spacing:.15px}.ph-method-workdots{display:flex;gap:4px;flex:none;margin-right:3px}.ph-method-workdots i{width:3px;height:3px;border-radius:50%;background:#c0cbdb}.ph-method-workindex{margin-left:auto;font-size:8px;color:#9aa8bf}.ph-method-workbody{height:230px;position:relative;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.ph-method-brain{width:42px;height:46px;flex:none;color:var(--work-accent)}.ph-method-discovery{display:flex;align-items:center;justify-content:center;width:100%;max-width:355px}.ph-method-inputs{display:grid;gap:12px;min-width:0;flex:1}.ph-method-input{min-height:41px;border:1px solid #fff;border-radius:10px;background:#ffffffbc;box-shadow:0 3px 11px #687caa09;display:flex;align-items:center;gap:8px;padding:8px;box-sizing:border-box;font-size:9px;color:#687d9d}.ph-method-input svg{width:14px;height:14px;flex:none}.ph-method-input i{margin-left:auto;width:4px;height:4px;border-radius:50%;background:#b6c7e7;flex:none}.ph-method-input:nth-child(2){transform:translateX(4px)}.ph-method-join{width:39px;height:150px;flex:none;color:#a5b8db;overflow:visible}.ph-method-context{width:113px;min-height:139px;box-sizing:border-box;padding:18px 5px;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:18px;border:1px solid #ffffff;background:linear-gradient(150deg,#fffffffa,#e4eafa);box-shadow:0 10px 25px #657fc51b}.ph-method-context strong{font-size:10px;font-weight:500;line-height:1.6;color:#4b648a;margin-top:10px}.ph-method-context>span{font-size:7px;margin-top:3px;color:#92a1b8}.ph-method-knowledge{position:relative;width:100%;max-width:292px;height:177px}.ph-method-sheet{position:absolute;width:calc(100% - 20px);height:152px;left:10px;border:1px solid #fff;border-radius:13px;box-sizing:border-box}.ph-method-sheet-back{top:0;transform:rotate(-4deg);background:#e0e1f1;border-color:#dce1ee}.ph-method-sheet-mid{top:7px;transform:rotate(3deg);background:#eeedf8}.ph-method-sheet-front{top:17px;padding:17px;background:linear-gradient(135deg,#fff,#f8f8fe);box-shadow:0 12px 24px #7e729722}.ph-method-sheet-title{display:flex;gap:7px;align-items:center;color:#8a88a2;font-size:8px}.ph-method-sheet-title svg{width:13px;height:13px}.ph-method-knowledge-core{display:flex;align-items:center;gap:14px;margin-top:13px}.ph-method-knowledge-core .ph-method-brain{width:31px;height:35px}.ph-method-knowledge-core strong{display:block;font-size:12px;font-weight:500;color:#5c587f;line-height:1.6}.ph-method-knowledge-core div>span{display:block;font-size:8px;color:#9692b0;line-height:1.5;margin-top:3px}.ph-method-tags{display:flex;gap:6px;margin-top:12px}.ph-method-tags span{padding:4px 8px;border-radius:5px;background:#eeecf7;font-size:7px;color:#8a83a6}.ph-method-validation{width:100%;max-width:318px}.ph-method-test-label{display:block;color:#8ba1ae;font-size:7px;letter-spacing:1.2px;margin-bottom:11px}.ph-method-test-row{display:flex;align-items:center;gap:10px;background:#ffffffc4;border:1px solid #fff;min-height:40px;border-radius:8px;box-sizing:border-box;padding:8px 11px;margin-top:7px;box-shadow:0 2px 8px #6697a109}.ph-method-test-row>span{font-size:7px;color:#a2b4c0}.ph-method-test-row strong{font-size:9px;font-weight:400;color:#6a828f;line-height:1.6}.ph-method-test-row i{margin-left:auto;display:grid;place-items:center;width:17px;height:17px;background:#e4f1f0;border-radius:50%;flex:none}.ph-method-test-row svg{width:12px;height:12px;color:#679b94}.ph-method-test-footer{display:flex;align-items:center;gap:6px;margin-top:13px;color:#8aa4af;font-size:8px}.ph-method-test-footer>span:first-child{width:4px;height:4px;border-radius:50%;background:#83b1b1}.ph-method-launch{width:100%;max-width:346px;text-align:center}.ph-method-conversation{margin:0 auto 23px;display:flex;width:max-content;max-width:100%;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#8494af;background:#ffffff9c;padding:9px 13px;border-radius:9px 9px 9px 2px;border:1px solid #fff}.ph-method-conversation svg{width:13px;height:13px}.ph-method-connected{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ph-method-connected::before{content:"";position:absolute;height:1px;top:50%;left:10px;right:10px;background:linear-gradient(90deg,#b5bdde,#90b5d2)}.ph-method-system{position:relative;min-height:86px;display:flex;flex-direction:column;justify-content:center;gap:9px;align-items:center;background:linear-gradient(135deg,#fff,#f4f7ff);border:1px solid #fff;border-radius:13px;box-shadow:0 4px 10px #5373ab0b}.ph-method-system>svg{width:24px;height:26px;color:#8597c2}.ph-method-system strong{font-size:9px;font-weight:500;color:#6f82aa}.ph-method-launch-note{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:8px;color:#92a1b8}.ph-method-launch-note>span{height:4px;width:4px;background:#7cb4bd;border-radius:50%}.ph-method-evolution{position:relative;height:198px;width:100%;max-width:330px;display:grid;place-items:center}.ph-method-orbit{position:absolute;inset:0;width:100%;height:100%;color:#a6a4c8}.ph-method-evolution-core{z-index:1;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;width:93px;height:93px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#e9e8f8);border:1px solid #fff;box-shadow:0 7px 27px #8d81b31c,0 0 0 8px #fff4}.ph-method-evolution-core .ph-method-brain{height:38px;width:35px}.ph-method-evolution-core>span{font-size:8px;color:#8a83a5}.ph-method-orbit-label{position:absolute;font-size:8px;line-height:1.3;color:#898aa6;padding:7px 10px;border:1px solid #ffffffbf;background:#f8f8fbdc;box-shadow:0 3px 10px #756a9e08;border-radius:9px;z-index:2}.ph-method-orbit-top{top:16px;left:50%;transform:translateX(-50%)}.ph-method-orbit-left{bottom:39px;left:0}.ph-method-orbit-right{bottom:39px;right:0}
/* The pinned fold is deliberately compact on phones; the introduction scrolls above it. */
.ph-method-workbody{height:184px;padding:12px}.ph-method-worktop{height:30px;font-size:7px;padding:0 10px}.ph-method-visual{align-self:center}.ph-method-evolution{height:167px}.ph-method-evolution-core{height:80px;width:80px}.ph-method-evolution-core .ph-method-brain{height:33px;width:30px}.ph-method-evolution-core>span{font-size:7px}.ph-method-orbit-top{top:5px}.ph-method-orbit-label{font-size:7px;padding:6px 8px}.ph-method-orbit-left,.ph-method-orbit-right{bottom:24px}.ph-method-context{min-height:128px;padding:13px 5px}.ph-method-inputs{gap:8px}.ph-method-input{min-height:38px}.ph-method-knowledge{height:159px}.ph-method-sheet{height:141px}.ph-method-sheet-front{top:13px;padding:12px 15px}.ph-method-knowledge-core{margin-top:11px}.ph-method-tags{margin-top:10px}.ph-method-launch-note{margin-top:14px}.ph-method-conversation{margin-bottom:15px}.ph-method-test-row{min-height:36px}.ph-method-test-footer{margin-top:9px}
@container ph-page (min-width:780px){.ph-method-intro-shell{padding:56px 32px 29px}.ph-method-intro h2{font-size:45px;letter-spacing:-1.7px}.ph-method-intro>p{font-size:15px}.ph-method-stage{padding:29px 32px 35px}.ph-method-track-heading{margin-bottom:24px}.ph-method-track-heading p{font-size:9px;letter-spacing:1.4px}.ph-method-track-heading>span{font-size:13px}.ph-method-track-heading i{font-size:10px}.ph-method-step{gap:17px}.ph-method-number{height:37px;width:37px;font-size:10px;box-shadow:0 0 0 7px #f4f5fb}.ph-method-step[data-active=true] .ph-method-number{box-shadow:0 0 0 7px #f4f5fb,0 0 31px #8a88db6b}.ph-method-signal{top:17px;height:4px}.ph-method-signal-head{width:9px;height:9px}.ph-method-step-label strong{font-size:13px;letter-spacing:-.2px}.ph-method-step-label>span{display:block;margin-top:7px;color:#929cb0;font-size:9px;line-height:1.6}.ph-method-window{margin-top:27px;border-radius:25px}.ph-method-detail-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr;gap:28px;align-items:center;padding:28px;min-height:325px}.ph-method-copy h3{font-size:27px;letter-spacing:-.9px}.ph-method-copy>p:not(.ph-method-stage-label){font-size:12px}.ph-method-stage-label{display:flex;gap:7px;margin:0 0 16px;color:#9299ad;font-size:8px;letter-spacing:1.2px}.ph-method-stage-label>span{color:#b6bdca}.ph-method-delivery{margin-top:20px;font-size:10px}.ph-method-workbody{height:234px;padding:18px}.ph-method-worktop{height:37px;font-size:8px;padding-inline:14px}.ph-method-next{margin-top:25px}.ph-method-next p{font-size:11px;max-width:none;gap:10px}.ph-method-next .ps-primary-cta{min-height:47px;padding:13px 21px;font-size:12px;border-radius:13px}.ph-method-next .ps-cta-art{width:48px}.ph-method-knowledge{height:177px}.ph-method-sheet{height:152px}.ph-method-sheet-front{top:17px;padding:17px}.ph-method-knowledge-core{margin-top:13px}.ph-method-tags{margin-top:12px}.ph-method-evolution{height:198px}.ph-method-evolution-core{height:93px;width:93px}.ph-method-evolution-core .ph-method-brain{height:38px;width:35px}.ph-method-evolution-core>span{font-size:8px}.ph-method-orbit-label{font-size:8px;padding:7px 10px}.ph-method-orbit-top{top:16px}.ph-method-orbit-left,.ph-method-orbit-right{bottom:39px}}
@container ph-page (min-width:1080px){.ph-method-intro-shell{padding-top:64px}.ph-method-intro{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:55px}.ph-method-intro h2{font-size:49px;letter-spacing:-2px}.ph-method-intro>p{margin:0 0 3px;max-width:330px}.ph-method-stage{padding-block:35px 40px}.ph-method-step-label strong{font-size:15px}.ph-method-step-label>span{font-size:10px}.ph-method-detail-inner{padding:33px 38px;gap:50px;min-height:360px}.ph-method-copy h3{font-size:31px;max-width:440px;line-height:1.3}.ph-method-copy>p:not(.ph-method-stage-label){font-size:14px}.ph-method-delivery{font-size:11px}.ph-method-workbody{height:257px}.ph-method-worktop{font-size:9px;padding-inline:17px}.ph-method-input{font-size:10px;padding:10px;min-height:43px}.ph-method-context{width:125px;min-height:139px}.ph-method-context strong{font-size:11px}.ph-method-context>span{font-size:8px}.ph-method-join{width:50px}.ph-method-visual{border-radius:21px}}
.ph-method [data-fx-state=pending]{opacity:0;transform:translate3d(0,20px,0);filter:blur(3px)}.ph-method [data-fx-state=pending]:focus-within{opacity:1;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){.ph-method [data-fx-state]{opacity:1!important;transform:none!important;filter:none!important}.ph-method-number{transition:none}.ph-method-panels{will-change:auto}.ph-method-signal-glow{filter:none;opacity:.15}}

/* Conversion follows the completed process; it does not compete with the scroll signal. */
.ph-method-next{justify-content:center;margin-top:16px}.ph-method-next p{max-width:none;font-size:9px;text-align:center}
.ph-method-closing{padding:0 20px 36px;color:#42536f;background:#edf5f7}.ph-method-closing-inner{max-width:1193px;margin:auto;border-top:1px solid #d6e1ed;padding-top:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.ph-method-closing p{margin:0;font-size:15px;line-height:1.6;letter-spacing:-.3px;text-align:center}.ph-method-closing .ps-primary-cta{width:max-content;min-width:0;padding:13px 21px;min-height:47px;font-size:12px;border-radius:13px}.ph-method-closing .ps-cta-art{width:48px}.ph-method-closing a:focus-visible{outline:2px solid #5659b4;outline-offset:5px}
@container ph-page (min-width:780px){.ph-method-next{margin-top:21px}.ph-method-next p{font-size:11px}.ph-method-closing{padding:0 32px 48px}.ph-method-closing-inner{flex-direction:row;gap:24px;padding-top:29px}.ph-method-closing p{font-size:17px}}

.ph-cases{container:ph-cases / inline-size;background:#f7f8fc;color:#243148;position:relative;isolation:isolate;scroll-margin-top:48px;overflow:clip}.ph-cases *,.ph-case-media *{box-sizing:border-box}.ph-cases [data-case-fx=pending]{opacity:0;transform:translate3d(clamp(48px,8vw,128px),0,0)}.ph-cases [data-case-reveal=left][data-case-fx=pending]{transform:translate3d(clamp(-128px,-8vw,-48px),0,0)}.ph-cases-intro{max-width:1193px;margin:auto;padding:46px 22px 38px;display:grid;gap:27px}.ph-cases-kicker{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:9px;font-weight:500;letter-spacing:1.8px;color:#65738c}.ph-cases-kicker>span{width:6px;height:6px;border-radius:50%;background:#817bb0;box-shadow:0 0 0 5px #eeedf7}.ph-cases-intro h2{font-size:34px;line-height:1.15;letter-spacing:-1.6px;font-weight:500;margin:0}.ph-cases-intro h2>span{color:#6c698e}.ph-cases-intro-aside>p{font-size:13px;line-height:1.8;max-width:410px;margin:0;color:#6b7790}.ph-cases-intro nav{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:22px}.ph-cases-intro nav>a{display:inline-flex;align-items:center;gap:7px;padding:5px 0;color:#3e4c68;font-size:10px;text-decoration:none;border-bottom:1px solid #cbd4e1}.ph-cases-intro nav>a>span{color:#8e8aaf}.ph-cases-intro nav>a:hover{border-color:#4061ad;color:#254787}.ph-cases-chapter{--case-accent:#f6c800;--case-text:#f9f9f5;--case-muted:#aaaeb1;--case-rule:#ffffff26;color:var(--case-text);position:relative;overflow:clip;scroll-margin-top:40px}.ph-cases-chapter-inner{position:relative;max-width:1237px;margin:auto;padding:34px 22px 42px}.ph-cases-chapter-header{display:flex;align-items:center;justify-content:space-between;min-height:38px;margin-bottom:28px}.ph-cases-brand-image{display:block;max-width:170px;width:auto;height:33px;object-fit:contain;object-position:left center}.ph-cases-brand-polishop{height:32px}.ph-cases-brand-yooper{height:31px;filter:brightness(0) invert(1)}.ph-cases-brand-eita{font-size:40px;font-weight:600;letter-spacing:-2px;line-height:.9}.ph-cases-brand-eita>span{display:block;font-size:6px;font-weight:500;letter-spacing:1.7px;line-height:1;margin:8px 0 0 2px}.ph-cases-chapter-count{font-size:12px;letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--case-accent)}.ph-cases-chapter-count>span{color:var(--case-muted);margin-left:6px;font-size:9px}.ph-cases-chapter-grid{display:grid;gap:30px}.ph-cases-copy{min-width:0}.ph-cases-category{font-size:9px;line-height:1.6;letter-spacing:1px;margin:0 0 16px;color:var(--case-accent);text-transform:uppercase}.ph-cases-copy h3{font-size:30px;font-weight:500;line-height:1.18;letter-spacing:-1.15px;margin:0;max-width:620px;text-wrap:pretty}.ph-cases-description{font-size:12px;line-height:1.9;color:var(--case-muted);max-width:530px;margin:21px 0}.ph-cases-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;color:var(--case-text);font-size:12px;font-weight:500;text-decoration:none;padding:12px 0 8px;border-bottom:1px solid var(--case-accent);max-width:100%}.ph-cases-link>svg{width:21px;height:21px;color:var(--case-accent);transition:transform .3s}.ph-cases-link:hover>svg{transform:translateX(4px)}.ph-cases-media-wrap{min-width:0}.ph-cases-results{min-width:0}.ph-cases-results dl{display:grid;grid-template-columns:1fr;margin:0;border-top:1px solid var(--case-rule)}.ph-cases-metric{display:grid;grid-template-columns:minmax(106px,.84fr) minmax(0,1.16fr);align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--case-rule);min-width:0}.ph-cases-metric dt{font-size:29px;line-height:1.15;letter-spacing:-1.2px;font-weight:500;color:var(--case-accent);white-space:nowrap}.ph-cases-metric dd{font-size:11px;line-height:1.6;margin:0;color:var(--case-text);text-wrap:pretty}.ph-cases-metric dd>small{display:block;font-size:8px;color:var(--case-muted);line-height:1.6;margin-top:5px}.ph-cases-period{color:var(--case-muted);font-size:8px;line-height:1.8;margin:14px 0 0;max-width:560px}.ph-cases-soldiers{background:#1a1c1b}.ph-cases-soldiers .ph-cases-category{color:#e4c644}.ph-cases-polishop{--case-accent:#cb0f09;--case-text:#29282c;--case-muted:#797579;--case-rule:#30232d22;background:#faf5f2}.ph-cases-polishop .ph-cases-chapter-inner{border-top:3px solid var(--case-accent)}.ph-cases-eita{--case-accent:#1f7ea1;--case-text:#183a46;--case-muted:#56777f;--case-rule:#1f7ea12b;background:radial-gradient(ellipse at 94% 60%,#48eaae24,transparent 53%),#edf8f7}.ph-cases-eita .ph-cases-metric dt{color:var(--case-accent)}.ph-cases-yooper{--case-accent:#98ddf1;--case-text:#f0f8fa;--case-muted:#a1b7c8;--case-rule:#b8d3e72b;background:#132c49}.ph-cases-yooper .ph-cases-copy h3{max-width:600px}.ph-case-media{container:ph-case-media / inline-size;color:inherit;margin:0;min-width:0;max-width:100%}.ph-case-media-frame{position:relative;border:1px solid #ffffff24;border-radius:16px;overflow:hidden;isolation:isolate;min-width:0}.ph-case-media figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;color:inherit;opacity:.7;font-size:8px;line-height:1.7;padding:12px 1px 0}.ph-case-media figcaption>span{max-width:58%}.ph-case-media figcaption>span+span{text-align:right;max-width:45%}.ph-case-media figcaption>a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;white-space:nowrap;font-size:9px}.ph-case-media figcaption>a>svg{width:13px;height:13px}.ph-case-media figcaption>a:hover{text-decoration:underline}.ph-case-media-film{aspect-ratio:16/9;background:#292532;position:relative}.ph-case-media-film>img,.ph-case-media-film>video{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.ph-case-media-film>video{object-fit:contain}.ph-case-media-play{border:0;position:absolute;inset:0;width:100%;height:100%;padding:18px;background:linear-gradient(transparent 35%,#191526b5);color:white;display:flex;align-items:flex-end;gap:11px;cursor:pointer;font:inherit;text-align:left}.ph-case-media-play>span{align-self:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:51px;height:51px;border:1px solid #ffffff91;border-radius:50%;display:grid;place-items:center;background:#fff2;backdrop-filter:blur(10px);transition:background .2s,transform .2s}.ph-case-media-play>span>svg{width:24px;height:24px;margin-left:3px}.ph-case-media-play>strong{font-size:11px;font-weight:500}.ph-case-media-play>small{font-size:9px;margin-left:auto;color:#ffffffe0}.ph-case-media-play:hover>span{background:#fff4;transform:translate(-50%,-50%) scale(1.06)}.ph-case-media-modo{background:#232723;position:relative;aspect-ratio:1.32;padding:24px;display:flex;flex-direction:column;overflow:hidden}.ph-case-media-modo::after{content:'';position:absolute;inset:0 0 0 71%;background:#f6c800;transform:skewX(-16deg) translateX(20%);z-index:-1}.ph-case-media-modo-top{display:flex;align-items:center;gap:13px;color:#f2ce23}.ph-case-media-modo-top>span:first-child{font-size:32px;font-weight:600;font-style:italic;letter-spacing:-2px;line-height:1}.ph-case-media-modo-top>span:last-child{font-size:5px;letter-spacing:1.1px;max-width:35px;line-height:1.6}.ph-case-media-modo-title{font-size:23px;line-height:1.13;letter-spacing:-.8px;font-weight:500;margin-top:23px;color:#f6f4ed}.ph-case-media-modo-title>em{font-style:normal;color:#f6c800}.ph-case-media-voice{display:flex;align-items:center;gap:10px;margin-top:20px;width:max-content;max-width:90%;padding:12px 16px 9px 9px;border-radius:11px;background:#f7f7e7;box-shadow:0 8px 24px #0002;transform:rotate(-3deg);color:#30382c}.ph-case-media-voice-circle{width:32px;height:32px;border-radius:50%;background:#e6e9da;display:grid;place-items:center;flex:none}.ph-case-media-voice-circle>svg{width:18px;height:18px}.ph-case-media-voice>div>small{display:block;font-size:7px;font-weight:500;margin-bottom:4px}.ph-case-media-wave{display:flex;align-items:center;gap:3px;height:24px;overflow:hidden}.ph-case-media-wave>i{display:block;width:2px;max-height:20px;background:#656f57;border-radius:2px;transform:scaleY(.65);animation:ph-case-wave 2.7s ease-in-out infinite alternate}.ph-case-media-modo-label{margin-top:auto;padding-top:18px;color:#e8e9df;font-size:5px;letter-spacing:1.1px}.ph-case-media-shop{background:#f1e9e6;aspect-ratio:1.3;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.ph-case-media-shop-header{font-size:9px;display:flex;align-items:center;gap:8px;color:#83595e}.ph-case-media-shop-dot{width:6px;height:6px;background:#c92836;border-radius:50%;flex:none}.ph-case-media-shop-body{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;padding:20px 0}.ph-case-media-catalog{background:#fffbf8;border:1px solid #fff;border-radius:10px;padding:13px 10px;box-shadow:0 12px 35px #56343209;transform:rotate(-5deg)}.ph-case-media-catalog>span{font-size:6px;color:#6e5456}.ph-case-media-catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.ph-case-media-catalog-grid>div{padding:7px 5px;background:#f6eeea;border-radius:5px;display:flex;flex-direction:column;align-items:center}.ph-case-media-product{display:block;width:21px;height:21px;margin:2px 0 8px;border:1px solid #ad7370;border-radius:5px;background:linear-gradient(145deg,#fff,#dfc2b8)}.ph-case-media-product-1{border-radius:50%}.ph-case-media-product-2{border-radius:8px 8px 3px 3px;width:16px;height:25px}.ph-case-media-product-3{width:25px;height:19px;border-radius:3px}.ph-case-media-catalog-grid>div>i{display:block;width:21px;height:2px;background:#bea09a;margin:2px;border-radius:1px}.ph-case-media-catalog-grid>div>i:last-child{width:13px;opacity:.5}.ph-case-media-shop-chat{display:grid;gap:8px;transform:translateX(-3px)}.ph-case-media-demo-question{padding:10px 11px;background:#fff;box-shadow:0 6px 24px #72444510;border-radius:9px 9px 9px 2px;display:flex;gap:6px;align-items:center;font-size:7px;color:#624f52}.ph-case-media-demo-question>svg{width:17px;height:17px;flex:none;color:#bf6770}.ph-case-media-demo-answer{padding:13px;background:#cb3440;color:white;border-radius:9px 9px 2px 9px;box-shadow:0 8px 24px #ad263326;transform:translateX(6px)}.ph-case-media-demo-answer>strong{display:block;font-weight:500;font-size:8px;line-height:1.5}.ph-case-media-demo-answer>span{display:block;margin-top:6px;font-size:7px;line-height:1.7;color:#ffeaed}.ph-case-media-shop-handoff{display:flex;align-items:center;gap:5px;padding:8px 0;font-size:6px;color:#9a6c71}.ph-case-media-shop-handoff>span{background:#fff5;padding:5px;border:1px solid #d5bdbb;border-radius:5px}.ph-case-media-shop-handoff>i{height:1px;background:#d5bdbb;flex:1}div.ph-case-media-yooper{aspect-ratio:1.25;padding:20px;background:radial-gradient(at 100% 100%,#294b69,#173750 70%);color:#e9f7fb;display:flex;flex-direction:column}.ph-case-media-data-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #bde9ff20}.ph-case-media-data-top>span:first-child{font-size:13px;letter-spacing:1.5px;font-weight:500}.ph-case-media-data-top>span:last-child{font-size:6px;color:#a2c0d4}.ph-case-media-data-sources{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:19px}.ph-case-media-data-sources>span{text-align:center;padding:8px 2px;background:#c0e8f40c;border:1px solid #c2e9f829;border-radius:4px;font-size:6px;color:#b3d0df}.ph-case-media-data-lines{height:43px;color:#639bc1}.ph-case-media-data-lines>svg{display:block;width:100%;height:100%}.ph-case-media-data-query{display:flex;align-items:center;gap:8px;position:relative;padding:13px 12px;background:#edf9f8;border-radius:8px;box-shadow:0 10px 30px #061b3026;color:#263f55}.ph-case-media-data-query>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d8e8eb;flex:none}.ph-case-media-data-query svg{width:13px;height:13px}.ph-case-media-data-query>p{font-size:8px;line-height:1.6;margin:0}.ph-case-media-data-query>i{font-style:normal;margin-left:auto;font-size:13px}.ph-case-media-data-answer{display:flex;gap:10px;align-items:center;margin:15px 0 0;padding:12px;background:#a8e5f414;border:1px solid #a8e5f426;border-radius:8px}.ph-case-media-data-answer>svg{height:24px;width:24px;color:#a8e5f4;flex:none}.ph-case-media-data-answer strong{display:block;font-size:7px;line-height:1.7;font-weight:500}.ph-case-media-data-answer span{display:block;font-size:6px;margin-top:3px;color:#94bace}.ph-cases a:focus-visible,.ph-cases button:focus-visible,.ph-case-media a:focus-visible,.ph-case-media button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.ph-case-media-eita .ph-case-media-frame{border-color:#1f7ea129;box-shadow:0 16px 55px #1f7ea117}.ph-case-media-polishop .ph-case-media-frame{border-color:#dfc6c3}.ph-case-media-yooper .ph-case-media-frame{border-color:#8fcae647}
@container ph-cases (min-width:700px){.ph-cases-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;padding:56px 30px 44px}.ph-cases-intro h2{font-size:47px;letter-spacing:-2px}.ph-cases-intro-aside>p{font-size:14px}.ph-cases-intro nav{gap:18px}.ph-cases-chapter-inner{padding:46px 30px 44px}.ph-cases-chapter-header{margin-bottom:34px}.ph-cases-chapter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px 40px;align-items:center}.ph-cases-copy h3{font-size:34px;letter-spacing:-1.4px}.ph-cases-category{font-size:9px}.ph-cases-description{font-size:12px;margin:22px 0}.ph-cases-link{font-size:12px}.ph-cases-results{grid-column:1/-1}.ph-cases-results dl{grid-template-columns:repeat(3,minmax(0,1fr));padding:26px 0;border-bottom:1px solid var(--case-rule)}.ph-cases-metric{display:block;border:0;padding:0 24px}.ph-cases-metric:first-child{padding-left:0}.ph-cases-metric+.ph-cases-metric{border-left:1px solid var(--case-rule)}.ph-cases-metric dt{font-size:37px;letter-spacing:-1.8px;white-space:normal}.ph-cases-metric dd{font-size:11px;line-height:1.6;margin-top:12px;max-width:245px}.ph-cases-metric dd>small{font-size:8px}.ph-cases-period{font-size:8px}.ph-cases-polishop .ph-cases-copy{grid-column:2;grid-row:1}.ph-cases-polishop .ph-cases-media-wrap{grid-column:1;grid-row:1}.ph-cases-eita .ph-cases-chapter-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}.ph-cases-eita .ph-cases-copy{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:0 55px;align-items:center}.ph-cases-eita .ph-cases-category{grid-column:1/-1}.ph-cases-eita .ph-cases-copy h3{grid-column:1;grid-row:2/4;max-width:640px}.ph-cases-eita .ph-cases-description{grid-column:2;grid-row:2;margin-top:0}.ph-cases-eita .ph-cases-link{grid-column:2;grid-row:3;width:max-content;align-self:start}.ph-cases-eita .ph-cases-media-wrap{grid-column:1;align-self:center}.ph-cases-eita .ph-cases-results{grid-column:2;align-self:center}.ph-cases-eita .ph-cases-results dl{display:block;padding:0;border-bottom:0}.ph-cases-eita .ph-cases-metric{padding:15px 0;border-bottom:1px solid var(--case-rule)}.ph-cases-eita .ph-cases-metric+.ph-cases-metric{border-left:0}.ph-cases-eita .ph-cases-metric dt{font-size:34px}.ph-cases-eita .ph-cases-metric dd{font-size:10px;margin-top:5px}.ph-cases-eita .ph-cases-metric dd>small{font-size:7px;margin-top:3px}.ph-cases-eita .ph-cases-period{font-size:7px}.ph-case-media figcaption{font-size:7px}.ph-case-media figcaption>a{font-size:8px}.ph-case-media-play{padding:20px}.ph-case-media-play>strong{font-size:12px}.ph-case-media-play>span{width:60px;height:60px}.ph-case-media-modo{padding:30px}.ph-case-media-modo-top>span:first-child{font-size:36px}.ph-case-media-modo-title{font-size:28px}.ph-case-media-shop{padding:24px}.ph-case-media-shop-body{padding:25px 0}div.ph-case-media-yooper{padding:25px}.ph-case-media-data-sources{margin-top:28px}.ph-case-media-data-query>p{font-size:10px}.ph-case-media-data-answer strong{font-size:9px}.ph-case-media-data-answer span{font-size:7px}}
@container ph-cases (min-width:1050px){.ph-cases-intro{padding:64px 0 48px;grid-template-columns:1.25fr 1fr}.ph-cases-intro h2{font-size:57px;line-height:1.14;letter-spacing:-2.8px}.ph-cases-intro-aside{max-width:430px;justify-self:end}.ph-cases-intro-aside>p{font-size:15px}.ph-cases-intro nav>a{font-size:11px}.ph-cases-chapter-inner{padding:36px 22px 36px}.ph-cases-chapter-header{margin-bottom:26px}.ph-cases-brand-image{height:39px;max-width:200px}.ph-cases-brand-polishop{height:37px}.ph-cases-brand-yooper{height:34px}.ph-cases-brand-eita{font-size:46px}.ph-cases-chapter-count{font-size:14px}.ph-cases-chapter-grid{column-gap:77px;row-gap:26px}.ph-cases-copy h3{font-size:43px;line-height:1.16;letter-spacing:-2px}.ph-cases-description{font-size:14px;line-height:1.85;margin:25px 0}.ph-cases-category{font-size:10px;letter-spacing:1.2px;margin-bottom:20px}.ph-cases-link{font-size:13px;gap:40px}.ph-cases-results dl{padding:33px 0}.ph-cases-metric{padding:0 44px}.ph-cases-metric dt{font-size:46px;letter-spacing:-2.3px}.ph-cases-metric dd{font-size:13px}.ph-cases-metric dd>small{font-size:9px}.ph-cases-period{font-size:9px;margin-top:16px}.ph-cases-eita .ph-cases-chapter-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);column-gap:66px}.ph-cases-eita .ph-cases-copy{column-gap:100px}.ph-cases-eita .ph-cases-copy h3{font-size:42px}.ph-cases-eita .ph-cases-metric{padding:19px 0}.ph-cases-eita .ph-cases-metric dt{font-size:38px}.ph-cases-eita .ph-cases-metric dd{font-size:12px}.ph-cases-eita .ph-cases-metric dd>small{font-size:9px}.ph-cases-eita .ph-cases-period{font-size:8px}.ph-cases-yooper .ph-cases-chapter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.ph-case-media figcaption{font-size:8px}.ph-case-media figcaption>a{font-size:9px}.ph-case-media-frame{border-radius:22px}.ph-case-media-modo{padding:35px;aspect-ratio:1.33}.ph-case-media-modo-top>span:first-child{font-size:48px}.ph-case-media-modo-top>span:last-child{font-size:7px;max-width:46px}.ph-case-media-modo-title{font-size:38px;margin-top:35px}.ph-case-media-voice{margin-top:27px;gap:15px;padding:14px 24px 13px 12px;border-radius:15px}.ph-case-media-voice-circle{width:40px;height:40px}.ph-case-media-voice-circle>svg{width:22px;height:22px}.ph-case-media-voice>div>small{font-size:9px}.ph-case-media-wave{gap:4px;height:28px}.ph-case-media-wave>i{width:3px;max-height:27px}.ph-case-media-modo-label{font-size:7px}.ph-case-media-shop{padding:32px}.ph-case-media-shop-header{font-size:12px}.ph-case-media-shop-body{padding:36px 0;gap:25px}.ph-case-media-catalog{padding:20px 16px}.ph-case-media-catalog>span{font-size:9px}.ph-case-media-catalog-grid{gap:13px;margin-top:18px}.ph-case-media-catalog-grid>div{padding:12px 8px}.ph-case-media-product{width:33px;height:33px}.ph-case-media-product-2{width:25px;height:37px}.ph-case-media-product-3{width:38px;height:29px}.ph-case-media-catalog-grid>div>i{width:32px;height:3px}.ph-case-media-catalog-grid>div>i:last-child{width:20px}.ph-case-media-demo-question{font-size:10px;padding:14px}.ph-case-media-demo-question>svg{width:20px;height:20px}.ph-case-media-demo-answer{padding:18px}.ph-case-media-demo-answer>strong{font-size:12px}.ph-case-media-demo-answer>span{font-size:10px;margin-top:10px}.ph-case-media-shop-handoff{font-size:9px;padding:12px 0}.ph-case-media-shop-handoff>span{padding:8px}.ph-case-media-shop-chat{gap:11px}div.ph-case-media-yooper{padding:32px;aspect-ratio:1.4}.ph-case-media-data-top{padding-bottom:22px}.ph-case-media-data-top>span:first-child{font-size:18px}.ph-case-media-data-top>span:last-child{font-size:9px}.ph-case-media-data-sources{gap:8px;margin-top:28px}.ph-case-media-data-sources>span{font-size:9px;padding:11px 3px}.ph-case-media-data-lines{height:53px}.ph-case-media-data-query{padding:18px;gap:12px}.ph-case-media-data-query>p{font-size:13px}.ph-case-media-data-query>span{width:30px;height:30px}.ph-case-media-data-query svg{width:17px;height:17px}.ph-case-media-data-query>i{font-size:17px}.ph-case-media-data-answer{padding:17px;margin-top:21px;gap:16px}.ph-case-media-data-answer>svg{width:32px;height:32px}.ph-case-media-data-answer strong{font-size:11px}.ph-case-media-data-answer span{font-size:9px}.ph-case-media-play{padding:25px}.ph-case-media-play>span{width:69px;height:69px}.ph-case-media-play>span>svg{width:28px;height:28px}.ph-case-media-play>strong{font-size:14px}.ph-case-media-play>small{font-size:11px}}
@keyframes ph-case-wave{0%,25%{transform:scaleY(.45)}70%,100%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.ph-cases [data-case-fx]{opacity:1!important;transform:none!important;filter:none!important}.ph-case-media-wave>i{animation:none;transform:none}.ph-cases-link>svg,.ph-case-media-play>span{transition:none}}
@media(forced-colors:active){.ph-cases-chapter,.ph-case-media-frame{border:1px solid CanvasText}.ph-cases-brand-image{filter:none}.ph-cases-metric dt,.ph-cases-link{color:LinkText}.ph-case-media-play{background:Canvas;color:CanvasText}}
@container ph-cases (max-width:699px){.ph-cases-polishop:lang(en) .ph-cases-metric:last-child dt{font-size:27px}}

@container ph-case-media (min-width:380px){.ph-case-media figcaption{font-size:7px}.ph-case-media figcaption>a{font-size:8px}.ph-case-media-play{padding:20px}.ph-case-media-play>strong{font-size:12px}.ph-case-media-play>span{width:60px;height:60px}.ph-case-media-modo{padding:30px}.ph-case-media-modo-top>span:first-child{font-size:36px}.ph-case-media-modo-title{font-size:28px}.ph-case-media-shop{padding:24px}.ph-case-media-shop-body{padding:25px 0}div.ph-case-media-yooper{padding:25px}.ph-case-media-data-sources{margin-top:28px}.ph-case-media-data-query>p{font-size:10px}.ph-case-media-data-answer strong{font-size:9px}.ph-case-media-data-answer span{font-size:7px}}

@container ph-case-media (min-width:480px){.ph-case-media figcaption{font-size:8px}.ph-case-media figcaption>a{font-size:9px}.ph-case-media-frame{border-radius:22px}.ph-case-media-modo{padding:35px;aspect-ratio:1.33}.ph-case-media-modo-top>span:first-child{font-size:48px}.ph-case-media-modo-top>span:last-child{font-size:7px;max-width:46px}.ph-case-media-modo-title{font-size:38px;margin-top:35px}.ph-case-media-voice{margin-top:27px;gap:15px;padding:14px 24px 13px 12px;border-radius:15px}.ph-case-media-voice-circle{width:40px;height:40px}.ph-case-media-voice-circle>svg{width:22px;height:22px}.ph-case-media-voice>div>small{font-size:9px}.ph-case-media-wave{gap:4px;height:28px}.ph-case-media-wave>i{width:3px;max-height:27px}.ph-case-media-modo-label{font-size:7px}.ph-case-media-shop{padding:32px}.ph-case-media-shop-header{font-size:12px}.ph-case-media-shop-body{padding:36px 0;gap:25px}.ph-case-media-catalog{padding:20px 16px}.ph-case-media-catalog>span{font-size:9px}.ph-case-media-catalog-grid{gap:13px;margin-top:18px}.ph-case-media-catalog-grid>div{padding:12px 8px}.ph-case-media-product{width:33px;height:33px}.ph-case-media-product-2{width:25px;height:37px}.ph-case-media-product-3{width:38px;height:29px}.ph-case-media-catalog-grid>div>i{width:32px;height:3px}.ph-case-media-catalog-grid>div>i:last-child{width:20px}.ph-case-media-demo-question{font-size:10px;padding:14px}.ph-case-media-demo-question>svg{width:20px;height:20px}.ph-case-media-demo-answer{padding:18px}.ph-case-media-demo-answer>strong{font-size:12px}.ph-case-media-demo-answer>span{font-size:10px;margin-top:10px}.ph-case-media-shop-handoff{font-size:9px;padding:12px 0}.ph-case-media-shop-handoff>span{padding:8px}.ph-case-media-shop-chat{gap:11px}div.ph-case-media-yooper{padding:32px;aspect-ratio:1.4}.ph-case-media-data-top{padding-bottom:22px}.ph-case-media-data-top>span:first-child{font-size:18px}.ph-case-media-data-top>span:last-child{font-size:9px}.ph-case-media-data-sources{gap:8px;margin-top:28px}.ph-case-media-data-sources>span{font-size:9px;padding:11px 3px}.ph-case-media-data-lines{height:53px}.ph-case-media-data-query{padding:18px;gap:12px}.ph-case-media-data-query>p{font-size:13px}.ph-case-media-data-query>span{width:30px;height:30px}.ph-case-media-data-query svg{width:17px;height:17px}.ph-case-media-data-query>i{font-size:17px}.ph-case-media-data-answer{padding:17px;margin-top:21px;gap:16px}.ph-case-media-data-answer>svg{width:32px;height:32px}.ph-case-media-data-answer strong{font-size:11px}.ph-case-media-data-answer span{font-size:9px}.ph-case-media-play{padding:25px}.ph-case-media-play>span{width:69px;height:69px}.ph-case-media-play>span>svg{width:28px;height:28px}.ph-case-media-play>strong{font-size:14px}.ph-case-media-play>small{font-size:11px}}
/* Supplied EITA artwork, displayed in black and white without recoloring the source. */
.ph-eita-logo{display:block;flex:none;width:88px;height:89px;overflow:hidden}
.ph-case-media-film{position:relative}
.ph-case-media-sound{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:6px;z-index:2;border:1px solid #ffffff48;border-radius:30px;padding:8px 11px;background:#101823bd;backdrop-filter:blur(12px);color:white;font:500 10px Sora,sans-serif;cursor:pointer}
.ph-case-media-sound svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ph-case-media-resume{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;border:1px solid #ffffff70;border-radius:30px;background:#111b2dcc;color:#fff;padding:13px 19px;font:500 12px Sora,sans-serif;white-space:nowrap;cursor:pointer}
.ph-case-media-resume svg{width:19px;height:19px}
@container ph-cases (min-width:700px){.ph-eita-logo{width:102px;height:103px}.ph-case-media-sound{right:18px;top:18px;padding:9px 13px;font-size:11px}}

/* Native case pin: reserve only the short reveal travel, never a blank full-height stage. */
.ph-cases-chapter[data-case-mode=scroll]{scroll-margin-top:var(--case-sticky-top,40px)}
.ph-cases-runway{height:0}
.ph-cases-chapter[data-case-mode=scroll]>.ph-cases-runway{height:var(--case-travel,0px)}
.ph-cases-chapter[data-case-mode=scroll]>.ph-cases-chapter-inner{position:sticky;top:var(--case-sticky-top,0px)}
@container ph-cases (max-width:699px){
 .ph-cases-chapter-inner{padding:22px 22px 24px}
 .ph-cases-chapter-header{min-height:32px;margin-bottom:18px}
 .ph-cases-chapter-header .ph-eita-logo{width:59px;height:60px}
 .ph-cases-chapter-grid{gap:19px}
 .ph-cases-copy h3{font-size:27px;line-height:1.18;letter-spacing:-1px}
 .ph-cases-category{font-size:8px;letter-spacing:.8px;margin-bottom:10px}
 .ph-cases-description{font-size:12px;line-height:1.65;margin:13px 0 6px}
 .ph-cases-link{padding:9px 0 6px;font-size:11px}
 .ph-cases-results dl{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--case-rule);padding:13px 0}
 .ph-cases-metric{display:block;min-width:0;padding:0 10px;border:0}
 .ph-cases-metric:first-child{padding-left:0}
 .ph-cases-metric:last-child{padding-right:0}
 .ph-cases-metric+.ph-cases-metric{border-left:1px solid var(--case-rule)}
 .ph-cases-metric dt{font-size:22px;letter-spacing:-.9px;white-space:normal}
 .ph-cases-metric dd{font-size:10px;line-height:1.5;margin-top:7px}
 .ph-cases-metric dd>small{font-size:8px;line-height:1.45;margin-top:5px}
 .ph-cases-period{font-size:8px;line-height:1.55;margin-top:8px}
 .ph-cases-polishop:lang(en) .ph-cases-metric:last-child dt{font-size:22px}
 .ph-cases .ph-case-media-modo,.ph-cases .ph-case-media-shop,.ph-cases div.ph-case-media-yooper{aspect-ratio:16/9}
 .ph-cases .ph-case-media-modo{padding:18px 22px}
 .ph-cases .ph-case-media-modo-top>span:first-child{font-size:26px}
 .ph-cases .ph-case-media-modo-title{font-size:20px;margin-top:13px}
 .ph-cases .ph-case-media-voice{position:absolute;right:28px;bottom:30px;max-width:49%;padding:9px 10px 7px 7px;gap:7px}
 .ph-cases .ph-case-media-voice-circle{width:25px;height:25px}
 .ph-cases .ph-case-media-voice>div>small{font-size:6px}
 .ph-cases .ph-case-media-modo-label{padding-top:8px;font-size:5px}
 .ph-cases .ph-case-media-shop{padding:14px 18px}
 .ph-cases .ph-case-media-shop-body{padding:9px 0;gap:16px}
 .ph-cases .ph-case-media-catalog{padding:8px 9px}
 .ph-cases .ph-case-media-catalog-grid{gap:5px;margin-top:6px}
 .ph-cases .ph-case-media-catalog-grid>div{padding:3px}
 .ph-cases .ph-case-media-product{width:15px;height:15px;margin:1px 0 3px}
 .ph-cases .ph-case-media-demo-question{padding:7px 8px}
 .ph-cases .ph-case-media-demo-answer{padding:9px}
 .ph-cases .ph-case-media-demo-answer>strong{font-size:7px}
 .ph-cases .ph-case-media-demo-answer>span{font-size:6px;margin-top:3px}
 .ph-cases .ph-case-media-shop-handoff{padding:3px 0}
 .ph-cases div.ph-case-media-yooper{padding:13px 18px}
 .ph-cases .ph-case-media-data-top{padding-bottom:7px}
 .ph-cases .ph-case-media-data-sources{margin-top:8px}
 .ph-cases .ph-case-media-data-sources>span{padding:5px 2px}
 .ph-cases .ph-case-media-data-lines{height:21px}
 .ph-cases .ph-case-media-data-query{padding:8px 10px}
 .ph-cases .ph-case-media-data-answer{padding:7px 9px;margin-top:8px}
 .ph-cases .ph-case-media-data-answer>svg{height:20px;width:20px}
 .ph-cases .ph-case-media figcaption{padding-top:7px;font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 .ph-cases-chapter[data-case-mode=scroll]>.ph-cases-runway{height:0}
 .ph-cases-chapter[data-case-mode=scroll]>.ph-cases-chapter-inner{position:relative;top:auto}
 .ph-cases [data-case-reveal]{opacity:1!important;transform:none!important}
}
/* Notebook viewports keep the full case framed without scaling its typography. */
@media(max-height:850px){
 @container ph-cases (min-width:700px){
  .ph-cases-chapter-inner{padding-block:20px}
  .ph-cases-chapter-header{margin-bottom:18px}
  .ph-cases-chapter-grid{row-gap:20px}
  .ph-cases-results dl{padding-block:18px}
  .ph-cases .ph-case-media-modo,.ph-cases .ph-case-media-shop,.ph-cases div.ph-case-media-yooper{aspect-ratio:16/9}
  .ph-cases .ph-case-media-modo{padding:24px 28px}
  .ph-cases .ph-case-media-modo-top>span:first-child{font-size:36px}
  .ph-cases .ph-case-media-modo-title{font-size:28px;margin-top:19px}
  .ph-cases .ph-case-media-voice{position:absolute;right:35px;bottom:46px;max-width:46%;margin:0;padding:10px 13px 8px 9px;gap:9px}
  .ph-cases .ph-case-media-voice-circle{width:32px;height:32px}
  .ph-cases .ph-case-media-voice>div>small{font-size:7px}
  .ph-cases .ph-case-media-modo-label{padding-top:12px}
  .ph-cases .ph-case-media-shop{padding:20px 25px}
  .ph-cases .ph-case-media-shop-body{padding:15px 0;gap:20px}
  .ph-cases .ph-case-media-catalog{padding:13px 11px}
  .ph-cases .ph-case-media-catalog-grid{gap:8px;margin-top:9px}
  .ph-cases .ph-case-media-catalog-grid>div{padding:6px}
  .ph-cases .ph-case-media-product{width:23px;height:23px;margin:1px 0 5px}
  .ph-cases .ph-case-media-demo-question{padding:10px}
  .ph-cases .ph-case-media-demo-answer{padding:12px}
  .ph-cases .ph-case-media-demo-answer>strong{font-size:10px}
  .ph-cases .ph-case-media-demo-answer>span{font-size:9px;margin-top:6px}
  .ph-cases .ph-case-media-shop-handoff{padding:6px 0}
  .ph-cases div.ph-case-media-yooper{padding:20px 25px}
  .ph-cases .ph-case-media-data-top{padding-bottom:12px}
  .ph-cases .ph-case-media-data-sources{margin-top:14px}
  .ph-cases .ph-case-media-data-sources>span{padding:8px 3px}
  .ph-cases .ph-case-media-data-lines{height:31px}
  .ph-cases .ph-case-media-data-query{padding:12px}
  .ph-cases .ph-case-media-data-query>p{font-size:11px}
  .ph-cases .ph-case-media-data-answer{padding:11px;margin-top:12px}
  .ph-cases .ph-case-media-data-answer>svg{height:25px;width:25px}
  .ph-cases-eita .ph-cases-chapter-header .ph-eita-logo{width:52px;height:53px}
  .ph-cases-eita .ph-cases-chapter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:50px}
  .ph-cases-eita .ph-cases-copy{grid-column:1;grid-row:1;display:block}
  .ph-cases-eita .ph-cases-copy h3{grid-column:auto;grid-row:auto}
  .ph-cases-eita .ph-cases-description{margin-top:20px}
  .ph-cases-eita .ph-cases-media-wrap{grid-column:2;grid-row:1}
  .ph-cases-eita .ph-cases-results{grid-column:1/-1;grid-row:2}
  .ph-cases-eita .ph-cases-results dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 0;border-bottom:1px solid var(--case-rule)}
  .ph-cases-eita .ph-cases-metric{padding:0 24px;border-bottom:0}
  .ph-cases-eita .ph-cases-metric:first-child{padding-left:0}
  .ph-cases-eita .ph-cases-metric+.ph-cases-metric{border-left:1px solid var(--case-rule)}
  .ph-cases-eita .ph-cases-period{margin-top:10px}
 }
}

/* EITA uses the original logo palette: mint, cyan and its blue wordmark. */
.ph-case-media-eita .ph-case-media-sound{border-color:#48eaae66;background:#113b49e8}
.ph-case-media-eita .ph-case-media-resume{border-color:#48eaae99;background:#113b49e8}

/* A.IChef: the post-purchase QR-to-WhatsApp experience. */
.ph-case-media-ichef{aspect-ratio:16/9;padding:clamp(14px,4.5cqw,30px);display:flex;flex-direction:column;background:radial-gradient(ellipse at 10% 100%,#ead4cc,transparent 65%),#f4e8e2;color:#59282a;overflow:hidden}
.ph-ichef-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:clamp(8px,2.5cqw,17px);border-bottom:1px solid #b7463b25}
.ph-ichef-top>span:first-child{font-size:clamp(16px,4.5cqw,32px);line-height:1;font-weight:600;letter-spacing:-.06em;color:#cb0f09}
.ph-ichef-top>span:last-child{font-size:clamp(6px,1.4cqw,10px);letter-spacing:.1em;color:#946e69}
.ph-ichef-journey{display:grid;grid-template-columns:30% 10% 1fr;align-items:center;flex:1;min-height:0;gap:2%}
.ph-ichef-product{align-self:stretch;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0 0;min-height:0}
.ph-ichef-appliance{width:75%;height:auto;max-height:calc(100% - 17px);min-height:0;filter:drop-shadow(0 7px 6px #4c2c2520)}
.ph-ichef-qr{position:absolute;right:0;top:50%;width:clamp(23px,7cqw,48px);padding:clamp(3px,1cqw,7px);background:#fff8f4;border:1px solid #d9b8ae;border-radius:5px;color:#593131;box-shadow:0 3px 10px #873d2720}
.ph-ichef-qr svg{display:block;width:100%}
.ph-ichef-product-label{font-size:clamp(6px,1.4cqw,10px);white-space:nowrap;margin-top:4px;color:#86645e}
.ph-ichef-connect{color:#cb0f09;text-align:center;font-size:clamp(20px,5cqw,36px);font-weight:300}
.ph-ichef-conversation{display:grid;gap:clamp(6px,1.8cqw,12px);padding-top:7px;min-width:0}
.ph-ichef-message{position:relative;background:#fffaf7;border:1px solid #ffffffd0;border-radius:12px 12px 12px 2px;padding:clamp(10px,3cqw,20px);box-shadow:0 6px 24px #7e3a2e08}
.ph-ichef-message>svg{width:clamp(13px,3cqw,22px);height:clamp(13px,3cqw,22px);color:#cb0f09;margin-bottom:5px}
.ph-ichef-message>strong{display:block;font-size:clamp(9px,2.4cqw,17px);line-height:1.4;font-weight:500;letter-spacing:-.03em}
.ph-ichef-message>p{margin:5px 0 0;font-size:clamp(7px,1.8cqw,13px);line-height:1.6;color:#8d6866}
.ph-ichef-knowledge{display:grid;gap:4px;font-size:clamp(6px,1.5cqw,11px);color:#8c6460;padding-left:3px;line-height:1.5}
.ph-ichef-knowledge>span::before{content:'+';color:#cb0f09;margin-right:6px}
.ph-ichef-bottom{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:clamp(6px,1.5cqw,10px);font-size:clamp(6px,1.4cqw,10px);color:#9b7770;line-height:1.2}
.ph-ichef-bottom>i{width:2px;height:2px;border-radius:50%;background:#c4847a}

/* Case landing pages share an editorial structure and retain each client's own palette. */
.ph-case-page{--cd-bg:#f8f7f3;--cd-ink:#20232a;--cd-muted:#64707c;--cd-accent:#ba2339;--cd-line:#20232a22;--cd-panel:#fff;--cd-tint:#eee5e0;color:var(--cd-ink);background:var(--cd-bg);font-family:Sora,system-ui,sans-serif;container-type:inline-size;container-name:case-page;width:100%;overflow:clip;-webkit-font-smoothing:antialiased}
.ph-case-page[data-compact=true]{max-width:440px;margin-inline:auto}
.ph-case-page *{box-sizing:border-box}
.ph-case-page a{color:inherit;text-decoration:none}
.ph-case-page button{font:inherit}
.ph-case-page :is(a,button):focus-visible{outline:2px solid var(--cd-accent);outline-offset:5px}
.ph-case-page [data-fx-state=pending]{opacity:0}
.ph-case-page [data-fx-state=done]{opacity:1}
.case-detail-soldiers{--cd-bg:#191b1b;--cd-ink:#fafaf4;--cd-muted:#b4bab4;--cd-accent:#f6c800;--cd-line:#f5f7ee25;--cd-panel:#262b28;--cd-tint:#303428}
.case-detail-eita{--cd-bg:#f1f9f8;--cd-ink:#183a46;--cd-muted:#54757d;--cd-accent:#1f7ea1;--cd-line:#1f7ea128;--cd-panel:#fbfffe;--cd-tint:#e0f1ef}
.case-detail-yooper{--cd-bg:#0b202b;--cd-ink:#edf8fd;--cd-muted:#a1b9c5;--cd-accent:#67e6de;--cd-line:#b1dfeb26;--cd-panel:#14313e;--cd-tint:#1b424a}
.case-detail-wrap{width:min(1168px,calc(100% - 80px));margin-inline:auto}
.case-detail-header{background:#080c15;color:#f1f5fb;border-bottom:1px solid #ffffff14}
.case-detail-header-inner{width:min(1440px,calc(100% - 64px));min-height:84px;display:flex;align-items:center;gap:26px;margin-inline:auto}
.case-detail-home{display:block;margin-right:auto;flex:none}
.case-detail-home img{width:186px;height:47px;object-fit:contain;display:block}
.case-detail-back{display:flex;align-items:center;gap:9px;font-size:12px;color:#bccadb!important}
.case-detail-back svg{width:18px;height:18px}
.case-detail-language{display:flex;align-items:center;padding:2px;border:1px solid #263449;border-radius:8px;background:#0d1521;gap:2px;flex:none}
.case-detail-language button{min-height:27px;width:29px;appearance:none;border:0;background:transparent;color:#8d9db4;border-radius:5px;font:500 10px Sora,system-ui,sans-serif;cursor:pointer}
.case-detail-language button[aria-pressed=true]{background:#26364f;color:#f1f5fb}
.case-detail-header .case-detail-header-cta{height:42px}
.case-detail-intro{padding-top:54px;background:var(--cd-bg);position:relative}
.case-detail-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px;padding-bottom:24px;border-bottom:1px solid var(--cd-line)}
.case-detail-index{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--cd-accent)}
.case-detail-index>span{opacity:.55;margin-left:8px}
.case-detail-customer-mark{display:block;width:auto;max-width:200px;max-height:47px;object-fit:contain}
.case-detail-polishop{--cd-accent:#cb0f09}
.case-detail-polishop .case-detail-customer-mark{max-width:183px;max-height:47px}
.case-detail-eita-mark{font-size:54px;line-height:.9;letter-spacing:-.085em;font-weight:700;color:var(--cd-ink)}
.case-detail-eita-mark>span{color:var(--cd-accent)}
.case-detail-intro-copy{max-width:995px;padding:60px 0 46px}
.case-detail-category{font-size:11px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;font-weight:500;color:var(--cd-accent);margin:0 0 22px}
.case-detail-intro h1{font-size:clamp(38px,4.5vw,65px);line-height:1.12;font-weight:500;letter-spacing:-.055em;max-width:1000px;margin:0;text-wrap:balance}
.case-detail-lead{font-size:18px;line-height:1.8;letter-spacing:-.025em;max-width:795px;margin:26px 0 0;color:var(--cd-muted)}
.case-detail-eita .case-detail-intro-copy{max-width:1040px;margin-inline:auto;text-align:center;padding:63px 0 48px}
.case-detail-eita .case-detail-lead{margin-inline:auto;max-width:830px}
.case-detail-polishop .case-detail-intro h1{max-width:900px}
.case-detail-yooper .case-detail-intro h1{max-width:1020px}
.case-detail-film{position:relative;margin:0 0 46px;isolation:isolate}
.case-detail-film .ph-case-media{width:100%;min-height:0}
.case-detail-results{padding:4px 0 46px}
.case-detail-results>h2{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:500;margin:0 0 25px;color:var(--cd-muted)}
.case-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--cd-line);border-bottom:1px solid var(--cd-line)}
.case-detail-metrics>div{padding:29px 25px 28px 0;min-width:0}
.case-detail-metrics>div+div{border-left:1px solid var(--cd-line);padding-left:33px}
.case-detail-metrics dt{color:var(--cd-accent);font-size:clamp(29px,3.4vw,48px);line-height:1.2;letter-spacing:-.06em;font-weight:500}
.case-detail-metrics dd{margin:10px 0 0;font-size:13px;line-height:1.65;max-width:240px;color:var(--cd-ink)}
.case-detail-metrics .case-detail-metric-note{font-size:10px;color:var(--cd-muted);line-height:1.6;margin-top:11px}
.case-detail-period{font-size:10px;line-height:1.8;color:var(--cd-muted);margin:15px 0 0}
.case-detail-story{display:grid;grid-template-columns:235px minmax(0,1fr);gap:75px;padding-top:38px;padding-bottom:10px}
.case-detail-index-nav{position:sticky;top:32px;align-self:start;padding-bottom:25px}
.case-detail-index-nav>p{font-size:10px;color:var(--cd-muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 27px}
.case-detail-index-nav ol{margin:0;padding:0;list-style:none;display:grid;gap:13px}
.case-detail-index-nav button{display:grid;grid-template-columns:24px 1fr;gap:11px;width:100%;text-align:left;padding:6px 0;border:0;background:none;color:var(--cd-muted);font-size:11px;line-height:1.8;cursor:pointer;transition:color .2s}
.case-detail-index-nav button>span{font-size:9px;padding-top:2px;opacity:.65}
.case-detail-index-nav button[aria-current=step],.case-detail-index-nav button:hover{color:var(--cd-accent)}
.case-detail-chapters{min-width:0}
.case-detail-chapter{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;padding:0 0 42px;margin:0 0 38px;border-bottom:1px solid var(--cd-line);scroll-margin-top:45px}
.case-detail-chapter-number{padding-top:8px;font-size:11px;color:var(--cd-accent);letter-spacing:.06em}
.case-detail-chapter h2{font-size:clamp(23px,2.4vw,31px);font-weight:500;line-height:1.4;letter-spacing:-.045em;margin:0 0 20px;text-wrap:balance}
.case-detail-chapter p{font-size:14px;line-height:1.95;color:var(--cd-muted);margin:0}
.case-detail-points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.case-detail-points li{padding:16px 20px;border:1px solid var(--cd-line);border-radius:13px;background:var(--cd-panel);font-size:12px;line-height:1.7;color:var(--cd-ink);display:flex;align-items:baseline;gap:14px}
.case-detail-points li>span{height:5px;width:5px;flex:none;border-radius:50%;background:var(--cd-accent)}
.case-detail-credits{padding:0 0 65px 310px;color:var(--cd-muted)}
.case-detail-credits>span{font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.case-detail-credits p{font-size:12px;line-height:1.8;margin:9px 0 0}
.case-detail-next{border-top:1px solid var(--cd-line);background:var(--cd-tint);overflow:hidden}
.case-detail-next-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:60px}
.case-detail-next h2{font-size:42px;line-height:1.2;letter-spacing:-.055em;font-weight:500;margin:0}
.case-detail-next .case-detail-category{margin-bottom:15px}
.case-detail-next-description{color:var(--cd-muted);font-size:14px;line-height:1.85;max-width:580px;margin:16px 0 24px}
.case-detail-next-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;font-weight:500;color:var(--cd-ink)}
.case-detail-next-link svg{width:22px;height:22px;transition:transform .2s}
.case-detail-next-inner:hover .case-detail-next-link svg{transform:translateX(5px)}
.case-detail-next-symbol{font-size:155px;line-height:1;letter-spacing:-.07em;font-weight:400;color:var(--cd-accent);opacity:.38;padding-right:12px}
.case-detail-footer{background:#080c15;color:#edf5ff;padding:68px 0 24px}
.case-detail-footer-copy{max-width:740px;margin-inline:auto;text-align:center}
.case-detail-footer h2{font-size:33px;line-height:1.3;letter-spacing:-.04em;font-weight:500;margin:0;text-wrap:balance}
.case-detail-footer-copy>p{font-size:14px;line-height:1.9;color:#92a5be;max-width:560px;margin:20px auto 28px}
.case-detail-footer .ps-primary-cta{color:#f9fcff}
.case-detail-footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:65px;border-top:1px solid #ffffff18;padding-top:22px;gap:24px}
.case-detail-footer-bottom img{width:144px;height:36px;display:block;object-fit:contain}
.case-detail-footer-bottom>a:last-child{display:flex;align-items:center;gap:9px;color:#96aac3;font-size:11px}
.case-detail-footer-bottom svg{width:16px;height:16px}
@container case-page (max-width:850px){
 .case-detail-wrap{width:calc(100% - 48px)}
 .case-detail-header-inner{width:calc(100% - 40px);gap:18px}
 .case-detail-header .case-detail-header-cta{display:none}
 .case-detail-story{grid-template-columns:1fr;gap:0}
 .case-detail-index-nav{display:none}
 .case-detail-chapter{grid-template-columns:34px minmax(0,1fr);gap:15px}
 .case-detail-credits{padding-left:49px}
 .case-detail-next-symbol{font-size:120px}
}
@container case-page (max-width:540px){
 .case-detail-wrap{width:calc(100% - 36px)}
 .case-detail-header-inner{width:calc(100% - 36px);min-height:68px;gap:14px;flex-wrap:wrap;padding-block:9px}
 .case-detail-home img{width:154px;height:39px}
 .case-detail-back{order:3;width:100%;font-size:10px;padding:5px 0 3px;gap:6px}
 .case-detail-back svg{width:15px;height:15px}
 .case-detail-language button{min-height:26px;width:27px;font-size:9px}
 .case-detail-intro{padding-top:24px}
 .case-detail-topline{padding-bottom:18px;min-height:54px}
 .case-detail-customer-mark{max-width:147px;max-height:34px}
 .case-detail-polishop .case-detail-customer-mark{max-width:136px;max-height:34px}
 .case-detail-eita-mark{font-size:43px}
 .case-detail-index{font-size:9px;letter-spacing:.1em}
 .case-detail-index>span{margin-left:4px}
 .case-detail-intro-copy,.case-detail-eita .case-detail-intro-copy{padding:34px 0 28px;text-align:left}
 .case-detail-category{font-size:9px;letter-spacing:.11em;margin-bottom:17px}
 .case-detail-intro h1{font-size:33px;line-height:1.2;letter-spacing:-.05em;text-wrap:pretty}
 .case-detail-lead{font-size:13px;line-height:1.9;margin-top:19px;letter-spacing:-.015em}
 .case-detail-film{margin-bottom:29px}
 .case-detail-results{padding-bottom:30px}
 .case-detail-results>h2{font-size:9px;margin-bottom:18px;letter-spacing:.12em}
 .case-detail-metrics{grid-template-columns:1fr}
 .case-detail-metrics>div,.case-detail-metrics>div+div{padding:20px 0;border-left:0;display:grid;grid-template-columns:124px 1fr;column-gap:15px;align-items:baseline}
 .case-detail-metrics>div+div{border-top:1px solid var(--cd-line)}
 .case-detail-metrics dt{font-size:29px;letter-spacing:-.045em;grid-row:1 / 3}
 .case-detail-metrics dd{margin:0;font-size:11px;line-height:1.75}
 .case-detail-metrics .case-detail-metric-note{font-size:8px;margin-top:6px;grid-column:2}
 .case-detail-period{font-size:8px;line-height:1.8;margin-top:12px}
 .case-detail-story{padding-top:20px}
 .case-detail-chapter{grid-template-columns:22px minmax(0,1fr);gap:10px;padding-bottom:29px;margin-bottom:30px;scroll-margin-top:24px}
 .case-detail-chapter-number{font-size:9px;padding-top:5px}
 .case-detail-chapter h2{font-size:23px;line-height:1.38;margin-bottom:16px;letter-spacing:-.04em;text-wrap:pretty}
 .case-detail-chapter p{font-size:12px;line-height:1.95}
 .case-detail-points{margin-top:20px;gap:8px}
 .case-detail-points li{font-size:10px;padding:13px 14px;gap:10px;border-radius:10px}
 .case-detail-credits{padding:0 0 38px 32px}
 .case-detail-credits>span{font-size:8px}
 .case-detail-credits p{font-size:10px}
 .case-detail-next-inner{gap:14px;padding-block:34px}
 .case-detail-next h2{font-size:30px}
 .case-detail-next-description{font-size:11px;line-height:1.9;margin:14px 0 20px}
 .case-detail-next-link{font-size:10px;gap:11px}
 .case-detail-next-symbol{display:none}
 .case-detail-footer{padding-top:40px;padding-bottom:21px}
 .case-detail-footer h2{font-size:26px;line-height:1.4;letter-spacing:-.04em}
 .case-detail-footer-copy>p{font-size:12px;line-height:1.9;max-width:290px;margin:18px auto 25px}
 .case-detail-footer-bottom{margin-top:42px;padding-top:18px;gap:14px}
 .case-detail-footer-bottom img{width:127px;height:32px}
 .case-detail-footer-bottom>a:last-child{font-size:9px;gap:7px}
}
@media(prefers-reduced-motion:reduce){.ph-case-page [data-fx-state=pending]{opacity:1}.ph-case-page *{scroll-behavior:auto!important}.case-detail-next-link svg,.case-detail-index-nav button{transition:none}.case-detail-next-inner:hover .case-detail-next-link svg{transform:none}}

.case-detail-eita-mark{font-size:42px;letter-spacing:-2px;line-height:1;font-weight:600}.case-detail-eita-mark small{display:block;font-size:6px;letter-spacing:1.5px;margin-top:8px;font-weight:400}

[data-home-route][hidden]{display:none!important}
.ph-case-route{min-height:100svh;background:#f5f5fb}
.ph-case-route-preview{padding-top:40px}
.ph-case-route[data-case-preview-layout=compact]{max-width:440px;margin-inline:auto;box-shadow:0 0 0 1px #243044,0 30px 100px #03061160}
.ph-case-route button,.ph-case-route a{-webkit-tap-highlight-color:transparent}
.ph-case-route :focus-visible{outline:2px solid #5275e7;outline-offset:5px}
.ph-case-route h1:focus{outline:none}

.ph-site-footer{container-type:inline-size;position:relative;background:radial-gradient(ellipse at 95% 100%,#26304832,transparent 60%),#0c1320;color:#a3b2c9;border-top:1px solid #2b3c55;font-family:Sora,system-ui,sans-serif}
.ph-site-footer::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 2%,#5275d284 28%,#b795c48c 62%,#8dcfd385 85%,transparent)}
.ph-footer-inner{max-width:1257px;margin-inline:auto;padding:34px 20px 20px}
.ph-footer-main{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:26px}
.ph-footer-brand{grid-column:1/-1}
.ph-footer-wordmark{display:inline-flex;align-items:center;min-height:44px}
.ph-footer-wordmark img{display:block;width:188px;height:auto}
.ph-footer-brand p{max-width:280px;margin:14px 0 23px;font-size:13px;line-height:1.8;color:#a6b5cd}
.ph-footer-brand .ps-primary-cta{width:max-content;max-width:100%;height:48px;font-size:12px;padding-inline:20px}
.ph-footer-column h2{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.8px;color:#cad8ee;margin:0 0 15px}
.ph-footer-column ul{list-style:none;padding:0;margin:0;display:grid;gap:0}
.ph-footer-column a{font-size:12px;line-height:1.5;color:#a3b2c9;text-decoration:none;transition:color .2s ease}
.ph-footer-column li a{display:flex;align-items:center;min-height:40px;padding-block:8px;width:fit-content}
.ph-site-footer a:hover,.ph-site-footer button:hover{color:#f3f7ff}
.ph-footer-contact{grid-column:1/-1;border-top:1px solid #27354c;padding-top:26px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:18px}
.ph-footer-contact h2{grid-column:1/-1;margin-bottom:8px}
.ph-footer-contact-link{grid-column:1;display:flex;align-items:center;gap:10px;min-height:40px;width:fit-content}
.ph-footer-email{grid-column:1;display:flex;align-items:center;min-height:38px;width:fit-content}
.ph-footer-arrow{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.ph-footer-contact-link:hover .ph-footer-arrow{transform:translate(2px,-2px)}
.ph-footer-socials{display:flex;gap:8px;grid-column:1;grid-row:4;margin-top:16px}
.ph-footer-socials a{width:40px;height:40px;border:1px solid #314058;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#17213650;transition:background .2s,border-color .2s,color .2s}
.ph-footer-socials a:hover{border-color:#819bc4;background:#243451}
.ph-footer-socials svg{width:17px;height:17px;fill:currentColor}
.ph-footer-top{grid-column:2;grid-row:4;display:flex;align-items:center;gap:10px;border:0;background:none;color:#a3b2c9;font:400 11px Sora,system-ui,sans-serif;padding:0;min-height:44px;margin-top:16px;cursor:pointer;width:fit-content}
.ph-footer-top:hover svg{transform:translateY(-3px)}
.ph-footer-bottom{border-top:1px solid #27354c;margin-top:30px;padding-top:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.ph-footer-copyright{order:3;margin:0;width:100%;font-size:10px;line-height:1.9;color:#8495b0}
.ph-footer-copyright span{display:inline;margin-left:6px}
.ph-footer-legal{display:flex;flex-wrap:wrap;gap:8px 20px}
.ph-footer-legal a{display:inline-flex;align-items:center;min-height:36px;color:#a3b2c9;font-size:10px;text-decoration:none}
.ph-footer-language{display:flex;align-items:center;gap:9px;font-size:10px;color:#687c9a}
.ph-footer-language svg{width:17px;height:17px;fill:none;stroke:#9bafcc;stroke-width:1.2;margin-right:3px}
.ph-footer-language button{font:400 10px Sora,system-ui,sans-serif;border:0;background:none;color:#8495b0;min-height:40px;padding:0 2px;cursor:pointer}
.ph-footer-language button[aria-pressed=true]{color:#e1edff;text-decoration:underline;text-decoration-color:#7d9add;text-underline-offset:5px}
.ph-site-footer :focus-visible{outline:2px solid #a4c4ff;outline-offset:4px}
@container (min-width:700px){
 .ph-footer-inner{padding:52px 32px 22px}
 .ph-footer-main{grid-template-columns:1.35fr 1fr 1fr;gap:32px}
 .ph-footer-brand{grid-column:1;grid-row:1/3}
 .ph-footer-contact{grid-column:2/4;grid-template-columns:1fr 1fr;padding-top:22px}
 .ph-footer-contact h2{grid-column:1}
 .ph-footer-socials{grid-column:2;grid-row:1/3;margin-top:0;justify-content:flex-end}
 .ph-footer-top{grid-column:2;grid-row:3;margin:0 0 0 auto}
 .ph-footer-copyright{width:auto;order:0}.ph-footer-copyright span{display:inline;margin-left:6px}
}
@container (min-width:1000px){
 .ph-footer-inner{padding-top:58px}
 .ph-footer-main{grid-template-columns:1.5fr 1.1fr .8fr 1.1fr;gap:46px}
 .ph-footer-brand{grid-row:auto}
 .ph-footer-wordmark img{width:204px}
 .ph-footer-brand p{max-width:250px;margin-top:16px;font-size:13px}
 .ph-footer-column{padding-top:7px}
 .ph-footer-column h2{margin-bottom:18px}
 .ph-footer-column a{font-size:12px}
 .ph-footer-contact{grid-column:auto;display:block;border:0;padding-top:7px}
 .ph-footer-socials{justify-content:flex-start;margin-top:16px}
 .ph-footer-top{margin:12px 0 0}
 .ph-footer-bottom{margin-top:40px;padding-top:18px;gap:12px}
 .ph-footer-copyright{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.ph-site-footer *{transition:none!important}.ph-footer-arrow{transform:none!important}}

.ph-client-menina-flor img{height:62px;max-height:62px}.ph-home[data-home-layout=compact] .ph-client-menina-flor img{height:49px;max-height:49px}

/* One language switch shared by the home and every case page. */
.ps-language.ph-language-switch{margin-left:auto;display:flex;gap:2px;align-items:center;padding:2px;border:1px solid #263449;border-radius:9px;background:#0d1521;flex:none}
.ps-language.ph-language-switch button{appearance:none;border:0;border-radius:6px;background:transparent;color:#8497b2;width:28px;min-height:26px;padding:0;font:500 9.5px Sora,system-ui,sans-serif;letter-spacing:.3px;cursor:pointer;transition:color .18s,background .18s}
.ps-language.ph-language-switch button[aria-pressed=true]{color:#e2edff;background:#1d2c43;box-shadow:inset 0 1px 0 #9cbfe71f}
.ps-language.ph-language-switch button:hover{color:#fff;background:#1b2a40}
.ps-language.ph-language-switch button:focus-visible{outline:2px solid #a4c4ff;outline-offset:3px}
.ps-device[data-layout=compact] .ps-language.ph-language-switch{margin-left:0}
/* Polishop landing page. Shared content width and visual language with the home. */
.pl-page{container:polishop-page / inline-size;--pl-width:1193px;--pl-ink:#19283f;--pl-muted:#657187;--pl-line:#dce2ed;--pl-red:#e61c3d;--pl-blue:#3458c4;--pl-gutter:64px;color:#eef4ff;background:#080c15;font-family:Sora,system-ui,sans-serif;line-height:1.65;overflow:clip}
.pl-page{position:relative}
.pl-page *{box-sizing:border-box}
.pl-wrap{width:min(calc(100% - var(--pl-gutter)),var(--pl-width));margin-inline:auto}
.pl-page button{font:inherit;cursor:pointer}
.pl-page a{text-decoration:none;color:inherit}
.pl-page h1,.pl-page h2,.pl-page h3,.pl-page p,.pl-page figure{margin:0}
.pl-page h2{font-size:clamp(30px,3.8cqi,47px);font-weight:500;line-height:1.14;letter-spacing:-1.8px;text-wrap:balance}
.pl-page h3{font-weight:500;line-height:1.35;letter-spacing:-.5px}
.pl-page a:focus-visible,.pl-page button:focus-visible,.pl-page [tabindex="0"]:focus-visible{outline:2px solid #739cf8;outline-offset:5px}
.pl-page [hidden]{display:none!important}
.pl-page section{scroll-margin-top:32px}
.pl-skip{position:absolute;z-index:10;left:20px;top:10px;padding:10px 18px;background:#fff;color:#15243c!important;transform:translateY(-150%)}
.pl-skip:focus{transform:none}
.pl-header{border-bottom:1px solid #ffffff10;background:#080c15}
.pl-header-inner{height:88px;display:flex;align-items:center;gap:24px}
.pl-brand{margin-right:auto;flex:none}
.pl-brand img{display:block;width:172px;height:auto}
.pl-nav{display:flex;gap:25px;color:#b1bfd2;font-size:11px}
.pl-nav a:hover{color:#fff}
.pl-page .pl-demo{display:inline-flex;width:max-content;height:48px;min-height:48px;max-width:100%;padding:0 21px;font-size:12px;border-radius:12px;background:linear-gradient(120deg,#3768ee,#284ebc 60%,#1d3781);color:#f8fbff!important;border:1px solid #829eed7a;box-shadow:inset 0 1px 0 #d6e5ff33,0 10px 30px #080d231c}
.pl-page .pl-demo:hover{transform:translateY(-2px);border-color:#a9c0ff;box-shadow:0 14px 38px #1c48b22a}
.pl-page .pl-demo .ps-cta-art{width:42px}
.pl-page .pl-header-demo{height:41px;min-height:41px;font-size:10px;padding:0 17px;border-radius:10px}
.pl-hero{position:relative;padding:28px 0 0;background:radial-gradient(ellipse at 83% 35%,#78223624,transparent 44%),radial-gradient(ellipse at 12% 10%,#2b41752b,transparent 50%),#080c15}
.pl-back{display:inline-flex;align-items:center;gap:10px;font-size:10px;color:#94a5be!important}
.pl-back svg{width:17px;height:17px}
.pl-back:hover{color:#edf5ff!important}
.pl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:'copy film' 'actions film';column-gap:54px;row-gap:0;align-items:start;padding:52px 0 66px}
.pl-hero-copy{grid-area:copy;min-width:0}
.pl-hero-actions{grid-area:actions;padding-top:30px;min-width:0}
.pl-customer{display:flex;align-items:center;gap:20px;margin-bottom:29px}
.pl-customer img{width:118px;height:auto;opacity:1}
.pl-customer>span{max-width:160px;border-left:1px solid #ffffff2b;padding-left:18px;font-size:8px;line-height:1.8;letter-spacing:1.3px;color:#a7b3c8}
.pl-page h1{font-size:clamp(37px,4.5cqi,57px);line-height:1.09;letter-spacing:-2.6px;font-weight:500;text-wrap:balance;max-width:600px}
.pl-page h1>span{color:#a9bbdf;background:linear-gradient(115deg,#b7cafd,#d4a6b9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pl-hero-lead{font-size:13px;line-height:1.85;color:#a7b5ca;max-width:490px;margin-top:26px!important}
.pl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:19px}
.pl-hero-note{font-size:9px;color:#7c8ba1;margin-top:14px!important}
.pl-film{grid-area:film;align-self:center;min-width:0;scroll-margin-top:50px}
.pl-film-top{display:flex;justify-content:space-between;align-items:center;color:#97a8c4;letter-spacing:1.4px;font-size:8px;margin-bottom:12px}
.pl-film-top>span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.5px}
.pl-film .ph-case-media-frame{border-radius:20px;border-color:#9caecc3d;box-shadow:0 28px 100px #0005,0 0 80px #ab384d0d}
.pl-film .ph-case-media-film{aspect-ratio:16/9;background:#090c13}
.pl-film .ph-case-media figcaption{display:none}
.pl-film .ph-case-media-sound{font-size:9px}
.pl-film-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#8a9bb5;margin-top:14px!important}
.pl-film-note>span{display:block;width:4px;height:4px;border-radius:100%;background:#dc8797;box-shadow:0 0 9px #cc4564}
.pl-key-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid #ffffff1b;padding:32px 0 36px}
.pl-key-metrics>div{padding:0 35px;border-left:1px solid #ffffff15}
.pl-key-metrics>div:first-child{padding-left:0;border-left:0}
.pl-key-metrics>div:last-child{padding-right:0}
.pl-key-metrics dt{font-size:45px;line-height:1.1;letter-spacing:-2px;font-weight:500;font-variant-numeric:tabular-nums;color:#e5edff}
.pl-key-metrics dd{font-size:11px;color:#9fadc3;margin:10px 0 0}
.pl-key-metrics small{display:block;margin-top:5px;font-size:9px;color:#70829d}
.pl-section{padding:82px 0}
.pl-light{color:var(--pl-ink);background:#f6f7fb;color-scheme:light}
.pl-kicker{display:flex;gap:9px;align-items:center;margin-bottom:22px!important;font-size:9px;line-height:1.6;letter-spacing:1.55px;font-weight:500;color:#778299}
.pl-kicker>span{width:5px;height:5px;flex:none;background:#6b82c9;border-radius:50%}
.pl-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:94px;align-items:start}
.pl-prose{padding-top:38px;font-size:13px;line-height:1.95;color:#647188}
.pl-prose p+p{margin-top:20px}
.pl-timeline{list-style:none;padding:0;margin:54px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfd8e8;gap:64px}
.pl-timeline li{position:relative;padding-top:27px}
.pl-timeline-dot{position:absolute;top:-5px;left:0;width:9px;height:9px;background:#f6f7fb;border:2px solid #8d9dc1;border-radius:50%}
.pl-timeline li:last-child .pl-timeline-dot{border-color:#476bcb;background:#476bcb;box-shadow:0 0 0 5px #476bcb0e}
.pl-date{font-size:10px;letter-spacing:1.4px;color:#5573bc;margin-bottom:12px!important}
.pl-timeline h3{font-size:19px;margin-bottom:11px}
.pl-timeline li>p:last-child{font-size:12px;color:#738096;max-width:460px;line-height:1.85}
.pl-experience{padding-top:0;background:linear-gradient(180deg,#f6f7fb,#f1f3f9)}
.pl-section-heading{border-top:1px solid var(--pl-line);padding-top:64px}
.pl-section-heading>p:last-child{font-size:13px;color:#78849a;margin-top:18px;max-width:670px}
.pl-experience-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:54px;align-items:start;margin-top:38px}
.pl-tabs{display:grid;gap:0}
.pl-tabs>button{display:grid;grid-template-columns:25px minmax(0,1fr) 14px;gap:13px;padding:24px 0;border:0;border-bottom:1px solid #d7deeb;background:transparent;text-align:left;color:#7b8597;position:relative}
.pl-tabs>button:first-child{border-top:1px solid #d7deeb}
.pl-tabs>button[aria-selected=true]{color:#233858}
.pl-tabs>button[aria-selected=true]::before{content:'';width:2px;position:absolute;left:-14px;top:20px;bottom:20px;background:#536fca}
.pl-step-index{font-size:9px;letter-spacing:1px;padding-top:3px;color:#8799b8}
.pl-tabs strong{font-size:15px;font-weight:500;line-height:1.5;display:block;letter-spacing:-.3px}
.pl-tab-body{display:block;font-size:11px;line-height:1.9;margin-top:10px;color:#718198}
.pl-tabs>button:not([aria-selected=true]) .pl-tab-body{display:none}
.pl-tab-arrow{font-size:16px;color:#8a9bc1;line-height:1.6}
.pl-tabs>button[aria-selected=true] .pl-tab-arrow{color:#355dcc}
.pl-panels{min-width:0}
.pl-frame-top{display:flex;justify-content:space-between;gap:14px;color:#7283a0;font-size:8px;letter-spacing:1px;margin-bottom:13px}
.pl-scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:15px;border:1px solid #ced7e8;background:#e8edf7;box-shadow:0 18px 50px #6d7e990b}
.pl-scene figcaption{font-size:8px;color:#8a95a7;padding:10px 2px 0}
.pl-segment{display:inline-flex;align-items:center;gap:10px;padding:12px 0;background:none;border:0;color:#496599;font-size:10px!important}
.pl-segment svg{width:16px;height:16px}
.pl-segment:hover{color:#254dba}
.pl-context{background:radial-gradient(ellipse at 7% 50%,#1e355966,transparent 52%),#0b1423}
.pl-context-grid{display:grid;grid-template-columns:.6fr 1fr;align-items:center;gap:110px}
.pl-context-number{min-width:0;padding:20px 0 20px 10px}
.pl-context-number>span{display:block;flex:0 0 auto;width:max-content;padding:.04em .12em .06em 0;overflow:visible;font-size:clamp(130px,18cqi,220px);line-height:1.08;letter-spacing:-.055em;font-weight:400;font-variant-numeric:tabular-nums;color:#8091bb;background:linear-gradient(145deg,#d3e2fd,#7b8aba 65%,#b99cbb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pl-context-number>p{font-size:13px;line-height:1.7;color:#90a1bd;max-width:225px;margin-top:26px!important}
.pl-context .pl-kicker{color:#839abc}
.pl-context h2{font-size:36px;letter-spacing:-1.2px;max-width:540px}
.pl-context-body{margin-top:23px!important;font-size:12px;line-height:1.95;color:#98a9c1}
.pl-context-points{padding:0;margin:26px 0 0;list-style:none}
.pl-context-points li{display:flex;gap:12px;padding:12px 0;border-top:1px solid #7893bd24;font-size:11px;line-height:1.8;color:#a3b5cf}
.pl-context-points li>span{color:#9fadd6;font-size:15px}
.pl-results{background:linear-gradient(150deg,#f7f7fb,#f4f5fb 65%,#f4f0f7)}
.pl-results-lead{font-size:13px;line-height:1.95;color:#738097;padding-top:42px}
.pl-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:50px 0 0;padding:32px 0;border-top:1px solid #d7ddec;border-bottom:1px solid #d7ddec}
.pl-result-grid>div{border-left:1px solid #d7ddec;padding:0 24px}
.pl-result-grid>div:first-child{border:0;padding-left:0}
.pl-result-grid>div:last-child{padding-right:0}
.pl-result-grid dt{font-size:38px;line-height:1.15;letter-spacing:-1.8px;font-weight:500;color:#455f99;white-space:nowrap}
.pl-result-grid dd{margin:14px 0 0;font-size:11px;line-height:1.7;color:#77849b;max-width:170px}
.pl-result-source{display:flex;justify-content:space-between;gap:50px;padding-top:20px}
.pl-result-source>p:last-child{max-width:490px;font-size:9px;line-height:1.8;color:#8e96a6;text-align:right}
.pl-reach{display:flex;gap:8px;align-items:center;font-size:10px;color:#657da2}
.pl-reach>span{width:5px;height:5px;border-radius:50%;background:#819bc0;flex:none}
.pl-expansion{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:94px;align-items:center;margin-top:65px;padding-top:42px;border-top:1px solid #d7ddec}
.pl-expansion .pl-kicker{margin-bottom:13px!important}
.pl-expansion h3{font-size:25px}
.pl-expansion>p{font-size:12px;line-height:1.95;color:#78849a}
.pl-closing{position:relative;background:radial-gradient(ellipse at 50% 120%,#30477355,transparent 70%),#0b1220;padding:86px 0 82px}
.pl-closing-inner{max-width:800px;text-align:center}
.pl-closing .pl-kicker{justify-content:center;color:#8fa6c8}
.pl-closing h2{font-size:clamp(34px,4.3cqi,51px);letter-spacing:-1.8px;line-height:1.13;color:#e8f0ff}
.pl-closing-body{max-width:610px;margin:23px auto 0!important;font-size:13px;line-height:1.9;color:#92a4c1}
.pl-page .pl-closing-demo{margin-top:31px;padding-inline:27px;height:51px}
.pl-closing-note{font-size:9px;margin-top:13px!important;color:#7488a5}
.pl-page [data-fx-state=pending]{opacity:0;transform:translate3d(0,20px,0);filter:blur(3px)}
.pl-page [data-fx-state=pending]:focus-within{opacity:1;transform:none;filter:none}
@container polishop-page (max-width:1000px){
 .pl-nav{display:none}.pl-hero-grid{column-gap:32px}.pl-page h1{font-size:43px;letter-spacing:-1.9px}.pl-customer{gap:14px}.pl-customer>span{font-size:7px}.pl-customer img{width:102px}.pl-hero-lead{font-size:12px}.pl-actions{gap:12px}.pl-page .pl-demo{font-size:11px;padding-inline:16px}.pl-editorial,.pl-expansion{gap:48px}.pl-experience-grid{gap:38px;grid-template-columns:.85fr 1.15fr}.pl-tabs strong{font-size:13px}.pl-context-grid{gap:65px}.pl-result-grid dt{font-size:32px}.pl-result-grid>div{padding-inline:18px}
}
@container polishop-page (max-width:760px){
 .pl-wrap{width:calc(100% - 40px)}.pl-header-inner{height:72px;gap:15px}.pl-brand img{width:150px}.pl-page .pl-header-demo{display:none}.pl-hero{padding-top:22px}.pl-hero-grid{grid-template-columns:1fr;grid-template-areas:'copy' 'film' 'actions';padding:34px 0 39px;gap:28px}.pl-hero-actions{padding-top:0}.pl-page h1{font-size:clamp(37px,7cqi,53px);letter-spacing:-1.8px;max-width:620px}.pl-hero-lead{max-width:580px;font-size:13px;margin-top:22px!important}.pl-customer{margin-bottom:23px}.pl-customer img{width:106px}.pl-customer>span{max-width:none;font-size:8px}.pl-actions{gap:20px}.pl-page .pl-demo{font-size:12px;padding-inline:20px}.pl-hero-note{font-size:8px}.pl-film{max-width:650px;width:100%}.pl-key-metrics{padding:27px 0 30px}.pl-key-metrics>div{padding-inline:20px}.pl-key-metrics dt{font-size:34px;letter-spacing:-1.4px}.pl-key-metrics dd{font-size:10px}.pl-key-metrics small{font-size:8px}.pl-section{padding:55px 0}.pl-page h2{font-size:34px;letter-spacing:-1.2px}.pl-editorial{grid-template-columns:1fr;gap:21px}.pl-kicker{font-size:8px;margin-bottom:17px!important}.pl-prose{padding-top:0;font-size:12px}.pl-prose p+p{margin-top:15px}.pl-timeline{margin-top:36px;gap:30px}.pl-timeline h3{font-size:16px}.pl-timeline li>p:last-child{font-size:11px}.pl-experience{padding-top:0}.pl-section-heading{padding-top:44px}.pl-experience-grid{grid-template-columns:1fr;gap:27px;margin-top:26px}.pl-tabs>button{padding:17px 0}.pl-tabs>button[aria-selected=true]::before{left:-10px;top:17px;bottom:17px}.pl-tabs strong{font-size:14px}.pl-tab-body{font-size:12px}.pl-context-grid{grid-template-columns:1fr;gap:30px}.pl-context-number{display:flex;align-items:center;gap:27px;padding:0}.pl-context-number>span{font-size:100px}.pl-context-number>p{font-size:12px;max-width:220px;margin-top:0!important}.pl-context h2{font-size:32px}.pl-context-body{font-size:12px}.pl-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin-top:29px}.pl-result-grid>div{padding:24px!important;min-height:135px}.pl-result-grid>div:nth-child(odd){padding-left:0!important;border-left:0}.pl-result-grid>div:nth-child(n+3){border-top:1px solid #d7ddec}.pl-result-grid dt{font-size:35px}.pl-result-grid dd{font-size:11px;margin-top:9px}.pl-results-lead{padding-top:0;font-size:12px}.pl-result-source{flex-direction:column;gap:12px}.pl-result-source>p:last-child{text-align:left;max-width:520px}.pl-expansion{grid-template-columns:1fr;gap:18px;margin-top:35px;padding-top:29px}.pl-expansion h3{font-size:24px}.pl-closing{padding:60px 0}.pl-closing h2{font-size:35px}.pl-closing-body{font-size:12px}
}
@container polishop-page (max-width:430px){
 .pl-page h1{font-size:37px}.pl-customer>span{font-size:7px}.pl-key-metrics{gap:0}.pl-key-metrics>div{padding-inline:8px}.pl-key-metrics dt{font-size:clamp(20px,6.2cqi,26px);letter-spacing:-.9px}.pl-key-metrics dd{font-size:8px;line-height:1.7}.pl-key-metrics small{font-size:7px;line-height:1.7}.pl-page h2{font-size:30px}.pl-timeline{grid-template-columns:1fr;gap:0;border-top:0;border-left:1px solid #cfd8e8;margin-left:4px;padding-left:24px}.pl-timeline li{padding:0 0 27px}.pl-timeline li:last-child{padding-bottom:0}.pl-timeline-dot{left:-29px;top:4px}.pl-timeline h3{font-size:17px}.pl-timeline li>p:last-child{font-size:12px}.pl-context-number>span{font-size:88px}.pl-context-number>p{font-size:11px}.pl-result-grid dt{font-size:32px}.pl-result-grid>div{padding-right:14px!important}.pl-closing h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.pl-page [data-fx-state]{opacity:1!important;transform:none!important;filter:none!important}.pl-page .pl-demo{transition:none}.pl-page .pl-demo:hover{transform:none}}
@media(forced-colors:active){.pl-page h1>span,.pl-context-number>span{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.pl-page .pl-demo{border:1px solid ButtonText}.pl-tabs>button[aria-selected=true]{border:2px solid Highlight}}

/* Nosso ajuste (25/09): abertura nas cores da marca Polishop, como o capítulo dela na home (fundo #faf5f2, vermelho
   #cb0f09, texto #29282c). Antes era o marinho da Profissio, quase igual ao do cabeçalho e sem a identidade do case,
   ao contrário de Soldiers, Yooper e EITA. As seções claras seguem o mesmo off-white (eram cinza-azulado). */
.pl-page[data-case-page=polishop] .pl-hero { background: radial-gradient(ellipse at 90% 12%, #cb0f090d, transparent 55%), radial-gradient(ellipse at 6% 100%, #f3e3dc, transparent 60%), #faf5f2; color: #29282c; }
.pl-page[data-case-page=polishop] .pl-hero h1 { color: #29282c; }
.pl-page[data-case-page=polishop] .pl-hero h1 span { background: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: #cb0f09; color: #cb0f09; }
/* .pl-back carries !important in the export CSS. */
.pl-page[data-case-page=polishop] .pl-hero .pl-back { color: #6f6a6e !important; }
.pl-page[data-case-page=polishop] .pl-hero .pl-back:hover { color: #29282c !important; }
.pl-page[data-case-page=polishop] .pl-customer > span { color: #797579; border-left-color: #29282c2e; }
.pl-page[data-case-page=polishop] .pl-film-top span { color: #797579; }
.pl-page[data-case-page=polishop] .pl-hero-lead { color: #58545a; }
.pl-page[data-case-page=polishop] .pl-hero-note,
.pl-page[data-case-page=polishop] .pl-film-note { color: #797579; }
.pl-page[data-case-page=polishop] .pl-hero-note .ph-inline-link { color: #3d3a3f; text-decoration-color: #cb0f0980; }
.pl-page[data-case-page=polishop] .pl-hero .ph-case-media-frame { border-color: #29282c1f; box-shadow: 0 30px 70px -40px #5a1e1a59; }
.pl-page[data-case-page=polishop] .pl-key-metrics { border-top-color: #29282c1f; }
.pl-page[data-case-page=polishop] .pl-key-metrics > div { border-left-color: #29282c17; }
.pl-page[data-case-page=polishop] .pl-key-metrics dt { color: #cb0f09; }
.pl-page[data-case-page=polishop] .pl-key-metrics dd { color: #29282c; }
.pl-page[data-case-page=polishop] .pl-key-metrics small { color: #797579; }
.pl-page[data-case-page=polishop] .pl-light { background: #fbf8f6; }
.pl-page[data-case-page=polishop] .pl-experience,
.pl-page[data-case-page=polishop] .pl-results { background: linear-gradient(180deg, #fbf8f6, #f8f3f0); }

/* MODO Soldiers · export 22. Shared Profissio grid, MODO colour palette. */
.sl-page{container:soldiers-page / inline-size;--sl-yellow:#f3d20a;--sl-ink:#283127;--sl-muted:#606d5b;--sl-rule:#d5ddca;background:#1a201b;color:#f4f5ec;--pl-width:1193px}
.sl-page h1{font-size:clamp(36px,4.15cqi,54px);line-height:1.14;letter-spacing:-2.3px;max-width:620px}
.sl-page h1>span{color:var(--sl-yellow);background:none;-webkit-text-fill-color:currentColor}
.sl-page h2{font-size:clamp(30px,3.7cqi,46px);line-height:1.18;letter-spacing:-1.8px}
.sl-page .pl-section{padding:88px 0}
.sl-page .pl-header{background:#111813;border-color:#eef2e512}
.sl-page .pl-back{color:#a4b39d!important}
.sl-page .pl-nav{color:#bcc6b5}
.sl-page .pl-nav a:hover{color:#f4d90b}
.sl-page .pl-wrap{max-width:1193px}
.sl-page .pl-demo{font-size:12px}
.sl-page .pl-header-demo{font-size:10px}
.sl-page figure,.sl-page dl{margin:0}
.sl-kicker{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.65;font-weight:500;letter-spacing:1.65px;color:#687b50;margin-bottom:23px!important}
.sl-kicker>span{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.sl-hero{padding-top:26px;background:radial-gradient(ellipse at 82% 25%,#596a2926,transparent 55%),#1a201b}
.sl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'copy film' 'actions film';gap:0 54px;align-items:center;padding:54px 0 64px}
.sl-hero-copy{grid-area:copy;min-width:0}
.sl-customer{display:flex;align-items:center;gap:22px;margin-bottom:30px}
.sl-customer img{width:136px;height:auto;flex:none}
.sl-customer>span{font-size:8px;letter-spacing:1.35px;line-height:1.85;max-width:205px;border-left:1px solid #a5b19c4d;padding-left:22px;color:#bcc7b2}
.sl-hero-lead{font-size:14px;line-height:1.85;color:#b6c1ad;margin-top:25px!important;max-width:510px}
.sl-hero-actions{grid-area:actions;padding-top:29px;min-width:0}
.sl-hero-actions>p{margin-top:14px!important;color:#8f9e85;font-size:9px;line-height:1.8}
.sl-film{grid-area:film;min-width:0;align-self:center}
.sl-film-top{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px;font-size:9px;line-height:1.6;letter-spacing:1.5px;color:#aebd99}
.sl-film-top>span:last-child{letter-spacing:.75px;font-variant-numeric:tabular-nums}
.sl-film .ph-case-media-film{aspect-ratio:16/9;background:#11160f;border:1px solid #e3e9d539;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px #0003}
.sl-film .ph-case-media-frame{border-radius:18px;border-color:#e3e9d539;box-shadow:0 20px 70px #0003}
.sl-film>figure>figcaption,.sl-demo-film>figure>figcaption{font-size:9px;color:#8f9e85;line-height:1.7;margin-top:12px;text-align:center}
.sl-case-cover{aspect-ratio:16/9;border:1px solid #dce5c929;border-radius:18px;background:radial-gradient(ellipse at 90% 100%,#73833426,transparent 60%),#242c20;padding:clamp(20px,2.65cqi,34px);position:relative;display:flex;flex-direction:column;box-shadow:0 20px 70px #0003;overflow:hidden}
.sl-cover-brand{display:flex;align-items:center;gap:12px;color:var(--sl-yellow)}
.sl-cover-brand strong{font-size:clamp(32px,3.9cqi,50px);font-style:italic;letter-spacing:-3px;font-weight:600;line-height:1}
.sl-cover-brand>span{font-size:6px;letter-spacing:1.4px;line-height:1.6}
.sl-case-cover>p{font-size:clamp(16px,1.9cqi,24px);line-height:1.4;letter-spacing:-.6px;margin-top:23px!important;position:relative;z-index:1}
.sl-case-cover>p>span{color:var(--sl-yellow)}
.sl-cover-wave{position:absolute;right:35px;bottom:30px;display:flex;align-items:center;gap:5px;height:67px;transform:rotate(-8deg);opacity:.25;pointer-events:none}
.sl-cover-wave i{display:block;width:5px;border-radius:6px;background:#e7efcb}
.sl-cover-caption{margin-top:auto;padding-top:18px;font-size:6px;letter-spacing:1.45px;line-height:1.7;position:relative;z-index:1;color:#b6c1a3}
.sl-key-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #eff3e429;border-bottom:1px solid #eff3e429;padding:34px 0}
.sl-key-metrics>div{padding:0 35px;border-left:1px solid #eff3e424;min-width:0}
.sl-key-metrics>div:first-child{padding-left:0;border-left:0}.sl-key-metrics>div:last-child{padding-right:0}
.sl-key-metrics dt{font-size:clamp(35px,4.4cqi,56px);letter-spacing:-2.2px;line-height:1.2;font-weight:500;color:var(--sl-yellow);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sl-key-metrics dd{margin:13px 0 0;font-size:13px;line-height:1.75;color:#e1e7d8;max-width:310px}
.sl-key-metrics small{display:block;font-size:10px;line-height:1.75;color:#8f9e85;margin-top:9px}
.sl-metrics-source{font-size:9px;line-height:1.8;color:#8f9e85;padding:19px 0 29px;max-width:850px}
.sl-light{background:#f5f6ed;color:var(--sl-ink);color-scheme:light}
.sl-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:85px;align-items:start}
.sl-prose{font-size:14px;line-height:1.9;color:var(--sl-muted);padding-top:40px}
.sl-prose p+p{margin-top:20px}
.sl-offer{margin-top:52px;padding-top:35px;border-top:1px solid var(--sl-rule)}
.sl-offer>h3{font-size:23px;letter-spacing:-.7px;line-height:1.4;max-width:650px}
.sl-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:29px}
.sl-offer-grid article{padding:0 30px;min-width:0;border-left:1px solid var(--sl-rule)}
.sl-offer-grid article:first-child{padding-left:0;border-left:0}.sl-offer-grid article:last-child{padding-right:0}
.sl-offer-index{font-size:10px;letter-spacing:1px;color:#899774}
.sl-offer-value{font-size:clamp(24px,2.6cqi,33px);line-height:1.3;letter-spacing:-1px;color:#607733;margin-top:14px!important}
.sl-offer-grid h4{font-size:13px;line-height:1.65;font-weight:500;margin:7px 0 12px}
.sl-offer-grid article>p:last-child{font-size:12px;line-height:1.9;color:#697461;max-width:330px}
.sl-page .sl-journey{padding-top:0}
.sl-section-heading>p:last-child{font-size:14px;line-height:1.85;color:var(--sl-muted);max-width:780px;margin-top:22px}
.sl-journey .sl-section-heading{border-top:1px solid var(--sl-rule);padding-top:66px}
.sl-journey-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;margin-top:43px;align-items:start}
.sl-tabs{display:grid;gap:0}
.sl-tabs>button{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:start;gap:15px;text-align:left;border:0;border-bottom:1px solid var(--sl-rule);background:transparent;color:#7e8a72;padding:25px 0;min-width:0}
.sl-tabs>button:first-child{border-top:1px solid var(--sl-rule)}
.sl-tabs>button[aria-selected=true]{color:#344729}
.sl-tabs>button[aria-selected=true]::before{content:'';position:absolute;left:-15px;top:19px;bottom:19px;width:3px;background:#748d3e}
.sl-step-index{font-size:10px;color:#8d9c77;line-height:1.8;padding-top:2px}
.sl-tabs strong{font-weight:500;font-size:15px;letter-spacing:-.3px;line-height:1.6}
.sl-tabs>button>span:last-child{font-size:18px;color:#839669;line-height:1.5}
.sl-panels{min-width:0}
.sl-panel-top{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.3px;color:#7c8b6a;line-height:1.6;margin-bottom:14px}
.sl-journey-scene{padding:30px 35px 32px;min-height:275px;border:1px solid #d3dcc4;border-radius:16px;background:linear-gradient(135deg,#e9efdd,#f1f4e8);position:relative;overflow:hidden}
.sl-scene-number{display:block;font-size:58px;font-weight:400;line-height:1.15;letter-spacing:-3px;color:#8d9d6d;margin-bottom:22px;width:max-content;padding-right:.1em;overflow:visible}
.sl-journey-link{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.6;flex-wrap:wrap;color:#788760}
.sl-journey-link strong{font-weight:500;color:#425c2a}.sl-journey-link svg{width:20px;height:20px;flex:none}
.sl-journey-scene>p{font-size:13px;line-height:1.9;color:#5d6a50;margin-top:17px!important}
.sl-journey-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:23px}
.sl-journey-outcomes dt{font-size:8px;letter-spacing:1.35px;color:#7e8e6b}
.sl-journey-outcomes dd{font-size:11px;line-height:1.8;color:#66745a;margin:8px 0 0}
.sl-scene-caption{font-size:8px;line-height:1.8;color:#8b957d;margin-top:20px!important}
.sl-personas{background:#20271f}
.sl-personas .sl-kicker,.sl-platform .sl-kicker{color:#bfca93}
.sl-personas .sl-prose,.sl-platform .sl-prose{color:#afbaa3}
.sl-personas-band{display:grid;grid-template-columns:240px minmax(0,1fr);gap:55px;align-items:center;padding:36px 0;border-top:1px solid #dfe7cd24;border-bottom:1px solid #dfe7cd24;margin-top:48px}
.sl-seven{display:flex;align-items:center;gap:21px}
.sl-seven strong{display:block;font-size:83px;line-height:1.05;letter-spacing:-5px;font-weight:400;color:var(--sl-yellow);padding-right:.08em}
.sl-seven>span{font-size:12px;line-height:1.8;max-width:140px;color:#c5cdb9}
.sl-persona-names{display:flex;gap:17px 25px;align-items:center;flex-wrap:wrap}
.sl-persona-row>span{display:flex;align-items:center;gap:9px;font-size:11px;color:#cbd4bd;white-space:nowrap}
.sl-persona-row i{font-style:normal;display:grid;place-items:center;width:31px;height:31px;border:1px solid #b9c4973b;border-radius:50%;font-size:8px;color:#c3ceaa;flex:none}
.sl-persona-base i{color:#20291b;background:#cfdb8d;border:0}
.sl-persona-names>small{display:block;width:100%;font-size:10px;color:#85967a}
.sl-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:39px}
.sl-capability-grid article{min-width:0}.sl-capability-grid svg{width:27px;height:27px;color:#c3d29a;margin-bottom:18px}
.sl-capability-grid h3{font-size:18px;line-height:1.5;letter-spacing:-.45px;margin-bottom:13px}
.sl-capability-grid p{font-size:12px;line-height:1.9;color:#a0af94}
.sl-page .sl-demo-section{background:#1a2119;padding-top:0}
.sl-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:100px;align-items:center;border-top:1px solid #dfe7cd1a;padding-top:72px}
.sl-demo-copy .sl-kicker{color:#c3ce9c}
.sl-demo-copy>p:not(.sl-kicker){font-size:14px;line-height:1.9;color:#a8b69a;margin-top:25px}
.sl-demo-copy ul{list-style:none;padding:0;margin:27px 0 0;border-top:1px solid #dde9c921}
.sl-demo-copy li{display:flex;align-items:center;gap:15px;font-size:12px;line-height:1.8;color:#c0ccaf;border-bottom:1px solid #dde9c921;padding:16px 0}
.sl-demo-copy li>span{font-size:18px;color:#c8d68d}
.sl-demo-film{width:min(100%,304px);justify-self:center;min-width:0}
.sl-demo-film .ph-case-media-film{aspect-ratio:9/16;background:#111810;border:1px solid #d9e5c639;border-radius:20px;overflow:hidden;box-shadow:0 24px 75px #0004}
.sl-demo-film .ph-case-media-frame{border-radius:20px;border-color:#d9e5c639;box-shadow:0 24px 75px #0004}
.sl-demo-film .ph-case-media-sound{font-size:10px;right:10px;top:10px;padding:8px 11px}
.sl-base-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:33px 0;margin-top:42px!important;border-top:1px solid var(--sl-rule);border-bottom:1px solid var(--sl-rule)}
.sl-base-metrics>div{padding:0 27px;border-left:1px solid var(--sl-rule);min-width:0}
.sl-base-metrics>div:first-child{padding-left:0;border-left:0}.sl-base-metrics>div:last-child{padding-right:0}
.sl-base-metrics dt{font-size:clamp(27px,3.3cqi,41px);line-height:1.25;font-weight:500;color:#5d7537;letter-spacing:-1.8px;font-variant-numeric:tabular-nums}
.sl-base-metrics dd{margin:13px 0 0;font-size:12px;line-height:1.8;color:#66745c}
.sl-quality-reach{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:95px;margin-top:46px;align-items:start}
.sl-nps-label{display:block;font-size:11px;letter-spacing:1.5px;color:#72845a}
.sl-nps>strong{font-size:112px;line-height:1.2;font-weight:400;letter-spacing:-6px;display:block;width:max-content;padding-right:.1em;color:#718847}
.sl-nps h3{font-size:22px;letter-spacing:-.6px;line-height:1.4;max-width:300px;margin-top:8px}
.sl-nps>p{font-size:12px;line-height:1.9;color:#707f63;max-width:310px;margin-top:13px}
.sl-regions>figcaption{font-size:19px;font-weight:500;line-height:1.5;letter-spacing:-.4px;margin-bottom:21px}
.sl-regions dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;margin-bottom:14px;align-items:start}
.sl-regions dt{font-size:11px;color:#5b6a4e;line-height:1.8;padding-top:1px}
.sl-regions dd{margin:0;position:relative;padding-bottom:11px;font-size:11px;line-height:1.8;color:#52623f;font-variant-numeric:tabular-nums}
.sl-regions dd:after{content:'';position:absolute;height:3px;left:0;right:0;bottom:0;background:#e1e7d5}
.sl-regions dd i{display:block;width:var(--sl-bar);height:3px;position:absolute;left:0;bottom:0;background:#879e58;z-index:1;border-radius:2px}
.sl-regions>p{font-size:9px;line-height:1.8;color:#879276;margin-top:20px}
.sl-period{font-size:9px;line-height:1.9;color:#8b977c;border-top:1px solid var(--sl-rule);padding-top:20px;margin-top:35px!important}
.sl-page .sl-sales{padding-top:0}
.sl-sales .sl-section-heading{border-top:1px solid var(--sl-rule);padding-top:66px}
.sl-business-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;margin-top:40px}
.sl-business-grid figcaption{font-size:20px;line-height:1.45;letter-spacing:-.55px;max-width:390px;font-weight:500}
.sl-conversion-ratio{display:block;font-size:72px;letter-spacing:-4px;line-height:1.2;color:#617a37;font-weight:400;margin:20px 0 24px}
.sl-conversion dl>div{margin-top:20px}.sl-conversion dt{font-size:11px;line-height:1.7;color:#7d8b6d}
.sl-conversion dd{position:relative;min-height:43px;margin:5px 0 0;padding-bottom:12px}
.sl-conversion dd strong{font-size:22px;font-weight:500;line-height:1.3;color:#3e562b;letter-spacing:-.5px}
.sl-conversion dd:after{content:'';height:8px;border-radius:4px;background:#e1e7d5;position:absolute;left:0;right:0;bottom:0}
.sl-conversion dd i{width:var(--sl-bar);height:8px;border-radius:4px;background:#7c9850;position:absolute;left:0;bottom:0;z-index:1}
.sl-conversion dl>div:last-child dd i{background:#b8c6a0}.sl-conversion dl>div:last-child dd strong{color:#7a8a6b}
.sl-conversion>p{font-size:10px;line-height:1.85;color:#80906e;margin-top:22px}
.sl-repurchase{border-left:1px solid var(--sl-rule);padding-left:48px}
.sl-repurchase>p{font-size:11px;line-height:1.85;color:#798969;margin-top:15px}
.sl-repurchase dl{margin-top:24px}
.sl-repurchase dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;position:relative;padding-bottom:15px;margin-bottom:22px;align-items:center}
.sl-repurchase dt{font-size:32px;line-height:1.2;letter-spacing:-1.4px;color:#617b37;font-weight:500;font-variant-numeric:tabular-nums}
.sl-repurchase dd{font-size:11px;line-height:1.8;margin:0;color:#72845e;max-width:250px}
.sl-repurchase dl>div:after{content:'';height:3px;background:#e1e7d5;position:absolute;left:0;right:0;bottom:0}
.sl-repurchase dl i{width:var(--sl-bar);height:3px;position:absolute;left:0;bottom:0;z-index:1;background:#97aa75}
.sl-repurchase .sl-chart-note{font-size:9px;line-height:1.9}
.sl-lifetime{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:65px;background:#e9efdd;border-radius:12px;padding:28px 34px;margin-top:46px}
.sl-lifetime h3{font-size:23px;line-height:1.4;letter-spacing:-.7px;max-width:260px}
.sl-lifetime p{font-size:12px;line-height:1.9;color:#71815e}
.sl-platform{background:#20281e}
.sl-platform-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:45px;border-top:1px solid #dce9c223;padding-top:31px}
.sl-platform-points article>span{font-size:10px;letter-spacing:1px;color:#95a875}
.sl-platform-points h3{font-size:18px;line-height:1.5;letter-spacing:-.4px;margin-top:15px}
.sl-platform-points p{font-size:12px;line-height:1.9;color:#a1b091;margin-top:13px}
.sl-solutions{display:grid;grid-template-columns:240px minmax(0,1fr);gap:55px;border-top:1px solid #dce9c223;padding-top:29px;margin-top:39px}
.sl-solutions h3{font-size:15px;line-height:1.6;color:#d1dbbc}
.sl-solutions ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}
.sl-solutions li{padding:8px 12px;border:1px solid #b5c69430;border-radius:6px;color:#a3b491;font-size:10px;line-height:1.7}
.sl-closing{text-align:center;background:radial-gradient(ellipse at 50% 100%,#74873c29,transparent 64%),#161f16}
.sl-closing .sl-kicker{color:#bfd09b;justify-content:center}
.sl-closing h2{max-width:760px;margin-inline:auto;font-size:clamp(34px,4.2cqi,52px)}
.sl-closing-body{font-size:14px;line-height:1.9;max-width:660px;margin:24px auto 31px!important;color:#a6b497}
.sl-closing-note{font-size:10px;line-height:1.85;color:#7e916e;margin:17px auto 0!important;max-width:580px}
@container soldiers-page (max-width:1000px){
 .sl-hero-grid{column-gap:35px}.sl-customer{gap:16px}.sl-customer img{width:116px}.sl-customer>span{padding-left:16px;font-size:7px}
 .sl-editorial{gap:50px}.sl-journey-grid{gap:38px}.sl-offer-grid article{padding-inline:22px}
 .sl-personas-band{gap:32px;grid-template-columns:210px minmax(0,1fr)}.sl-capability-grid{gap:30px}
 .sl-demo-grid{gap:60px}.sl-base-metrics>div{padding-inline:20px}.sl-quality-reach{gap:60px}
 .sl-business-grid{gap:40px}.sl-repurchase{padding-left:32px}.sl-platform-points{gap:30px}
}
@container soldiers-page (max-width:760px){
 .sl-page .pl-wrap{width:calc(100% - 40px)}.sl-page .pl-section{padding:60px 0}.sl-page .pl-nav{display:none}.sl-page .pl-header-demo{display:none}.sl-page .pl-header-inner{height:76px;gap:18px}
 .sl-page h1{font-size:clamp(36px,8cqi,52px);letter-spacing:-1.8px}.sl-page h2{font-size:clamp(30px,6.6cqi,42px);letter-spacing:-1.35px}
 .sl-kicker{font-size:9px;letter-spacing:1.2px;margin-bottom:20px!important}
 .sl-hero{padding-top:23px}.sl-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'film' 'actions';padding:35px 0 37px;gap:0}
 .sl-customer{gap:20px;margin-bottom:27px}.sl-customer img{width:124px}.sl-customer>span{font-size:7px;max-width:210px;padding-left:18px}
 .sl-hero-lead{font-size:14px;line-height:1.85;margin-top:24px!important;max-width:620px}
 .sl-film{margin-top:29px;width:100%}.sl-film-top{font-size:8px;letter-spacing:1.2px}
 .sl-case-cover{padding:clamp(22px,5.6cqi,37px)}.sl-cover-brand strong{font-size:clamp(35px,8cqi,52px)}
 .sl-case-cover>p{font-size:clamp(17px,4.2cqi,27px);margin-top:20px!important}.sl-cover-caption{font-size:6px;padding-top:19px}
 .sl-cover-wave{right:26px;bottom:25px;gap:4px;opacity:.2}.sl-cover-wave i{width:4px}
 .sl-hero-actions{padding-top:27px}.sl-hero-actions>p{font-size:9px}.sl-page .pl-demo{height:50px;min-height:50px;font-size:12px}
 .sl-key-metrics{padding:25px 0;gap:0}.sl-key-metrics>div{padding:0 18px}.sl-key-metrics dt{font-size:clamp(25px,5.2cqi,38px);letter-spacing:-1.2px}.sl-key-metrics dd{font-size:11px}.sl-key-metrics small{font-size:9px}
 .sl-editorial{grid-template-columns:minmax(0,1fr);gap:24px}.sl-prose{padding-top:0;font-size:14px}.sl-offer{margin-top:35px;padding-top:27px}.sl-offer>h3{font-size:23px}
 .sl-offer-grid{grid-template-columns:minmax(0,1fr);gap:23px;margin-top:28px}.sl-offer-grid article,.sl-offer-grid article:first-child,.sl-offer-grid article:last-child{padding:0 0 23px;border-left:0;border-bottom:1px solid var(--sl-rule)}
 .sl-offer-grid article:last-child{padding-bottom:0;border-bottom:0}.sl-offer-value{font-size:30px;margin-top:7px!important}.sl-offer-grid h4{font-size:14px;margin-bottom:8px}.sl-offer-grid article>p:last-child{max-width:620px;font-size:13px}
 .sl-page .sl-journey{padding-top:0}.sl-journey .sl-section-heading,.sl-sales .sl-section-heading{padding-top:47px}
 .sl-section-heading>p:last-child{font-size:14px;margin-top:21px}.sl-journey-grid{grid-template-columns:minmax(0,1fr);gap:27px;margin-top:29px}
 .sl-tabs>button{padding:18px 0;gap:13px}.sl-tabs strong{font-size:14px}.sl-tabs>button[aria-selected=true]::before{left:-10px;top:16px;bottom:16px}
 .sl-journey-scene{padding:25px;min-height:0}.sl-scene-number{font-size:53px;margin-bottom:19px}.sl-journey-scene>p{font-size:13px}.sl-journey-link{font-size:12px;gap:10px}
 .sl-journey-outcomes{gap:20px}.sl-journey-outcomes dd{font-size:11px}.sl-scene-caption{margin-top:16px!important}
 .sl-personas-band{grid-template-columns:minmax(0,1fr);gap:25px;margin-top:32px;padding:28px 0}.sl-seven{gap:25px}.sl-seven strong{font-size:76px}.sl-seven>span{max-width:200px;font-size:13px}
 .sl-persona-names{gap:15px 23px}.sl-persona-row>span{font-size:11px}.sl-persona-names>small{font-size:10px}
 .sl-capability-grid{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:31px}.sl-capability-grid article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 20px}.sl-capability-grid svg{grid-row:1/3;margin:0}.sl-capability-grid h3{font-size:18px;margin-bottom:8px}.sl-capability-grid p{font-size:13px;grid-column:2}
 .sl-page .sl-demo-section{padding-top:0}.sl-demo-grid{grid-template-columns:minmax(0,1fr);gap:33px;padding-top:50px}.sl-demo-copy>p:not(.sl-kicker){margin-top:22px}.sl-demo-copy li{font-size:13px}.sl-demo-film{width:min(100%,304px)}
 .sl-base-metrics{grid-template-columns:1fr 1fr;margin-top:30px!important;padding:0;gap:0}.sl-base-metrics>div,.sl-base-metrics>div:first-child,.sl-base-metrics>div:last-child{padding:25px 18px;border:0;min-width:0}.sl-base-metrics>div:nth-child(odd){padding-left:0}.sl-base-metrics>div:nth-child(even){padding-right:0;border-left:1px solid var(--sl-rule)}.sl-base-metrics>div:nth-child(n+3){border-top:1px solid var(--sl-rule)}
 .sl-base-metrics dt{font-size:clamp(27px,6.7cqi,39px);letter-spacing:-1.35px}.sl-base-metrics dd{font-size:12px}
 .sl-quality-reach{grid-template-columns:minmax(0,1fr);gap:33px;margin-top:32px}.sl-nps>strong{font-size:100px}.sl-nps h3{max-width:none}.sl-nps>p{max-width:460px;font-size:13px}
 .sl-regions>figcaption{font-size:21px}.sl-regions dl>div{grid-template-columns:107px minmax(0,1fr);gap:17px}.sl-regions dt,.sl-regions dd{font-size:12px}.sl-period{margin-top:28px!important}
 .sl-page .sl-sales{padding-top:0}.sl-business-grid{grid-template-columns:minmax(0,1fr);gap:35px;margin-top:30px}.sl-conversion-ratio{font-size:69px;margin:18px 0 23px}.sl-conversion dt{font-size:12px}.sl-conversion>p{font-size:11px}
 .sl-repurchase{border-left:0;border-top:1px solid var(--sl-rule);padding:30px 0 0}.sl-repurchase>p{font-size:12px}.sl-repurchase dd{font-size:12px}.sl-repurchase .sl-chart-note{font-size:10px}
 .sl-lifetime{grid-template-columns:minmax(0,1fr);gap:16px;padding:26px;margin-top:30px}.sl-lifetime h3{max-width:none;font-size:23px}.sl-lifetime p{font-size:13px}
 .sl-platform-points{grid-template-columns:minmax(0,1fr);gap:25px;margin-top:33px;padding-top:26px}.sl-platform-points h3{font-size:19px;margin-top:8px}.sl-platform-points p{font-size:13px;margin-top:10px}
 .sl-solutions{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:29px;padding-top:27px}.sl-solutions li{font-size:11px;padding:8px 11px}
 .sl-closing-body{font-size:14px;margin:22px auto 27px!important}.sl-closing-note{font-size:10px}
}
@container soldiers-page (max-width:480px){
 .sl-key-metrics{grid-template-columns:minmax(0,1fr);padding:0;gap:0}.sl-key-metrics>div,.sl-key-metrics>div:first-child,.sl-key-metrics>div:last-child{padding:25px 0;border-left:0;border-bottom:1px solid #eff3e424}.sl-key-metrics>div:last-child{border-bottom:0}.sl-key-metrics dt{font-size:43px}.sl-key-metrics dd{font-size:13px;max-width:none;margin-top:10px}.sl-key-metrics small{font-size:10px;margin-top:7px}
 .sl-case-cover{padding:22px}.sl-case-cover>p{font-size:17px;line-height:1.35;margin-top:19px!important}.sl-cover-brand strong{font-size:36px}.sl-cover-wave{right:20px;bottom:17px;transform:rotate(-8deg) scale(.75);transform-origin:bottom right}.sl-cover-caption{font-size:5px;letter-spacing:1.1px}
 .sl-journey-outcomes{grid-template-columns:minmax(0,1fr);gap:17px}.sl-journey-outcomes dd{font-size:12px}.sl-customer img{width:112px}.sl-customer>span{font-size:6.5px;letter-spacing:.8px}
 .sl-persona-names{gap:14px 18px}.sl-persona-row>span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.sl-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Export 22 · motion follows the current home: lateral entrances, soft focus,
   and staggered content. States are armed only when IntersectionObserver exists. */
.sl-page [data-sl-reveal]{--sl-x:0px;--sl-y:24px;--sl-duration:820ms}
.sl-page [data-sl-reveal=left]{--sl-x:clamp(-128px,-8vw,-40px);--sl-y:0px;--sl-duration:1000ms}
.sl-page [data-sl-reveal=right]{--sl-x:clamp(40px,8vw,128px);--sl-y:0px;--sl-duration:1000ms}
.sl-page [data-sl-state=pending]{opacity:0;transform:translate3d(var(--sl-x),var(--sl-y),0);filter:blur(3px)}
.sl-page [data-sl-state=entering]{animation:sl-enter var(--sl-duration) cubic-bezier(.16,1,.3,1) var(--sl-delay,0ms) both;will-change:transform,opacity,filter}
.sl-page [data-sl-state=done]{opacity:1;transform:none;filter:none}
.sl-page [data-sl-state=pending]:focus-within{opacity:1;transform:none;filter:none}
@keyframes sl-enter{from{opacity:0;transform:translate3d(var(--sl-x),var(--sl-y),0);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
.sl-page .pl-demo{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.sl-page .pl-back svg{transition:transform .25s ease}.sl-page .pl-back:hover svg{transform:translateX(-4px)}
.sl-tabs>button{transition:color .25s ease,background-color .25s ease}
.sl-tabs>button:hover{color:#344729;background:#e5edd940}
.sl-tabs>button>span:last-child{transition:transform .3s ease}.sl-tabs>button:hover>span:last-child{transform:translate(2px,-2px)}
.sl-tabs>button[aria-selected=true]::after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#809751;transform-origin:left center}
.sl-journey-grid[data-sl-autoplay=running] .sl-tabs>button[aria-selected=true]::after{animation:sl-stage-progress 5s linear both}
.sl-journey-grid[data-sl-autoplay=paused] .sl-tabs>button[aria-selected=true]::after{animation-play-state:paused}
@keyframes sl-stage-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sl-panels>[role=tabpanel]:not([hidden]),.sl-use-panels>[role=tabpanel]:not([hidden]){animation:sl-panel-enter .58s cubic-bezier(.16,1,.3,1) both}
@keyframes sl-panel-enter{from{opacity:0;transform:translate3d(18px,8px,0);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
.sl-regions[data-sl-state=entering] dd i,.sl-conversion[data-sl-state=entering] dd i,.sl-repurchase[data-sl-state=entering] dl i{transform-origin:left center;animation:sl-bar-grow 1200ms cubic-bezier(.16,1,.3,1) .15s both}
@keyframes sl-bar-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sl-access-extension{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;padding:30px 34px;background:#e9efdd;border:1px solid #dce4ce;border-radius:14px;margin-top:34px}
.sl-access-extension h3{font-size:23px;line-height:1.4;letter-spacing:-.7px;max-width:365px}
.sl-access-extension>div>p:not(.sl-access-label){font-size:12px;line-height:1.9;color:#6a795a;margin-top:15px}
.sl-access-label{font-size:10px;line-height:1.7;color:#7a896a;margin-bottom:20px!important}
.sl-access-extension ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:0;margin:0;position:relative}
.sl-access-extension ol:before{content:'';position:absolute;top:5px;left:0;right:0;height:1px;background:#b8c69f}
.sl-access-extension li{min-width:0;padding-top:24px;position:relative}
.sl-access-extension li:before{content:'';width:9px;height:9px;border:2px solid #77934d;border-radius:50%;position:absolute;left:0;top:1px;background:#e9efdd}
.sl-access-extension li>span{display:block;font-size:9px;line-height:1.8;color:#7a8a66}
.sl-access-extension li>strong{display:block;font-size:23px;line-height:1.4;letter-spacing:-.8px;color:#536d2f;font-weight:500;margin-top:6px}
.sl-access-note{font-size:9px;line-height:1.85;color:#8b977c;max-width:930px;margin-top:15px!important}
.sl-persona-names{gap:17px 21px}.sl-persona-names>small{line-height:1.9;max-width:650px}
.sl-persona-row>span{transition:color .3s ease}.sl-persona-row>span:hover{color:#e4edc9}
.sl-demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:85px}
.sl-use-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-top:26px;padding-bottom:14px;border-bottom:1px solid #dce9c22b}
.sl-use-tabs button{border:1px solid transparent;border-radius:7px;background:none;color:#92a27f;font-size:11px;line-height:1.6;min-height:38px;padding:8px 12px;transition:background-color .25s ease,color .25s ease,border-color .25s ease}
.sl-use-tabs button:hover{color:#e4eccf;border-color:#b6c59935}
.sl-use-tabs button[aria-selected=true]{background:#d7e58b;color:#283220;border-color:#d7e58b}
.sl-use-panels{min-height:282px;padding-top:23px}.sl-use-panels h3{font-size:20px;line-height:1.45;letter-spacing:-.6px;color:#e5edd8;max-width:470px;margin-bottom:23px}
.sl-use-label{display:block;font-size:8px;letter-spacing:1.2px;line-height:1.8;color:#8c9f75;margin-bottom:8px}
.sl-use-panels blockquote{font-size:13px;line-height:1.8;color:#d0dfba;border-left:2px solid #9daf70;margin:0 0 20px;padding:8px 14px;background:#bad07b0a;border-radius:0 8px 8px 0;max-width:470px}
.sl-use-panels p{font-size:12px;line-height:1.9;color:#a7b795;max-width:490px}
.sl-demo-copy>p.sl-use-note{font-size:9px;line-height:1.8;color:#788e65;margin-top:17px}
.sl-experience-scope{font-size:10px;line-height:1.85;color:#7d916c;border-top:1px solid #dfe7cd1a;padding-top:22px;margin-top:33px!important}
@container soldiers-page (max-width:1000px){.sl-access-extension{gap:35px;padding:28px}.sl-demo-grid{gap:50px}.sl-access-extension li>strong{font-size:21px}}
@container soldiers-page (max-width:760px){
 .sl-access-extension{grid-template-columns:minmax(0,1fr);gap:24px;padding:25px;margin-top:27px}.sl-access-extension>div>p:not(.sl-access-label){font-size:13px;margin-top:13px}.sl-access-extension h3{font-size:23px}
 .sl-access-label{font-size:10px;margin-bottom:16px!important}.sl-access-extension li>span{font-size:10px}.sl-access-extension li>strong{font-size:clamp(20px,4.8cqi,27px)}.sl-access-note{font-size:10px;line-height:1.8}
 .sl-demo-grid{grid-template-columns:minmax(0,1fr);gap:32px}.sl-use-tabs{gap:5px;margin-top:23px}.sl-use-tabs button{font-size:11px;padding:8px 10px}
 .sl-use-panels{min-height:0;padding-top:22px}.sl-use-panels h3{font-size:21px}.sl-use-panels blockquote{font-size:13px}.sl-use-panels p{font-size:13px}.sl-demo-copy>p.sl-use-note{font-size:9px;margin-top:21px}
 .sl-experience-scope{font-size:10px;margin-top:27px!important}.sl-persona-names>small{font-size:10px}
}
@container soldiers-page (max-width:480px){.sl-page [data-sl-reveal=left]{--sl-x:-28px}.sl-page [data-sl-reveal=right]{--sl-x:28px}.sl-access-extension{padding:22px}.sl-access-extension ol{gap:13px}.sl-access-extension li>strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.sl-page [data-sl-state]{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.sl-page .sl-tabs>button::after{animation:none!important;transform:none!important}}
@media print{.sl-page [data-sl-state]{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}}

/* Nosso ajuste (25/09): quarta compra na linha de acesso ("4 compras = 1 ano"), então a linha tem 4 colunas.
   Em contêiner estreito (celular) vira 2×2, com a linha passando em cada fileira. */
.sl-access-extension ol{grid-template-columns:repeat(4,minmax(0,1fr))}
@container soldiers-page (max-width:480px){
.sl-page .sl-access-extension ol{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
.sl-page .sl-access-extension ol:before{display:none}
.sl-page .sl-access-extension li:before{z-index:1}
.sl-page .sl-access-extension li:after{content:'';position:absolute;top:5px;left:0;right:-13px;height:1px;background:#b8c69f}
.sl-page .sl-access-extension li:nth-child(2n):after{right:0}
}
/* Com quatro colunas na metade do cartão (contêiner entre 761 e 1000 px), "180 dias" quebrava em duas linhas. */
.sl-page .sl-access-extension li>strong{white-space:nowrap}
@container soldiers-page (min-width:761px) and (max-width:1000px){
.sl-page .sl-access-extension li>strong{font-size:clamp(16px,2cqi,21px)}
}
/* Legendas dos filmes no padrão das outras LPs (25/09): ponto na cor do case, 10 px, texto "X, em N minutos." */
.sl-film>figure>figcaption,.sl-demo-film>figure>figcaption{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px}
.sl-film>figure>figcaption:before,.sl-demo-film>figure>figcaption:before{content:'';width:4px;height:4px;border-radius:50%;background:#f3d20a;flex:none}

/* Yooper AI · export 23. Profissio structure, Yooper colours. */
.yl-page{container:yooper-page / inline-size;--pl-width:1193px;--yl-deep:#210b2b;--yl-ink:#32183d;--yl-muted:#816586;--yl-cyan:#e667ab;--yl-teal:#b8006a;--yl-pink:#ed058c;--yl-rule:#decfe1;--yl-light:#f6f3f7;background:var(--yl-deep);color:#fdedf6}
.yl-page .pl-wrap{max-width:1193px}.yl-page .pl-section{padding:90px 0}.yl-page h1{font-size:clamp(37px,4.05cqi,54px);line-height:1.15;letter-spacing:-2.25px;max-width:650px}.yl-page h1>span{color:#e58bbb;background:linear-gradient(110deg,#eb8dbf,#d473a7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.yl-page h2{font-size:clamp(30px,3.75cqi,48px);line-height:1.17;letter-spacing:-1.85px}.yl-page figure,.yl-page dl{margin:0}.yl-page .pl-header{background:#110815}.yl-page .pl-back{color:#be9dc5!important}.yl-page .pl-nav a:hover{color:#f097c6}.yl-page a:focus-visible,.yl-page button:focus-visible,.yl-page [tabindex='0']:focus-visible{outline-color:#da64a3}.yl-page .pl-demo{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.yl-page .pl-back svg{transition:transform .25s ease}.yl-page .pl-back:hover svg{transform:translateX(-4px)}
.yl-kicker{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:1.6px;line-height:1.7;font-weight:500;color:#bb80c7;margin-bottom:22px!important}.yl-kicker>span{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.yl-tag{display:block;font-size:9px;line-height:1.8;letter-spacing:1.4px;font-weight:500;color:#7b5383}.yl-period{font-size:10px;line-height:1.8;color:#a179a9;padding:19px 0 26px;max-width:900px}
.yl-hero{position:relative;padding-top:27px;background:radial-gradient(ellipse at 87% 35%,#6b003933,transparent 53%),radial-gradient(ellipse at 10% 95%,#be168a13,transparent 56%),#210b2b}.yl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);grid-template-areas:'copy film' 'actions film';gap:0 55px;align-items:center;padding:52px 0 60px}.yl-hero-copy{grid-area:copy;min-width:0}.yl-customer{display:flex;align-items:center;gap:22px;margin-bottom:30px}.yl-customer img{width:146px;height:auto;flex:none}.yl-customer>span{font-size:8px;line-height:1.8;letter-spacing:1.4px;max-width:195px;padding-left:22px;border-left:1px solid #fed9ed36;color:#c1a0c8}.yl-hero-lead{font-size:14px;line-height:1.9;color:#c8accd;max-width:525px;margin-top:25px!important}.yl-hero-actions{grid-area:actions;padding-top:28px}.yl-hero-actions>p{font-size:10px;color:#a37eab;line-height:1.8;margin-top:14px!important;max-width:470px}.yl-film{grid-area:film;min-width:0;align-self:center}.yl-film-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.35px;line-height:1.7;color:#c295cb;margin-bottom:13px}.yl-film-top>span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.5px}.yl-film .ph-case-media-film{aspect-ratio:16/9;border-radius:18px;border:1px solid #d9b2e14a;overflow:hidden;background:#190720;box-shadow:0 26px 80px #12001970}.yl-film .ph-case-media-sound{font-size:9px}.yl-film figcaption{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;line-height:1.8;color:#a481ab;margin-top:13px}.yl-film figcaption>span{width:4px;height:4px;border-radius:50%;background:#e52c9b}
.yl-key-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #f3cae02b;border-bottom:1px solid #f3cae02b;padding:32px 0 36px}.yl-key-metrics>div{min-width:0;padding:0 35px;border-left:1px solid #f3cae024}.yl-key-metrics>div:first-child{padding-left:0;border:0}.yl-key-metrics>div:last-child{padding-right:0}.yl-key-metrics dt{display:flex;align-items:flex-end;min-height:80px;padding-bottom:2px;color:#e683b8;font-variant-numeric:tabular-nums}.yl-key-metrics dt>strong{font-weight:500;font-size:clamp(42px,4.8cqi,64px);letter-spacing:-2.6px;line-height:1.12}.yl-key-metrics dt.yl-time-metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:7px}.yl-time-metric>span{display:flex;gap:10px;align-items:center;font-size:14px;line-height:1;color:#ae80b7}.yl-time-metric s{text-decoration-color:#b66c99}.yl-time-metric svg{width:21px;height:17px;color:#e886c3}.yl-key-metrics .yl-time-metric>strong{font-size:clamp(32px,3.2cqi,43px);letter-spacing:-1.6px}.yl-key-metrics dd{font-size:13px;line-height:1.7;color:#e5d1e9;margin:13px 0 0;max-width:335px}.yl-key-metrics small{display:block;font-size:10px;line-height:1.8;color:#aa86b1;margin-top:8px;max-width:315px}
.yl-light{background:var(--yl-light);color:var(--yl-ink);color-scheme:light}.yl-light .yl-kicker{color:#7c5484}.yl-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:88px;align-items:start}.yl-prose{font-size:14px;line-height:1.95;color:var(--yl-muted);padding-top:38px}.yl-prose p+p{margin-top:20px}.yl-path-comparison{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:48px;padding-top:26px;border-top:1px solid var(--yl-rule)}.yl-path-comparison>div>span{font-size:9px;letter-spacing:1.3px;color:#a28ca6}.yl-path-comparison>div:last-child>span{color:#a00d5b}.yl-path-comparison ol{display:flex;list-style:none;padding:0;margin:16px 0 0;gap:14px}.yl-path-comparison li{display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.7;color:#937b98;min-width:0;flex:1}.yl-path-comparison li>svg{width:20px;height:20px;flex:none;opacity:.6}.yl-path-comparison>div:last-child li{color:#62346b}
.yl-section-heading{max-width:100%;padding-top:0}.yl-section-heading>p:last-child{font-size:14px;line-height:1.9;max-width:740px;color:var(--yl-muted);margin-top:21px!important}.yl-page .yl-solution{padding-top:0}.yl-solution .yl-section-heading{border-top:1px solid var(--yl-rule);padding-top:60px}.yl-solution h2{max-width:850px}.yl-data-flow{display:grid;grid-template-columns:1.04fr 1fr 1.12fr 1fr;gap:29px;margin-top:42px}.yl-data-flow>div,.yl-data-flow>article{min-width:0;position:relative}.yl-data-flow>*>svg:last-child{position:absolute;right:-25px;top:50%;width:21px;height:21px;color:#95759b}.yl-sources{padding:22px 6px 22px 0}.yl-sources .yl-tag{font-size:8px}.yl-sources ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:20px 0 0;padding:0}.yl-sources li{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6;color:#7e5e84;padding-bottom:8px;border-bottom:1px solid #e5d8e8}.yl-sources li>i{width:4px;height:4px;background:#93559f;border-radius:50%;flex:none}.yl-flow-node{padding:23px 23px 21px;background:#efe7f0;border:1px solid #ddcde0;border-radius:14px;display:flex;flex-direction:column}.yl-flow-node .yl-tag{font-size:7px;letter-spacing:1.1px;min-height:25px}.yl-flow-icon{width:33px;height:38px;color:#784482;margin:12px 0 8px}.yl-flow-icon svg{width:29px;height:29px}.yl-flow-node h3{font-size:23px;letter-spacing:-.8px}.yl-flow-node p{font-size:12px;line-height:1.9;margin-top:13px!important;color:#856d8a}.yl-flow-node>strong{font-size:10px;font-weight:500;line-height:1.8;margin-top:auto;padding-top:19px;color:#6f4b76}.yl-agent{background:linear-gradient(140deg,#331440,#290e35);border-color:#7b0a46;box-shadow:0 13px 35px #37164512}.yl-agent .yl-tag{color:#cf78a6}.yl-agent .yl-flow-icon{color:#e579b3}.yl-agent h3{color:#f8e6f0}.yl-agent p{color:#c09fc7}.yl-agent>strong{color:#d480ad}.yl-data-note{font-size:10px;line-height:1.8;color:#97809c;margin-top:19px!important;text-align:center}
.yl-experience{background:radial-gradient(ellipse at 100% 35%,#860b4d30,transparent 65%),#210b2b}.yl-experience .yl-section-heading>p:last-child{color:#b48fbc}.yl-experience-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:72px;align-items:start;margin-top:47px}.yl-tabs{min-width:0}.yl-tabs>button{appearance:none;display:grid;grid-template-columns:25px minmax(0,1fr) 17px;gap:13px;width:100%;text-align:left;border:0;border-bottom:1px solid #eaaece2b;background:transparent;position:relative;padding:26px 0;color:#9971a1;transition:color .24s ease,background-color .24s ease}.yl-tabs>button:first-child{border-top:1px solid #eaaece2b}.yl-tabs>button[aria-selected=true]{color:#f8e8f1}.yl-tabs>button:hover{color:#e6cdeb;background:#ee82bc03}.yl-step-index{font-size:10px;color:#93609d;margin-top:4px}.yl-tabs>button strong{display:block;font-size:17px;font-weight:500;line-height:1.5;letter-spacing:-.5px}.yl-step-body{display:none;font-size:12px;line-height:1.95;color:#b995c0;margin-top:15px}.yl-tabs>button[aria-selected=true] .yl-step-body{display:block;animation:yl-panel-enter .4s ease both}.yl-tab-arrow{font-size:19px;color:#ab68b9;transition:transform .25s ease}.yl-tabs>button:hover .yl-tab-arrow{transform:translate(2px,-2px)}.yl-tabs>button[aria-selected=true]:before{content:'';position:absolute;left:-16px;top:26px;bottom:26px;width:2px;background:#ca6a9d}.yl-tabs>button[aria-selected=true]:after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:#e05fa4;transform-origin:left}.yl-experience-grid[data-yl-autoplay=running] .yl-tabs>button[aria-selected=true]:after{animation:yl-stage-progress 5s linear both}.yl-experience-grid[data-yl-autoplay=paused] .yl-tabs>button[aria-selected=true]:after{animation-play-state:paused}
.yl-panels{min-width:0}.yl-panels>[role=tabpanel]:not([hidden]){animation:yl-panel-enter .55s cubic-bezier(.16,1,.3,1) both}.yl-panel-top{display:flex;justify-content:space-between;gap:15px;color:#a579ae;font-size:8px;line-height:1.8;letter-spacing:1.2px;margin-bottom:16px}.yl-panel-top>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.yl-conversation{border:1px solid #edbbd629;background:#1a0a21;border-radius:17px;overflow:hidden;box-shadow:0 24px 58px #14001d38}.yl-conversation-head{display:flex;align-items:center;gap:10px;padding:18px 24px;background:#2e1339;border-bottom:1px solid #d8bddd10}.yl-chat-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;font-size:21px;font-weight:500;color:#eb7bb7;background:#4d2256;position:relative}.yl-chat-mark:after{content:'';position:absolute;bottom:5px;right:3px;width:5px;height:5px;border-radius:50%;background:#ea168d}.yl-conversation-head>div{display:flex;flex-direction:column;gap:2px}.yl-conversation-head strong{font-size:12px;font-weight:500}.yl-conversation-head small{font-size:8px;color:#a076a9}.yl-online{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#b265c2;box-shadow:0 0 0 4px #c4107014}.yl-chat-content{display:flex;flex-direction:column;gap:17px;padding:27px 25px 24px;min-height:300px}.yl-message{max-width:90%;padding:15px 18px;font-size:12px;line-height:1.9;border:1px solid #d3acdb0b}.yl-message>span{display:block;font-size:7px;font-weight:500;letter-spacing:1px;line-height:1.8;margin-bottom:7px;opacity:.7}.yl-message.yl-outgoing{align-self:flex-end;background:#482050;color:#e4d1e8;border-radius:12px 3px 12px 12px}.yl-message.yl-incoming{align-self:flex-start;background:#2d1737;color:#d7bcdc;border-radius:3px 12px 12px 12px}.yl-formats{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:3px}.yl-formats>span{border:1px solid #b388bc22;border-radius:5px;padding:4px 9px;color:#ad88b4;font-size:8px;line-height:1.7}.yl-panel-detail{margin-top:24px;border-left:1px solid #e667ab40;padding-left:19px}.yl-panel-detail h3{font-size:15px;line-height:1.5;color:#e9d3ed}.yl-panel-detail p{font-size:12px;line-height:1.85;color:#a378ac;margin-top:9px!important;max-width:480px}.yl-example-note{font-size:9px;line-height:1.8;margin-top:16px!important;color:#865290}.yl-confirm{background:#2f103c;border:1px solid #8c439b45;border-radius:10px;padding:14px 16px}.yl-confirm-state{display:block;color:#cf74a5;font-size:8px;letter-spacing:1px;line-height:1.7}.yl-confirm p{font-size:11px;line-height:1.85;color:#c5a0cd;margin-top:10px!important}.yl-confirm button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 0 0;border:0;background:transparent;color:#eed0e0;font-size:11px;line-height:1.7;text-align:left}.yl-confirm button>svg{width:18px;height:18px;flex:none}.yl-confirm button:hover{color:#f078b8}
.yl-page .yl-governance{padding-top:0;background:#210b2b}.yl-governance .yl-editorial{border-top:1px solid #eaaece26;padding-top:62px}.yl-governance .yl-prose{color:#b592bc}.yl-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:43px;margin-top:45px}.yl-rules article{border-top:1px solid #c794d12b;padding-top:24px}.yl-rule-index{font-size:10px;color:#9a5fa6;font-variant-numeric:tabular-nums}.yl-rules h3{font-size:18px;line-height:1.5;color:#ead4ee;max-width:300px;margin-top:20px}.yl-rules p{font-size:12px;line-height:1.95;color:#af88b7;margin-top:13px!important}.yl-voice{display:grid;grid-template-columns:.8fr 1.8fr .8fr;gap:35px;align-items:center;margin-top:46px;padding:28px 30px;border:1px solid #db99bc1c;border-radius:15px;background:#2f143a55}.yl-voice-art{display:flex;align-items:center;gap:17px;color:#bc81c8}.yl-voice-art>svg{width:24px;height:24px;flex:none}.yl-voice-art>div{display:flex;align-items:center;gap:4px;height:66px}.yl-voice-art i{display:block;width:3px;border-radius:2px;background:#b071bc;max-height:47px;transform-origin:center}.yl-voice-art i:nth-child(5n){background:#d963a8}.yl-voice h3{font-size:18px;color:#e7d3eb}.yl-voice p{font-size:11px;line-height:1.9;color:#ad87b4;margin-top:10px!important}.yl-voice>span{font-size:10px;line-height:1.85;color:#95649f;max-width:145px;margin-left:auto}
.yl-results h2{max-width:960px}.yl-volume{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:43px!important;padding:30px 0 35px;border-top:1px solid var(--yl-rule);border-bottom:1px solid var(--yl-rule)}.yl-volume>div{padding:0 32px;border-left:1px solid var(--yl-rule)}.yl-volume>div:first-child{padding-left:0;border-left:0}.yl-volume>div:last-child{padding-right:0}.yl-volume dt{font-size:clamp(40px,4.6cqi,61px);line-height:1.2;font-weight:500;letter-spacing:-2px;color:#990c57;font-variant-numeric:tabular-nums}.yl-volume dd{font-size:13px;line-height:1.8;color:#886a8e;margin:12px 0 0}.yl-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:41px}.yl-results-grid>article{min-width:0}.yl-results-grid>article+article{border-left:1px solid var(--yl-rule);padding-left:60px}.yl-results-grid h3{font-size:23px;line-height:1.4;letter-spacing:-.7px;color:#4b2553;max-width:450px;margin-top:27px}.yl-results-grid p{font-size:12px;line-height:1.95;color:#8b6d91;margin-top:16px!important;max-width:445px}.yl-dot-matrix{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:7px;max-width:322px;margin-top:27px;min-height:169px;align-content:start}.yl-dot-matrix>i{display:block;width:10px;height:10px;border-radius:50%;background:#d1bad5}.yl-dot-matrix>i.yl-dot-ai{background:#b10e65}.yl-chart-legend{display:flex;flex-wrap:wrap;gap:9px 21px;padding:0;margin:23px 0 0;list-style:none}.yl-chart-legend li{display:flex;gap:7px;align-items:center;font-size:9px;line-height:1.8;color:#94759a}.yl-chart-legend i{width:6px;height:6px;border-radius:50%;flex:none;background:#d1bad5}.yl-chart-legend i.yl-legend-ai{background:#b10e65}.yl-results-grid p.yl-small{font-size:9px;line-height:1.8;color:#a48ca9;margin-top:11px!important}.yl-hours-visual{display:flex;align-items:center;gap:28px;min-height:169px;margin-top:27px}.yl-hours-dial{flex:none;display:grid;place-items:center;width:158px;height:158px;border-radius:50%;background:conic-gradient(#b10e65 0deg 140.04deg,#e7dce9 140.04deg 360deg);position:relative;isolation:isolate}.yl-hours-dial:before{content:'';position:absolute;inset:7px;border-radius:50%;background:var(--yl-light);z-index:-1}.yl-hours-dial>span{font-size:31px;letter-spacing:-1.3px;color:#a60d5f;font-variant-numeric:tabular-nums}.yl-hours-lines{display:flex;flex-direction:column;gap:7px;color:#c4adc8;font-size:8px;letter-spacing:.7px}.yl-hours-lines>strong{font-size:27px;line-height:1.3;letter-spacing:-.8px;font-weight:400;color:#a67cae}.yl-hours-lines>i{display:block;width:54px;height:1px;background:linear-gradient(90deg,#d2bad7,transparent);margin:4px 0}.yl-results .yl-period{padding-bottom:0;margin-top:25px!important;color:#a790ab}
.yl-page .yl-impact{padding-top:0}.yl-impact .yl-section-heading{border-top:1px solid var(--yl-rule);padding-top:65px}.yl-impact h2{max-width:880px}.yl-roas-story,.yl-investment-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:75px;align-items:center;padding:48px 0;border-bottom:1px solid var(--yl-rule)}.yl-story-copy h3{font-size:27px;line-height:1.35;letter-spacing:-.9px;margin-top:18px;max-width:490px}.yl-story-copy>p{font-size:13px;line-height:1.95;color:#8b7090;margin-top:18px!important}.yl-story-copy>p+p{margin-top:14px!important}.yl-time-comparison{display:grid;grid-template-columns:1fr 32px 1.3fr;gap:23px;align-items:center;padding:33px 0}.yl-time-comparison>div>span{display:block;font-size:8px;color:#a084a6;letter-spacing:1.2px;line-height:1.7;margin-bottom:21px}.yl-time-comparison>div>strong{display:block;font-size:clamp(36px,4cqi,52px);line-height:1.15;letter-spacing:-2px;color:#c5b3c9;font-weight:400;white-space:nowrap}.yl-time-comparison>div>strong>small{font-size:18px;letter-spacing:-.5px}.yl-time-comparison>div:last-child>strong{font-size:clamp(28px,2.9cqi,37px);letter-spacing:-1.4px;color:#a70e60}.yl-time-comparison>svg{width:29px;height:29px;color:#be5c98;margin-top:3px}.yl-time-comparison p{font-size:10px;line-height:1.8;color:#a98eae;margin-top:13px!important}.yl-time-comparison>div:last-child p{color:#8c6195}.yl-investment-story dl{display:grid;grid-template-columns:1fr 1fr;gap:30px}.yl-investment-story dl>div+div{border-left:1px solid var(--yl-rule);padding-left:28px}.yl-investment-story dt{font-size:clamp(37px,4cqi,54px);font-weight:500;line-height:1.2;letter-spacing:-2px;color:#a40d5e;font-variant-numeric:tabular-nums;white-space:nowrap}.yl-investment-story dl>div:last-child dt{color:#a54887}.yl-investment-story dd{margin:16px 0 0;font-size:12px;line-height:1.85;color:#8b6c91;max-width:205px}.yl-story-note{font-size:10px;line-height:1.9;color:#ac96b1;margin-top:18px!important}
.yl-relationship{background:linear-gradient(130deg,#210b2b,#2a1035)}.yl-relationship .yl-prose{color:#af88b7}.yl-scale{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;border-top:1px solid #e3b5ce26;margin-top:43px;padding-top:32px}.yl-scale h3{font-size:25px;letter-spacing:-.9px;line-height:1.45;max-width:350px;color:#e2c9e7}.yl-scale p{font-size:13px;line-height:1.95;color:#af8ab6;max-width:570px}.yl-solutions{display:grid;grid-template-columns:240px 1fr;gap:45px;padding-top:34px;margin-top:32px;border-top:1px solid #e3b5ce1c;align-items:start}.yl-solutions h3{font-size:8px;line-height:1.9;letter-spacing:1.4px;color:#8b5496;padding-top:4px}.yl-solutions ul{list-style:none;margin:0;padding:0;display:flex;gap:10px 17px;flex-wrap:wrap}.yl-solutions li{font-size:10px;line-height:1.8;color:#b58bbe;border-bottom:1px solid #a366af27;padding-bottom:4px}.yl-closing{background:radial-gradient(ellipse at 82% 40%,#4c205a27,transparent 52%),radial-gradient(ellipse at 14% 75%,#65083a37,transparent 50%),#110815;border-top:1px solid #ebbdd612;text-align:center}.yl-closing .yl-kicker{justify-content:center;color:#a16eab}.yl-closing h2{font-size:clamp(32px,4.3cqi,55px);line-height:1.17;max-width:820px;margin:auto;color:#f1e3f4}.yl-closing-body{font-size:14px;line-height:1.9;color:#b08db7;max-width:640px;margin:25px auto 0!important}.yl-closing .pl-closing-demo{margin-top:32px}.yl-closing-note{font-size:10px;line-height:1.9;color:#956f9d;margin-top:17px!important}.yl-credits{font-size:9px;line-height:1.8;color:#684370;margin-top:38px!important}
/* Motion follows the home: lateral entrances, soft focus, stagger and a short vertical reveal. */
.yl-page [data-yl-reveal]{--yl-x:0px;--yl-y:24px;--yl-duration:820ms}.yl-page [data-yl-reveal=left]{--yl-x:clamp(-128px,-8vw,-40px);--yl-y:0px;--yl-duration:1000ms}.yl-page [data-yl-reveal=right]{--yl-x:clamp(40px,8vw,128px);--yl-y:0px;--yl-duration:1000ms}.yl-page [data-yl-state=pending]{opacity:0;transform:translate3d(var(--yl-x),var(--yl-y),0);filter:blur(3px)}.yl-page [data-yl-state=entering]{animation:yl-enter var(--yl-duration) cubic-bezier(.16,1,.3,1) var(--yl-delay,0ms) both;will-change:transform,opacity,filter}.yl-page [data-yl-state=done],.yl-page [data-yl-state=pending]:focus-within{opacity:1;transform:none;filter:none}.yl-autonomy[data-yl-state=entering] .yl-dot-matrix i{animation:yl-dot-enter .45s ease var(--yl-dot-delay) both}.yl-voice[data-yl-state=entering] .yl-voice-art i{animation:yl-wave .7s ease var(--yl-wave-delay) both}
@keyframes yl-enter{from{opacity:0;transform:translate3d(var(--yl-x),var(--yl-y),0);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}@keyframes yl-panel-enter{from{opacity:0;transform:translate3d(15px,7px,0);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes yl-stage-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes yl-dot-enter{from{opacity:.1;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes yl-wave{0%,100%{transform:scaleY(1)}40%{transform:scaleY(.35)}75%{transform:scaleY(.8)}}
@container yooper-page (max-width:1050px){
 .yl-hero-grid{gap:0 35px}.yl-page h1{font-size:clamp(37px,4.3cqi,47px)}.yl-customer{gap:16px}.yl-customer>span{font-size:7px;padding-left:16px}.yl-customer img{width:122px}.yl-editorial{gap:50px}.yl-key-metrics>div{padding-inline:26px}.yl-data-flow{gap:22px;grid-template-columns:1fr 1fr 1.08fr 1fr}.yl-data-flow>*>svg:last-child{right:-21px;width:19px}.yl-flow-node{padding:21px 16px}.yl-flow-node h3{font-size:20px}.yl-flow-node p{font-size:11px}.yl-sources li{font-size:10px}.yl-experience-grid{gap:45px;grid-template-columns:.9fr 1.1fr}.yl-tabs>button strong{font-size:16px}.yl-results-grid{gap:40px}.yl-results-grid>article+article{padding-left:35px}.yl-voice{grid-template-columns:.8fr 1.8fr;gap:28px}.yl-voice>span{display:none}.yl-roas-story,.yl-investment-story{gap:45px}.yl-time-comparison{gap:13px}.yl-time-comparison>div:last-child>strong{font-size:31px}.yl-path-comparison{gap:35px}.yl-path-comparison ol,.yl-path-comparison li{gap:9px}.yl-path-comparison li{font-size:10px}.yl-scale{gap:45px}
}
@container yooper-page (max-width:760px){
 .yl-page{--pl-gutter:40px}.yl-page .pl-section{padding:62px 0}.yl-page h1{font-size:clamp(37px,7cqi,48px);letter-spacing:-1.8px;max-width:650px}.yl-page h2{font-size:clamp(30px,5.4cqi,39px);letter-spacing:-1.3px;line-height:1.2}.yl-page .pl-header-inner{height:75px;gap:18px}.yl-page .pl-brand img{width:153px}.yl-page .pl-nav,.yl-page .pl-header-demo{display:none}.yl-page .ph-language-switch button{width:31px;min-height:31px;font-size:10px}.yl-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:19px!important}.yl-hero{padding-top:24px}.yl-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'film' 'actions';padding:36px 0 36px;gap:0}.yl-customer{margin-bottom:26px;gap:20px}.yl-customer img{width:130px}.yl-customer>span{font-size:8px;max-width:200px;padding-left:20px}.yl-hero-lead{font-size:14px;margin-top:24px!important;max-width:620px}.yl-film{margin-top:32px!important}.yl-film-top{font-size:8px}.yl-film .ph-case-media-film{border-radius:15px}.yl-film figcaption{font-size:9px}.yl-hero-actions{padding-top:28px}.yl-hero-actions>p{font-size:10px}.yl-page .pl-demo{height:50px;min-height:50px;font-size:12px}.yl-key-metrics{grid-template-columns:minmax(0,1fr);padding:0}.yl-key-metrics>div,.yl-key-metrics>div:first-child,.yl-key-metrics>div:last-child{border:0;border-bottom:1px solid #f3cae01f;padding:24px 0;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:25px;align-items:center}.yl-key-metrics>div:last-child{border-bottom:0}.yl-key-metrics dt{min-height:0;padding:0}.yl-key-metrics dt>strong{font-size:clamp(39px,8.6cqi,52px);letter-spacing:-1.7px}.yl-key-metrics .yl-time-metric>strong{font-size:clamp(27px,5.6cqi,35px);letter-spacing:-1.1px}.yl-time-metric>span{font-size:12px}.yl-key-metrics dd{font-size:12px;margin:0;max-width:340px}.yl-key-metrics small{font-size:9px;line-height:1.8;margin-top:7px}.yl-period{font-size:9px;padding:16px 0 23px}.yl-editorial{grid-template-columns:1fr;gap:23px}.yl-prose{padding-top:0;font-size:14px;line-height:1.95;max-width:640px}.yl-prose p+p{margin-top:17px}.yl-path-comparison{grid-template-columns:1fr;gap:25px;padding-top:24px;margin-top:29px}.yl-path-comparison ol{gap:15px;margin-top:13px}.yl-path-comparison li{font-size:11px;gap:15px}.yl-path-comparison>div>span{font-size:8px}.yl-page .yl-solution{padding-top:0}.yl-solution .yl-section-heading{padding-top:45px}.yl-section-heading>p:last-child{font-size:13px;line-height:1.9;margin-top:19px!important}.yl-data-flow{grid-template-columns:1fr 1fr;gap:30px;margin-top:32px}.yl-sources{padding:18px 8px 14px 0}.yl-sources li{font-size:11px;padding-bottom:9px}.yl-sources .yl-tag{font-size:8px}.yl-flow-node{padding:22px 20px;min-height:254px}.yl-flow-node .yl-tag{font-size:7px;min-height:16px}.yl-flow-node h3{font-size:23px}.yl-flow-node p{font-size:12px}.yl-flow-node>strong{font-size:10px}.yl-data-flow>*>svg:last-child{right:-26px;width:23px}.yl-data-flow>.yl-lake>svg:last-child{right:50%;top:auto;bottom:-28px;transform:rotate(90deg)}.yl-data-note{font-size:10px;margin-top:18px!important}.yl-experience-grid{grid-template-columns:minmax(0,1fr);gap:29px;margin-top:31px}.yl-tabs>button{padding:20px 0;grid-template-columns:23px minmax(0,1fr) 17px;gap:12px}.yl-tabs>button strong{font-size:16px}.yl-step-body{font-size:12px;margin-top:12px!important}.yl-tabs>button[aria-selected=true]:before{left:-10px;top:20px;bottom:20px}.yl-panel-top{font-size:8px}.yl-conversation{border-radius:14px}.yl-chat-content{padding:23px 22px;min-height:0}.yl-message{font-size:12px;max-width:91%;padding:14px 16px}.yl-conversation-head{padding:17px 22px}.yl-panel-detail{margin-top:22px}.yl-example-note{font-size:9px}.yl-page .yl-governance{padding-top:0}.yl-governance .yl-editorial{padding-top:44px}.yl-rules{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:27px}.yl-rules article{display:grid;grid-template-columns:27px minmax(0,1fr);gap:0 11px;padding-top:23px}.yl-rule-index{font-size:10px;grid-row:1 / 3;padding-top:4px}.yl-rules h3{font-size:18px;margin:0;max-width:none}.yl-rules p{grid-column:2;font-size:13px;max-width:580px;margin-top:10px!important}.yl-voice{grid-template-columns:minmax(0,1fr);gap:18px;padding:25px;margin-top:31px}.yl-voice-art{gap:19px}.yl-voice-art>div{height:43px}.yl-voice-art i{max-height:37px}.yl-voice p{font-size:12px}.yl-volume{padding:24px 0 27px;margin-top:30px!important}.yl-volume>div{padding:0 20px}.yl-volume dt{font-size:clamp(31px,6.5cqi,47px);letter-spacing:-1.4px}.yl-volume dd{font-size:11px;line-height:1.8;margin-top:11px}.yl-results-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.yl-results-grid>article+article{padding-left:0;padding-top:30px;border-left:0;border-top:1px solid var(--yl-rule)}.yl-dot-matrix{margin-top:22px;max-width:322px;min-height:151px;gap:7px}.yl-results-grid h3{font-size:23px;max-width:580px;margin-top:22px}.yl-results-grid p{font-size:13px;max-width:620px}.yl-chart-legend{gap:8px 20px;margin-top:18px}.yl-chart-legend li{font-size:9px}.yl-hours-visual{min-height:150px;margin-top:20px;gap:35px}.yl-hours-dial{width:144px;height:144px}.yl-hours-dial>span{font-size:29px}.yl-results .yl-period{font-size:9px;margin-top:21px!important}.yl-page .yl-impact{padding-top:0}.yl-impact .yl-section-heading{padding-top:44px}.yl-roas-story,.yl-investment-story{grid-template-columns:1fr;gap:27px;padding:33px 0}.yl-story-copy h3{font-size:25px;margin-top:16px}.yl-story-copy>p{font-size:13px;margin-top:15px!important}.yl-time-comparison{padding:7px 0;grid-template-columns:1fr 28px 1.15fr;gap:26px;max-width:560px}.yl-time-comparison>div>strong{font-size:51px}.yl-time-comparison>div:last-child>strong{font-size:36px}.yl-time-comparison>div>span{font-size:8px;margin-bottom:15px}.yl-time-comparison p{font-size:10px}.yl-investment-story dl{gap:25px;max-width:540px;padding:7px 0}.yl-investment-story dl>div+div{padding-left:26px}.yl-investment-story dt{font-size:46px}.yl-investment-story dd{font-size:12px;margin-top:11px}.yl-story-note{font-size:9px}.yl-scale{grid-template-columns:1fr;gap:16px;margin-top:30px;padding-top:26px}.yl-scale h3{font-size:24px;max-width:420px}.yl-scale p{font-size:13px}.yl-solutions{grid-template-columns:1fr;gap:17px;padding-top:26px;margin-top:27px}.yl-solutions h3{font-size:8px}.yl-solutions ul{gap:10px 15px}.yl-solutions li{font-size:10px}.yl-closing h2{font-size:clamp(31px,6cqi,42px);max-width:570px}.yl-closing-body{font-size:13px;margin-top:23px!important}.yl-closing .pl-closing-demo{margin-top:28px}.yl-closing-note{font-size:9px;max-width:450px;margin-inline:auto!important}.yl-credits{font-size:8px;margin-top:30px!important}
}
@container yooper-page (max-width:480px){
 .yl-page{--pl-gutter:32px}.yl-page .pl-brand img{width:144px}.yl-page .pl-header-inner{height:70px}.yl-page .pl-section{padding:52px 0}.yl-page h1{font-size:clamp(34px,8.8cqi,42px);letter-spacing:-1.7px}.yl-page h2{font-size:31px;letter-spacing:-1.3px}.yl-page [data-yl-reveal=left]{--yl-x:-28px}.yl-page [data-yl-reveal=right]{--yl-x:28px}.yl-customer{gap:18px}.yl-customer img{width:123px}.yl-customer>span{font-size:7px;padding-left:18px;max-width:165px}.yl-hero-lead{font-size:13px;line-height:1.95}.yl-hero-grid{padding-top:31px}.yl-hero-actions>p{font-size:9px}.yl-key-metrics>div,.yl-key-metrics>div:first-child,.yl-key-metrics>div:last-child{grid-template-columns:.77fr 1.23fr;gap:18px;padding:23px 0}.yl-key-metrics dt>strong{font-size:38px}.yl-key-metrics .yl-time-metric>strong{font-size:26px;letter-spacing:-1px}.yl-key-metrics dd{font-size:11px}.yl-key-metrics small{font-size:9px}.yl-path-comparison ol{gap:9px}.yl-path-comparison li{font-size:10px;gap:9px}.yl-path-comparison li>svg{width:14px;height:14px}.yl-data-flow{grid-template-columns:minmax(0,1fr);gap:31px}.yl-sources{padding:0 0 8px}.yl-sources ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:18px}.yl-sources li{font-size:11px;line-height:1.8}.yl-flow-node{min-height:0;padding:23px 25px}.yl-flow-node .yl-tag{font-size:8px}.yl-flow-icon{margin-top:14px;margin-bottom:8px}.yl-flow-node p{max-width:400px}.yl-flow-node>strong{padding-top:15px}.yl-data-flow>*>svg:last-child,.yl-data-flow>.yl-lake>svg:last-child{right:50%;top:auto;bottom:-27px;transform:rotate(90deg);width:20px;height:20px}.yl-tabs>button strong{font-size:15px}.yl-step-body{font-size:12px}.yl-tabs>button[aria-selected=true]:before{left:-9px}.yl-chat-content{padding:21px 17px}.yl-message{max-width:94%;font-size:11px}.yl-panel-top{letter-spacing:.8px;font-size:7px}.yl-panel-detail h3{font-size:15px}.yl-panel-detail p{font-size:11px}.yl-example-note{font-size:8px}.yl-volume{grid-template-columns:minmax(0,1fr);padding:0}.yl-volume>div,.yl-volume>div:first-child,.yl-volume>div:last-child{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:center;border-left:0;border-bottom:1px solid var(--yl-rule);padding:23px 0}.yl-volume>div:last-child{border-bottom:0}.yl-volume dt{font-size:38px}.yl-volume dd{margin:0;font-size:12px}.yl-results-grid h3{font-size:23px}.yl-time-comparison{gap:12px;grid-template-columns:.9fr 22px 1.25fr}.yl-time-comparison>div>strong{font-size:44px}.yl-time-comparison>div:last-child>strong{font-size:29px}.yl-time-comparison>svg{width:22px;height:22px}.yl-time-comparison>div>strong>small{font-size:16px}.yl-investment-story dl{gap:20px}.yl-investment-story dl>div+div{padding-left:21px}.yl-investment-story dt{font-size:40px}.yl-investment-story dd{font-size:11px}.yl-story-copy h3{font-size:24px}.yl-closing h2{font-size:32px;line-height:1.2}.yl-closing-body{font-size:13px}.yl-page .yl-solution,.yl-page .yl-governance,.yl-page .yl-impact{padding-top:0}
}
@media(prefers-reduced-motion:reduce){.yl-page *,.yl-page *:before,.yl-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.yl-page [data-yl-state]{opacity:1!important;transform:none!important;filter:none!important}.yl-page .yl-tabs>button:after{transform:none!important}}
@media print{.yl-page [data-yl-state]{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.yl-page .pl-header,.yl-page .yl-film,.yl-page .pl-demo{display:none!important}.yl-page{overflow:visible}.yl-page section{break-inside:avoid}}

/* Descendants receive responsive gutters; the query container cannot query itself. */
.yl-data-flow{grid-template-areas:"sources lake agent people"}.yl-sources{grid-area:sources}.yl-lake{grid-area:lake}.yl-agent{grid-area:agent}.yl-people{grid-area:people}
@container yooper-page (max-width:760px){.yl-page .pl-wrap{width:calc(100% - 40px)}.yl-data-flow{grid-template-areas:"sources lake" "people agent"}.yl-data-flow>.yl-agent>svg:last-child{left:-26px;right:auto;transform:rotate(180deg)}}
@container yooper-page (max-width:480px){.yl-page .pl-wrap{width:calc(100% - 32px)}.yl-data-flow{grid-template-areas:"sources" "lake" "agent" "people"}.yl-data-flow>.yl-agent>svg:last-child{left:auto;right:50%;transform:rotate(90deg)}}

@container yooper-page (max-width:480px){.yl-key-metrics dt>strong{font-size:clamp(31px,8.5cqi,38px)}.yl-key-metrics .yl-time-metric>strong{font-size:clamp(20px,5.8cqi,26px)}.yl-investment-story dt{font-size:clamp(32px,9.4cqi,40px)}}

/* EITA · export 24. Sora, shared 1193px grid, mint/cyan identity. */
.el-page{container:eita-page / inline-size;--el-ink:#183a46;--el-muted:#536e75;--el-rule:#cde0df;--el-teal:#087f78;--el-mint:#66e7c8;--el-deep:#0b2730;--el-light:#f4f8f7;background:var(--el-light);color:var(--el-ink)}
.el-page .pl-wrap{max-width:1193px}.el-page .pl-section{padding:88px 0}.el-page h1{font-size:clamp(37px,4.05cqi,54px);line-height:1.16;letter-spacing:-2.2px;max-width:620px}.el-page h1>span{color:#16897e;background:linear-gradient(105deg,#198e78,#167f9a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.el-page h2{font-size:clamp(30px,3.75cqi,47px);line-height:1.19;letter-spacing:-1.8px}.el-page figure,.el-page dl{margin:0}.el-page .pl-header{background:#080c15;color:#e7f1fc}.el-page .pl-nav a:hover{color:#91e3d0}.el-page .pl-demo{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.el-page .pl-back{color:#65888e!important}.el-page .pl-back:hover{color:#183a46!important}.el-page .pl-back svg{transition:transform .25s ease}.el-page .pl-back:hover svg{transform:translateX(-4px)}.el-page a:focus-visible,.el-page button:focus-visible,.el-page [tabindex='0']:focus-visible{outline-color:#138c98}.el-page [data-el-reveal]{overflow-wrap:break-word}
.el-kicker{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:1.55px;line-height:1.8;font-weight:500;color:#487277;margin-bottom:21px!important}.el-kicker>span{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.el-tag{display:block;font-size:9px;line-height:1.8;letter-spacing:1.3px;font-weight:500;color:#497277}.el-period{font-size:9px;line-height:1.8;color:#57787c;padding:17px 0 25px;max-width:950px}.el-light{color-scheme:light;background:var(--el-light);color:var(--el-ink)}.el-section-heading{max-width:960px}.el-section-heading>p:last-child{font-size:14px;line-height:1.95;color:var(--el-muted);max-width:770px;margin-top:21px!important}.el-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:start}.el-prose{padding-top:37px;font-size:14px;line-height:1.95;color:var(--el-muted)}
.el-hero{position:relative;padding-top:27px;background:radial-gradient(ellipse at 95% 15%,#7fe0d23b,transparent 50%),radial-gradient(ellipse at 9% 72%,#a3e8d52b,transparent 55%),#f1f9f8;color-scheme:light}.el-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);grid-template-areas:'copy film' 'actions film';gap:0 54px;align-items:center;padding:42px 0 54px}.el-hero-copy{grid-area:copy;min-width:0}.el-customer{display:flex;align-items:center;gap:23px;margin-bottom:27px}.el-page .el-customer .ph-eita-logo{display:block;width:66px;height:67px;flex:none}.el-customer>span{font-size:8px;line-height:1.9;letter-spacing:1.4px;max-width:232px;padding-left:22px;border-left:1px solid #a3c2c1;color:#486e76}.el-hero-lead{font-size:14px;line-height:1.9;color:#536f78;max-width:540px;margin-top:24px!important}.el-hero-actions{grid-area:actions;padding-top:27px}.el-hero-actions>p{font-size:10px;line-height:1.8;color:#56767a;margin-top:14px!important;max-width:480px}.el-film{grid-area:film;min-width:0;align-self:center}.el-film-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:1.25px;line-height:1.8;color:#538089;margin-bottom:13px}.el-film-top>span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.5px}.el-film .ph-case-media-film{aspect-ratio:16/9;border:1px solid #80b4b26b;border-radius:18px;background:#132e35;overflow:hidden;box-shadow:0 28px 65px #2a747226}.el-film .ph-case-media-sound{font-size:9px}.el-film figcaption{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;line-height:1.8;color:#55787c;margin-top:13px}.el-film figcaption>span{width:4px;height:4px;border-radius:50%;background:#2dafa1}
.el-key-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #b7d5d4;border-bottom:1px solid #b7d5d4;padding:31px 0 34px}.el-key-metrics>div{min-width:0;padding:0 37px;border-left:1px solid #c5dddd}.el-key-metrics>div:first-child{padding-left:0;border:0}.el-key-metrics>div:last-child{padding-right:0}.el-key-metrics dt{font-size:clamp(45px,5.3cqi,69px);line-height:1.2;letter-spacing:-3px;font-weight:500;font-variant-numeric:tabular-nums;color:#237d88;white-space:nowrap}.el-key-metrics>div:nth-child(2) dt{color:#208b79}.el-key-metrics>div:nth-child(3) dt{color:#328da0}.el-key-metrics dd{font-size:13px;line-height:1.75;color:#41666f;margin:12px 0 0;max-width:335px}.el-key-metrics small{display:block;font-size:9px;line-height:1.9;color:#59777d;margin-top:8px;max-width:315px}
.el-origin-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:91px;align-items:center}.el-portrait{aspect-ratio:1.11;position:relative;overflow:hidden;border-radius:19px;background:#dbe8e2}.el-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;display:block}.el-portrait:after{content:'';position:absolute;inset:62% 0 0;background:linear-gradient(transparent,#0d2229b8);pointer-events:none}.el-portrait>span{position:absolute;z-index:1;bottom:18px;left:22px;right:22px;color:#e5f1e9;font-size:8px;line-height:1.8}.el-creator figcaption{display:flex;flex-direction:column;gap:5px;margin-top:18px;padding-left:1px}.el-creator figcaption>strong{font-size:15px;font-weight:500;color:#294e59}.el-creator figcaption>span{font-size:10px;line-height:1.8;color:#59777c}.el-origin-copy h2{max-width:650px}.el-origin-copy>p:not(.el-kicker){font-size:13px;line-height:1.95;color:var(--el-muted);margin-top:23px!important}.el-origin-copy>p+p{margin-top:16px!important}.el-method{border-top:1px solid var(--el-rule);padding-top:22px;margin-top:26px}.el-method .el-tag{font-size:8px}.el-method ul{list-style:none;margin:15px 0 0;padding:0;display:flex;gap:18px}.el-method li{flex:1;font-size:11px;line-height:1.8;color:#527276}.el-method li>span{display:block;font-size:9px;color:#337d6d;margin-bottom:5px}
.el-experience{background:radial-gradient(ellipse at 100% 70%,#1a796331,transparent 60%),var(--el-deep);color:#e4f3f4}.el-experience .el-kicker{color:#6eb9b1}.el-experience .el-section-heading>p:last-child{color:#93b1b9}.el-experience-grid{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:73px;align-items:start;margin-top:45px}.el-tabs>button{appearance:none;display:grid;grid-template-columns:25px minmax(0,1fr) 16px;gap:13px;width:100%;text-align:left;border:0;border-bottom:1px solid #a8d2d62c;background:transparent;position:relative;padding:27px 0;color:#74989f;transition:color .24s ease,background-color .24s ease}.el-tabs>button:first-child{border-top:1px solid #a8d2d62c}.el-tabs>button[aria-selected=true]{color:#e3f5ef}.el-tabs>button:hover{color:#bcebdd;background:#94ecd703}.el-step-index{font-size:10px;color:#689e9e;margin-top:4px}.el-tabs>button strong{display:block;font-size:18px;font-weight:500;line-height:1.5;letter-spacing:-.5px}.el-step-body{display:none;font-size:12px;line-height:1.95;color:#9cbcc2;margin-top:15px}.el-tabs>button[aria-selected=true] .el-step-body{display:block;animation:el-panel-enter .4s ease both}.el-tab-arrow{font-size:19px;color:#67bea9;transition:transform .25s ease}.el-tabs>button:hover .el-tab-arrow{transform:translate(2px,-2px)}.el-tabs>button[aria-selected=true]:before{content:'';position:absolute;left:-16px;top:27px;bottom:27px;width:2px;background:#6ed6b6}.el-tabs>button[aria-selected=true]:after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:#76dab8;transform-origin:left}.el-experience-grid[data-el-autoplay=running] .el-tabs>button[aria-selected=true]:after{animation:el-stage-progress 5s linear both}.el-experience-grid[data-el-autoplay=paused] .el-tabs>button[aria-selected=true]:after{animation-play-state:paused}.el-panels{min-width:0}.el-panels>[role=tabpanel]:not([hidden]){animation:el-panel-enter .55s cubic-bezier(.16,1,.3,1) both}.el-panel-top{display:flex;justify-content:space-between;gap:16px;font-size:8px;line-height:1.8;letter-spacing:1.2px;color:#83b6af;margin-bottom:16px}.el-panel-top>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.el-conversation{border:1px solid #aed4d829;border-radius:18px;overflow:hidden;background:#102c33;box-shadow:0 20px 64px #00121638}.el-conversation-head{display:flex;align-items:center;gap:12px;padding:17px 23px;background:#ecf7f1;border-bottom:1px solid #a9ded325;color:#274c53}.el-page .el-conversation-head .ph-eita-logo{width:37px;height:38px;flex:none}.el-conversation-head>div{display:flex;flex-direction:column;gap:2px}.el-conversation-head strong{font-size:12px;font-weight:500;letter-spacing:.2px}.el-conversation-head small{font-size:8px;color:#769591}.el-chat-content{display:flex;flex-direction:column;gap:17px;padding:26px 24px 24px;min-height:294px}.el-message{max-width:90%;padding:15px 18px;font-size:12px;line-height:1.9;border:1px solid #b8d7d212}.el-message>span{display:block;font-size:7px;font-weight:500;letter-spacing:1px;line-height:1.8;margin-bottom:7px;color:#80aaa2}.el-message.el-outgoing{align-self:flex-end;background:#2d5a52;color:#d7eee5;border-radius:12px 3px 12px 12px}.el-message.el-outgoing>span{color:#abd0bc}.el-message.el-incoming{align-self:flex-start;background:#203e43;color:#c6e1dc;border-radius:3px 12px 12px 12px}.el-formats{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:3px}.el-formats>span{border:1px solid #8ac8b325;border-radius:5px;padding:4px 9px;color:#8eb9ac;font-size:8px;line-height:1.7}.el-panel-detail{margin-top:23px;border-left:1px solid #66e7c840;padding-left:19px}.el-panel-detail h3{font-size:15px;line-height:1.5;color:#d2ece8}.el-panel-detail p{font-size:12px;line-height:1.9;color:#86aaa9;margin-top:9px!important;max-width:480px}.el-example-note{font-size:9px;line-height:1.8;color:#81a5a8;margin-top:15px!important}.el-memory-context{display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;line-height:1.8;color:#81b8ad;padding-bottom:3px}.el-memory-context>svg{width:12px;height:12px}.el-audio{display:flex;align-items:center;gap:17px;margin:4px 0 13px;max-width:100%;overflow:hidden}.el-audio>svg{width:20px;height:20px;flex:none;color:#89d9c4}.el-wave{display:flex;align-items:center;gap:4px;height:51px;min-width:0}.el-wave i{display:block;width:3px;max-height:47px;border-radius:3px;background:#80ceb2;flex-shrink:0}.el-wave i:nth-child(4n){background:#66baba}.el-audio+p{font-size:10px!important;color:#9fc5b8}.el-panels>[role=tabpanel]:not([hidden]) .el-wave i{animation:el-wave .8s ease var(--el-wave-delay) both}
.el-journey .el-section-heading{max-width:915px}.el-journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;margin:42px 0 0;padding:0}.el-journey-steps li{min-width:0}.el-journey-step-head{display:flex;gap:17px;align-items:center;margin-bottom:24px}.el-journey-step-head>span{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #a1cfc6;border-radius:50%;color:#35877d;font-size:10px}.el-journey-step-head>i{height:1px;background:linear-gradient(90deg,#b9d6cf,#c6ded9);width:100%;position:relative}.el-journey-step-head>i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;background:#86b8b0;border-radius:50%}.el-journey-steps .el-tag{font-size:8px;letter-spacing:1.2px;color:#4e786f}.el-journey-steps h3{font-size:19px;line-height:1.5;margin-top:12px;max-width:260px;color:#31575d}.el-journey-steps p{font-size:12px;line-height:1.95;color:#567578;margin-top:13px!important}.el-journey-note{font-size:11px;line-height:1.9;color:#4c7970;border-top:1px solid var(--el-rule);margin-top:34px!important;padding-top:20px}
.el-choices{background:#dfeee8;color:#234d52;color-scheme:light}.el-choices .el-kicker{color:#4d8c82}.el-choices .el-prose{color:#4e7068;max-width:550px}.el-choices h2{max-width:490px}.el-choices-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px;margin-top:42px}.el-choices-grid article{border-top:1px solid #abcfc1;padding-top:23px;display:flex;flex-direction:column}.el-choice-index{font-size:11px;letter-spacing:1px;color:#3c7a65;font-variant-numeric:tabular-nums}.el-choices-grid h3{font-size:23px;line-height:1.4;letter-spacing:-.8px;color:#315c5b;margin-top:25px}.el-choices-grid p{font-size:12px;line-height:1.95;color:#526e65;margin-top:15px!important}.el-choices-grid strong{font-size:10px;line-height:1.85;font-weight:500;color:#397465;margin-top:auto;padding-top:23px}.el-scope{display:flex;align-items:center;gap:15px;font-size:11px;line-height:1.9;color:#456f65;border-top:1px solid #b5d5c8;margin-top:35px!important;padding-top:22px}.el-scope>span{font-size:21px;color:#5a9b86}
.el-results .el-section-heading{max-width:905px}.el-results-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:90px;margin-top:40px;padding-top:33px;border-top:1px solid var(--el-rule)}.el-return .el-tag{color:#4a9088}.el-return-number{display:block;font-size:clamp(63px,7.6cqi,98px);letter-spacing:-4px;line-height:1.2;font-weight:500;color:#187e75;margin-top:15px}.el-return h3{font-size:23px;line-height:1.4;letter-spacing:-.65px;color:#355d62;margin-top:19px}.el-return>p{font-size:13px;line-height:1.9;max-width:515px;margin-top:13px!important;color:#537579}.el-return-bar{height:8px;display:flex;background:#dbe7e1;border-radius:7px;overflow:hidden;margin-top:30px}.el-return-bar>span{background:linear-gradient(90deg,#48bfa0,#218f86);border-radius:7px;display:block;transform-origin:left}.el-return-legend{list-style:none;margin:12px 0 0;padding:0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px 20px}.el-return-legend li{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.8;color:#587878}.el-return-legend i{width:5px;height:5px;flex:none;border-radius:50%;background:#c3d8cd}.el-return-legend i.el-returned{background:#258e7c}.el-usage{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--el-rule);padding-left:57px}.el-usage>div+div{border-top:1px solid var(--el-rule);padding-top:29px;margin-top:29px}.el-usage dt{font-size:clamp(42px,4.7cqi,62px);line-height:1.2;letter-spacing:-2.1px;font-weight:500;font-variant-numeric:tabular-nums;color:#398894}.el-usage dd{font-size:14px;line-height:1.8;color:#426771;margin:10px 0 0}.el-usage small{display:block;font-size:10px;color:#57777d;margin-top:6px}.el-result-note{font-size:9px;line-height:1.8;color:#5a787e;margin-top:27px!important}
.el-business{background:radial-gradient(ellipse at 70% 90%,#267c6631,transparent 62%),#0b2730;color:#e4f1ee}.el-business .el-kicker{color:#75bca9}.el-business .el-prose{color:#98b7b8}.el-business h2{max-width:650px}.el-business-metrics{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid #a2c9bc2c;border-bottom:1px solid #a2c9bc2c;margin-top:43px!important;padding:31px 0 33px}.el-business-metrics>div{min-width:0}.el-business-metrics>div+div{border-left:1px solid #a2c9bc2c;padding-left:65px}.el-business-metrics dt{display:flex;align-items:baseline;gap:13px;font-size:clamp(58px,6.5cqi,86px);line-height:1.25;font-weight:500;letter-spacing:-3.1px;color:#81d9b9;font-variant-numeric:tabular-nums;white-space:nowrap}.el-business-metrics dt>span{font-size:25px;letter-spacing:-.7px;color:#6baaa0}.el-business-metrics dd{font-size:15px;line-height:1.8;color:#c2ded6;margin:11px 0 0}.el-business-metrics small{display:block;font-size:10px;line-height:1.85;color:#83a8a2;margin-top:7px}.el-business-note{font-size:9px;line-height:1.9;color:#739996;margin-top:20px!important;max-width:850px}
.el-build .el-editorial{grid-template-columns:1.15fr .85fr;gap:80px}.el-build-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:41px}.el-build-grid article{border-top:1px solid var(--el-rule);padding-top:19px}.el-build-grid article>span{display:block;font-size:23px;color:#52a294}.el-build-grid h3{font-size:17px;line-height:1.5;color:#386468;margin-top:19px;max-width:230px}.el-build-grid p{font-size:12px;line-height:1.95;color:#55777a;margin-top:12px!important}
.el-closing{background:radial-gradient(ellipse at 15% 70%,#186c632e,transparent 53%),radial-gradient(ellipse at 82% 28%,#2b759b1c,transparent 58%),#080c15;color:#e3edf3;text-align:center;border-top:1px solid #a1d9d010}.el-closing .el-kicker{justify-content:center;color:#7aa8a5}.el-closing h2{font-size:clamp(32px,4.2cqi,54px);line-height:1.18;max-width:860px;margin:auto;color:#e3edf3}.el-closing-body{font-size:14px;line-height:1.95;color:#91a9b9;max-width:680px;margin:25px auto 0!important}.el-closing .pl-closing-demo{margin-top:30px}.el-closing-note{font-size:10px;line-height:1.9;color:#839eaf;margin:18px auto 0!important;max-width:630px}.el-credits{font-size:9px;line-height:1.8;color:#809ca8;margin-top:34px!important}
/* Entrance motion is armed only when the observer is available. */
.el-page [data-el-reveal]{--el-x:0px;--el-y:24px;--el-duration:820ms}.el-page [data-el-reveal=left]{--el-x:clamp(-100px,-7vw,-36px);--el-y:0px;--el-duration:1000ms}.el-page [data-el-reveal=right]{--el-x:clamp(36px,7vw,100px);--el-y:0px;--el-duration:1000ms}.el-page [data-el-state=pending]{opacity:0;transform:translate3d(var(--el-x),var(--el-y),0);filter:blur(3px)}.el-page [data-el-state=entering]{animation:el-enter var(--el-duration) cubic-bezier(.16,1,.3,1) var(--el-delay,0ms) both;will-change:transform,opacity,filter}.el-page [data-el-state=done],.el-page [data-el-state=pending]:focus-within{opacity:1;transform:none;filter:none}.el-return[data-el-state=entering] .el-return-bar>span{animation:el-stage-progress 1.15s cubic-bezier(.16,1,.3,1) .2s both}
@keyframes el-enter{from{opacity:0;transform:translate3d(var(--el-x),var(--el-y),0);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}@keyframes el-panel-enter{from{opacity:0;transform:translate3d(14px,6px,0);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes el-stage-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes el-wave{0%,100%{transform:scaleY(1)}45%{transform:scaleY(.38)}75%{transform:scaleY(.8)}}
@container eita-page (max-width:1050px){
 .el-hero-grid{gap:0 35px}.el-page h1{font-size:clamp(36px,4.3cqi,47px)}.el-key-metrics>div{padding:0 26px}.el-key-metrics dt{font-size:clamp(44px,5.8cqi,61px)}.el-origin-grid{gap:50px;grid-template-columns:.85fr 1.15fr}.el-method ul{gap:12px}.el-method li{font-size:10px}.el-editorial{gap:50px}.el-experience-grid{gap:48px}.el-tabs>button strong{font-size:16px}.el-journey-steps{gap:22px}.el-journey-steps h3{font-size:17px}.el-journey-steps p{font-size:11px}.el-choices-grid{gap:27px}.el-choices-grid h3{font-size:21px}.el-results-grid{gap:50px}.el-usage{padding-left:40px}.el-business-metrics{gap:40px}.el-business-metrics>div+div{padding-left:40px}.el-business-metrics dt{font-size:clamp(54px,6.6cqi,70px)}.el-build .el-editorial{gap:50px}.el-build-grid{gap:25px}.el-build-grid h3{font-size:16px}
}
@container eita-page (max-width:760px){
 .el-page .pl-wrap{width:calc(100% - 40px)}.el-page .pl-section{padding:62px 0}.el-page h1{font-size:clamp(37px,7cqi,48px);letter-spacing:-1.85px;max-width:670px}.el-page h2{font-size:clamp(30px,5.4cqi,39px);letter-spacing:-1.3px;line-height:1.21}.el-page .pl-header-inner{height:75px;gap:18px}.el-page .pl-brand img{width:153px}.el-page .pl-nav,.el-page .pl-header-demo{display:none}.el-page .ph-language-switch button{width:32px;min-height:32px;font-size:10px}.el-page .pl-demo{height:50px;min-height:50px;font-size:12px}.el-kicker{font-size:9px;letter-spacing:1.4px;margin-bottom:19px!important}.el-hero{padding-top:24px}.el-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'film' 'actions';padding:33px 0 34px;gap:0}.el-customer{gap:20px;margin-bottom:26px}.el-page .el-customer .ph-eita-logo{width:59px;height:60px}.el-customer>span{font-size:8px;padding-left:19px;max-width:238px}.el-hero-lead{font-size:14px;margin-top:24px!important;max-width:620px}.el-film{margin-top:31px!important}.el-film-top{font-size:8px}.el-film .ph-case-media-film{border-radius:15px}.el-film figcaption{font-size:9px}.el-hero-actions{padding-top:27px}.el-key-metrics{grid-template-columns:minmax(0,1fr);padding:0}.el-key-metrics>div,.el-key-metrics>div:first-child,.el-key-metrics>div:last-child{display:grid;grid-template-columns:.85fr 1.15fr;gap:27px;align-items:center;border:0;border-bottom:1px solid #c5dddd;padding:24px 0}.el-key-metrics>div:last-child{border-bottom:0}.el-key-metrics dt{font-size:clamp(41px,8.3cqi,54px);letter-spacing:-2px}.el-key-metrics dd{margin:0;font-size:12px;max-width:350px}.el-key-metrics small{font-size:9px;line-height:1.85;margin-top:6px}.el-period{font-size:9px;padding:16px 0 23px}.el-origin-grid{grid-template-columns:minmax(0,1fr);gap:32px}.el-origin-copy{grid-row:1}.el-origin-copy>p:not(.el-kicker){font-size:13px;margin-top:21px!important;max-width:620px}.el-origin-copy>p+p{margin-top:16px!important}.el-method{padding-top:21px;margin-top:24px}.el-method ul{gap:25px}.el-method li{font-size:11px}.el-creator{max-width:500px}.el-portrait{aspect-ratio:1.18}.el-creator figcaption{margin-top:16px}.el-section-heading>p:last-child{font-size:13px;margin-top:19px!important}.el-experience-grid{grid-template-columns:minmax(0,1fr);gap:29px;margin-top:31px}.el-tabs>button{padding:21px 0;grid-template-columns:23px minmax(0,1fr) 17px;gap:12px}.el-tabs>button strong{font-size:16px}.el-step-body{font-size:12px;margin-top:12px}.el-tabs>button[aria-selected=true]:before{left:-10px;top:21px;bottom:21px}.el-panel-top{font-size:8px}.el-conversation{border-radius:15px}.el-chat-content{padding:23px 22px;min-height:0}.el-message{font-size:12px;max-width:91%;padding:14px 16px}.el-panel-detail{margin-top:22px}.el-example-note{font-size:9px}.el-journey-steps{grid-template-columns:1fr 1fr;gap:31px;margin-top:30px}.el-journey-step-head{margin-bottom:21px}.el-journey-steps h3{font-size:19px;max-width:300px}.el-journey-steps p{font-size:12px}.el-journey-note{font-size:10px;margin-top:28px!important;padding-top:19px}.el-editorial{grid-template-columns:minmax(0,1fr);gap:21px}.el-prose{padding-top:0;font-size:13px;line-height:1.95;max-width:640px}.el-choices h2{max-width:560px}.el-choices-grid{grid-template-columns:1fr;gap:25px;margin-top:28px}.el-choices-grid article{display:grid;grid-template-columns:28px 1fr;gap:0 12px;padding-top:23px}.el-choice-index{grid-row:1/4;padding-top:4px;font-size:10px}.el-choices-grid h3{font-size:22px;margin:0}.el-choices-grid p{font-size:13px;margin-top:13px!important;grid-column:2;max-width:590px}.el-choices-grid strong{font-size:10px;grid-column:2;padding-top:14px}.el-scope{font-size:10px;align-items:flex-start;gap:10px;margin-top:29px!important;padding-top:21px}.el-scope>span{font-size:18px;line-height:1.3}.el-results-grid{grid-template-columns:1fr;gap:31px;margin-top:30px;padding-top:27px}.el-return-number{font-size:clamp(65px,12cqi,87px);letter-spacing:-3.5px;margin-top:13px}.el-return h3{font-size:23px;margin-top:17px}.el-return>p{font-size:13px;max-width:600px}.el-return-bar{margin-top:24px;max-width:600px}.el-return-legend{max-width:600px;font-size:9px}.el-usage{border-left:0;padding-left:0;border-top:1px solid var(--el-rule);display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:29px}.el-usage>div+div{padding-top:0;margin-top:0;border-top:0;padding-left:27px;border-left:1px solid var(--el-rule)}.el-usage dt{font-size:clamp(40px,7.5cqi,52px);letter-spacing:-1.6px}.el-usage dd{font-size:12px;margin-top:10px}.el-usage small{font-size:9px}.el-result-note{font-size:9px;margin-top:22px!important}.el-business-metrics{margin-top:31px!important;gap:30px;padding:27px 0 29px}.el-business-metrics>div+div{padding-left:30px}.el-business-metrics dt{font-size:clamp(37px,7.5cqi,53px);letter-spacing:-1.8px;gap:8px}.el-business-metrics dt>span{font-size:17px;letter-spacing:-.5px}.el-business-metrics dd{font-size:12px;line-height:1.85;margin-top:10px}.el-business-metrics small{font-size:9px}.el-business-note{font-size:9px;margin-top:19px!important}.el-build .el-editorial{grid-template-columns:1fr;gap:21px}.el-build-grid{grid-template-columns:1fr 1fr;gap:27px 32px;margin-top:30px}.el-build-grid h3{font-size:17px;margin-top:15px;max-width:310px}.el-build-grid p{font-size:12px;margin-top:10px!important}.el-build-grid article>span{font-size:22px}.el-closing h2{font-size:clamp(31px,6cqi,42px);max-width:640px}.el-closing-body{font-size:13px;margin-top:23px!important}.el-closing .pl-closing-demo{margin-top:28px}.el-closing-note{font-size:9px;max-width:460px;margin-top:17px!important}.el-credits{font-size:8px;margin-top:29px!important}
}
@container eita-page (max-width:480px){
 .el-page .pl-wrap{width:calc(100% - 32px)}.el-page .pl-section{padding:52px 0}.el-page h1{font-size:clamp(33px,8.5cqi,40px);letter-spacing:-1.5px}.el-page h2{font-size:30px;letter-spacing:-1.2px}.el-page .pl-header-inner{height:70px}.el-page .pl-brand img{width:144px}.el-page [data-el-reveal=left]{--el-x:-26px}.el-page [data-el-reveal=right]{--el-x:26px}.el-customer{gap:17px}.el-customer>span{font-size:7px;padding-left:17px;max-width:200px}.el-page .el-customer .ph-eita-logo{width:55px;height:56px}.el-hero-lead{font-size:13px;line-height:1.95}.el-hero-actions>p{font-size:9px}.el-key-metrics>div,.el-key-metrics>div:first-child,.el-key-metrics>div:last-child{grid-template-columns:.94fr 1.06fr;gap:18px;padding:22px 0}.el-key-metrics dt{font-size:clamp(31px,8.6cqi,40px);letter-spacing:-1.7px}.el-key-metrics dd{font-size:11px}.el-key-metrics small{font-size:8px}.el-method ul{gap:14px}.el-method li{font-size:10px}.el-method .el-tag{font-size:7px;letter-spacing:1.1px}.el-portrait{aspect-ratio:1.04}.el-portrait>span{font-size:7px;left:17px;right:17px;bottom:15px}.el-creator figcaption>span{font-size:9px}.el-tabs>button strong{font-size:15px}.el-tabs>button[aria-selected=true]:before{left:-9px}.el-panel-top{font-size:7px;letter-spacing:.8px}.el-chat-content{padding:21px 17px;gap:15px}.el-conversation-head{padding:15px 18px}.el-message{max-width:94%;font-size:11px;padding:14px 15px}.el-panel-detail p{font-size:11px}.el-example-note{font-size:8px}.el-wave{gap:3px;height:46px}.el-wave i{width:3px;max-height:42px}.el-audio{gap:11px}.el-audio>svg{width:17px;height:17px}.el-journey-steps{grid-template-columns:1fr;gap:27px;margin-top:30px}.el-journey-steps li{position:relative;padding-left:49px}.el-journey-step-head{position:absolute;left:0;top:1px;bottom:-27px;width:32px;display:block;margin:0}.el-journey-step-head>i{position:absolute;top:40px;bottom:8px;height:auto;width:1px;left:16px;background:#b8d7ce}.el-journey-step-head>i:after{right:-2px;top:auto;bottom:0}.el-journey-steps li:last-child .el-journey-step-head>i{display:none}.el-journey-steps .el-tag{font-size:7px}.el-journey-steps h3{font-size:18px;margin-top:8px;max-width:330px}.el-journey-steps p{font-size:12px;margin-top:10px!important}.el-choices-grid h3{font-size:21px}.el-choices-grid p{font-size:12px}.el-usage{grid-template-columns:1fr;gap:23px;padding-top:24px}.el-usage>div{display:grid;grid-template-columns:.95fr 1.05fr;gap:17px;align-items:center}.el-usage>div+div{padding-left:0;border-left:0;padding-top:23px;border-top:1px solid var(--el-rule)}.el-usage dt{font-size:clamp(31px,8.7cqi,40px);letter-spacing:-1.5px;white-space:nowrap}.el-usage dd{margin:0;font-size:11px}.el-usage small{font-size:8px}.el-return-number{font-size:70px}.el-return h3{font-size:21px}.el-return-legend li{font-size:8px}.el-return>p{font-size:12px}.el-business-metrics{grid-template-columns:1fr;gap:24px;padding:25px 0 28px}.el-business-metrics>div+div{padding-left:0;padding-top:24px;border-left:0;border-top:1px solid #a2c9bc2c}.el-business-metrics dt{font-size:clamp(50px,13cqi,61px);letter-spacing:-2px;gap:11px}.el-business-metrics dt>span{font-size:21px}.el-business-metrics dd{font-size:13px;margin-top:9px}.el-build-grid{grid-template-columns:1fr;gap:23px}.el-build-grid article{display:grid;grid-template-columns:23px 1fr;gap:0 12px;padding-top:20px}.el-build-grid article>span{grid-row:1/3;font-size:21px;line-height:1.3}.el-build-grid h3{font-size:18px;margin:0;max-width:none}.el-build-grid p{grid-column:2;font-size:12px}.el-closing h2{font-size:31px;line-height:1.22}.el-closing-body{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.el-page *,.el-page *:before,.el-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.el-page [data-el-state]{opacity:1!important;transform:none!important;filter:none!important}.el-page .el-tabs>button:after{transform:none!important}}
@media print{.el-page [data-el-state]{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.el-page .pl-header,.el-page .el-film,.el-page .pl-demo{display:none!important}.el-page{overflow:visible}.el-page section{break-inside:avoid}}
/* Nosso ajuste (25/09): o fundo escuro da moldura (#132e35) aparecia em volta do vídeo, que é claro, e desenhava um
   anel escuro grosso nas bordas. Moldura sem fundo, com um contorno fino e suave; o vídeo acompanha o arredondado. */
.el-film .ph-case-media-film{border:0;background:transparent;box-shadow:0 0 0 1px #1839461a,0 28px 65px #2a747220}
.el-film .ph-case-media-film video{display:block;border-radius:inherit}

/* Yooper LP · video testimonial (src/yooper-testimonial.js). Yooper dark palette: #210b2b, teal kicker, pink accent. */
.yl-page .yl-testimonial { background: radial-gradient(ellipse at 88% 30%, #e52c9b1f, transparent 58%), radial-gradient(ellipse at 10% 90%, #860b4d2b, transparent 60%), #210b2b; }
.yl-page .yt-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 88px; align-items: center; }
.yl-page .yt-quote { margin: 0; max-width: 700px; font-size: clamp(28px, 3.1cqi, 40px); line-height: 1.22; letter-spacing: -1.4px; font-weight: 500; color: #f6eef8; text-wrap: balance; }
.yl-page .yt-quote-note { margin: 12px 0 0; font-size: 11px; color: #9f7ea6; }
.yl-page .yt-person { display: flex; align-items: center; gap: 16px; margin-top: 30px; }
.yl-page .yt-person img { width: 92px; height: auto; flex: none; padding-right: 16px; border-right: 1px solid #e3b5ce26; }
.yl-page .yt-person strong { display: block; font-size: 15px; font-weight: 500; color: #f2e7f4; }
.yl-page .yt-person span { display: block; margin-top: 2px; font-size: 12px; letter-spacing: .3px; color: #bb80c7; }
.yl-page .yt-intro { margin: 28px 0 0; max-width: 560px; font-size: 14px; line-height: 1.9; color: #af8ab6; text-wrap: pretty; }
.yl-page .yt-second { margin: 24px 0 0; padding: 4px 0 4px 18px; border-left: 2px solid #e52c9b; max-width: 540px; }
.yl-page .yt-second p { margin: 0; font-size: 16px; line-height: 1.6; color: #e2c9e7; text-wrap: pretty; }
.yl-page .yt-transcript { margin-top: 30px; max-width: 600px; border-top: 1px solid #e3b5ce26; padding-top: 16px; }
.yl-page .yt-transcript summary { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; font-size: 12.5px; font-weight: 500; color: #cb9fd4; }
.yl-page .yt-transcript summary::-webkit-details-marker { display: none; }
.yl-page .yt-transcript summary::after { content: ""; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .25s; }
.yl-page .yt-transcript[open] summary::after { transform: rotate(-135deg) translateY(-2px); }
.yl-page .yt-transcript summary:focus-visible { outline: 2px solid #bb80c7; outline-offset: 4px; border-radius: 4px; }
.yl-page .yt-transcript div { margin-top: 14px; }
.yl-page .yt-transcript p { margin: 0; font-size: 13px; line-height: 1.85; color: #af88b7; }
.yl-page .yt-transcript p + p { margin-top: 12px; }
.yl-page .yt-film { width: min(100%, 320px); justify-self: center; min-width: 0; margin: 0; }
.yl-page .yt-film .ph-case-media-film { aspect-ratio: 9 / 16; background: #190720; border: 1px solid #d9b2e14a; border-radius: 22px; overflow: hidden; box-shadow: 0 26px 80px #12001970; }
.yl-page .yt-film .ph-case-media-frame { border-radius: 22px; border-color: #d9b2e14a; }
.yl-page .yt-film .ph-case-media-sound { font-size: 10px; right: 10px; top: 10px; padding: 8px 11px; }
.yl-page .yt-film figcaption { display: flex; justify-content: center; align-items: center; gap: 7px; font-size: 10px; line-height: 1.8; color: #a481ab; margin-top: 13px; text-align: center; }
.yl-page .yt-film figcaption > span { width: 4px; height: 4px; border-radius: 50%; background: #e52c9b; flex: none; }
.yl-page .yl-testimonial + .yl-relationship { border-top: 1px solid #e3b5ce1a; }

@media (max-width: 1000px) {
  .yl-page .yt-grid { gap: 48px; grid-template-columns: minmax(0, 1fr) 280px; }
}
/* Phones: quote, person and video first (the film sits right after who is speaking), then the rest. */
@media (max-width: 779px) {
  .yl-page .yt-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .yl-page .yt-copy { display: contents; }
  .yl-page .yt-copy > .yl-kicker { order: 1; }
  .yl-page .yt-quote { order: 2; }
  .yl-page .yt-quote-note { order: 3; }
  .yl-page .yt-person { order: 4; margin-top: 22px; }
  .yl-page .yt-film { order: 5; width: min(100%, 300px); margin-top: 28px; }
  .yl-page .yt-intro { order: 6; }
  .yl-page .yt-second { order: 7; }
  .yl-page .yt-transcript { order: 8; }
  .yl-page .yt-quote { font-size: 27px; letter-spacing: -.9px; }
  .yl-page .yt-intro { font-size: 15px; }
  .yl-page .yt-second p { font-size: 16px; }
  .yl-page .yt-transcript summary { font-size: 13.5px; }
  .yl-page .yt-transcript p { font-size: 14px; }
  .yl-page .yt-quote-note,
  .yl-page .yt-person span,
  .yl-page .yt-film figcaption,
  .yl-page .yt-film .ph-case-media-sound { font-size: 11px; }
  .yl-page .yt-film .yl-film-top { font-size: 10px; letter-spacing: 1.2px; }
}

/* Mobile hero. The canvas scales to the height left after the header, channels strip, CTAs and scroll hint,
   so short phones rendered it narrow and small. One row for the CTAs and one line for the scroll hint give it
   enough height to use the full width. Selectors outrank the CSS the bundle injects at runtime. */
.ps-device[data-layout=compact] .ps-mobile-actions .ps-mobile-actions-inner {
  grid-template-columns: 1fr 1fr;
  width: min(calc(100% - 40px), 440px);
  gap: 8px;
  padding: 8px 0 10px;
}
.ps-device[data-layout=compact] .ps-mobile-actions .ps-mobile-actions-inner > .ps-primary-cta,
.ps-device[data-layout=compact] .ps-mobile-actions .ps-mobile-actions-inner > .ps-explore-cta {
  min-width: 0;
  padding-inline: 12px;
  font-size: 12.5px;
}
.ps-device[data-layout=compact] .ps-mobile-actions .ps-mobile-actions-inner .ps-cta-art { width: 40px; }
.ps-device[data-layout=compact] .ps-toolbar .ps-toolbar-inner {
  height: 30px;
  min-height: 30px;
  flex-direction: row;
  gap: 14px;
  padding: 0 0 8px;
}

/* The pinned hero filled 100svh (smallest viewport). When the browser toolbars collapse on scroll the visible
   area grows and a dark strip opened below it. The pinned layer follows the visible height (dvh); the section
   length stays on svh so nothing below the hero moves when the toolbars change. */
@supports (height: 100dvh) {
  .profissio-scroll .ps-pinned { height: calc(max(100dvh, var(--ps-min-fold)) - var(--ps-top)); }
}

/* "Agendar demonstração" does not fit half of a narrow phone: stack the CTAs again, a bit shorter. */
@media (max-width: 379px) {
  .ps-device[data-layout=compact] .ps-mobile-actions .ps-mobile-actions-inner { grid-template-columns: 1fr; }
  .ps-device[data-layout=compact] .ps-mobile-actions .ps-mobile-actions-inner > .ps-primary-cta,
  .ps-device[data-layout=compact] .ps-mobile-actions .ps-mobile-actions-inner > .ps-explore-cta { height: 44px; }
}

/* Numbers band with four figures ("Até 80% de automação nas conversas" added). The savings column is a bit wider:
   it carries the hours line and its value grows 10% a month (seven digits from about May 2027). 700–1079px: 2×2.
   From 1080px: one row, figures scaled to the container so "R$ 1.000.000" and "100.000" still fit at 1080px. */
.ph-number-prefix { font-size: .48em; letter-spacing: -.02em; }
.ph-number-automation dt { background-image: linear-gradient(145deg, #1f4f96 15%, #3f78cf 67%, #4e9bc2); }
@container ph-numbers (min-width: 700px) {
  .ph-numbers-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ph-number:nth-child(odd) { padding-left: 0; padding-right: 24px; border-left: 0; }
  .ph-number:nth-child(even) { padding-left: 24px; padding-right: 0; border-left: 1px solid #d4deed; }
  .ph-number:nth-child(-n+2) { padding-bottom: 28px; }
  .ph-number:nth-child(n+3) { padding-top: 28px; border-top: 1px solid #d4deed; }
}
@container ph-numbers (min-width: 1080px) {
  .ph-numbers-list { grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr)); }
  .ph-number,
  .ph-number:nth-child(n) { padding: 0 30px; border-top: 0; border-left: 1px solid #d4deed; }
  .ph-number:first-child { padding-left: 0; border-left: 0; }
  .ph-number:last-child { padding-right: 0; }
  .ph-number dt { font-size: clamp(44px, 4.5cqi, 54px); }
}

/* Cases section: link to the cases gallery, on its own line below the case shortcuts. */
.ph-cases-intro .ph-cases-all { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 5px 0; font-size: 12px; font-weight: 500; color: #254787; text-decoration: none; border-bottom: 1px solid #aebbd8; }
.ph-cases-intro .ph-cases-all > span { transition: transform .25s; }
.ph-cases-intro .ph-cases-all:hover { border-color: #254787; }
.ph-cases-intro .ph-cases-all:hover > span { transform: translateX(3px); }

/* Problems explorer: each problem takes the colour of the product that solves it (product palette defined 24/09:
   Agentes graphite #101218, Atendimento blue #2458F5, CRM com IA pink #BE3F84, Ativações cyan #57E3F2). The export
   gave them unrelated tones (blue, lilac, aqua, pearl). Same variables the bundle already uses; accents are the
   darker shade of each colour so the small text keeps contrast on the tinted panel (same shades as the product
   pages' --pd-accent). Keyed by data-problem, so the bundle data stays untouched. */
.ph-problems .ph-problems-explorer[data-problem=response] { --ph-accent: #3d4a63; --ph-tint: #eceef2; --ph-tint2: #e4e7ed; --ph-line: #a3acbb; }
.ph-problems .ph-problems-explorer[data-problem=context] { --ph-accent: #2458f5; --ph-tint: #e6edfe; --ph-tint2: #dbe6fd; --ph-line: #8eabf6; }
.ph-problems .ph-problems-explorer[data-problem=pipeline] { --ph-accent: #a93775; --ph-tint: #faeaf3; --ph-tint2: #f2e5f0; --ph-line: #dfa3c4; }
.ph-problems .ph-problems-explorer[data-problem=activation] { --ph-accent: #1b727c; --ph-tint: #e3f5f7; --ph-tint2: #dcf0f3; --ph-line: #86d3dc; }
.ph-problems .ph-problems-explorer :is(a, button):focus-visible { outline-color: var(--ph-accent); }

/* Logo size in the home header (25/09), same as the other pages (src/site-header.css, where the research is noted):
   140px wide on desktop, 132px on short screens, 112px on phones, 104px up to 370px. Selectors outrank the hero CSS
   the bundle injects at runtime. */
.ps-device[data-layout] .ps-site-header .ps-brand img { width: 140px; height: 30px; }
@media (min-width: 780px) and (max-height: 780px) { .ps-device[data-layout] .ps-site-header .ps-brand img { width: 132px; height: 28px; } }
.ps-device[data-layout=compact] .ps-site-header .ps-brand img { width: 112px; height: 24px; }
@media (max-width: 370px) { .ps-device[data-layout=compact] .ps-site-header .ps-brand img { width: 104px; height: 22px; } }

/* Cases (home): "Conheça o case" was a text link with an underline and barely read as clickable. Compact button in
   the case's own colour: tinted surface, accent border, arrow in a filled circle (user request, 25/09). Same height as
   the old link on phones (37px), so the chapters keep fitting the screen for the scroll animation. */
.ph-home .ph-cases .ph-cases-link { gap: 16px; min-height: 42px; padding: 6px 6px 6px 18px; border: 1px solid color-mix(in srgb, var(--case-accent) 55%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--case-accent) 9%, transparent); font-size: 13px; line-height: 1.2; transition: background .25s, border-color .25s; }
.ph-home .ph-cases .ph-cases-link:hover { background: color-mix(in srgb, var(--case-accent) 17%, transparent); border-color: var(--case-accent); }
.ph-home .ph-cases .ph-cases-link:focus-visible { outline-offset: 3px; }
.ph-home .ph-cases .ph-cases-link > svg { box-sizing: border-box; width: 28px; height: 28px; padding: 6px; border-radius: 50%; background: var(--case-accent); color: #fff; }
/* Light accents (Soldiers yellow, Yooper sky blue) take a dark arrow. */
.ph-home .ph-cases-soldiers .ph-cases-link > svg,
.ph-home .ph-cases-yooper .ph-cases-link > svg { color: #0d1318; }
@media (max-width: 779px) {
  .ph-home .ph-cases .ph-cases-link { gap: 14px; min-height: 37px; padding: 4px 4px 4px 14px; font-size: 12.5px; border-radius: 12px; }
  .ph-home .ph-cases .ph-cases-link > svg { width: 27px; height: 27px; padding: 6px; }
}

/* Mobile type floor. On phones the export kept its smallest sizes (7–12px) for reading text; below 780px
   (the site's own breakpoint for the larger scale) reading text gets a legible floor. Illustration micro-labels
   inside the "Como fazemos" drawings stay as designed. Cases chapters trade a few pixels of spacing for the
   larger text so their height (and the scroll animation, which needs them to fit the screen) stays the same. */
@media (max-width: 779px) {
  /* Section kickers and labels */
  .ph-home .ph-section-kicker,
  .ph-home .ph-cases-kicker,
  .ph-home .ph-why-cta-kicker,
  .ph-home[data-home-layout] .ph-clients h2,
  .ph-home .ph-numbers-inner > h2 { font-size: 11px; letter-spacing: 1.6px; }
  .ph-home .preview-eyebrow { font-size: 12px; }

  /* Numbers */
  .ph-home .ph-number dd,
  .ph-home .ph-number-context,
  .ph-home .ph-number-label { font-size: 14px; }

  /* Problems */
  .ph-home .ph-panel-area,
  .ph-home .ph-problem-friction > span,
  .ph-home .ph-problem-product > span { font-size: 10.5px; }
  .ph-home .ph-problem-product strong { font-size: 13px; }
  .ph-home .ph-flow-label { font-size: 11.5px; }
  .ph-home .ph-journey-switch button { font-size: 13px; }
  .ph-home .ph-problem-outcome { font-size: 14px; }
  .ph-home .ph-problem-tab-copy strong { font-size: 13px; }
  .ph-home .ph-problem-tab-copy > span { font-size: 12px; }

  /* How we work: reading text only */
  .ph-home .ph-method-copy > p:not(.ph-method-stage-label) { font-size: 14px; }
  .ph-home .ph-method-step-label strong { font-size: 11px; }
  .ph-home .ph-method-track-heading p { font-size: 9.5px; }
  .ph-home .ph-method-number { font-size: 10px; }
  .ph-home .ph-method-delivery { font-size: 12px; }
  .ph-home .ph-method-scroll-hint { font-size: 11px; }

  /* Cases. Larger text, tighter spacing and a 44px cap on the client logo keep each chapter at its
     original height (≤737px at 390px wide) so it still fits the screen and keeps the scroll animation. */
  .ph-home .ph-cases-chapter-inner { padding-top: 18px; padding-bottom: 18px; }
  .ph-home .ph-cases-chapter-header { margin-bottom: 12px; }
  .ph-home .ph-cases-chapter-header svg,
  .ph-home .ph-cases-chapter-header img { max-height: 44px; width: auto; }
  .ph-home .ph-cases-chapter-grid { gap: 14px; }
  .ph-home .ph-cases-intro a { font-size: 12px; }
  .ph-home .ph-cases-category { font-size: 10px; }
  .ph-home .ph-cases-description { font-size: 13px; margin-top: 10px; }
  .ph-home .ph-cases-link { font-size: 13px; }
  .ph-home .ph-cases-metric dd { font-size: 11.5px; }
  .ph-home .ph-cases-metric dd > small { font-size: 10px; }
  .ph-home .ph-cases-period { font-size: 9.5px; }
  .ph-home .ph-case-media figcaption { font-size: 10px; }
  .ph-home .ph-case-media-sound { font-size: 11px; }
  .ph-home .ph-cases-chapter-count > span { font-size: 11px; }
  /* Soldiers (export 21 numbers): its labels are long enough that the per-number notes pushed the chapter to
     814px (PT) / 766px (EN). On phones the notes are hidden (the period line below restates their scope; the full
     notes stay on desktop and on the Soldiers LP), English labels may hyphenate, and the chapter trims spacing
     (its vertical padding barely shows, since a pinned chapter is centred on screen): 713px PT, 726px EN. */
  .ph-home .ph-cases-soldiers .ph-cases-chapter-inner { padding-top: 6px; padding-bottom: 6px; }
  .ph-home .ph-cases-soldiers .ph-cases-chapter-header { margin-bottom: 10px; }
  .ph-home .ph-cases-soldiers .ph-cases-chapter-grid { gap: 10px; }
  .ph-home .ph-cases-soldiers .ph-cases-metric { padding: 0 6px; }
  .ph-home .ph-cases-soldiers .ph-cases-metric:first-child { padding-left: 0; }
  .ph-home .ph-cases-soldiers .ph-cases-metric:last-child { padding-right: 0; }
  .ph-home .ph-cases-soldiers .ph-cases-metric dd { margin-top: 6px; }
  .ph-home .ph-cases-soldiers .ph-cases-metric dd > small { display: none; }
  .ph-home .ph-cases-soldiers .ph-cases-period { line-height: 1.45; margin-top: 6px; }
  html:lang(en) .ph-home .ph-cases-soldiers .ph-cases-metric dd { -webkit-hyphens: auto; hyphens: auto; }

  /* Why Profissio */
  .ph-home .preview-reason-number { font-size: 13px; }
  .ph-home .ph-why-cta-action > span { font-size: 11.5px; }

  /* Footer (home, cases and legal pages) */
  .ph-site-footer .ph-footer-column h2 { font-size: 11.5px; }
  .ph-site-footer .ph-footer-column a { font-size: 14px; }
  .ph-site-footer .ph-footer-legal a { font-size: 12px; }
  .ph-site-footer .ph-footer-copyright { font-size: 11.5px; }
  .ph-site-footer .ph-footer-language,
  .ph-site-footer .ph-footer-language button { font-size: 12px; }

  /* Soldiers LP (export 22): same floor for its micro-labels, notes and captions. */
  .sl-page .pl-back { font-size: 12px; }
  .sl-page .pl-header .ph-language-switch button { font-size: 11px; }
  .sl-page .sl-customer > span { font-size: 9.5px; letter-spacing: 1px; line-height: 1.6; }
  .sl-page .sl-kicker { font-size: 11px; letter-spacing: 1.6px; }
  .sl-page .sl-film-top,
  .sl-page .sl-panel-top > span { font-size: 10px; letter-spacing: 1.2px; }
  .sl-page .sl-film figcaption,
  .sl-page .sl-demo-film figcaption,
  .sl-page .sl-hero-actions > p,
  .sl-page .sl-key-metrics small,
  .sl-page .sl-metrics-source,
  .sl-page .sl-access-label,
  .sl-page .sl-access-extension li > span,
  .sl-page .sl-access-note,
  .sl-page .sl-persona-names > small,
  .sl-page .sl-use-note,
  .sl-page .sl-experience-scope,
  .sl-page .sl-regions > p,
  .sl-page .sl-period,
  .sl-page .sl-chart-note,
  .sl-page .sl-closing-note { font-size: 11px; }
  .sl-page .sl-offer-index,
  .sl-page .sl-step-index { font-size: 11px; }
  .sl-page .sl-journey-outcomes dt,
  .sl-page .sl-use-label { font-size: 10px; letter-spacing: 1.2px; }
  .sl-page .sl-scene-caption { font-size: 10.5px; }
  .sl-page .sl-persona-row > span { font-size: 12px; }
  .sl-page .sl-persona-row > span > i { font-size: 9px; }
  .sl-page .ph-case-media-sound { font-size: 11px; }

  /* Yooper LP (export 23): same floor (the export had labels at 7 to 10px). */
  .yl-page .pl-back { font-size: 12px; }
  .yl-page .yl-customer > span { font-size: 9.5px; letter-spacing: 1px; line-height: 1.6; }
  .yl-page .yl-kicker { font-size: 11px; letter-spacing: 1.6px; }
  .yl-page .yl-film-top,
  .yl-page .yl-panel-top > span { font-size: 10px; letter-spacing: 1.2px; }
  .yl-page .yl-tag,
  .yl-page .yl-message > span,
  .yl-page .yl-hours-lines > span,
  .yl-page .yl-solutions h3,
  .yl-page .yl-path-comparison > div > span { font-size: 10px; letter-spacing: 1.2px; }
  .yl-page .yl-film figcaption,
  .yl-page .yl-hero-actions > p,
  .yl-page .yl-key-metrics small,
  .yl-page .yl-period,
  .yl-page .yl-path-comparison li,
  .yl-page .yl-flow-node strong,
  .yl-page .yl-data-note,
  .yl-page .yl-example-note,
  .yl-page .yl-chart-legend li,
  .yl-page .yl-autonomy .yl-small,
  .yl-page .yl-time-comparison p,
  .yl-page .yl-story-note,
  .yl-page .yl-closing-note,
  .yl-page .yl-credits { font-size: 11px; }
  .yl-page .yl-step-index,
  .yl-page .yl-rule-index { font-size: 11px; }
  .yl-page .yl-formats > span { font-size: 10px; }
  .yl-page .yl-solutions li { font-size: 12px; }
  .yl-page .ph-case-media-sound { font-size: 11px; }
  .yl-page .yl-conversation-head small,
  .yl-page .yl-time-comparison > div > span { font-size: 10px; }

  /* EITA LP (export 24): same floor (the export had labels at 7 to 10px). */
  .el-page .pl-back { font-size: 12px; }
  .el-page .el-customer > span { font-size: 9.5px; letter-spacing: 1px; line-height: 1.6; }
  .el-page .el-kicker { font-size: 11px; letter-spacing: 1.6px; }
  .el-page .el-film-top > span,
  .el-page .el-panel-top > span,
  .el-page .el-tag,
  .el-page .el-message > span,
  .el-page .el-formats > span,
  .el-page .el-conversation-head small { font-size: 10px; letter-spacing: 1.2px; }
  .el-page .el-film > figcaption,
  .el-page .el-hero-actions > p,
  .el-page .el-key-metrics dd small,
  .el-page .el-period,
  .el-page .el-portrait > span,
  .el-page .el-creator figcaption > span,
  .el-page .el-method li,
  .el-page .el-method li > span,
  .el-page .el-step-index,
  .el-page .el-example-note,
  .el-page .el-journey-step-head > span,
  .el-page .el-journey-note,
  .el-page .el-choice-index,
  .el-page .el-choices-grid article > strong,
  .el-page .el-scope,
  .el-page .el-return-legend li,
  .el-page .el-result-note,
  .el-page .el-business-note,
  .el-page .el-closing-note,
  .el-page .el-credits,
  .el-page .ph-case-media-sound { font-size: 11px; }

  /* Polishop LP (export 20): same floor. */
  .pl-page .pl-back { font-size: 12px; }
  .pl-page .pl-customer > span { font-size: 9.5px; letter-spacing: 1px; line-height: 1.6; }
  .pl-page .pl-kicker { font-size: 11px; letter-spacing: 1.6px; }
  .pl-page .pl-film-top > span,
  .pl-page .pl-frame-top > span { font-size: 10px; letter-spacing: 1.2px; }
  .pl-page .pl-film-note,
  .pl-page .pl-hero-note,
  .pl-page .pl-scene > figcaption,
  .pl-page .pl-date,
  .pl-page .pl-segment,
  .pl-page .pl-result-source p,
  .pl-page .pl-closing-note,
  .pl-page .pl-step-index,
  .pl-page .ph-case-media-sound { font-size: 11px; }
  .pl-page .pl-key-metrics dd { font-size: 12px; }
  .pl-page .pl-key-metrics dd small { font-size: 11px; }

  /* Case page template (EITA): same floor. */
  .ph-case-page .case-detail-index,
  .ph-case-page .case-detail-category,
  .ph-case-page .case-detail-results > h2,
  .ph-case-page .case-detail-metric-note,
  .ph-case-page .case-detail-period,
  .ph-case-page .case-detail-chapter-number,
  .ph-case-page .case-detail-film .ph-case-media figcaption,
  .ph-case-page .case-detail-film .ph-case-media figcaption span { font-size: 11px; }
  .ph-case-page .case-detail-points li,
  .ph-case-page .case-detail-credits p,
  .ph-case-page .case-detail-next-link,
  .ph-case-page .case-detail-footer-bottom a { font-size: 12px; }
  .ph-case-page .case-detail-credits > span { font-size: 10px; }

  /* Hero chrome (outranks the CSS the bundle injects at runtime) */
  .profissio-scroll .ps-device[data-layout=compact] .ps-meta-badge span { font-size: 10.5px; }
  .profissio-scroll .ps-device[data-layout=compact] .ps-scroll-hint,
  .profissio-scroll .ps-device[data-layout=compact] .ps-meter { font-size: 11px; }
  .profissio-scroll .ps-device[data-layout=compact] .ps-language button { font-size: 11px; }
  .profissio-scroll .ps-device[data-layout=compact] .ps-login { font-size: 13.5px; }
}

/* Chip rows never wrap (a lone chip on a second line looks broken). They stay on one line and, when they do not
   fit, scroll sideways without a visible scrollbar; on phones the row bleeds to the screen edges so the cut-off
   chip shows there is more. */
.sl-solutions { grid-template-columns: 200px minmax(0, 1fr); gap: 36px; }
.sl-solutions ul,
.sl-persona-row,
.yl-solutions ul,
.yl-formats,
.el-formats { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.sl-solutions ul::-webkit-scrollbar,
.sl-persona-row::-webkit-scrollbar,
.yl-solutions ul::-webkit-scrollbar,
.yl-formats::-webkit-scrollbar,
.el-formats::-webkit-scrollbar { display: none; }
.sl-solutions li,
.yl-solutions li,
.yl-formats > span,
.el-formats > span { flex: none; white-space: nowrap; }
/* Home cases section: case shortcuts plus "Todos os cases". */
.ph-cases-intro-aside nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.ph-cases-intro-aside nav::-webkit-scrollbar { display: none; }
.ph-cases-intro-aside nav > a { flex: none; white-space: nowrap; }
.sl-persona-row { display: flex; align-items: center; gap: inherit; flex: 1 1 100%; min-width: 0; }
@media (max-width: 779px) {
  .sl-solutions { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .sl-solutions ul,
  .sl-persona-row,
  .yl-solutions ul { margin-inline: calc(50% - 50vw); padding-inline: calc(50vw - 50%); }
}

/* Header of every page outside the home (src/site-header.js). The base look comes from the home's .ps-site-header
   rules; the home sets its variants through the hero container (.ps-device[data-layout], @container ps-device),
   which other pages do not have, so they are repeated here with media queries. */
/* Two classes: the bundle re-injects the home hero CSS at runtime (after site.css), including a transparent background. */
.ps-site-header.ph-page-header { background: #080c15; overflow-x: clip; }
/* Page styles must not leak in: the LPs set line-height 1.65, a text color and ".pl-page a { color: inherit }";
   the product pages set a negative letter-spacing. */
.ps-site-header.ph-page-header { color: #eaf2ff; line-height: normal; letter-spacing: normal; }
.ph-page-header .ps-login { color: #e4ecfa; }
.ph-page-header .ps-primary-cta { color: #f9fcff; }
/* The light rule under the header sits 1px below it on the home (bottom:-1px), over the dark hero. Pages whose
   opening is teal, olive or light would hide it, so here it sits on the header's own dark bottom row. */
.ps-site-header.ph-page-header::after { bottom: 0; }

/* Logo size (25/09): the export's 207px-wide lockup was well above AI company sites measured at 1440px (wordmarks
   15-24px tall, 118-147px wide: Anthropic, Decagon, Intercom, Cohere, OpenAI, Mistral, ElevenLabs). Width governs
   (the image is contained); the same sizes are set for the home in src/home-adjustments.css. */
.ph-page-header .ps-brand img { width: 140px; height: 30px; }

/* Short screens: the home hero header shrinks with the screen height. */
@media (min-width: 780px) and (max-height: 780px) {
  .ph-page-header .ps-header-inner { height: 58px; }
  .ph-page-header .ps-brand img { width: 132px; height: 28px; }
  .ph-page-header .ps-header-inner > .ps-primary-cta { height: 46px; }
}
@media (min-width: 780px) and (max-height: 748px) {
  .ph-page-header .ps-header-inner { height: 52px; }
  .ph-page-header .ps-header-inner > .ps-primary-cta { height: 42px; }
}

/* Phones: the home's compact header (logo, PT/EN, Entrar; the demo CTA stays in the page). */
@media (max-width: 779px) {
  .ph-page-header .ps-content { width: calc(100% - 40px); max-width: none; }
  .ph-page-header .ps-header-inner { height: auto; padding: 12px 0; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px 9px; }
  .ph-page-header::after { width: 64%; }
  .ph-page-header .ps-brand { justify-self: start; min-width: 0; }
  .ph-page-header .ps-brand img { width: 112px; height: 24px; }
  .ph-page-header .ps-language.ph-language-switch { margin-left: 0; }
  .ph-page-header .ps-language.ph-language-switch button { width: 28px; min-height: 26px; font-size: 11px; }
  .ph-page-header .ps-login { font-size: 13.5px; padding: 12px 13px; min-height: 44px; text-align: center; }
  .ph-page-header .ps-header-inner > .ps-primary-cta { display: none; }
}
@media (max-width: 370px) {
  .ph-page-header .ps-content { width: calc(100% - 32px); }
  .ph-page-header .ps-brand img { width: 104px; height: 22px; }
  .ph-page-header .ps-header-inner { column-gap: 7px; }
  .ph-page-header .ps-login { padding-inline: 10px; }
}

/* "Todos os cases" / "Voltar ao site", below the header on case pages and legal pages. */
.ph-page-back { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; text-decoration: none; color: inherit; opacity: .72; transition: opacity .2s; }
.ph-page-back:hover { opacity: 1; }
.ph-page-back svg { width: 17px; height: 17px; flex: none; }
.case-detail-intro .ph-page-back { margin-bottom: 26px; }

/* Links to the site's pages (src/site-pages.js). Cues follow the home's "Conheça o case" link (.ph-cases-link):
   label + arrow over a thin accent rule; the footer grid takes one more column per published group. */
.ph-cue { display: inline-flex; align-items: center; gap: 12px; width: fit-content; max-width: 100%; margin-top: 22px; padding: 10px 0 7px; border-bottom: 1px solid; font: 500 12.5px Sora, system-ui, sans-serif; letter-spacing: normal; text-decoration: none; transition: color .2s, border-color .2s; }
.ph-cue svg { width: 18px; height: 18px; flex: none; transition: transform .3s; }
.ph-cue:hover svg { transform: translateX(4px); }
.ph-cue-dark { color: #d2e4ff; border-color: #5b72de; }
.ph-cue-dark:hover { color: #fff; border-color: #92c5f6; }
.ph-cue-light { color: #2b3b56; border-color: #345bc5; }
.ph-cue-light:hover { color: #345bc5; }
.ph-cue:focus-visible { outline: 2px solid #8ee8ff; outline-offset: 4px; border-radius: 2px; }

/* A product phrase inside a sentence. */
.ph-inline-link { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: currentColor; transition: opacity .2s; }
.ph-inline-link:hover { opacity: .8; }

/* A chip that names a product. */
.ph-chip-link { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.ph-chip-link::after { content: "\2197"; font-size: .92em; opacity: .75; transition: transform .2s, opacity .2s; }
.ph-chip-link:hover { color: #fff; }
.ph-chip-link:hover::after { opacity: 1; transform: translate(1px, -1px); }

/* Home problems: "CONECTADO POR" product name, linked. */
.ph-problem-product-link { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.ph-problem-product-link > svg { width: 16px; height: 16px; flex: none; opacity: .7; transition: transform .3s, opacity .2s; }
.ph-problem-product-link:hover > svg { opacity: 1; transform: translateX(3px); }
.ph-problem-product-link:hover strong { text-decoration: underline; text-underline-offset: 3px; }

/* Home "Por que a Profissio" cards and FAQ answers. */
.preview-reasons article .ph-cue { margin-top: 20px; }
.ph-faq-answer .ph-cue { margin-top: 6px; margin-bottom: 4px; }

/* Footer grid: brand + N link columns (--ph-footer-links: groups + Explore + Na prática + contact). */
@container (min-width: 700px) {
  .ph-footer-main { grid-template-columns: repeat(var(--ph-footer-links, 3), minmax(0, 1fr)); }
  .ph-footer-brand { grid-column: 1 / -1; grid-row: auto; }
}
@container (min-width: 1000px) {
  .ph-footer-main { grid-template-columns: 1.35fr repeat(var(--ph-footer-links, 3), minmax(0, 1fr)); gap: 40px; }
  .ph-footer-brand { grid-column: auto; }
}

/* Several page links under one answer (FAQ "A Profissio é um agente de IA ou uma plataforma?"): one link per line
   (a list, not a wrapped row); side by side only when the answer is wide enough for all of them on one line. The
   home's compact layout keeps the FAQ narrow up to 1248px, so this follows the answer's width, not the screen's. */
.ph-faq-answer-inner { container-type: inline-size; }
.ph-cue-row { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-top: 22px; }
.ph-cue-row .ph-cue { margin-top: 0; }
@container (min-width: 760px) { .ph-cue-row { flex-direction: row; gap: 30px; } }

/* Footer: "Entrar" under "Agendar demonstração", the header's login button (.ps-login) at the footer CTA's height. */
.ph-footer-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.ph-footer-actions .ph-footer-login { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 22px; box-sizing: border-box; font: 500 13px Sora, system-ui, sans-serif; }

/* Case pages: the solution link under the closing CTA takes the page's own text colour (olive, wine, purple or navy
   closings), not the site's blue underline. */
.pl-page .pl-section .ph-cue-dark { color: inherit; border-color: currentColor; opacity: .88; }
.pl-page .pl-section .ph-cue-dark:hover { opacity: 1; }

/* Home FAQ. Light section with the same background, type scale and breakpoints as .ph-problems
   (media queries here: the ph-page container only wraps the problems block, and the FAQ is full-bleed);
   accents follow the problems tabs (active #345bc5, lines #d8dfed, body #485972). */
.ph-faq {
  color-scheme: light;
  color: #182235;
  background: linear-gradient(145deg, #f7f8fc 5%, #f1f4fb 46%, #f4f0f9 100%);
  padding: 44px 20px 48px;
  scroll-margin-top: 12px;
}
.ph-faq-inner { max-width: 1193px; margin: auto; }

.ph-faq-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 26px 40px;
}
.ph-faq-heading { min-width: 0; }
.ph-faq h2 {
  margin: 0;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -1.5px;
  line-height: 1.16;
  color: #182235;
}
.ph-faq-intro {
  margin: 16px 0 0;
  max-width: 520px;
  color: #485972;
  font-size: 14px;
  line-height: 1.65;
}

.ph-faq-toggle {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 48px;
  padding: 0 20px 0 24px;
  border: 1px solid #d8dfed;
  border-radius: 14px;
  background: #fbfcff;
  box-shadow: 0 17px 40px #5268910a;
  color: #2b3b56;
  font: 500 13px Sora, system-ui, sans-serif;
  letter-spacing: -0.2px;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s;
}
.ph-faq-toggle:hover { border-color: #345bc5; color: #345bc5; }

.ph-faq-icon {
  position: relative;
  flex: none;
  width: 14px;
  height: 14px;
}
.ph-faq-icon::before,
.ph-faq-icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 1.5px;
  margin-top: -0.75px;
  border-radius: 2px;
  background: currentColor;
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.ph-faq-icon::after { transform: rotate(90deg); }
.ph-faq[data-open="true"] .ph-faq-toggle .ph-faq-icon::after,
.ph-faq-item[data-active="true"] .ph-faq-icon::after { transform: rotate(0deg); }

.ph-faq-toggle:focus-visible,
.ph-faq-item h3 button:focus-visible {
  outline: 2px solid #345bc5;
  /* Inside the button: outside it, the ring was cut off on the right by the list and ran over the answer. */
  outline-offset: -2px;
  border-radius: 12px;
}

/* Collapse without measuring: the row track animates from 0fr to 1fr.
   visibility keeps closed content out of the tab order and the accessibility tree. */
.ph-faq-collapse,
.ph-faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s linear 0.45s;
}
.ph-faq[data-open="true"] .ph-faq-collapse,
.ph-faq-item[data-active="true"] .ph-faq-answer {
  grid-template-rows: 1fr;
  visibility: visible;
  transition: grid-template-rows 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s;
}
.ph-faq-collapse-inner,
.ph-faq-answer-inner { min-height: 0; overflow: hidden; }

.ph-faq-list {
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #d8dfed;
}
.ph-faq-item { border-bottom: 1px solid #d8dfed; }
.ph-faq-item h3 { margin: 0; }
.ph-faq-item h3 button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding: 22px 0;
  border: 0;
  background: none;
  color: #182235;
  font: 500 16px/1.4 Sora, system-ui, sans-serif;
  letter-spacing: -0.3px;
  text-align: left;
  cursor: pointer;
  transition: color 0.2s;
}
.ph-faq-item h3 button:hover,
.ph-faq-item[data-active="true"] h3 button { color: #345bc5; }

.ph-faq-answer p {
  margin: 0;
  max-width: 820px;
  padding: 0 38px 24px 0;
  color: #485972;
  font-size: 14px;
  line-height: 1.75;
  text-wrap: pretty;
}
.ph-faq-answer .ph-faq-demo { margin: 0 0 26px; }

@media (min-width: 780px) {
  .ph-faq { padding: 60px 32px 68px; }
  .ph-faq .ph-section-kicker { font-size: 10px; letter-spacing: 2px; }
  .ph-faq h2 { font-size: 48px; letter-spacing: -2px; }
  .ph-faq-list { margin-top: 44px; }
  .ph-faq-item h3 button { padding: 26px 0; font-size: 18px; }
  .ph-faq-answer p { font-size: 15px; padding-bottom: 28px; }
}
@media (min-width: 1080px) {
  .ph-faq { padding-top: 68px; padding-bottom: 76px; }
  .ph-faq h2 { font-size: 51px; }
  .ph-faq-list { width: min(960px, 100%); margin-left: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .ph-faq-collapse,
  .ph-faq-answer,
  .ph-faq-icon::before,
  .ph-faq-icon::after { transition: none; }
}

/* Shared commercial section. Scoped independently of the host page. */
/* Profissio site: the 5 rules that turned the CTA into a pale button were removed (the in-page CTA is the discreet one
   in the page tone, src/cta.css). Colours, type and the one-line chips are aligned in src/commercial/align.css. */
.pc-section{--pc-accent:#4b6796;--pc-ink:#152238;--pc-text:#59697f;--pc-line:#dbe3ef;--pc-soft:#f4f7fc;--pc-tint:#e9eff8;--pc-muted:#a3b7d7;background:#fff;color:var(--pc-ink);color-scheme:light;padding:100px 0;font-family:inherit;line-height:1.7;scroll-margin-top:100px}
.pc-section.pc-theme-neutral{--pc-accent:#5c6371;--pc-ink:#101218;--pc-text:#616976;--pc-line:#dfe2e8;--pc-soft:#f7f8fa;--pc-tint:#eef0f3;--pc-muted:#a6aeba}
.pc-section.pc-theme-rose{--pc-accent:#a34b7d;--pc-ink:#291d2c;--pc-text:#706272;--pc-line:#e8dce7;--pc-soft:#faf5f9;--pc-tint:#f4e9f1;--pc-muted:#d4a4c2}
.pc-section.pc-theme-cyan{--pc-accent:#326f77;--pc-ink:#142d33;--pc-text:#546e73;--pc-line:#d7e8e9;--pc-soft:#f3fafb;--pc-tint:#e8f4f5;--pc-muted:#95cbd0}
.pc-section *,.pc-section *::before,.pc-section *::after{box-sizing:border-box}
.pc-section .pc-wrap{width:calc(100% - 64px);max-width:1193px;margin:0 auto}
.pc-section h2,.pc-section h3,.pc-section p,.pc-section ol,.pc-section ul{margin:0}
.pc-section .pc-icon{display:block;width:22px;height:22px;flex:none;color:var(--pc-accent)}
.pc-section .pc-intro{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.pc-section .pc-copy{max-width:580px}
.pc-section .pc-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-accent);margin-bottom:25px}
.pc-section .pc-kicker>span{display:block;width:6px;height:6px;background:var(--pc-accent);box-shadow:0 0 0 5px var(--pc-soft);border-radius:50%}
.pc-section h2{font-size:clamp(32px,3.5vw,45px);font-weight:500;letter-spacing:-.045em;line-height:1.17;text-wrap:balance}
.pc-section h2>span{color:var(--pc-accent)}
.pc-section .pc-lead{font-size:15px;color:var(--pc-text);margin-top:25px;max-width:520px}
.pc-section .pc-billing{font-size:13px;color:var(--pc-text);margin-top:19px;padding-left:17px;border-left:2px solid var(--pc-muted)}
.pc-section .pc-cta{margin-top:28px}
.pc-section .pc-ledger{border:1px solid var(--pc-line);border-radius:25px;overflow:hidden;background:linear-gradient(140deg,var(--pc-soft),#fff);box-shadow:0 15px 45px rgba(20,34,52,.035)}
.pc-section .pc-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 27px;border-bottom:1px solid var(--pc-line);font-size:12px;font-weight:500}
.pc-section .pc-pill{display:inline-block;white-space:nowrap;padding:5px 10px;border:1px solid var(--pc-line);border-radius:99px;font-size:10px;font-weight:400;color:var(--pc-accent);background:#fff}
.pc-section .pc-journey{list-style:none;padding:10px 27px}
.pc-section .pc-journey li{position:relative;display:flex;gap:14px;align-items:center;padding:18px 0}
.pc-section .pc-journey li:not(:last-child)::after{content:'';position:absolute;left:19px;top:60px;bottom:-8px;border-left:1px solid var(--pc-line)}
.pc-section .pc-journey-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid var(--pc-line);background:#fff;border-radius:12px;flex:none}
.pc-section .pc-journey-icon .pc-icon{width:19px;height:19px}
.pc-section .pc-journey li>div{flex:1;min-width:0}
.pc-section .pc-journey strong{display:block;font-size:12px;font-weight:500}
.pc-section .pc-journey li>div>span{display:block;font-size:10px;color:var(--pc-text);margin-top:3px}
.pc-section .pc-journey li>.pc-icon{width:16px;height:16px;opacity:.65}
.pc-section .pc-count{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;margin:0 27px 23px;background:#fff;border:1px solid var(--pc-line);border-radius:13px;box-shadow:0 4px 12px rgba(20,34,52,.025)}
.pc-section .pc-count-label{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-accent);margin-bottom:5px}
.pc-section .pc-count strong{display:block;font-size:14px;line-height:1.5;font-weight:500}
.pc-section .pc-one{color:var(--pc-accent);font-size:51px;line-height:1;font-weight:500;letter-spacing:-.06em}
.pc-section .pc-scale{display:flex;align-items:flex-start;gap:15px;padding:22px 27px;border-top:1px solid var(--pc-line);background:var(--pc-tint)}
.pc-section .pc-scale>.pc-icon{margin-top:2px}
.pc-section .pc-scale h3{font-size:12px;font-weight:500;line-height:1.6}
.pc-section .pc-scale p{font-size:10px;color:var(--pc-text);margin-top:5px}
.pc-section .pc-inclusions{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;margin-top:58px;padding:35px 0;border-block:1px solid var(--pc-line)}
.pc-section .pc-inclusions article+article{border-left:1px solid var(--pc-line);padding-left:48px}
.pc-section .pc-feature-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.pc-section .pc-feature-heading h3{font-size:19px;line-height:1.35;letter-spacing:-.025em;font-weight:500}
.pc-section .pc-inclusions p{font-size:12px;color:var(--pc-text)}
.pc-section .pc-included ul{display:flex;list-style:none;flex-wrap:wrap;gap:10px 20px;padding:17px 0 0}
.pc-section .pc-included li{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--pc-accent)}
.pc-section .pc-included li>.pc-icon{width:13px;height:13px}
.pc-section .pc-team-seal{display:flex;align-items:center;gap:8px;margin-top:17px;font-size:10px;color:var(--pc-accent)}
.pc-section .pc-team-seal>.pc-icon{width:14px;height:14px}
.pc-section .pc-value{display:grid;grid-template-columns:130px 1fr 1fr;gap:36px;align-items:center;padding:32px 35px;border:1px solid var(--pc-line);border-radius:19px;background:linear-gradient(120deg,var(--pc-soft),#fff);margin-top:32px}
.pc-section .pc-economy>strong{display:block;font-size:55px;line-height:1;letter-spacing:-.06em;font-weight:500;color:var(--pc-accent)}
.pc-section .pc-economy>strong>span{font-size:30px;letter-spacing:-.04em}
.pc-section .pc-economy>span{display:block;font-size:10px;color:var(--pc-accent);margin-top:9px}
.pc-section .pc-value h3{font-size:16px;font-weight:500;letter-spacing:-.025em;line-height:1.5;margin-bottom:7px}
.pc-section .pc-value p{font-size:11px;color:var(--pc-text)}
.pc-section .pc-value .pc-value-context{border-left:1px solid var(--pc-line);padding-left:30px}
@media(max-width:1000px){.pc-section .pc-intro{gap:38px}.pc-section .pc-inclusions{gap:30px}.pc-section .pc-inclusions article+article{padding-left:30px}.pc-section .pc-value{grid-template-columns:100px 1fr;gap:24px}.pc-section .pc-value .pc-value-context{grid-column:2;border-left:0;padding:0}.pc-section .pc-economy{grid-row:span 2}}
@media(max-width:760px){.pc-section{padding:70px 0}.pc-section .pc-wrap{width:calc(100% - 40px)}.pc-section .pc-intro{grid-template-columns:1fr;gap:35px}.pc-section h2{font-size:clamp(31px,7vw,44px)}.pc-section .pc-copy{max-width:650px}.pc-section .pc-lead{max-width:none;font-size:14px}.pc-section .pc-billing{font-size:12px}.pc-section .pc-ledger{max-width:620px;width:100%}.pc-section .pc-inclusions{gap:25px;margin-top:35px}.pc-section .pc-inclusions article+article{padding-left:25px}.pc-section .pc-feature-heading{align-items:flex-start}.pc-section .pc-feature-heading h3{font-size:17px}.pc-section .pc-inclusions p{font-size:12px}.pc-section .pc-value{padding:25px;gap:20px}.pc-section .pc-value p{font-size:11px}}
@media(max-width:520px){.pc-section .pc-inclusions{grid-template-columns:1fr;padding:27px 0}.pc-section .pc-inclusions article+article{padding:25px 0 0;border-left:0;border-top:1px solid var(--pc-line)}.pc-section .pc-value{grid-template-columns:75px 1fr;gap:18px;padding:24px 20px}.pc-section .pc-economy>strong{font-size:44px}.pc-section .pc-economy>strong>span{font-size:23px}.pc-section .pc-economy>span{font-size:9px}.pc-section .pc-value h3{font-size:15px}.pc-section .pc-ledger-head{padding:20px}.pc-section .pc-journey{padding-inline:20px}.pc-section .pc-count{margin-inline:20px;padding:19px}.pc-section .pc-scale{padding:20px}.pc-section .pc-ledger-head>span:first-child{font-size:11px}.pc-section .pc-pill{font-size:9px;padding:5px 8px}}

/* Commercial model section ("Modelo comercial", package of 25/09) aligned with the site.
   The export gives it four fixed themes (neutral, blue, rose, cyan: Vendas and Experiência came out neutral grey); here
   it takes the tones of the page it sits on, through the --pd-* variables of src/products/align.css (the home sets its
   own values on .ph-commercial-home). The doubled class outranks the export's theme classes without !important.
   Type follows the home scale (the export went down to 9-10px), the "1" and the "50%" are the home's gradient figures,
   the included items stay on one line (chips rule) and the CTA is the discreet one of each page (src/cta.css). */
.ph-commercial-home {
  --pd-wash: linear-gradient(145deg, #f7f8fc 5%, #f1f4fb 46%, #f4f0f9 100%); --pd-light-line: #d8dfed; --pd-ink: #182235;
  --pd-tone-light: #6c698e; --pd-kicker-light: #626f89; --pd-dot-light: #5b72de;
  --pd-accent: #345bc5; --pd-accent-bg: #eef2fb;
  --pd-num: linear-gradient(145deg, #24498f 15%, #576ec4 67%, #8276b0);
}
.pc-section.pc-section {
  --pc-accent: var(--pd-accent); --pc-ink: var(--pd-ink); --pc-line: var(--pd-light-line);
  --pc-text: color-mix(in srgb, var(--pd-ink) 76%, #fff);
  --pc-soft: color-mix(in srgb, var(--pd-accent-bg) 45%, #fff); --pc-tint: var(--pd-accent-bg);
  --pc-muted: color-mix(in srgb, var(--pd-accent) 35%, #fff);
  background: var(--pd-wash); color: var(--pd-ink); letter-spacing: normal;
  border-top: 1px solid var(--pd-light-line);
}

/* Kicker and title: the home's .ph-section-kicker and two-tone section titles. */
.pc-section.pc-section .pc-kicker { gap: 10px; margin-bottom: 20px; font-size: 10px; font-weight: 500; letter-spacing: 2px; color: var(--pd-kicker-light); }
.pc-section.pc-section .pc-kicker > span { width: 6px; height: 6px; background: var(--pd-dot-light); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pd-dot-light) 6%, transparent); }
/* The title sits in half the width: a notch below the full-width titles, and the muted sentence balances on its own
   lines (it left a single word alone on the last one). */
.pc-section.pc-section h2 { font-size: clamp(32px, 3.2vw, 42px); line-height: 1.12; letter-spacing: -.045em; font-weight: 500; color: var(--pd-ink); }
.pc-section.pc-section h2 > span { display: block; color: var(--pd-tone-light); text-wrap: balance; }
.pc-section.pc-section .pc-lead { font-size: 15px; line-height: 1.75; }
.pc-section.pc-section .pc-billing { font-size: 13px; line-height: 1.7; }

/* Counting card */
.pc-section.pc-section .pc-ledger-head { font-size: 13px; }
.pc-section.pc-section .pc-pill { font-size: 11px; }
.pc-section.pc-section .pc-journey strong { font-size: 14px; }
.pc-section.pc-section .pc-journey li > div > span { font-size: 12px; line-height: 1.5; }
.pc-section.pc-section .pc-count-label { font-size: 10px; letter-spacing: .16em; }
.pc-section.pc-section .pc-count strong { font-size: 15px; }
.pc-section.pc-section .pc-scale h3 { font-size: 14px; }
.pc-section.pc-section .pc-scale p { font-size: 12px; line-height: 1.6; }
.pc-section.pc-section .pc-one,
.pc-section.pc-section .pc-economy > strong { background: var(--pd-num); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Included costs and team */
.pc-section.pc-section .pc-feature-heading h3 { font-size: 20px; }
.pc-section.pc-section .pc-inclusions p { font-size: 14px; line-height: 1.7; }
.pc-section.pc-section .pc-inclusions > article { min-width: 0; }
.pc-section.pc-section .pc-included ul { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.pc-section.pc-section .pc-included ul::-webkit-scrollbar { display: none; }
.pc-section.pc-section .pc-included li { flex: none; white-space: nowrap; font-size: 12px; }
.pc-section.pc-section .pc-team-seal { font-size: 12px; }

/* Savings */
.pc-section.pc-section .pc-economy > span { font-size: 11px; }
.pc-section.pc-section .pc-value h3 { font-size: 18px; }
.pc-section.pc-section .pc-value p { font-size: 13px; line-height: 1.7; }

/* Phones (the site's 780px breakpoint): the home's phone title and kicker, 11px reading / 10px labels floor. */
@media (max-width: 779px) {
  .pc-section.pc-section h2 { font-size: 32px; letter-spacing: -1.4px; }
  /* This kicker is longer than the others (39 characters): tighter tracking keeps it on one line at 390px. */
  .pc-section.pc-section .pc-kicker { font-size: 10px; letter-spacing: 1.1px; white-space: nowrap; }
  .pc-section.pc-section .pc-pill { font-size: 10px; }
  .pc-section.pc-section .pc-journey li > div > span,
  .pc-section.pc-section .pc-scale p,
  .pc-section.pc-section .pc-included li,
  .pc-section.pc-section .pc-team-seal { font-size: 11px; }
  .pc-section.pc-section .pc-economy > span { font-size: 11px; }
  .pc-section.pc-section .pc-inclusions p { font-size: 13px; }
  .pc-section.pc-section .pc-value p { font-size: 12px; }
  /* The included items scroll sideways to the screen edge when they do not fit. */
  .pc-section.pc-section .pc-included ul { margin-inline: -20px; padding-inline: 20px; }
}

/* "Agendar demonstração" (.ps-primary-cta, and .pl-demo on the case pages).
   Two treatments (user decision, 25/09):
   - traditional, only in the header and the footer: the palette blue #2458F5, even and matte, with a soft top light
     and a thin luminous edge. Replaces the export's diagonal from an electric #3159ed to a near-navy corner;
   - inside the page: a discreet button in the tone of the page it sits on (--cta-*), so the brightest blue does not
     break each page's identity. Defaults are the home's navy; each page sets its own tone below.
   The brain traces (.ps-cta-art) follow the button's tone. */

:root {
  --cta-bg: linear-gradient(125deg, #263449, #202b3c 55%, #192230);
  --cta-bg-hover: linear-gradient(125deg, #304360, #28364d);
  --cta-line: #4d6386;
  --cta-line-hover: #7995c1;
  --cta-glow: #dbe7ff12;
  --cta-trace: #b9cce9;
  --cta-focus: #a4c4ff;
}

/* ---------- Traditional: header and footer ---------- */
.ps-header-inner > .ps-primary-cta,
.ph-footer-brand .ps-primary-cta {
  background: linear-gradient(180deg, #2d61f6 0%, #2458f5 46%, #1e4bdb 100%);
  border-color: #7b9bff59;
  color: #fff;
  box-shadow: inset 0 1px 0 #ffffff33, inset 0 -1px 0 #0b227033, 0 10px 24px -14px #2458f5b3;
}
.ps-header-inner > .ps-primary-cta:hover,
.ph-footer-brand .ps-primary-cta:hover {
  background: linear-gradient(180deg, #3a6bff 0%, #2d61fb 46%, #2452e6 100%);
  border-color: #a9bfffa6;
  box-shadow: inset 0 1px 0 #ffffff40, inset 0 -1px 0 #0b227033, 0 12px 28px -12px #2458f5cc;
}
.ps-header-inner > .ps-primary-cta [data-cta-brain="brand-traces"],
.ph-footer-brand .ps-primary-cta [data-cta-brain="brand-traces"] { stroke: #e4ecff; opacity: .26; }

/* ---------- Inside the page: the environment's tone ---------- */
.ps-primary-cta:not(.ps-header-inner > .ps-primary-cta):not(.ph-footer-brand .ps-primary-cta) {
  background: var(--cta-bg);
  border-color: var(--cta-line);
  color: #f4f7fb !important;
  box-shadow: inset 0 1px 0 var(--cta-glow), 0 5px 14px #00000012;
}
.ps-primary-cta:not(.ps-header-inner > .ps-primary-cta):not(.ph-footer-brand .ps-primary-cta):hover {
  background: var(--cta-bg-hover);
  border-color: var(--cta-line-hover);
  box-shadow: inset 0 1px 0 var(--cta-glow), 0 8px 20px #0000001f;
}
.ps-primary-cta:not(.ps-header-inner > .ps-primary-cta):not(.ph-footer-brand .ps-primary-cta):focus-visible { outline-color: var(--cta-focus); }
.ps-primary-cta:not(.ps-header-inner > .ps-primary-cta):not(.ph-footer-brand .ps-primary-cta) [data-cta-brain="brand-traces"] { stroke: var(--cta-trace); opacity: .3; }

/* Page tones. Navy (the defaults above): home, cases gallery, Plataforma de atendimento. */
/* Agentes: graphite (from the 24/09 standardisation of export 28). */
#profissio-agentes {
  --cta-bg: linear-gradient(125deg, #30343d, #252932 55%, #1b1e26); --cta-bg-hover: linear-gradient(125deg, #3c414c, #2d323d);
  --cta-line: #626977; --cta-line-hover: #9099a9; --cta-glow: #ffffff12; --cta-trace: #d3d9e3; --cta-focus: #c4ccd9;
}
/* Ativações: cyan-teal (from export 31). */
#profissio-ativacoes {
  --cta-bg: linear-gradient(125deg, #283c43, #223139 55%, #1b262e); --cta-bg-hover: linear-gradient(125deg, #334c54, #293d46);
  --cta-line: #516e79; --cta-line-hover: #81a4ad; --cta-glow: #d2f6fa12; --cta-trace: #c1e0e4; --cta-focus: #b0dfe6;
}
/* Soldiers: the page's dark olive. */
.sl-page {
  --cta-bg: linear-gradient(125deg, #343b2c, #2a3024 55%, #20251c); --cta-bg-hover: linear-gradient(125deg, #3f4735, #32392b);
  --cta-line: #66714c; --cta-line-hover: #a3ad7c; --cta-glow: #f4f5d612; --cta-trace: #e4e8c6; --cta-focus: #f3d20a;
}
/* Yooper: the brand's deep purple with a magenta edge (the page follows Yooper's magenta/purple since 25/09). */
.yl-page {
  --cta-bg: linear-gradient(125deg, #3a1846, #2f1239 55%, #240d2c); --cta-bg-hover: linear-gradient(125deg, #46205a, #381846);
  --cta-line: #6b3a78; --cta-line-hover: #c06aa6; --cta-glow: #f7d8ee14; --cta-trace: #f0c9e6; --cta-focus: #e60076;
}
/* EITA: the brand's petrol blue (#1f7ea1, as on its home chapter), discreet (user choice, 25/09; the teal-green
   version did not suit it). Its hero is light, the dark button reads well on it. */
.el-page {
  --cta-bg: linear-gradient(125deg, #1f4d62, #1a4254 55%, #143545); --cta-bg-hover: linear-gradient(125deg, #255a72, #1e4b60);
  --cta-line: #3d7792; --cta-line-hover: #6fa9c4; --cta-glow: #d4eef812; --cta-trace: #c6e2ee; --cta-focus: #1f7ea1;
}
/* Polishop: the brand's deep wine (its opening is warm off-white and red since 25/09). */
.pl-page[data-case-page=polishop] {
  --cta-bg: linear-gradient(125deg, #4a1b22, #3b151b 55%, #2d1015); --cta-bg-hover: linear-gradient(125deg, #5a2129, #471a21);
  --cta-line: #7a3a44; --cta-line-hover: #b5606c; --cta-glow: #ffd9de14; --cta-trace: #f1c9cf; --cta-focus: #cb0f09;
}
/* CRM com IA and Solução de vendas: the CRM rose (#BE3F84), discreet. */
#profissio-crm-ia,
#profissio-solucao-vendas {
  --cta-bg: linear-gradient(125deg, #3d2233, #311b29 55%, #25141f); --cta-bg-hover: linear-gradient(125deg, #4a2a3e, #3b2131);
  --cta-line: #6e3c5c; --cta-line-hover: #c07aa3; --cta-glow: #ffd9ec14; --cta-trace: #f1c8de; --cta-focus: #be3f84;
}
/* Solução Experiência: graphite, like Agentes. */
#profissio-experiencia {
  --cta-bg: linear-gradient(125deg, #30343d, #252932 55%, #1b1e26); --cta-bg-hover: linear-gradient(125deg, #3c414c, #2d323d);
  --cta-line: #626977; --cta-line-hover: #9099a9; --cta-glow: #ffffff12; --cta-trace: #d3d9e3; --cta-focus: #c4ccd9;
}

/* Focus rings only for keyboard navigation (user request, 25/09): a click or tap left a blue or black ring on
   buttons, links and videos. A small script in every page (withAddons) marks <html data-input="pointer"> on
   pointer/touch and "keyboard" on Tab; with the pointer, rings are off. Text fields keep their focus style. */
html[data-input=pointer] :focus:not(input):not(textarea):not(select),
html[data-input=pointer] :focus-visible:not(input):not(textarea):not(select) { outline: none !important; }

/* Film players: no focus ring on the video or its native controls. Chrome drew a blue ring around the control
   bar, the timeline or the play button after the first click (user request, 25/09). One rule per control: an
   unknown pseudo-element in a selector list would drop the whole rule. */
video:focus, video:focus-visible { outline: none; }
video::-webkit-media-controls-panel { outline: none !important; box-shadow: none !important; }
video::-webkit-media-controls-enclosure { outline: none !important; box-shadow: none !important; }
video::-webkit-media-controls-play-button { outline: none !important; box-shadow: none !important; }
video::-webkit-media-controls-overlay-play-button { outline: none !important; box-shadow: none !important; }
video::-webkit-media-controls-timeline { outline: none !important; box-shadow: none !important; }
video::-webkit-media-controls-mute-button { outline: none !important; box-shadow: none !important; }
video::-webkit-media-controls-volume-slider { outline: none !important; box-shadow: none !important; }
video::-webkit-media-controls-fullscreen-button { outline: none !important; box-shadow: none !important; }
video::-webkit-media-controls-current-time-display { outline: none !important; box-shadow: none !important; }
video::-webkit-media-controls-time-remaining-display { outline: none !important; box-shadow: none !important; }
video::-webkit-media-controls-toggle-closed-captions-button { outline: none !important; box-shadow: none !important; }


.profissio-scroll{--ps-viewport:100vh;--ps-distance:3600px;--ps-top:0px;--ps-min-fold:240px;position:relative;width:100%;height:calc(max(var(--ps-viewport),var(--ps-min-fold)) - var(--ps-top) + var(--ps-distance));background:#080c15;color:#eaf2ff;font-family:Sora,system-ui,sans-serif;overflow-anchor:none;-webkit-font-smoothing:antialiased}
@supports(height:100svh){.profissio-scroll{--ps-viewport:100svh}}
.profissio-scroll *{box-sizing:border-box}
.ps-pinned{position:sticky;top:var(--ps-top);height:calc(max(var(--ps-viewport),var(--ps-min-fold)) - var(--ps-top));min-height:240px;background:#080c15;overflow:hidden}
.ps-device{position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;margin-inline:auto;overflow:hidden;background:#080c15;container-type:size;container-name:ps-device;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.ps-device[data-layout=compact]:not(.ps-device-preview){max-width:440px}
.ps-device-preview{padding:0;position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) scale(var(--ps-device-scale,1));transform-origin:center;border:1px solid #263551;border-radius:24px;box-shadow:0 20px 90px #0008}
.ps-device-preview[data-preview=desktop]{border-radius:12px}

.ps-content{width:min(calc(100% - 64px),1440px);margin-inline:auto}
.ps-site-header{flex:none;position:relative;isolation:isolate;z-index:2;background:transparent;border-bottom:1px solid transparent}
/* Diffuse light stays at the outer corners; the center keeps the flat hero tone. */
.ps-site-header::before{content:"";position:absolute;inset:0 -10px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse clamp(120px,22cqw,320px) 90px at 0 0,#6f97ce2e,transparent 72%),radial-gradient(ellipse clamp(120px,22cqw,320px) 90px at 100% 0,#758ab326,transparent 72%);filter:blur(14px)}
.ps-site-header::after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:min(72%,860px);height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#7694bd30 24%,#a5bfdf3d 50%,#7694bd30 76%,transparent)}
.ps-header-inner{height:76px;display:flex;align-items:center;gap:22px}
.ps-brand{padding:0;border:0;background:none;cursor:pointer;display:block;flex:none}
.ps-brand img{display:block;width:207px;height:52px;object-fit:contain}
 .ps-language{margin-left:auto;display:flex;gap:2px;align-items:center;padding:2px;border:1px solid #263449;border-radius:9px;background:#0d1521;flex:none}
.ps-language button{appearance:none;border:0;border-radius:6px;background:transparent;color:#8497b2;width:28px;min-height:26px;padding:0;font:500 9.5px Sora,system-ui,sans-serif;letter-spacing:.3px;cursor:pointer;transition:color .18s,background .18s}
.ps-language button[aria-pressed=true]{color:#e2edff;background:#1d2c43;box-shadow:inset 0 1px 0 #9cbfe71f}
.ps-language button:hover{color:#fff;background:#1b2a40}
.ps-login{font-size:13px;color:#e4ecfa;text-decoration:none;padding:13px 19px;border:1px solid #2b3b52;border-radius:12px;white-space:nowrap;transition:background .2s,border-color .2s}
.ps-login:hover{background:#142137;border-color:#6583ad}
.ps-primary-cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:none;width:max-content;max-width:100%;height:48px;padding:0 18px;color:#f9fcff;background:linear-gradient(125deg,#3159ed,#2545b7 50%,#152d75);border:1px solid #6a8cebbf;border-radius:14px;font:500 13px Sora,system-ui,sans-serif;letter-spacing:-.2px;white-space:nowrap;text-decoration:none;box-shadow:inset 0 1px 0 #c5e5ff33,0 7px 18px #000b271c;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.ps-primary-cta:hover{border-color:#a4c9ff;box-shadow:inset 0 1px 0 #e1f2ff66,0 8px 24px #1741b333;transform:translateY(-1px)}
.ps-cta-label{position:relative;z-index:1;text-align:center}
.ps-cta-art{position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:46px;height:100%;pointer-events:none}
.ps-primary-cta:focus-visible{outline:2px solid #8ee8ff;outline-offset:4px}
@keyframes ps-caret-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){[data-composer-caret]{animation:none!important}}
.ps-trust-bar{flex:none;position:relative;z-index:1;background:transparent;border-bottom:1px solid transparent}

.ps-trust-inner{height:62px;display:flex;align-items:center;justify-content:center;gap:40px}
.ps-channels{display:flex;align-items:center;gap:20px}
.ps-channels ul{list-style:none;padding:0;margin:0;display:flex;align-items:center}
.ps-channel{flex:none;display:grid;place-items:center;--ps-channel-size:40px;width:var(--ps-channel-size);height:var(--ps-channel-size);border:1px solid #2b3d57;border-radius:50%;padding:10px;background:#101b2c;box-shadow:0 0 0 3px #0c1320;margin-left:calc(var(--ps-channel-size)*-.16);position:relative;color:#7ca3ff}
.ps-channel:first-child{margin-left:0}
.ps-channel svg{width:100%;height:100%;fill:currentColor}
.ps-channel-whatsapp{color:#39d978}.ps-channel-instagram{color:#f276bc}.ps-channel-telegram{color:#65bbf0}
.ps-channel-line svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ps-channels p{margin:0;font-size:11px;line-height:1.65;color:#d3e0f4;white-space:nowrap}.ps-channels p span{color:#8399b7}
.ps-meta-badge{display:flex;align-items:center;gap:8px;flex:none;padding:7px 15px;border:1px solid #2b3c57;border-radius:30px;background:#101a2a;box-shadow:0 0 0 4px #0c1320;height:40px}
.ps-meta-lockup{display:block;width:100px;height:auto;flex:none}.ps-meta-badge span{font-size:11px;color:#a0b1c8;margin-left:3px;white-space:nowrap}
.ps-stage{flex:1 1 0;min-height:0;position:relative;padding:4px 0}
.ps-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.ps-canvas svg{display:block}
.ps-stage-links{position:absolute;inset:0;pointer-events:none}
.ps-stage-link{position:absolute;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;pointer-events:auto}
.ps-stage-link:hover{border-color:#83baff25;background:#89b8ff08}
.ps-wide .ps-stage-link{top:var(--ps-nav-top,94.2%);height:5.8%;width:21.1%;left:calc(4.8% + var(--ps-index)*22.6%)}
.ps-compact .ps-stage-link{top:var(--ps-nav-top,93%);height:5%;width:19.3%;left:calc(7.3% + var(--ps-index)*21.33%)}
.ps-film-cta{position:absolute;left:4.8%;top:58.286%;width:var(--ps-demo-width,12.25%);height:7.715%;border-radius:14px;display:block}.ps-film-cta:hover{background:#ffffff13}
.ps-mobile-actions{display:none;flex:none;background:#080c15;position:relative;z-index:1}
.ps-mobile-actions-inner{display:grid;grid-template-columns:max-content;justify-content:center;justify-items:stretch;gap:9px;padding:10px 0 12px}
.ps-explore-cta{width:max-content;max-width:100%;display:inline-flex;align-items:center;justify-content:center;position:relative;min-height:44px;padding:0 32px;border:1px solid #30496d;border-radius:14px;background:#111d30;color:#d2e4ff;font:500 13px Sora,system-ui,sans-serif;text-decoration:none;transition:background .2s,border-color .2s}
.ps-explore-cta svg{position:absolute;right:10px;width:14px;height:14px;fill:none;stroke:#9fbfe9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ps-explore-cta:hover{background:#182b47;border-color:#7399cd}
.ps-toolbar{flex:none;background:#080c15;position:relative;z-index:1}
.ps-toolbar-inner{height:66px;max-width:1193px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:4px 0 12px}
.ps-scroll-hint{display:flex;align-items:center;gap:9px;color:#8fa6c6;font-size:10px;white-space:nowrap}.ps-scroll-hint svg{width:13px;height:20px;fill:none;stroke:#93cdf2;stroke-width:1.4;animation:ps-scroll-cue 2.4s ease-in-out infinite}
@keyframes ps-scroll-cue{0%,100%{transform:translateY(-2px)}50%{transform:translateY(2px)}}
.ps-meter{position:relative;flex:none;width:176px;max-width:240px;display:flex;align-items:center;min-height:12px;gap:11px;font-size:10px;color:#9db4d2;font-variant-numeric:tabular-nums}.ps-meter-track{height:2px;flex:1;background:#22334e;overflow:hidden}.ps-meter-track i{height:100%;display:block;width:100%;transform-origin:left;background:linear-gradient(90deg,#3d73ff,#8bdde9)}.ps-meter output{position:absolute;left:calc(100% + 11px);min-width:32px}
.ps-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.profissio-scroll button:focus-visible,.profissio-scroll a:focus-visible{outline:2px solid #8ee8ff;outline-offset:4px}

.ps-device[data-layout=compact] .ps-content{width:calc(100% - 40px);max-width:none}
.ps-device[data-layout=compact] .ps-header-inner{height:auto;padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px 9px}
.ps-device[data-layout=compact] .ps-site-header::after{width:64%}
.ps-device[data-layout=compact] .ps-trust-bar::after{bottom:-13px;width:calc(100% - 80px)}
.ps-device[data-layout=compact] .ps-brand{justify-self:start;min-width:0}
.ps-device[data-layout=compact] .ps-brand img{width:132px;height:36px}
.ps-device[data-layout=compact] .ps-language{margin-left:0;flex:none}
.ps-device[data-layout=compact] .ps-language button{width:28px;min-height:26px}
.ps-device[data-layout=compact] .ps-login{font-size:12px;padding:12px 13px;min-height:44px;text-align:center}
.ps-device[data-layout=compact] .ps-header-inner>.ps-primary-cta{display:none}
.ps-device[data-layout=compact] .ps-mobile-actions{display:block}
.ps-device[data-layout=compact] .ps-mobile-actions .ps-primary-cta{padding-inline:42px;font-size:13px}
.ps-mobile-actions-inner>.ps-primary-cta,.ps-mobile-actions-inner>.ps-explore-cta{width:100%;height:48px}
/* Balance the scene's built-in top inset without changing the hero canvas height. */
.ps-device[data-layout=compact] .ps-trust-inner{height:58px;gap:12px;padding-top:20px}
.ps-device[data-layout=compact] .ps-channels{gap:0;flex:none}
.ps-device[data-layout=compact] .ps-channels p{display:none}
.ps-device[data-layout=compact] .ps-channels ul{gap:0}
.ps-device[data-layout=compact] .ps-channel{--ps-channel-size:31px;padding:7px}
.ps-device[data-layout=compact] .ps-meta-badge{height:32px;padding:5px 9px;gap:5px;box-shadow:none}
.ps-device[data-layout=compact] .ps-meta-lockup{width:78px;height:auto}
.ps-device[data-layout=compact] .ps-meta-badge span{font-size:9px;margin-left:1px}
.ps-device[data-layout=compact] .ps-toolbar-inner{height:52px;min-height:52px;padding:0 0 6px;display:flex;gap:6px}
.ps-device[data-layout=compact] .ps-scroll-hint{font-size:9px;gap:6px}
.ps-device[data-layout=compact] .ps-meter{width:136px;max-width:none;gap:8px;font-size:9px}
.ps-device[data-layout=compact] .ps-meter output{min-width:27px;left:calc(100% + 8px)}
@container ps-device (max-width:370px){.ps-content{width:calc(100% - 32px)!important}.ps-device[data-layout=compact] .ps-brand img{width:112px}.ps-device[data-layout=compact] .ps-header-inner{column-gap:7px}.ps-device[data-layout=compact] .ps-language button{width:28px}.ps-device[data-layout=compact] .ps-login{padding-inline:10px}.ps-device[data-layout=compact] .ps-channels ul{gap:0}.ps-device[data-layout=compact] .ps-channel{--ps-channel-size:29px}.ps-device[data-layout=compact] .ps-meta-badge{padding-inline:7px}}
@container ps-device (max-height:780px){.ps-device[data-layout=wide] .ps-header-inner{height:58px}.ps-device[data-layout=wide] .ps-brand img{height:44px;width:187px}.ps-device[data-layout=wide] .ps-trust-inner{height:48px}.ps-device[data-layout=wide] .ps-toolbar-inner{height:64px;padding-bottom:12px}.ps-device[data-layout=wide] .ps-primary-cta{height:46px}}
@container ps-device (max-height:748px){.ps-device[data-layout=wide] .ps-header-inner{height:52px}.ps-device[data-layout=wide] .ps-trust-inner{height:44px}.ps-device[data-layout=wide] .ps-toolbar-inner{height:40px;padding:0;gap:4px}.ps-device[data-layout=wide] .ps-scroll-hint,.ps-device[data-layout=wide] .ps-meter{font-size:9px}.ps-device[data-layout=wide] .ps-primary-cta{height:42px}.ps-device[data-layout=wide] .ps-meta-badge{height:36px}.ps-device[data-layout=wide] .ps-channel{--ps-channel-size:34px;padding:8px}}
@media(prefers-reduced-motion:reduce){.ps-scroll-hint svg{animation:none}.ps-primary-cta,.ps-explore-cta,.ps-language button,.ps-login{transition:none}.ps-primary-cta:hover{transform:none}}