.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}.eyebrow--dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:var(--radius-pill);font-family:inherit;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--orange);color:var(--white)}.btn--outline{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.4)}.btn--large{padding:17px 36px;font-size:16px}.pes-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--white);flex-shrink:0}.pes-badge img{width:26px;height:26px;-o-object-fit:contain;object-fit:contain}.mascot-placeholder{width:100%;height:100%;min-height:220px;border-radius:50%;background:var(--purple-deep);color:var(--white);display:flex;align-items:center;justify-content:center}.mascot-placeholder span{font-size:18px;font-weight:800;letter-spacing:.02em}.what{position:relative;z-index:1;padding:88px 24px;background:var(--cream)}.what__inner{max-width:1100px;margin:0 auto}.what h2{font-size:clamp(26px,3.6vw,36px);font-weight:800;line-height:1.2;margin:12px 0 44px;color:var(--ink-on-cream);text-wrap:balance}.what__cards{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 860px){.what__cards{grid-template-columns:repeat(3,1fr)}}.what-card{background:var(--white);border-radius:var(--radius-card);padding:28px 30px;position:relative}.what-card__icon{width:44px;height:44px;border-radius:50%;background:#e7692b24;color:var(--orange);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.what-card__icon svg{width:22px;height:22px}.what-card__number{position:absolute;top:28px;right:30px;font-size:12px;font-weight:700;color:var(--ink-muted-on-cream);letter-spacing:.06em}.what-card h3{font-size:19px;font-weight:800;margin:0 0 8px;color:var(--ink-on-cream)}.what-card p{margin:0;color:var(--ink-muted-on-cream);font-size:14.5px;max-width:60ch}.how{position:relative;z-index:1;background:var(--purple);color:var(--ink-on-purple);padding:80px 24px 40px}@media (min-width: 860px){.how{padding:96px 48px 56px}}.how>.eyebrow{display:flex;justify-content:center;margin-bottom:32px;font-size:14px;color:var(--orange)}.how__layout{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 860px){.how__layout{grid-template-columns:1fr 1fr;gap:64px}}.how__steps{display:flex;flex-direction:column}.how-step{min-height:80vh;display:flex;flex-direction:column;justify-content:center;opacity:.4;transition:opacity .35s ease}.how-step:first-child{min-height:60vh}.how-step:last-child{min-height:60vh}.how-step--active{opacity:1}.how-step__eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:10px}.how-step h3{font-size:clamp(24px,3.2vw,32px);font-weight:800;margin:0 0 14px;text-wrap:balance}.how-step p{margin:0 0 20px;color:var(--ink-muted-on-purple);font-size:15px;max-width:42ch}.how-progress{display:flex;gap:6px}.how-progress__segment{height:3px;width:40px;border-radius:var(--radius-pill);background:#ffffff2e;transition:background .3s ease}.how-progress__segment--filled{background:var(--orange)}.how__sticky-wrap{position:relative}.how__sticky{position:sticky;top:14vh}.chat-mockup{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card);padding:24px}.chat-mockup__header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.chat-mockup__avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--purple-deep);flex-shrink:0}.chat-mockup__avatar.mascot-placeholder{min-height:44px}.chat-mockup__avatar.mascot-placeholder span{font-size:14px}.chat-mockup__name{font-weight:700;font-size:15px}.chat-mockup__status{font-size:12.5px;color:var(--ink-muted-on-purple)}.chat-mockup__bubble{padding:16px 18px;border-radius:16px;font-size:14.5px;line-height:1.5;max-width:90%}.chat-mockup__bubble--pessy{background:var(--white);color:var(--ink-on-cream);border-bottom-left-radius:4px}.chat-mockup__bubble--user{background:var(--orange);color:var(--white);margin-left:auto;border-bottom-right-radius:4px}.final-cta{position:relative;z-index:1;padding:96px 24px 80px;background:var(--cream);display:flex;flex-direction:column;align-items:center}.final-cta__inner{max-width:620px;text-align:center;display:flex;flex-direction:column;align-items:center}.final-cta__mascot{width:96px;height:96px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:24px;background:var(--purple-deep)}.final-cta__mascot.mascot-placeholder{min-height:96px}.final-cta__mascot.mascot-placeholder span{font-size:30px}.final-cta h2{font-size:clamp(26px,3.6vw,34px);font-weight:800;margin:0 0 14px;color:var(--ink-on-cream);text-wrap:balance}.final-cta p{margin:0 0 32px;color:var(--ink-muted-on-cream);font-size:15.5px;max-width:46ch}.final-cta__footer{margin-top:48px;display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--ink-muted-on-cream)}:root{--purple: #301e4a;--purple-deep: #241638;--orange: #e7692b;--cream: #f6f2ef;--white: #ffffff;--ink-on-cream: #362a48;--ink-muted-on-cream: #6b5f7c;--ink-on-purple: #ffffff;--ink-muted-on-purple: rgba(255, 255, 255, .72);--radius-pill: 999px;--radius-card: 20px;--radius-section: 32px;--font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font);background:var(--cream);color:var(--ink-on-cream);line-height:1.55}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.z-\[1\]{z-index:1}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-0\.5{margin-left:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-0\.5{height:.125rem}.h-\[1em\]{height:1em}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-6{width:1.5rem}.w-\[2px\]{width:2px}.w-full{width:100%}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.bg-current{background-color:currentColor}.bg-pes-cream{--tw-bg-opacity: 1;background-color:rgb(246 242 239 / var(--tw-bg-opacity, 1))}.bg-pes-orange{--tw-bg-opacity: 1;background-color:rgb(231 105 43 / var(--tw-bg-opacity, 1))}.bg-pes-purple{--tw-bg-opacity: 1;background-color:rgb(48 30 74 / var(--tw-bg-opacity, 1))}.bg-pes-purple\/40{background-color:#301e4a66}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/90{background-color:#ffffffe6}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-2{padding:.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-24{padding-top:6rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Manrope,sans-serif}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-pes-orange{--tw-text-opacity: 1;color:rgb(231 105 43 / var(--tw-text-opacity, 1))}.text-pes-purple{--tw-text-opacity: 1;color:rgb(48 30 74 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/80{color:#fffc}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur-md{--tw-blur: blur(12px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-none{--tw-blur: ;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}:root{--font-heading: "Manrope", sans-serif;--font-body: "Inter", sans-serif;color-scheme:light only}body{font-family:var(--font-body)}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:text-pes-orange:hover{--tw-text-opacity: 1;color:rgb(231 105 43 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 768px){.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:object-\[70\%_center\]{-o-object-position:70% center;object-position:70% center}.md\:text-5xl{font-size:3rem;line-height:1}}