/* ══════════════════════════════════════════════════════════════════════════
   css/insurance-finance.css — /insurance-finance  (prefix fw-if)

   How to pay for fertility care. Its heart is "Find your way to pay": the
   four ways as wide tabs, each opening its partners (logo whole, the offer
   large, who can use it, the partner's own site) beside the questions to
   ask before you sign. Around it: the masthead with a featured partner on
   the photograph, plan the cost in four steps beside a photograph,
   questions with two tools, and a centred invitation.

   A sibling of the other Knowledge Base guides with its own grammar
   (tabs and partner rows). House rules kept: bright grounds with soft
   brand light; no max-width; colour only from :root; structure from space
   and fade rules, no boxed cards; photographs and logos whole and
   square-cornered, no shadow; icon discs, pills and buttons round;
   28px / 14px gutters; type in vh, released at 1024px and below.
   ══════════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   00 · TOKENS & PRIMITIVES
   ══════════════════════════════════════════════════════════════ */

.fw-if-page{
	--pad:28px;
	--ink:var(--dk-d);
	--line:color-mix(in srgb, var(--dk) 9%, transparent);
	--fade-x:linear-gradient(90deg, transparent, var(--line) 8%, var(--line) 92%, transparent);
	--sec:clamp(34px, 6vh, 72px);
	--gap:clamp(24px, 4vw, 76px);
	--ease:cubic-bezier(.22,1,.36,1);
	--ease-soft:cubic-bezier(.16,1,.3,1);
	--ac:var(--bl);--ac-ink:var(--bl-ink);--ac-l:var(--bl-l);
	background:var(--wh);
	-webkit-text-size-adjust:100%
}
.fw-if-ac--pk{--ac:var(--pk);--ac-ink:var(--pk-ink);--ac-l:var(--pk-l)}
.fw-if-ac--bl{--ac:var(--bl);--ac-ink:var(--bl-ink);--ac-l:var(--bl-l)}
.fw-if-ac--mt{--ac:var(--mt);--ac-ink:var(--mt-ink);--ac-l:var(--mt-l)}
.fw-if-ac--pu{--ac:var(--pu);--ac-ink:var(--pu-ink);--ac-l:var(--pu-l)}

.fw-if{display:block;position:relative}
.fw-if-page em{font-family:var(--ff);font-style:normal}
.fw-if .fw-ico{stroke-width:1.6}

.fw-if-sec{position:relative;padding:var(--sec) var(--pad)}
.fw-if-sec + .fw-if-sec::before,
.fw-if-close::before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:var(--fade-x)}

.fw-if-head{display:grid;gap:8px;margin-bottom:clamp(18px, 3vh, 30px)}
.fw-if-head--c{justify-items:center;text-align:center}
.fw-if-h2{margin:0;font-family:var(--ff);font-size:clamp(25px, 4vh, 40px);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.fw-if-h3{margin:0;font-family:var(--ff);font-size:16px;font-weight:700;color:var(--ink)}
.fw-if-sub{margin:0;font-size:clamp(15px, 2vh, 17px);line-height:1.6;color:var(--g6);text-wrap:pretty}
.fw-if-kicker{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pk-dd)}
.fw-if-kicker .fw-ico{width:18px;height:18px}
.fw-if-close__more a{font-weight:600;color:var(--bl-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bl-ring)}

.fw-if-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:clamp(46px, 5.8vh, 54px);padding:0 26px;border:0;border-radius:100px;cursor:pointer;
	font-family:var(--ff);font-size:15px;font-weight:600;white-space:nowrap;color:var(--wh);background:linear-gradient(100deg, var(--pk), var(--pk-d) 45%, var(--pk-dd));box-shadow:var(--pk-glow);
	transition:box-shadow .3s, transform .25s var(--ease), background .25s
}
.fw-if-btn i{font-size:14px}
.fw-if-btn:hover{color:var(--wh);box-shadow:var(--pk-glow-lg);transform:translateY(-1px)}
.fw-if-btn--ghost{color:var(--ink);background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--line)}
.fw-if-btn--ghost:hover{color:var(--bl-ink);background:var(--bl-wash);box-shadow:inset 0 0 0 1.5px var(--bl-ring)}
.fw-if-act{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:clamp(18px, 3vh, 28px)}
.fw-if-disc{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:50%;color:var(--ac-ink);background:var(--ac-l)}
.fw-if-disc .fw-ico{width:24px;height:24px}

