/* Ported from design/wifeymaterial/Main.dc.html by port.mjs. Do not edit: edit the canvas. */
:root{--paper:#FBFCFB;--mist:#F3F5F3;--surface:#FFFFFF;--poster:#EBEDEC;--ink:#16201B;--ink-2:#525E58;--line:#DCE2DE;--rule:#C9D1CC;--dot:#AAB6AF;--field:#828E88;--field-hover:#5F6B65;--accent:#1E5A44;--accent-hover:#174A38;--on-accent:#FFFFFF;--accent-soft:#DDEBE4;--ask:#F4EAD2;--chip-line:#A9B4AE;--night:#0D1713;--night-line:#26352E;--night-ink:#F3F5F3;--mint:#8CCBAE;--danger:#B42318;--glass:rgba(251,252,251,.86);--shadow-frame:0 0 0 1px rgba(13,23,19,.07),0 2px 4px rgba(13,23,19,.04),0 12px 24px rgba(13,23,19,.06),0 32px 64px rgba(13,23,19,.08)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0F1613;--mist:#141D19;--surface:#1A2420;--poster:#18221E;--ink:#EEF2EF;--ink-2:#A9B8B0;--line:#2A3631;--rule:#34423B;--dot:#55645C;--field:#6F7D76;--field-hover:#93A199;--accent:#8CCBAE;--accent-hover:#A6D8C1;--on-accent:#0D1713;--accent-soft:#1F3A2F;--ask:#3A3220;--chip-line:#55645C;--night:#08100C;--night-line:#22302A;--danger:#F97066;--glass:rgba(15,22,19,.86);--shadow-frame:0 0 0 1px rgba(238,242,239,.08),0 12px 24px rgba(0,0,0,.3)}}
:root[data-theme="dark"]{--paper:#0F1613;--mist:#141D19;--surface:#1A2420;--poster:#18221E;--ink:#EEF2EF;--ink-2:#A9B8B0;--line:#2A3631;--rule:#34423B;--dot:#55645C;--field:#6F7D76;--field-hover:#93A199;--accent:#8CCBAE;--accent-hover:#A6D8C1;--on-accent:#0D1713;--accent-soft:#1F3A2F;--ask:#3A3220;--chip-line:#55645C;--night:#08100C;--night-line:#22302A;--danger:#F97066;--glass:rgba(15,22,19,.86);--shadow-frame:0 0 0 1px rgba(238,242,239,.08),0 12px 24px rgba(0,0,0,.3)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}a:hover{color:var(--accent-hover)}
.skip{position:absolute;left:16px;top:-64px;z-index:9;padding:12px 16px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:14px;text-decoration:none}
.skip:focus{top:8px}
.wrap{max-width:1120px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.sec{padding:104px 0}
@media (max-width:1023px){.sec{padding:80px 0}}
@media (max-width:640px){.sec{padding:64px 0}}
.alt{background:var(--mist)}
.dark{background:var(--night);color:var(--night-ink)}
.top{position:sticky;top:0;z-index:5;background:var(--glass);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px)}
.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:16px;letter-spacing:-0.01em}
.brand svg{color:var(--accent)}
.brand:hover{color:var(--accent)}
.h1{margin:20px auto 0;max-width:880px;font-size:clamp(40px,1.4rem + 4vw,76px);line-height:1.03;letter-spacing:-0.035em;font-weight:600}
.h2{margin:0;font-size:clamp(30px,1.4rem + 1.9vw,44px);line-height:1.1;letter-spacing:-0.022em;font-weight:600}
.lead{margin:12px 0 0;max-width:640px;font-size:clamp(18px,1rem + .3vw,20px);line-height:1.45;color:var(--ink-2);letter-spacing:-0.01em}
.lead b{color:var(--ink);font-weight:600}
.dark .lead{color:var(--night-ink)}
.dark .lead b{color:var(--night-ink)}
.small{margin:0;font-size:14px;line-height:1.4;color:var(--ink-2)}
.note{margin:12px 0 0;font-size:16px;line-height:1.45;color:var(--ink-2)}
.step{margin:0 0 16px;font-size:14px;line-height:1.3;font-weight:600;color:var(--ink-2)}
.fig{margin:0;font-size:clamp(64px,2.2rem + 5.4vw,112px);line-height:1;font-weight:600;letter-spacing:-0.04em;font-variant-numeric:tabular-nums}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px 24px;margin-top:48px}
.col{border-top:1px solid var(--rule);padding-top:16px}
.col h3{margin:0;font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-0.01em}
.col p{margin:8px 0 0;font-size:17px;line-height:1.45;color:var(--ink-2)}
.col p.out{color:var(--ink);font-weight:500}
.dark .col{border-color:var(--night-line)}
.dark .col p{color:var(--night-ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:12px;background:var(--accent);color:var(--on-accent);font:inherit;font-size:16px;font-weight:600;border:0;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--accent-hover);color:var(--on-accent)}
.btn.quiet{height:44px;padding:0 16px;background:var(--accent-soft);color:var(--ink)}
.btn.quiet:hover{background:var(--accent-soft);color:var(--accent)}
.field{height:48px;box-sizing:border-box;border:1px solid var(--field);border-radius:12px;padding:0 16px;font:inherit;font-size:16px;background:var(--surface);color:var(--ink);min-width:0;flex:1 1 220px}
.field:hover{border-color:var(--field-hover)}
.form{display:flex;flex-wrap:wrap;gap:8px;max-width:500px;margin:32px auto 0}
.film{margin:0;position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--poster);box-shadow:var(--shadow-frame)}
.poster{position:absolute;inset:0;box-sizing:border-box;padding:48px;display:flex;align-items:center;justify-content:center;gap:56px;text-align:left}
.rail{list-style:none;margin:0;padding:0;display:grid;gap:0;flex:0 0 240px}
.rail a{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:44px;padding:4px 12px;border-radius:10px;font-size:16px;color:var(--ink);text-decoration:none}
.rail .rn{display:grid}
.rail .rn b{font-weight:600}
.rail .rn span{font-size:14px;color:var(--ink-2)}
.rail svg{color:var(--ink-2);flex:none}
.rail a:hover{background:var(--surface);color:var(--ink)}
.pcard{flex:0 1 600px;background:var(--surface);border-radius:16px;padding:28px 32px;box-sizing:border-box;box-shadow:var(--shadow-frame)}
.pcard .app-title{font-size:20px}
.tool{display:flex;flex-wrap:wrap;gap:40px 56px;align-items:center}
.tool-text{flex:1 1 340px;min-width:0}
.tool-card{flex:1 1 520px;min-width:0}
.app{background:var(--surface);border-radius:16px;padding:28px 32px;box-sizing:border-box;box-shadow:var(--shadow-frame)}
.app-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.app-name{margin:0;font-size:14px;font-weight:600;color:var(--ink-2)}
.app-title{margin:12px 0 0;font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-0.02em}
.rows{margin:20px 0 0;padding:0;list-style:none}
.rows li{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.4;font-variant-numeric:tabular-nums}
.rows .k{font-size:14px;color:var(--ink-2)}
.rows .v{color:var(--ink);font-weight:500}
.rows li>:last-child{min-height:28px;display:inline-flex;align-items:center}
.mini{margin:16px 0 0;padding:0;list-style:none}
.mini li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.4;font-weight:500}
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}
.chip svg{flex:none}
.chip.ok svg{color:var(--accent)}
.chip.ask svg{color:#9A6B12}
.chip.no svg{color:var(--ink-2)}
.stat{border-top:1px solid var(--night-line);padding-top:16px}
.stat p.small{margin-top:8px;font-size:17px;color:var(--night-ink)}
.people{display:flex;flex-wrap:wrap;gap:24px 48px;margin-top:40px;padding-top:24px;border-top:1px solid var(--night-line)}
.who{display:flex;align-items:center;gap:16px}
.who img,.who .face{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.who .face{background:var(--night-line);display:grid;place-items:center;font-size:17px;font-weight:600;color:var(--mint)}
.who p{margin:0;font-size:17px;line-height:1.35;font-weight:600}
.who p span{display:block;font-size:14px;font-weight:400}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:0;background:var(--night-ink);color:var(--night);display:grid;place-items:center;cursor:pointer;transition:transform 150ms cubic-bezier(.2,0,0,1),background-color 150ms}
.film-play:hover{background:#FFFFFF;transform:translate(-50%,-50%) scale(1.06)}
.film-sound{position:absolute;right:20px;bottom:16px;height:40px;padding:0 16px;border-radius:10px;border:0;background:rgba(13,23,19,.6);color:var(--night-ink);font:inherit;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.film-sound:hover{background:rgba(13,23,19,.8)}
@media (prefers-reduced-motion:reduce){.film-play,.film-play:hover{transition:none;transform:translate(-50%,-50%)}}
.foot{border-top:1px solid var(--line);padding:28px 0 40px;background:var(--mist)}
.foot a{color:var(--ink-2)}
.foot a:hover{color:var(--ink)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;text-align:left}
.pcol{background:var(--surface);border-radius:16px;padding:28px;box-shadow:var(--shadow-frame);display:flex;flex-direction:column}
.pcol h3{margin:0;font-size:20px;line-height:1.25;font-weight:600}
.pcol .amt{margin:12px 0 0;font-size:44px;line-height:1;font-weight:600;letter-spacing:-0.03em;font-variant-numeric:tabular-nums}
.pcol .alt-amt{margin:8px 0 0;font-size:17px;color:var(--ink)}
.pcol .pln{display:block;margin-top:6px;font-size:14px;color:var(--ink-2)}
.pcol ul{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--line)}
.pcol li{padding:10px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.45}
.launch-intro{outline:2px dashed #B7791F;outline-offset:6px}
.intro-rows{display:grid;grid-template-columns:160px minmax(0,1fr);margin:40px 0 0;max-width:820px}
.intro-rows dt,.intro-rows dd{margin:0;padding:16px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.45}
.intro-rows dt{color:var(--ink-2)}
.intro-rows dd{font-weight:500}
@media (max-width:760px){.pcol .amt{font-size:30px}.prices{grid-template-columns:1fr}.intro-rows{grid-template-columns:1fr}.intro-rows dd{border-top:0;padding-top:0}}
.kpi{display:flex;align-items:baseline;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--rule);max-width:640px}
.h2+.kpi{margin-top:12px}
.kpi .kn{flex:none;font-size:44px;line-height:1;font-weight:600;letter-spacing:-0.03em;font-variant-numeric:tabular-nums;color:var(--accent)}
.kpi .kt{font-size:17px;line-height:1.45;color:var(--ink)}
.bento{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:16px;margin-top:40px}
.bento img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow-frame)}
.bento img:first-child{grid-row:span 2}
.spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}
.spread img,.spread2 img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow-frame)}
.spread2{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:48px}
.spread2 .side{display:grid;gap:20px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}
.stats .st{border-top:1px solid var(--rule);padding-top:16px}
.stats .sn{margin:0;font-size:56px;line-height:1;font-weight:600;letter-spacing:-0.035em;font-variant-numeric:tabular-nums}
.stats .stx{margin:10px 0 0;font-size:17px;line-height:1.45}
.src{margin:8px 0 0;font-size:16px;line-height:1.45;color:var(--ink-2)}
.dark .src{color:var(--night-ink)}
@media (max-width:640px){.bento img:not(:first-child){display:none}.spread img:nth-child(n+3){display:none}.spread2 .side img:first-child{display:none}}
@media (max-width:760px){.bento{grid-template-columns:1fr}.bento img:first-child{grid-row:auto}.spread,.spread2,.stats{grid-template-columns:1fr}.kpi{flex-direction:column;gap:6px}}
.track{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 128px;gap:16px;position:relative}
.track::before{content:"";position:absolute;left:20px;right:64px;top:19px;height:2px;background:var(--accent-soft)}
.track li{position:relative}
.track .n{width:40px;height:40px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 2px var(--accent-soft);display:grid;place-items:center;font-size:16px;font-weight:600;color:var(--accent);position:relative}
.track .tname{margin:16px 0 0;font-size:20px;line-height:1.25;font-weight:600}
.track a{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:var(--ink-2);text-decoration:none}
.track a:hover{color:var(--accent);text-decoration:underline}
.track .end .n{width:56px;height:56px;margin-top:-8px;background:var(--accent);color:var(--on-accent);box-shadow:none}
.track .tend{margin:8px 0 0;font-size:20px;line-height:1.25;font-weight:600}
.finale .step{color:var(--ink)}
.jline{position:relative}
.jline::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 600px);width:2px;background:var(--accent-soft)}
.jline .step{position:relative}
.jline .step::before{content:"";position:absolute;left:-77px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--paper)}
.jline.alt .step::before{box-shadow:0 0 0 4px var(--mist)}
.finale::before{bottom:auto;height:116px}
.finale .step::before{left:-85px;top:-6px;width:22px;height:22px;background:var(--paper);border:3px solid var(--accent);box-shadow:none}
.finale.alt .step::before{background:var(--mist)}
@media (max-width:1279px){.jline::before,.jline .step::before{display:none}}
@media (max-width:860px){.track{grid-template-columns:1fr;gap:0}.track::before{left:19px;right:auto;top:20px;bottom:28px;width:2px;height:auto}.track li{display:grid;grid-template-columns:56px minmax(0,1fr);padding-bottom:20px}.track .n{grid-row:span 2}.track .tname,.track .tend{margin:8px 0 0;font-size:17px}.track li>a{grid-column:2}.track .n{font-size:14px}.track .end .n{width:40px;height:40px;margin-top:0}}
.doc{display:grid;grid-template-columns:200px minmax(0,1fr);margin:48px 0 0;max-width:820px}
.doc dt,.doc dd{margin:0;padding:20px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.5}
.doc dt{font-weight:600}
.doc dd{color:var(--ink-2)}
@media (max-width:640px){.doc{grid-template-columns:1fr}.doc dd{border-top:0;padding-top:0}}
.poster{align-items:flex-start;padding-top:56px}
@media (max-width:1023px){.poster nav{display:none}.poster{padding:32px;align-items:center}}
@media (max-width:380px){.brand > span{display:none}}
@media (max-width:640px){.wrap{padding:0 16px}.hero{text-align:left!important;padding-top:40px!important}.hero .h1,.hero .lead,.hero .form{margin-left:0}.app{padding:20px}.film:not(.has-video){aspect-ratio:auto}.film:not(.has-video) .poster{position:relative}.poster{padding:12px}.pcard{padding:12px 16px;flex-basis:100%}.pcard .app-title{margin-top:4px;font-size:16px}.poster .mini{margin-top:8px}.poster .mini li{padding:8px 0;font-size:14px}.poster .mini li:nth-child(n+3){display:none}.poster .chip{height:24px;font-size:14px}.rows li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:12px 0}.rows .k{flex-basis:100%}.film-play{width:56px;height:56px}}

