/* Home page hero. Sizes follow the width of the screen, so desktop, tablet and phone keep the same look. */
.fd-h2{--h-bg1:#F4F7FF;--h-bg2:#F1EDFF;--h-hz1:#3B82F6;--h-hz2:#8B5CF6;--h-glow:#8B6CFF;--h-text:#0F172A;--h-g1:#2158E8;--h-g2:#7C3AED;--h-g3:#16A34A;--h-label:#5B4BD6;--h-desc:#475569;--h-btn_bg:#2158E8;--h-btn_text:#FFFFFF;--h-link:#334155;--h-nav_on_bg:#FFFFFF;--h-nav_on_text:#4F46E5;--h-offer_bg:#1E1B4B;--h-offer_text:#FFFFFF;
 --h-bg2-rgb:241,237,255;--h-hz1-rgb:59,130,246;--h-hz2-rgb:139,92,246;--h-glow-rgb:139,108,255;--h-btn_bg-rgb:33,88,232;--h-offer_text-rgb:255,255,255;--h-label-rgb:91,75,214;--h-glass:255,255,255;--h-glass-line:rgba(255,255,255,.95);--h-glass-sh:rgba(91,75,214,.16);
 --stage:clamp(540px,49.5vw,740px);position:relative;color:var(--h-text);background:var(--h-bg2)}
:root[data-theme="dark"] .fd-h2{--h-bg1:#0D1226;--h-bg2:#161233;--h-text:#F8FAFC;--h-g1:#6C93FF;--h-g2:#A78BFA;--h-g3:#4ADE80;--h-label:#A5B4FC;--h-desc:#CBD5E1;--h-btn_bg:#6C93FF;--h-btn_text:#0B1220;--h-link:#E2E8F0;--h-nav_on_bg:#26214F;--h-nav_on_text:#C7D2FE;--h-offer_bg:#E9E5FF;--h-offer_text:#1E1B4B;
 --h-bg2-rgb:22,18,51;--h-btn_bg-rgb:108,147,255;--h-offer_text-rgb:30,27,75;--h-label-rgb:165,180,252;--h-glass:18,22,46;--h-glass-line:rgba(255,255,255,.14);--h-glass-sh:rgba(0,0,0,.35)}