.fw-if-pic{margin:0;justify-self:center;width:fit-content;max-width:100%}
.fw-if-pic img{display:block;height:clamp(230px, 40vh, 420px);width:auto;max-width:100%;aspect-ratio:1600 / 1073}
.fw-if img.lazy{opacity:0;transition:opacity .6s var(--ease-soft)}
.fw-if img.lazy-loaded,
.fw-if img.lazy-error{opacity:1}
.fw-if-split{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:var(--gap);align-items:center}

.fw-if-anim [data-if-reveal]{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease-soft), transform .8s var(--ease-soft)}
.fw-if-anim [data-if-reveal].is-in{opacity:1;transform:none}

/* ══════════════════════════════════════════════════════════════
   01 · PAYING, MADE CLEARER
   The featured partner sits on the photograph's corner as a pill
   note, the way /internships carries its count.
   ══════════════════════════════════════════════════════════════ */

.fw-if-mast__grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:var(--gap);align-items:center}
.fw-if .fw-if-h1{margin:clamp(8px, 1.6vh, 16px) 0 0;font-size:clamp(34px, 6vh, 60px);line-height:1.04;letter-spacing:-.035em;background:linear-gradient(100deg, var(--dk-d) 30%, var(--bl-d) 70%, var(--pk-d));-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}
.fw-if-lede{margin:clamp(10px, 1.8vh, 16px) 0 0;font-size:clamp(16px, 2.2vh, 19px);line-height:1.55;color:var(--g6);text-wrap:pretty}
.fw-if-lede b{font-weight:600;color:var(--pk-dd)}
.fw-if-trust{position:relative;display:flex;flex-wrap:wrap;gap:8px 20px;margin:clamp(20px, 3.4vh, 32px) 0 0;padding:clamp(14px, 2.2vh, 18px) 0 0;list-style:none}
.fw-if-trust::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg, var(--line), transparent)}
.fw-if-trust li{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--g7)}
.fw-if-trust .bi{font-size:15px;color:var(--bl-d)}
.fw-if-mast__fig{position:relative;justify-self:end;margin:0;background:var(--g1)}
.fw-if-mast__fig img{display:block;height:clamp(250px, 46vh, 470px);width:auto;max-width:100%;aspect-ratio:1600 / 1073}
.fw-if-mast__note{position:absolute;left:clamp(-28px, -2vw, -14px);bottom:clamp(14px, 2.4vh, 24px);display:grid;gap:2px;padding:12px 20px 12px 18px;border-radius:18px;background:var(--wh);box-shadow:var(--sh-soft)}
.fw-if-mast__tag{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-dd)}
.fw-if-mast__note b{font-size:15px;font-weight:700;color:var(--ink)}
.fw-if-mast__note span:last-child{font-size:13px;color:var(--g6)}

/* ══════════════════════════════════════════════════════════════
   02 · FIND YOUR WAY TO PAY
   The partners' logos in one row (each opens its way), then the
   four ways as 3D icons with their names, no boxes. The panel: what to ask on the left, the
   partners on the right, each a row of logo, offer and details
   divided by fade rules. Without the script every panel shows.
   ══════════════════════════════════════════════════════════════ */

.fw-if-ways{background:linear-gradient(180deg, var(--wh), var(--bl-wash) 60%, var(--wh))}
.fw-if-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 28px;margin:0 0 clamp(22px, 3.6vh, 34px)}
.fw-if-logos__say{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g5)}
.fw-if-logos ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 26px;margin:0;padding:0;list-style:none}
.fw-if-logos li{display:flex}
.fw-if-logo{display:flex;align-items:center;padding:0;border:0;background:none;cursor:pointer;opacity:.82;filter:saturate(.85);transition:opacity .25s, filter .25s, transform .25s var(--ease)}
.fw-if-logo img{display:block;height:clamp(54px, 7.4vh, 68px);width:auto;max-width:none;mix-blend-mode:multiply}
.fw-if-logo span{font-size:14px;font-weight:700;color:var(--g7)}
.fw-if-logo:hover{opacity:1;filter:none;transform:translateY(-2px)}

/* The four ways: a 3D icon above each name, no box. The chosen one
   lifts its icon onto a soft disc of its accent and underlines its
   name; a fade rule runs under the row. */
