@font-face{font-family:Jakarta;src:url('/jakarta.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--red:#c62b38;--ink:#151515;--muted:#717171;--line:#e7e5e2;--white:#fff}
*{box-sizing:border-box}
html{color-scheme:light;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Jakarta,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit}
button{cursor:pointer}
a{color:inherit}
button:focus-visible,a:focus-visible,.deck:focus-visible{outline:3px solid var(--red);outline-offset:5px}
[hidden]{display:none!important}
::selection{background:#eebfc4;color:#151515}
.presentation{min-height:100svh;display:flex;flex-direction:column}
.topbar,.legal{width:min(1200px,calc(100% - 80px));margin:0 auto}
.topbar{min-height:101px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.identity{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:-.8px}
.identity svg{width:28px;height:28px}
.mark{color:var(--red)}
.topnote{font-size:10px;font-weight:700;letter-spacing:2px;color:#7a7a7a}
.deck{width:min(1200px,calc(100% - 80px));min-height:min(650px,calc(100svh - 174px));margin:0 auto;position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white);box-shadow:0 22px 64px #1414140a}
.progress-line{height:3px;width:100%;background:#f1f1f1;flex:none}
.progress-line>span{display:block;height:100%;background:var(--red);width:12.5%;transition:width .28s ease}
.slides{position:relative;flex:1;display:flex;min-height:0;align-items:stretch}
.slide{width:100%;flex:1;display:flex;align-items:center;animation:appear .27s ease both}
.slide-inner{width:min(800px,calc(100% - 120px));margin:auto;padding:45px 0}
.kicker{display:flex;align-items:center;gap:13px;margin:0 0 32px;color:#777;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.kicker-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid #eedbdb;border-radius:50%;color:var(--red);font-size:11px;letter-spacing:0}
.kicker-dot{width:8px;height:8px;border-radius:50%;background:var(--red)}
h1,h2{font-weight:800;letter-spacing:-.058em;line-height:1.11;margin:0;text-wrap:balance}
h1{font-size:clamp(43px,5.4vw,78px)}
h2{font-size:clamp(37px,4.5vw,65px)}
em{font-style:normal;color:var(--red)}
.lead{font-size:clamp(17px,2vw,23px);line-height:1.75;color:#555;margin:28px 0 0}
.lead strong{font-weight:800;color:var(--ink)}
.tasks{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:42px;row-gap:0;padding:0;margin:39px 0 0}
.tasks li{display:flex;align-items:flex-start;gap:15px;border-top:1px solid var(--line);padding:18px 0;font-size:16px;line-height:1.6;color:#454545}
.tasks li:before{content:'';flex:none;background:var(--red);width:7px;height:7px;border-radius:50%;margin-top:10px}
.tasks strong{font-weight:750;color:#121212}
.supporting{max-width:770px;font-size:clamp(16px,2vw,22px);line-height:1.75;color:#555;margin:35px 0 0}
.supporting strong{color:var(--ink);font-weight:750}
.simple-terms{display:flex;gap:16px;flex-wrap:wrap;margin-top:39px}
.simple-terms span{border:1px solid #eee5e4;border-radius:6px;padding:17px 20px;font-size:13px;line-height:1.6;background:#fdfafa}
.simple-terms strong{color:var(--red)}
.final-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}
.final-heading .supporting{max-width:650px;margin-top:21px}
.portrait{width:128px;height:128px;border-radius:50%;border:3px solid #f6eeee;overflow:hidden;position:relative;flex:none;background:#ece8e5}
.portrait img{width:182%;height:auto;position:absolute;left:50%;top:0;transform:translateX(-50%);max-width:none}
.closing{font-size:18px;line-height:1.8;margin:45px 0 0;max-width:720px;color:#525252;padding-top:23px;border-top:1px solid var(--line)}
.closing strong{font-weight:750;color:var(--ink)}
.controls{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:84px;border-top:1px solid var(--line);padding:13px 28px}
.counter{font-weight:800;font-size:14px;letter-spacing:1.5px;font-variant-numeric:tabular-nums}
.counter span{color:#aaa;font-weight:600}
.controls-hint{font-size:11px;color:#999}
.arrows{display:flex;align-items:center;gap:9px}
.arrows button{display:grid;place-items:center;border:1px solid #ddd;border-radius:50%;background:white;color:#202020;width:46px;height:46px;font-size:23px;line-height:1;transition:background .15s,color .15s,transform .15s}
.arrows button:hover:not(:disabled){transform:translateY(-2px);border-color:#aaa}
.arrows button:disabled{opacity:.26;cursor:default}
.arrows button:last-child{border-color:var(--red);background:var(--red);color:white}
.arrows button:last-child:disabled{background:#f6d9db;border-color:#f6d9db;color:#aa8589}
.legal{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:73px;color:#999;font-size:10px}
.legal nav{display:flex;gap:20px}
.legal a{text-decoration:none}
.legal a:hover{text-decoration:underline}
@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
 .topbar,.legal{width:calc(100% - 48px)}
 .deck{width:calc(100% - 48px)}
 .slide-inner{width:calc(100% - 68px)}
 .tasks{column-gap:24px}
 .tasks li{font-size:14px}
 .slide{align-items:center}
}
@media(max-width:650px){
 .topbar,.legal{width:calc(100% - 32px)}
 .topbar{min-height:76px}
 .identity{font-size:15px}
 .identity svg{width:24px;height:24px}
 .topnote{display:none}
 .deck{width:calc(100% - 24px);border-radius:9px;min-height:min(670px,calc(100svh - 130px))}
 .slide-inner{width:calc(100% - 48px);padding:30px 0}
 .kicker{font-size:9px;letter-spacing:1.3px;gap:10px;margin-bottom:24px}
 .kicker-number{width:30px;height:30px}
 h1{font-size:clamp(36px,9.6vw,54px)}
 h2{font-size:clamp(32px,8vw,47px)}
 .lead{font-size:17px;line-height:1.65;margin-top:22px}
 .tasks{grid-template-columns:1fr;gap:0;margin-top:26px}
 .tasks li{font-size:13px;line-height:1.5;padding:11px 0;gap:12px}
 .tasks li:before{width:6px;height:6px;margin-top:7px}
 .supporting{font-size:15px;line-height:1.7;margin-top:21px}
 .simple-terms{gap:9px;margin-top:26px;flex-direction:column;align-items:stretch}
 .simple-terms span{font-size:12px;padding:13px 14px}
 .final-heading{gap:18px;align-items:flex-start}
 .final-heading h2{font-size:clamp(29px,8vw,44px)}
 .final-heading .supporting{font-size:14px}
 .portrait{width:78px;height:78px}
 .closing{font-size:14px;line-height:1.7;margin-top:25px;padding-top:18px}
 .controls{min-height:70px;padding:11px 16px}
 .controls-hint{display:none}
 .arrows button{width:41px;height:41px;font-size:20px}
 .legal{min-height:64px;font-size:9px}
}
@media(max-width:360px){
 .slide-inner{width:calc(100% - 34px)}
 h1{font-size:34px}
 h2{font-size:30px}
 .final-heading{display:block}
 .portrait{display:none}
 .legal nav{gap:10px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}