/* Code-only layer: states the canvas can't draw (focus, film, form). */
html{scroll-padding-top:80px}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dark :focus-visible{outline-color:var(--mint)}
.field:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}
.field[aria-invalid="true"]{border-color:var(--danger)}
.btn{transition:background-color 150ms cubic-bezier(.2,0,0,1)}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.6;cursor:default}
.form-msg{margin:8px 0 0;font-size:14px;line-height:1.4}
.form-msg.err{color:var(--danger)}
.form-done{margin:32px auto 0;max-width:500px;font-size:17px;line-height:1.45;color:var(--ink)}
.form-done b{font-weight:600}
.linkish{display:inline;min-height:0;padding:0;border:0;background:none;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}
.linkish:hover{color:var(--accent-hover)}
#film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--night)}
#film .ov{transition:opacity 200ms cubic-bezier(.2,0,0,1)}
#film.playing .ov{opacity:0;pointer-events:none}
.film-pause{right:auto!important;left:20px}
@media (prefers-reduced-motion:reduce){#film .ov{transition:none}}
.form .btn{min-width:176px}
/* Introductions stay off until the Warsaw pool, the acquirer and the pool DPIA are all in: site.js LAUNCH.intro */
.launch-intro{display:none!important}
html.intro-live .launch-intro{display:revert!important}
html.intro-live section.launch-intro{display:block!important}
html.intro-live .pre-intro{display:none!important}