.fw-if-tabs{position:relative;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:clamp(8px, 1.4vw, 20px);margin-bottom:clamp(22px, 3.6vh, 36px);padding-bottom:clamp(10px, 1.6vh, 14px)}
.fw-if-tabs::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--fade-x)}
.fw-if-tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 6px 12px;border:0;background:none;cursor:pointer;font-family:var(--ff);text-align:center;color:inherit}
.fw-if-tab__art{position:relative;display:grid;place-items:center;width:clamp(78px, 11vh, 104px);aspect-ratio:1;margin-bottom:4px;color:var(--ac-ink)}
.fw-if-tab__art::before{content:"";position:absolute;inset:10%;border-radius:50%;background:var(--ac-l);opacity:0;transform:scale(.7);transition:opacity .35s var(--ease), transform .35s var(--ease)}
.fw-if-tab__art img{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.7) opacity(.85);transition:transform .35s var(--ease), filter .3s}
.fw-if-tab__art .fw-ico{position:relative;width:46%;height:46%}
.fw-if-tab b{font-size:clamp(14.5px, 2vh, 16px);font-weight:700;line-height:1.25;color:var(--g7);transition:color .25s}
.fw-if-tab small{font-size:12.5px;font-weight:500;color:var(--g5)}
.fw-if-tab::after{content:"";position:absolute;left:30%;right:30%;bottom:-11px;height:3px;border-radius:3px;background:var(--ac);transform:scaleX(0);transition:transform .35s var(--ease)}
.fw-if-tab:hover .fw-if-tab__art img{transform:translateY(-3px);filter:none}
.fw-if-tab.is-on .fw-if-tab__art::before{opacity:1;transform:none}
.fw-if-tab.is-on .fw-if-tab__art img{transform:translateY(-4px) scale(1.04);filter:none}
.fw-if-tab.is-on b{color:var(--ink)}
.fw-if-tab.is-on::after{transform:none}
.fw-if-tab:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:12px}

.fw-if-panels{display:grid;gap:clamp(30px, 5vh, 50px)}
.fw-if-panel{display:grid;grid-template-columns:minmax(0, .7fr) minmax(0, 1.3fr);gap:var(--gap);align-items:start}
.fw-if-ways.is-live .fw-if-panel{display:none}
.fw-if-ways.is-live .fw-if-panel.is-on{display:grid;animation:fw-if-in .45s var(--ease-soft)}
@keyframes fw-if-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.fw-if-askbox{position:relative;display:grid;gap:12px;padding-left:20px}
.fw-if-askbox::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:3px;background:linear-gradient(180deg, var(--ac), transparent)}
.fw-if-askbox__lede{margin:0;font-size:clamp(17px, 2.4vh, 20px);font-weight:600;line-height:1.4;color:var(--ink)}
.fw-if-askbox ul{margin:0;padding:0;list-style:none}
.fw-if-askbox li{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);gap:12px;align-items:start;padding:clamp(8px, 1.3vh, 11px) 0;font-size:14.5px;line-height:1.5;color:var(--g7)}
.fw-if-askbox li + li::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg, var(--line), transparent)}
.fw-if-tick{display:grid;place-items:center;width:24px;height:24px;margin-top:-1px;border-radius:50%;font-size:13px;color:var(--wh);background:var(--ac);box-shadow:0 4px 10px -6px var(--ac)}

.fw-if-partners > ul{margin:0;padding:0;list-style:none}
.fw-if-partner{position:relative;display:grid;grid-template-columns:clamp(150px, 15vw, 210px) minmax(0, 1fr);align-items:start;gap:clamp(18px, 2.4vw, 36px);padding:clamp(16px, 2.6vh, 24px) 0}
.fw-if-partner + .fw-if-partner::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--fade-x)}
.fw-if-partner__brand{display:grid;place-items:center;aspect-ratio:2 / 1;background:var(--wh)}
.fw-if-partner__brand{background:none}
.fw-if-partner__brand img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.fw-if-partner__mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font-size:28px;font-weight:700;color:var(--ac-ink);background:var(--ac-l)}
.fw-if-partner__say{display:grid;justify-items:start;gap:6px}
.fw-if-partner__name{display:flex;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ac-ink)}
.fw-if-partner__name em{padding:2px 9px;border-radius:100px;font-size:10.5px;letter-spacing:.06em;color:var(--pk-ink);background:var(--pk-l)}
.fw-if-partner__offer{margin:0;font-family:var(--ff);font-size:clamp(18px, 2.6vh, 22px);font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.fw-if-partner__text{margin:0;font-size:15px;line-height:1.6;color:var(--g6);text-wrap:pretty}
.fw-if-partner__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:2px 0 0;padding:0;list-style:none}
.fw-if-partner__meta li{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--g7)}
.fw-if-partner__meta .bi{color:var(--ac-ink)}
.fw-if-partner__go{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-size:14px;font-weight:600;color:var(--bl-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bl-ring)}
.fw-if-partner__go:hover{color:var(--pk-dd)}
.fw-if-none{display:grid;justify-items:start;gap:14px;padding:clamp(8px, 1.6vh, 14px) 0}
.fw-if-none p{margin:0;font-size:15.5px;line-height:1.6;color:var(--g6)}
.fw-if-none b{color:var(--ink)}
.fw-if-small{display:flex;align-items:flex-start;gap:8px;margin:clamp(18px, 3vh, 28px) 0 0;font-size:13px;line-height:1.5;color:var(--g5)}

