/* Fredd: an approachable character-led layer on the existing fintech theme. */
.fredd-site .hero{gap:35px;padding-block:70px 65px;grid-template-columns:1.04fr 1fr}
.fredd-site .hero h1{font-size:clamp(50px,5.25vw,74px);line-height:1.07}
.fredd-site .hero h1>span:after{bottom:-3px;height:7px;z-index:0;opacity:.7}
.fredd-site .hero-actions{gap:20px;flex-wrap:wrap}
.fredd-site .hero .eyebrow{font-size:12px}
.fredd-stage{position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate;min-width:0;padding-top:27px}
.fredd-halo{position:absolute;z-index:-1;width:94%;aspect-ratio:1;top:90px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ecf7c9,#d9edcc 75%);border:1px solid #d1e3c5;box-shadow:0 0 0 22px #eff5e8}
.fredd-speech{align-self:flex-start;margin:0 0 -38px 5px;position:relative;z-index:2;background:white;padding:20px 25px;border:1px solid var(--line);box-shadow:0 15px 35px #102b2e0b;border-radius:20px 20px 20px 5px;transform:rotate(-4deg);max-width:90%}
.fredd-speech .eyebrow{font-size:10px;letter-spacing:.09em}
.fredd-speech>p{font:600 clamp(20px,2.2vw,27px)/1.25 var(--display);letter-spacing:-.04em;margin-top:8px}
.speech-signature{display:block;text-align:right;font-size:13px;font-weight:600;color:var(--green);margin-top:7px}
.fredd-hero-image{display:block;width:103%;max-width:620px;height:auto;aspect-ratio:1;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 24px 16px #15412b16);transform-origin:50% 85%;animation:fredd-hello .8s ease-out both}
.fredd-nameplate{z-index:3;display:flex;align-items:center;justify-content:space-between;gap:38px;background:var(--navy);color:white;border-radius:16px;padding:20px 28px;margin-top:-28px;box-shadow:0 17px 25px #102b2e16;transform:rotate(2deg);max-width:95%}
.nameplate-label{font-size:10px;letter-spacing:.13em;color:#b7cec0;display:block}
.fredd-nameplate strong{display:block;font:600 34px/1.15 var(--display);letter-spacing:-.055em;margin-top:3px}
.fredd-nameplate strong>span{color:var(--lime)}
.fredd-nameplate>p{font-size:14px;line-height:1.65;color:#d3e2da;border-left:1px solid #456059;padding-left:28px}
.fredd-journey-intro{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.fredd-journey-intro .section-heading{text-align:left;max-width:100%;margin:0}
.fredd-journey-intro h2{font-size:clamp(37px,4vw,53px)}
.fredd-journey-intro .section-heading>p{font-size:17px;max-width:430px}
.fredd-inline-note{display:flex;gap:13px;align-items:center;margin-top:22px}
.fredd-inline-note img{width:110px;height:110px;object-fit:contain;flex-shrink:0}
.fredd-inline-note p{font-size:16px;font-weight:500;line-height:1.6;margin-top:6px}
.experience-inline{border-top:1px solid var(--line);display:flex;gap:16px;align-items:center;padding-top:21px;margin-top:20px;max-width:330px}
.experience-inline>strong{font:600 39px/1 var(--display);letter-spacing:-.06em;color:var(--green)}
.experience-inline>span{font-size:13px;color:var(--muted);line-height:1.6}
.fredd-workspace{min-width:0}
.fredd-workspace .product-window{transform:rotate(1deg)}
.fredd-workspace .coach{align-items:center;min-height:103px}
.fredd-coach-avatar{width:64px;height:64px;object-fit:contain;flex-shrink:0;margin-left:-10px}
.fredd-workspace .coach>div{flex:1}
.fredd-site .steps{margin-top:76px}
.step-fredd{border-left:2px solid #a4c897;padding:1px 0 1px 13px;margin-top:24px}
.step-fredd>span{font-size:11px;letter-spacing:.1em;color:var(--green);font-weight:700}
.steps .step-fredd p{font-size:14px;color:var(--ink);font-weight:500;line-height:1.65;margin-top:5px}
.feature-fredd{position:absolute;width:132px;height:132px;object-fit:contain;right:12px;top:-25px;transform:rotate(7deg);pointer-events:none}
.feature-coach .feature-label{display:block;font-size:10px;max-width:calc(100% - 105px);min-height:26px}
.feature-coach h3{padding-right:35px}
.fredd-security-tip{display:flex;align-items:center;gap:15px;border:1px solid #dfe8d7;background:#eef4e8;border-radius:15px;padding:12px 16px 12px 0;margin-top:24px}
.fredd-security-tip img{width:90px;height:90px;object-fit:contain;flex-shrink:0}
.fredd-security-tip strong{font-size:14px}
.fredd-security-tip p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:4px}
.fredd-final{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;padding:35px 55px;background:#e7f0df}
.fredd-final-image{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 15px 20px #102b2e12);transform:rotate(-5deg)}
.fredd-final .final-copy{padding-block:25px}
.fredd-final h2{font-size:clamp(33px,3.7vw,48px)}
.fredd-final .final-action{flex-direction:row;gap:22px;align-items:center;justify-content:flex-start;margin-top:27px}
.fredd-final .final-action>span{text-align:left}
.dialog-fredd{width:112px;height:112px;object-fit:contain;display:block;margin:-5px 0 8px -18px}
@keyframes fredd-hello{from{opacity:0;transform:translateY(18px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(min-width:1440px){.fredd-site .hero h1{font-size:77px}}
@media(max-width:1050px){.fredd-site .hero{gap:25px}.fredd-nameplate{padding:17px 20px;gap:20px}.fredd-nameplate>p{padding-left:18px;font-size:13px}.fredd-speech{padding:17px 20px}.fredd-journey-intro{gap:35px}.fredd-final{padding:35px;gap:25px}.fredd-final .final-action{flex-wrap:wrap}.feature-fredd{width:112px;height:112px;right:8px;top:-16px}}
@media(max-width:820px){.fredd-site .hero{grid-template-columns:1fr;padding-top:42px;gap:15px}.fredd-site .hero-copy{max-width:620px}.fredd-site .hero h1{font-size:68px}.fredd-stage{max-width:490px;width:100%;margin-inline:auto;padding-top:15px}.fredd-speech{align-self:flex-start;margin-left:10px}.fredd-hero-image{width:100%}.fredd-journey-intro{grid-template-columns:1fr;gap:38px}.fredd-journey-intro .section-heading>p{max-width:590px}.fredd-journey-intro h2 br:last-of-type{display:none}.fredd-workspace{max-width:540px;width:100%;margin-inline:auto}.fredd-inline-note{margin-top:14px}.fredd-final{grid-template-columns:.7fr 1fr;padding:28px}.fredd-final .final-copy{padding:0}.fredd-final .final-action{flex-direction:column;align-items:flex-start;gap:12px}.fredd-final h2{font-size:34px}.feature-fredd{width:135px;height:135px;top:-24px}.feature-coach .feature-label{font-size:12px}.fredd-speech .eyebrow,.nameplate-label,.step-fredd>span{font-size:12px}}
@media(max-width:570px){.fredd-site .hero h1{font-size:clamp(42px,11.5vw,65px)}.fredd-site .hero .eyebrow{font-size:12px;letter-spacing:.03em}.fredd-site .hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.fredd-speech{margin-bottom:-13px;margin-left:0;padding:17px 20px;max-width:90%}.fredd-speech>p{font-size:22px}.fredd-speech .eyebrow{font-size:12px;max-width:215px}.fredd-nameplate{margin-top:-18px;padding:16px 18px;gap:17px;width:94%;justify-content:space-between;max-width:100%}.fredd-nameplate>p{padding-left:17px;font-size:12px}.fredd-nameplate strong{font-size:29px}.nameplate-label{font-size:10px}.fredd-halo{top:105px;box-shadow:0 0 0 10px #eff5e8}.fredd-site .steps{margin-top:48px}.fredd-journey-intro h2{font-size:39px}.fredd-workspace .product-window{transform:none}.fredd-inline-note{gap:5px}.fredd-inline-note img{width:88px;height:100px;margin-left:-12px}.fredd-inline-note .eyebrow{font-size:11px}.feature-fredd{width:105px;height:105px;top:-9px;right:9px}.feature-coach .feature-label{font-size:11px}.feature-coach h3{padding-right:20px}.fredd-security-tip{gap:4px;padding-right:12px}.fredd-security-tip img{width:76px;height:88px}.fredd-final{grid-template-columns:1fr;text-align:center;gap:0;padding:22px 25px 36px}.fredd-final-image{width:min(250px,90%);margin-inline:auto;margin-top:-20px}.fredd-final .final-copy{margin-top:-10px}.fredd-final h2{font-size:35px}.fredd-final .final-action{align-items:center;width:100%}.fredd-final .final-action>span{text-align:center}.fredd-final .final-action .button{width:100%}}
.fredd-site .nameplate-label,.fredd-site .feature-label,.fredd-site .step-fredd>span,.fredd-site .fredd-speech .eyebrow,.fredd-site .fredd-inline-note .eyebrow{font-size:12px}
@media(prefers-reduced-motion:reduce){.fredd-hero-image{animation:none}}
