:root{
  --sc-canvas:#f4f6fa; --sc-surface:#ffffff; --sc-ink:#141b2e; --sc-ink-soft:#56617f;
  --sc-accent:#3b5bdb; --sc-accent-ink:#ffffff;
  --sc-font-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --sc-font-text:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --slate:#151c30; --slate2:#1f2843; --on-slate:#eef1fb; --on-slate-soft:#a9b2cc;
  --line:#e2e7f0; --accent-soft:#e7ecfd; --mint:#dcf5e7; --green:#1c9a55; --gold:#f2c94c;
  --r:22px; --gut:clamp(18px,4vw,56px); --max:1200px;
  --lift:0 18px 40px -22px rgba(20,27,46,.35);
}
html{scroll-behavior:smooth}
body{font-family:var(--sc-font-text);background:var(--sc-canvas);color:var(--sc-ink)}
h1,h2,h3{font-family:var(--sc-font-display);font-variation-settings:"wdth" 108;font-weight:650;letter-spacing:-.025em;margin:0;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px/1 var(--sc-font-text);text-decoration:none;border:0;border-radius:999px;padding:16px 26px;cursor:pointer;background:var(--sc-accent);color:#fff;box-shadow:0 10px 24px -12px rgba(59,91,219,.7);transition:transform .2s,background-color .2s}
.btn:hover{background:#3150c9;transform:translateY(-1px)}
.btn.ghost{background:rgba(255,255,255,.08);color:var(--on-slate);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.btn.ghost:hover{background:rgba(255,255,255,.14)}
.btn.light{background:#fff;color:var(--slate);box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.site-bar{position:fixed;top:12px;left:0;right:0;z-index:50;padding-inline:var(--gut);pointer-events:none}
.site-bar .in{pointer-events:auto;max-width:var(--max);margin:0 auto;height:60px;display:flex;align-items:center;gap:22px;padding:0 8px 0 18px;border-radius:999px;background:rgba(21,28,48,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 30px -18px rgba(0,0,0,.55);color:var(--on-slate)}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;font:650 17px/1 var(--sc-font-display);font-variation-settings:"wdth" 112;letter-spacing:-.02em;color:inherit}
.mark svg{width:28px;height:28px}
.mark small{font:400 14px var(--sc-font-text);color:var(--on-slate-soft);letter-spacing:0}
.site-bar nav{display:flex;gap:24px;margin-left:auto;font-size:15px}
.site-bar nav a{color:var(--on-slate-soft);text-decoration:none}
.site-bar nav a:hover{color:#fff}
.site-bar .btn{padding:11px 20px;font-size:15px}
@media (max-width:900px){.site-bar nav{display:none}.site-bar .btn{margin-left:auto}}
.hero .hero__stage{background:var(--slate);color:var(--on-slate);overflow:hidden;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,64px);align-items:center;padding:96px var(--gut) 40px;height:100vh;height:100svh}
.hero__light{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(40% 45% at 72% 42%,rgba(84,112,235,.42),transparent 70%),radial-gradient(35% 40% at 15% 85%,rgba(150,120,235,.22),transparent 70%),radial-gradient(30% 30% at 95% 95%,rgba(242,201,76,.10),transparent 70%)}
.hero__copy{position:relative;z-index:2;max-width:560px;justify-self:end;width:100%}
.hero h1{font-size:clamp(40px,5vw,72px);line-height:1.02;color:#fff}
.hero__lede{margin-top:20px;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--on-slate-soft);max-width:44ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.steps{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:14.5px;color:var(--on-slate-soft)}
.steps li{display:flex;align-items:center;gap:12px;transition:color .3s}
.steps li::before{content:"";width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18);transition:background-color .3s,box-shadow .3s}
.steps li.done{color:#d7ddf0}
.steps li.done::before{background:#6f86f0}
.steps li.now{color:#fff}
.steps li.now::before{background:var(--gold);box-shadow:0 0 0 4px rgba(242,201,76,.22)}
.hero__scene{position:relative;z-index:1;width:100%;max-width:760px}
.browser{position:relative;border-radius:16px;background:#e9edf5;box-shadow:0 40px 80px -30px rgba(0,0,0,.65),0 12px 24px -12px rgba(0,0,0,.4);overflow:hidden}
.browser__bar{display:flex;align-items:center;gap:10px;height:38px;padding:0 14px;background:#dfe4ee;color:#4d5774;font-size:12.5px}
.browser__bar i{width:10px;height:10px;border-radius:50%;background:#c4cbd9}
.browser__url{margin-left:10px;flex:1;max-width:340px;display:flex;align-items:center;gap:7px;background:#fff;border-radius:8px;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser__url svg{flex:none;width:11px;height:11px}
.browser__view{position:relative;aspect-ratio:960/600;overflow:hidden;background:#fff}
.canvas{position:absolute;left:0;top:0;width:960px;height:600px;transform:scale(var(--k,.6));transform-origin:0 0}
.L{--t:clamp(0,calc((var(--sc-p,0) - var(--a,0)) / (var(--b,1) - var(--a,0))),1)}
.old{position:absolute;inset:0;background:#ebe7dc;font-family:"Times New Roman",Times,serif;color:#222;opacity:calc(1 - var(--t))}
.old > *{position:absolute}
.old .x{opacity:calc(1 - var(--t));transform:translate(calc(var(--t) * var(--dx,0) * 1px),calc(var(--t) * 170px)) rotate(calc(var(--t) * var(--r,8) * 1deg))}
.o-banner{left:0;top:0;width:960px;height:88px;display:grid;place-items:center;background:linear-gradient(#3d63d4,#1c2f80);color:#fff;font-size:40px;font-weight:700;letter-spacing:1px;text-shadow:2px 2px 0 #000}
.o-marq{left:0;top:88px;width:960px;height:30px;background:#ff0;color:#d00000;font-size:17px;font-weight:700;display:flex;align-items:center;padding-left:20px;white-space:nowrap}
.o-nav{left:18px;top:136px;width:170px;display:flex;flex-direction:column;gap:9px;font-size:18px}
.o-nav span{color:#0000ee;text-decoration:underline}
.o-photo{left:210px;top:140px;width:300px;height:200px;border:5px ridge #999;object-fit:cover;filter:saturate(.45) contrast(.85) blur(.6px)}
.o-text{left:536px;top:140px;width:390px;font-size:19px;line-height:1.45}
.o-text b{color:#b00000}
.o-fb{left:210px;top:362px;width:300px;height:118px;border:1px dashed #9a9a9a;background:#f7f7f7;color:#777;font:14px Arial,sans-serif;display:grid;place-items:center;text-align:center;padding:12px}
.o-count{left:536px;top:362px;font:14px Arial,sans-serif;color:#444;display:flex;flex-direction:column;gap:6px}
.o-count b{font:700 20px "Courier New",monospace;background:#000;color:#3f3;padding:3px 8px;align-self:flex-start;letter-spacing:2px}
.o-uc{left:18px;top:470px;width:170px;height:58px;display:grid;place-items:center;font:900 15px Arial,sans-serif;color:#000;background:repeating-linear-gradient(45deg,#ffd400 0 14px,#111 14px 28px);text-shadow:0 0 3px #ffd400,0 0 3px #ffd400}
.o-foot{left:0;bottom:0;width:960px;height:44px;background:#1c2f80;color:#cfd6ff;font-size:14px;display:grid;place-items:center}
.new{position:absolute;inset:0;background:#fff;font-family:var(--sc-font-text);color:#14213d;opacity:var(--t)}
.new > *{position:absolute}
.new .in{opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 26px))}
.n-nav{left:0;top:0;width:960px;height:66px;display:flex;align-items:center;gap:26px;padding:0 32px;border-bottom:1px solid #eef0f5;font-size:14px}
.n-logo{display:flex;align-items:center;gap:9px;font:700 17px var(--sc-font-display);letter-spacing:-.01em}
.n-logo span{width:26px;height:26px;border-radius:8px;background:var(--gold);display:grid;place-items:center}
.n-links{display:flex;gap:22px;margin-left:auto;color:#55607a}
.n-book{background:#14213d;color:#fff;border-radius:999px;padding:10px 18px;font-weight:600}
.n-copy{left:40px;top:104px;width:410px}
.n-chip{display:inline-block;font-size:12.5px;font-weight:600;background:#fff6d8;color:#7a5a00;border-radius:999px;padding:6px 12px}
.n-h{font:650 44px/1.04 var(--sc-font-display);letter-spacing:-.03em;margin-top:16px}
.n-p{font-size:16px;line-height:1.55;color:#55607a;margin-top:14px}
.n-btns{display:flex;gap:10px;margin-top:22px}
.n-btns span{border-radius:999px;padding:13px 20px;font-weight:600;font-size:14.5px}
.n-btns .a{background:#14213d;color:#fff}.n-btns .b{background:var(--gold);color:#14213d}
.n-stars{margin-top:18px;font-size:13.5px;color:#55607a}
.n-stars b{color:#e2a500;letter-spacing:2px;margin-right:6px}
.n-img{left:480px;top:92px;width:440px;height:330px;border-radius:18px;object-fit:cover;clip-path:inset(0 calc((1 - var(--t)) * 100%) 0 0 round 18px)}
.n-serv{left:40px;top:470px;width:880px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.n-serv span{background:#f5f7fb;border-radius:14px;padding:16px 18px;font-weight:600;font-size:14.5px}
.n-serv small{display:block;font-weight:400;color:#6a7491;margin-top:4px;font-size:12.5px}
.n-book-card{left:672px;top:318px;width:270px;background:#fff;border-radius:18px;padding:18px;box-shadow:0 24px 50px -20px rgba(20,33,61,.45);opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 30px)) scale(calc(.92 + var(--t) * .08))}
.n-book-card h5{margin:0;font:650 15px var(--sc-font-display)}
.n-book-card .slots{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.n-book-card .slots span{font-size:12.5px;border-radius:999px;padding:6px 10px;background:#f1f3f8}
.n-book-card .slots .on{background:#14213d;color:#fff}
.n-book-card .go{display:block;text-align:center;background:var(--gold);border-radius:12px;padding:10px;font-weight:700;font-size:13.5px}
.fg{position:absolute;left:-7%;bottom:-6%;width:27%;z-index:3}
.phone{opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 90px));border-radius:28px;padding:7px;background:#0f1424;box-shadow:0 30px 50px -20px rgba(0,0,0,.7)}
.phone .scr{border-radius:22px;overflow:hidden;background:#fff;color:#14213d;aspect-ratio:9/17;display:flex;flex-direction:column;font-size:11px}
.phone .top{display:flex;align-items:center;gap:6px;padding:16px 12px 8px;font:700 10.5px var(--sc-font-display)}
.phone .top i{width:14px;height:14px;border-radius:4px;background:var(--gold)}
.phone .ok{margin:6px 12px;border-radius:14px;background:#eaf7ef;padding:12px;display:flex;flex-direction:column;gap:4px}
.phone .ok b{color:var(--green);font-size:12px}
.phone .ok span{color:#38415c}
.phone .det{margin:6px 12px;display:flex;flex-direction:column;gap:6px;color:#55607a}
.phone .det div{display:flex;justify-content:space-between;border-bottom:1px solid #eef0f5;padding-bottom:6px}
.phone .det div b{color:#14213d;font-weight:600}
.toast{position:absolute;left:84%;bottom:62%;width:max-content;max-width:250px;display:flex;align-items:center;gap:10px;background:#fff;color:#14213d;border-radius:16px;padding:11px 14px;font-size:13px;line-height:1.3;box-shadow:0 20px 40px -18px rgba(0,0,0,.6);opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 14px)) scale(calc(.94 + var(--t) * .06))}
.toast i{flex:none;width:9px;height:9px;border-radius:50%;background:#22b35e;box-shadow:0 0 0 4px #d9f3e3}
.toast span{color:#55607a}
@media (max-width:980px){
  .hero .hero__stage{grid-template-columns:minmax(0,1fr);align-content:start;gap:22px;padding-top:88px}
  .hero__copy{justify-self:start}
  .hero h1{font-size:clamp(32px,8.4vw,46px)}
  .hero__lede{margin-top:12px;font-size:15.5px}
  .hero__cta{margin-top:18px}
  .hero__cta .btn{padding:13px 20px;font-size:15px}
  .steps{display:none}
  .hero__scene{max-width:640px;justify-self:center;width:94%}
  .fg{left:-4%;bottom:-10%;width:30%}
  .toast{left:auto;right:-150%;bottom:auto;top:-20%;font-size:12px;padding:9px 12px}
}
@media (max-height:700px) and (max-width:980px){.hero__lede{display:none}}
.band{padding-block:clamp(84px,10vw,136px)}
.band--white{background:#fff}
.band--canvas{background:var(--sc-canvas)}
.band--slate{background:var(--slate);color:var(--on-slate)}
.head{max-width:720px;margin-bottom:clamp(36px,5vw,64px)}
.head h2{font-size:clamp(34px,4.4vw,58px);line-height:1.05}
.head p{margin-top:16px;font-size:18px;line-height:1.6;color:var(--sc-ink-soft);max-width:54ch}
.band--slate .head p{color:var(--on-slate-soft)}
.niches .sc-stage,.niches [data-sc-stage]{background:#fff;display:flex;align-items:center;overflow:hidden}
.rail{gap:clamp(20px,2.4vw,32px);padding-inline:var(--gut);align-items:center}
.rail__lead{flex:0 0 min(420px,80vw);padding-right:20px}
.rail__lead h2{font-size:clamp(32px,4vw,54px);line-height:1.05}
.rail__lead p{margin-top:16px;color:var(--sc-ink-soft);font-size:17.5px;line-height:1.6}
.card{flex:0 0 min(380px,78vw);background:var(--sc-canvas);border-radius:var(--r);padding:12px 12px 22px}
.card figure{margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3}
.card img{width:100%;height:100%;object-fit:cover}
.card h3{font-size:22px;margin:18px 10px 4px}
.card .who{margin:0 10px;color:var(--sc-ink-soft);font-size:14.5px}
.card ul{list-style:none;margin:14px 10px 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.card li{display:flex;gap:10px}
.card li::before{content:"";flex:none;width:16px;height:16px;margin-top:3px;border-radius:5px;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.5L12 5.6' stroke='%231c9a55' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px clamp(28px,4vw,64px)}
@media (max-width:900px){.feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.feats{grid-template-columns:minmax(0,1fr);gap:36px}}
.feat{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;row-gap:16px;align-items:center}
.feat .tile{width:52px;height:52px;border-radius:12px;background:var(--mint);display:grid;place-items:center}
.feat .tile svg{width:22px;height:22px}
.feat h3{font:650 19px var(--sc-font-display);letter-spacing:-.01em}
.feat p{grid-column:1/-1;color:var(--sc-ink-soft);font-size:16.5px;line-height:1.65;max-width:40ch}
.tools{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(18px,2.4vw,28px)}
@media (max-width:900px){.tools{grid-template-columns:minmax(0,1fr)}}
.panel{background:var(--sc-canvas);border-radius:var(--r);padding:clamp(22px,2.6vw,34px);min-width:0}
.panel h3{font-size:22px}
.panel > p{color:var(--sc-ink-soft);margin:8px 0 22px;font-size:16px;line-height:1.6}
.cal{background:#fff;border-radius:18px;padding:18px;overflow-x:auto;box-shadow:var(--lift)}
.cal-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-weight:600;font-size:15px;margin-bottom:14px}
.cal-top span{font-weight:400;color:var(--sc-ink-soft);font-size:13px}
.week{display:grid;grid-template-columns:repeat(5,minmax(60px,1fr));gap:8px;min-width:340px}
.day{display:flex;flex-direction:column;gap:7px}
.day b{font-size:12px;color:var(--sc-ink-soft);font-weight:500;text-align:center}
.slot{font:500 13px var(--sc-font-text);font-variant-numeric:tabular-nums;border:0;background:#f1f4f9;border-radius:10px;padding:9px 0;cursor:pointer;color:var(--sc-ink);transition:background-color .2s}
.slot:hover{background:var(--accent-soft)}
.slot.taken{background:transparent;color:#b3bacb;cursor:default;text-decoration:line-through}
.slot[aria-pressed="true"]{background:var(--sc-accent);color:#fff}
.cal-foot{margin-top:14px;font-size:14px;color:var(--sc-ink-soft);min-height:22px}
.cal-foot strong{color:var(--sc-ink)}
.portal{background:#fff;border-radius:18px;padding:20px;box-shadow:var(--lift)}
.portal-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.portal-top span{font-size:13px;color:var(--sc-ink-soft)}
.track{list-style:none;padding:0;margin:0 0 14px}
.track li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.track li:last-child{border-bottom:0}
.track .t{width:16px;height:16px;border-radius:50%;background:#e4e8f1}
.track .done .t{background:var(--sc-accent)}
.track .now .t{background:var(--gold);box-shadow:0 0 0 4px #fbefc6}
.track small{color:var(--sc-ink-soft)}
.files{display:flex;gap:8px;flex-wrap:wrap}
.files span{font-size:12.5px;font-weight:500;background:var(--sc-canvas);border-radius:8px;padding:7px 11px}
.nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px)}
@media (max-width:820px){.nums{grid-template-columns:minmax(0,1fr)}}
.num b{display:block;font:650 clamp(56px,6vw,84px)/1 var(--sc-font-display);letter-spacing:-.04em;color:#fff}
.num p{margin-top:14px;font-size:18px;line-height:1.5;color:#d5dbef;max-width:28ch}
.num cite{display:block;margin-top:10px;font-style:normal;font-size:13px;color:var(--on-slate-soft)}
.process{list-style:none;padding:0;margin:0 0 clamp(80px,9vw,120px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);counter-reset:s}
@media (max-width:900px){.process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.process{grid-template-columns:minmax(0,1fr)}}
.process li{counter-increment:s;background:#fff;border-radius:var(--r);padding:26px 24px 28px}
.process li::before{content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;margin-bottom:18px;background:var(--accent-soft);color:var(--sc-accent);font:650 17px var(--sc-font-display)}
.process h3{font-size:19px;margin-bottom:6px}
.process p{color:var(--sc-ink-soft);font-size:15.5px;line-height:1.6}
.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
@media (max-width:960px){.pricing{grid-template-columns:minmax(0,1fr)}}
.plan{background:#fff;border-radius:var(--r);padding:32px 28px;display:flex;flex-direction:column;gap:18px;min-width:0}
.plan.feature{background:var(--slate);color:var(--on-slate);box-shadow:0 30px 60px -30px rgba(21,28,48,.6)}
.plan h3{font-size:21px}
.plan .for{margin-top:4px;color:var(--sc-ink-soft);font-size:15px}
.plan.feature .for{color:var(--on-slate-soft)}
.price{font:650 50px/1 var(--sc-font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.price small{font:400 16px var(--sc-font-text);letter-spacing:0;color:var(--sc-ink-soft)}
.plan ul{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:10px;font-size:15.5px}
.plan li{display:flex;gap:10px}
.plan li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:6px;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.5L12 5.6' stroke='%231c9a55' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.plan .btn{align-self:flex-start}
.plan:not(.feature) .btn{background:var(--sc-canvas);color:var(--sc-ink);box-shadow:none}
.plan:not(.feature) .btn:hover{background:var(--accent-soft)}
.tag{align-self:flex-start;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;background:rgba(242,201,76,.18);color:var(--gold)}
.note{margin-top:22px;color:var(--sc-ink-soft);font-size:15px}
.faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:28px 72px}
@media (max-width:860px){.faq{grid-template-columns:minmax(0,1fr)}}
.faq h2{font-size:clamp(34px,4.4vw,58px);line-height:1.05}
.qs{display:flex;flex-direction:column;gap:10px}
details{background:var(--sc-canvas);border-radius:18px;padding:2px 22px}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font:600 17.5px var(--sc-font-text)}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 4v8M4 8h8' stroke='%23141b2e' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/13px no-repeat;transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding-bottom:20px;color:var(--sc-ink-soft);line-height:1.65;max-width:60ch}
.close [data-sc-stage]{background:var(--sc-canvas);display:flex;flex-direction:column;height:100vh;height:100svh;padding-top:88px}
.close__card{position:relative;flex:1;margin:0 var(--gut);border-radius:32px;background:var(--slate);color:var(--on-slate);overflow:hidden;display:grid;place-items:center;text-align:center;padding:40px 24px;min-height:0}
.close__card::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 50% 0%,rgba(84,112,235,.4),transparent 70%)}
.close__card > div{position:relative}
.close h2{font-size:clamp(32px,5vw,66px);line-height:1.04;max-width:16ch;margin:0 auto;color:#fff}
.close__card p{margin:18px auto 0;max-width:46ch;color:var(--on-slate-soft);font-size:17.5px;line-height:1.6}
.close__card .btn{margin-top:28px}
.close__card .mail{margin-top:14px;font-size:14.5px}
.close__card .mail a{color:#fff;font-weight:600}
.foot{flex:none;padding:clamp(28px,4vw,52px) var(--gut) 24px;background:var(--sc-canvas)}
.foot__cols{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.foot h4{margin:0 0 14px;font:650 17px var(--sc-font-display);letter-spacing:-.01em}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.foot a{color:var(--sc-ink-soft);text-decoration:none;font-size:15.5px}
.foot a:hover{color:var(--sc-ink)}
.foot__base{max-width:var(--max);margin:26px auto 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px;color:var(--sc-ink-soft)}
@media (max-width:760px){.foot__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.foot h4{margin-bottom:8px;font-size:15px}.foot ul{gap:5px}.foot a{font-size:14px}.foot__base{margin-top:14px}.close__card p{font-size:15.5px}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .old .x,.new .in,.n-book-card,.phone,.toast{transform:none}
}