/* ══════════════════════════════════════════════════════════════
   03 · PLAN THE COST
   A timeline: each step's 3D icon on a soft disc, numbered, on one
   dashed line that runs down through them; the heading and the
   photograph on the left.
   ══════════════════════════════════════════════════════════════ */

.fw-if-plan{background:linear-gradient(180deg, var(--wh), var(--mt-wash) 55%, var(--wh))}
.fw-if-plan__grid{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);gap:var(--gap);align-items:center}
.fw-if-plan__side .fw-if-pic{justify-self:start}
.fw-if-plan__side .fw-if-pic img{height:clamp(200px, 32vh, 330px)}
.fw-if-line{position:relative;margin:0;padding:0;list-style:none;--art:clamp(70px, 9.6vh, 88px)}
.fw-if-line::before{content:"";position:absolute;left:calc(var(--art) / 2 - 1px);top:calc(var(--art) / 2);bottom:calc(var(--art) / 2);width:2px;background:repeating-linear-gradient(180deg, var(--mt) 0 6px, transparent 6px 12px);opacity:.55}
.fw-if-line > li{position:relative;display:grid;grid-template-columns:var(--art) minmax(0, 1fr);align-items:center;gap:clamp(16px, 2vw, 28px);padding:clamp(8px, 1.4vh, 12px) 0}
.fw-if-line__art{position:relative;display:grid;place-items:center;width:var(--art);height:var(--art);border-radius:50%;background:var(--wh);box-shadow:0 0 0 6px var(--mt-wash), 0 14px 30px -20px var(--dk)}
.fw-if-line__art img{width:78%;height:78%;object-fit:contain}
.fw-if-line__art em{position:absolute;right:-2px;top:-2px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:700;color:var(--wh);background:linear-gradient(135deg, var(--pk), var(--pk-dd));box-shadow:0 0 0 3px var(--wh)}
.fw-if-line__say{display:grid;justify-items:start;gap:3px}
.fw-if-line__step{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mt-ink)}
.fw-if-line__h{margin:0;font-family:var(--ff);font-size:clamp(18px, 2.6vh, 21px);font-weight:700;color:var(--ink)}
.fw-if-line__say p{margin:0;font-size:14.5px;line-height:1.55;color:var(--g6)}
.fw-if-line__say a{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:14px;font-weight:600;color:var(--bl-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bl-ring)}
.fw-if-line__say a .bi{font-size:12px}

/* ══════════════════════════════════════════════════════════════
   04 · QUESTIONS — heading and two tools stretch beside the
   answers, so both columns end together.
   ══════════════════════════════════════════════════════════════ */

.fw-if-faq{background:linear-gradient(180deg, var(--pk-wash), var(--wh) 70%)}
.fw-if-faq__grid{display:grid;grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr);gap:var(--gap);align-items:stretch}
.fw-if-faq__side{display:flex;flex-direction:column}
.fw-if-tools{flex:1 1 auto;display:grid;grid-auto-rows:1fr;margin:0;padding:0;list-style:none}
.fw-if-tools li{position:relative;display:flex}
.fw-if-tools li::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg, var(--line), transparent)}
.fw-if-tools li:last-child::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg, var(--line), transparent)}
.fw-if-tools a{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:16px;width:100%;padding:clamp(10px, 1.6vh, 14px) 0;color:inherit;text-decoration:none}
.fw-if-tools img{width:64px;height:64px;object-fit:contain}
.fw-if-tools b{display:block;font-size:16px;font-weight:700;color:var(--ink);transition:color .2s}
.fw-if-tools small{font-size:14px;color:var(--g6)}
.fw-if-tools .bi{color:var(--pk-d);transition:transform .25s var(--ease)}
.fw-if-tools a:hover b{color:var(--pk-dd)}
.fw-if-tools a:hover .bi{transform:translateX(3px)}
.fw-if-qs{align-self:start}
.fw-if-q{position:relative}
.fw-if-q + .fw-if-q::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--fade-x)}
.fw-if-q summary{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:16px;padding:clamp(13px, 2.1vh, 18px) clamp(10px, 1.2vw, 18px);cursor:pointer;list-style:none}
.fw-if-q summary::-webkit-details-marker{display:none}
.fw-if-q__t{font-size:16.5px;font-weight:600;line-height:1.35;color:var(--ink);transition:color .2s}
.fw-if-q summary > i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:13px;color:var(--g6);background:var(--wh);box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease), color .25s, background .25s}
.fw-if-q summary:hover .fw-if-q__t{color:var(--pk-dd)}
.fw-if-q p{margin:0;padding:0 clamp(10px, 1.2vw, 18px) clamp(14px, 2.2vh, 20px);font-size:15px;line-height:1.65;color:var(--g6)}
.fw-if-q[open]{background:linear-gradient(90deg, var(--pk-wash), transparent 85%)}
.fw-if-q[open]::after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--pk)}
.fw-if-q[open] summary > i{transform:rotate(45deg);color:var(--wh);background:var(--pk);box-shadow:none}