.fd-h2__stage{position:relative;height:var(--stage);overflow:hidden;background:radial-gradient(ellipse 70% 70% at 10% 8%,rgba(var(--h-hz1-rgb),.15),transparent 62%),radial-gradient(ellipse 65% 85% at 90% 35%,rgba(var(--h-hz2-rgb),.20),transparent 62%),linear-gradient(180deg,var(--h-bg1),var(--h-bg2));touch-action:pan-y}
.fd-h2__dots{position:absolute;left:2.8%;top:34px;width:14%;height:140px;opacity:.8;background-image:radial-gradient(rgba(var(--h-hz2-rgb),.25) 1.4px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 80%);mask-image:linear-gradient(135deg,#000,transparent 80%)}
.fd-h2__in{position:relative;max-width:1440px;height:100%;margin:0 auto}
.fd-h2__fade{position:absolute;left:0;right:0;bottom:0;height:21%;z-index:4;pointer-events:none;background:linear-gradient(to top,var(--h-bg2) 0%,rgba(var(--h-bg2-rgb),.85) 28%,rgba(var(--h-bg2-rgb),0) 100%)}
/* slides */
.fd-hs{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility 0s .55s}
.fd-hs.on{opacity:1;visibility:visible;z-index:2;transition:opacity .55s ease}
.fd-hs__pic{position:absolute;bottom:0;right:-.4%;height:calc(89.9% * var(--sd,1));aspect-ratio:var(--ar,1400/788);pointer-events:none}
.fd-hs.fp .fd-hs__pic{right:auto;left:-.4%;transform:scaleX(-1)}
.fd-hs__img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(90px);transition:transform .5s ease,opacity .4s ease}
.fd-hs.on .fd-hs__img{opacity:1;transform:none;transition:transform 1.05s cubic-bezier(.2,.8,.2,1) .15s,opacity .8s ease .15s}
.fd-hs__glow,.fd-hs__ring{z-index:0;position:absolute;left:70%;top:54%;aspect-ratio:1;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.88);transition:opacity .4s ease,transform .5s ease}
.fd-hs__glow{width:68%;background:radial-gradient(closest-side,rgba(var(--h-glow-rgb),.42) 0%,rgba(99,102,241,.20) 48%,rgba(99,102,241,0) 100%)}
.fd-hs__ring{width:49%;border:1px solid rgba(var(--h-hz2-rgb),.20)}.fd-hs__ring--2{width:71%;border-color:rgba(var(--h-hz2-rgb),.14)}
.fd-hs.on .fd-hs__glow,.fd-hs.on .fd-hs__ring{opacity:1;transform:translate(-50%,-50%);transition:opacity 1.1s ease .1s,transform 1.4s cubic-bezier(.2,.8,.2,1) .1s}
.fd-hs__tx{position:absolute;top:0;bottom:12.9%;left:8.9%;width:38.9%;display:flex;flex-direction:column;justify-content:center;z-index:3}
.fd-hs.fp .fd-hs__tx{left:auto;right:8.9%}
.fd-hs__tx--solo{width:60%}
.fd-hs__in{--dx:-28px}.fd-hs.fp .fd-hs__in{--dx:28px}
.fd-hs__in>*{opacity:0;transform:translateX(var(--dx));transition:opacity .35s ease,transform .35s ease}
.fd-hs.on .fd-hs__in>*{opacity:1;transform:none;transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.fd-hs.on .fd-hs__in>*:nth-child(1){transition-delay:.20s}.fd-hs.on .fd-hs__in>*:nth-child(2){transition-delay:.30s}.fd-hs.on .fd-hs__in>*:nth-child(3){transition-delay:.42s}.fd-hs.on .fd-hs__in>*:nth-child(4){transition-delay:.54s}
.fd-hs__lab{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--h-label)}
.fd-hs__lab i{display:block;width:26px;height:2px;border-radius:2px;background:rgba(var(--h-label-rgb),.7)}
.fd-hs__h{margin:0 0 20px;font-size:clamp(38px,4.3vw,62px);line-height:1.05;font-weight:800;letter-spacing:-.03em;color:var(--h-text)}
.fd-hs__h>span{display:block}
.fd-hl{background-image:linear-gradient(90deg,var(--h-g1) 0%,var(--h-g2) 55%,var(--h-g3) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-bottom:.08em}
.fd-hs__d{margin:0 0 30px;max-width:500px;font-size:clamp(15px,1.25vw,18px);line-height:1.6;color:var(--h-desc)}
.fd-hs__ac{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px}
.fd-hbtn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;background:var(--h-btn_bg);color:var(--h-btn_text);font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 10px 24px rgba(var(--h-btn_bg-rgb),.30);transition:filter .2s,transform .2s}
.fd-hbtn:hover{filter:brightness(.92);transform:translateY(-1px);color:var(--h-btn_text)}
.fd-hlink{color:var(--h-link);font-weight:600;font-size:15px;text-decoration:underline;text-decoration-color:rgba(var(--h-label-rgb),.4);text-underline-offset:5px}
.fd-hlink:hover{color:var(--h-label)}
.fd-hbtn:focus-visible,.fd-hlink:focus-visible,.fd-hnav__b:focus-visible,.fd-hoffer__copy:focus-visible,.fd-hoffer__go:focus-visible{outline:3px solid var(--h-label);outline-offset:3px}
/* bottom menu */
.fd-hnav{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:4px;padding:7px;border-radius:999px;background:rgba(var(--h-glass),.62);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--h-glass-line);box-shadow:0 12px 32px var(--h-glass-sh),0 1px 2px rgba(15,23,42,.06)}
.fd-hnav[hidden]{display:none}
.fd-hnav__b{position:relative;display:flex;align-items:center;height:48px;min-width:48px;box-sizing:border-box;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--h-desc);font:inherit;cursor:pointer;overflow:hidden;transition:background .3s,color .3s,box-shadow .3s}
.fd-hnav__b svg{flex:none}
.fd-hnav__b:hover{color:var(--h-label);background:rgba(var(--h-label-rgb),.10)}
.fd-hnav__lb{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;margin-left:0;font-weight:600;font-size:14px;transition:max-width .45s ease,opacity .3s ease,margin .3s ease}
.fd-hnav__b.act{color:var(--h-nav_on_text);background:var(--h-nav_on_bg);box-shadow:0 4px 14px var(--h-glass-sh)}
.fd-hnav__b.act .fd-hnav__lb{max-width:130px;opacity:1;margin-left:9px}
.fd-hnav__bar{position:absolute;left:16px;right:16px;bottom:4px;height:2px;border-radius:2px;background:rgba(var(--h-label-rgb),.18);overflow:hidden}
.fd-hnav__bar[hidden]{display:none}
.fd-hnav__bar::after{content:"";display:block;height:100%;background:var(--h-label);transform-origin:left;animation:fd-hfill var(--fd-hero-ms,5500ms) linear forwards}
@keyframes fd-hfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* offer card / bar */
.fd-hoffer{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;background:var(--h-offer_bg);color:var(--h-offer_text);font-size:14px}
.fd-hoffer__badge{padding:3px 10px;border-radius:999px;background:rgba(var(--h-offer_text-rgb),.16);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.fd-hoffer__txt{font-weight:600}
.fd-hoffer__code{display:inline-flex;align-items:center;gap:8px;padding:2px 4px 2px 12px;border:1px dashed rgba(var(--h-offer_text-rgb),.6);border-radius:10px}.fd-hoffer__code b{letter-spacing:.08em}
.fd-hoffer__copy{min-height:28px;padding:0 10px;border:0;border-radius:8px;background:rgba(var(--h-offer_text-rgb),.16);color:inherit;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.fd-hoffer__go{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.fd-hoffer--bar{justify-content:center;padding:9px 16px;text-align:center}
.fd-hoffer--card{position:absolute;z-index:6;top:24px;left:8.9%;max-width:46%;padding:10px 14px;border-radius:16px;box-shadow:0 10px 28px rgba(15,23,42,.18)}
.fd-h2[data-side="right"] .fd-hoffer--card{left:auto;right:8.9%}
.fd-h2.has-offer .fd-hs__tx{padding-top:64px}
/* tablet */
@media (max-width:1099px){
 .fd-h2{--stage:clamp(470px,65.9vw,620px)}
 .fd-hs__pic{right:-4%;height:calc(83.3% * var(--sm,1))}.fd-hs.fp .fd-hs__pic{right:auto;left:-4%}
 .fd-hs__tx{left:5.85%;width:43.9%;bottom:17%}.fd-hs.fp .fd-hs__tx{left:auto;right:5.85%}
 .fd-hs__lab{margin-bottom:12px;font-size:12px}.fd-hs__h{margin-bottom:12px;font-size:clamp(30px,4.9vw,46px)}.fd-hs__d{margin-bottom:20px;font-size:clamp(14px,1.95vw,17px);max-width:420px}
 .fd-hbtn{min-height:48px;padding:0 24px;font-size:15px;white-space:nowrap}.fd-hlink{font-size:14px}.fd-hs__ac{gap:12px 18px}.fd-hnav{bottom:22px}.fd-h2__fade{height:22%}
 .fd-hoffer--card{top:14px;left:5.85%;max-width:62%;font-size:13px}.fd-hoffer__badge{display:none}.fd-h2[data-side="right"] .fd-hoffer--card{right:5.85%}
 .fd-h2.has-offer .fd-hs__tx{padding-top:64px}
}
/* phone: side by side like the tablet, only smaller. (.fd-h2 in front of the button rules so the general button style cannot make them big again) */
@media (max-width:699px){
 .fd-h2{--stage:clamp(330px,94vw,440px)}
 .fd-hs__pic{right:-13%;height:calc(70% * var(--sm,1))}.fd-hs.fp .fd-hs__pic{right:auto;left:-13%}
 .fd-hs__tx{left:4%;width:45%;bottom:17%}.fd-hs.fp .fd-hs__tx{left:auto;right:4%;width:45%}
 .fd-hs__lab{gap:6px;margin-bottom:6px;font-size:9.5px}.fd-hs__lab i{width:14px}.fd-hs__h{margin-bottom:6px;font-size:clamp(18px,5.4vw,26px)}.fd-hs__d{margin-bottom:10px;font-size:clamp(10px,2.8vw,12.5px);line-height:1.45}
 .fd-hs__ac{gap:8px 12px}.fd-h2 .fd-hbtn{min-height:34px;padding:0 12px;font-size:12px;gap:4px;box-shadow:0 6px 14px rgba(var(--h-btn_bg-rgb),.28)}.fd-h2 .fd-hbtn svg{width:13px;height:13px}.fd-h2 .fd-hlink{font-size:11.5px;text-underline-offset:4px}
 .fd-hnav{bottom:10px;padding:4px;gap:2px}.fd-hnav__b{height:38px;min-width:38px;padding:0 10px}.fd-hnav__b svg{width:18px;height:18px}.fd-hnav__lb{font-size:12px}.fd-hnav__b.act .fd-hnav__lb{margin-left:6px}.fd-hnav__bar{left:10px;right:10px}.fd-h2__fade{height:22%}
 .fd-h2__dots{width:30%;height:100px;top:20px}
 .fd-hoffer--card{top:10px;left:4%;right:4%;max-width:none;padding:8px 12px;font-size:12px;gap:6px 8px}.fd-h2[data-side="right"] .fd-hoffer--card{left:4%;right:4%}
 .fd-hoffer__badge{display:none}.fd-hoffer__copy{min-height:24px}
 .fd-hoffer--card{flex-wrap:nowrap;align-items:center}.fd-hoffer__txt{flex:1;min-width:0;line-height:1.3}.fd-hoffer__code{flex:none}.fd-hoffer__go{display:none}
 .fd-h2.has-offer .fd-hs__tx{padding-top:52px}
 .fd-hoffer--bar{font-size:12px;padding:7px 12px}
}
@media (prefers-reduced-motion:reduce){.fd-hs,.fd-hs__img,.fd-hs__glow,.fd-hs__ring,.fd-hs__in>*{transition:none!important}.fd-hnav__bar::after{animation:none}.fd-hnav__lb{transition:none}}