/* ══════════════════════════════════════════════════════════════
   05 · AN INVITATION
   ══════════════════════════════════════════════════════════════ */

.fw-if-close{
	position:relative;display:grid;justify-items:center;gap:10px;padding:clamp(40px, 7vh, 84px) var(--pad);text-align:center;overflow:hidden;
	background:
		radial-gradient(40% 90% at 85% 100%, color-mix(in srgb, var(--mt) 10%, transparent), transparent 70%),
		radial-gradient(40% 90% at 15% 0%, color-mix(in srgb, var(--pk) 9%, transparent), transparent 70%),
		var(--g0)
}
.fw-if-close .fw-if-h2{font-size:clamp(26px, 4.4vh, 44px)}
.fw-if-close .fw-if-act{justify-content:center;margin-top:clamp(8px, 1.6vh, 14px)}
.fw-if-close__more{display:inline-flex;align-items:center;gap:8px;margin:6px 0 0;font-size:14px;color:var(--g6)}
.fw-if-close__more .bi{color:var(--mt-d)}

/* ══════════════════════════════════════════════════════════════
   06 · RELEASED HEIGHTS, AND THE PHONE
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 1024px){
	.fw-if-mast__grid,.fw-if-split,.fw-if-faq__grid,.fw-if-panel,.fw-if-plan__grid{grid-template-columns:minmax(0, 1fr)}
	.fw-if-plan__side .fw-if-pic img{height:auto}
	.fw-if-mast__fig{justify-self:stretch}
	.fw-if-mast__fig img,.fw-if-pic img{width:100%;height:auto}
	.fw-if-pic{width:100%}
	.fw-if-mast__note{left:14px}
	.fw-if-tools{grid-auto-rows:auto}
}

@media (max-width: 768px){
	.fw-if-page{--pad:14px}
	.fw-if .fw-if-h1{font-size:clamp(32px, 9vw, 42px)}
	/* The tabs become a swipe row. */
	.fw-if-tabs{display:flex;overflow-x:auto;margin-inline:calc(var(--pad) * -1);padding:4px var(--pad) 14px;scroll-snap-type:x mandatory;scrollbar-width:none}
	.fw-if-tabs::-webkit-scrollbar{display:none}
	.fw-if-tabs::after{left:var(--pad);right:var(--pad)}
	.fw-if-tab{flex:0 0 132px;scroll-snap-align:start}
	.fw-if-logos{display:grid;justify-items:center;gap:6px}
	.fw-if-logos ul{flex-wrap:nowrap;justify-content:flex-start;gap:18px;width:calc(100% + var(--pad) * 2);margin-inline:calc(var(--pad) * -1);padding:0 var(--pad) 4px;overflow-x:auto;scrollbar-width:none}
	.fw-if-logos ul::-webkit-scrollbar{display:none}
	.fw-if-logos li{flex:0 0 auto}
	.fw-if-partner{grid-template-columns:minmax(0, 1fr);gap:12px}
	.fw-if-partner__brand{justify-self:start;width:160px}
	.fw-if-mast__note{position:static;margin-top:10px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line)}
	.fw-if-close .fw-if-act{width:100%}
	.fw-if-close .fw-if-act .fw-if-btn{width:100%}
}

@media (prefers-reduced-motion: reduce){
	.fw-if *,.fw-if *::before,.fw-if *::after{transition:none !important}
	.fw-if-anim [data-if-reveal]{opacity:1;transform:none}
}