:root{
  --A:#a9efc6;
  --onA:#0a2a1e;
  --onA-2:#1d4536;
  --c1:#b4dcc4;
  --c2:#bccdc4;
  --c3:#c3c8cc;
  --B:#0f3d2e;
  --B2:#0b3226;
  --onB:#f0faf4;
  --Bmute:#9cc8b3;
  --accB:#a9efc6;
  --onAccB:#0a2a1e;
  --accA:#0f3d2e;
  --cta-bg:#0f3d2e;
  --cta-fg:#a9efc6;
  --lineA:rgba(10,42,30,.32);
  --phA:rgba(10,42,30,.48);
  --ink:var(--onA);
  --ink-2:var(--onA-2);
  --ease:cubic-bezier(.16,1,.3,1);
  --f:"Archivo",system-ui,sans-serif;
    --t-hero:clamp(3.6rem,7.4vw,6rem);
  --t-h2:clamp(3rem,6vw,5.4rem);
  --t-letter:clamp(21px,1.9vw,25px);
  --t-body:19px;
}
*{box-sizing:border-box}
html,body{margin:0;overflow-x:clip}
body{font-family:var(--f);font-stretch:100%;color:var(--ink);background:var(--B);font-size:var(--t-body);line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:var(--onA);color:var(--A)}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1.5px}
:focus-visible{outline:3px solid var(--onA);outline-offset:3px;border-radius:4px}
.on-blue :focus-visible{outline-color:var(--accB)}
.wrap{width:min(1240px,100% - 48px);margin-inline:auto}
.display{font-family:var(--f);font-stretch:62%;font-weight:850;text-transform:uppercase;line-height:.86;letter-spacing:-.005em;margin:0;text-wrap:balance}
figure{margin:0}

.btn{display:inline-flex;align-items:center;gap:12px;background:var(--cta-bg);color:var(--cta-fg);text-decoration:none;font-family:var(--f);font-weight:700;font-stretch:85%;font-size:18px;letter-spacing:.01em;padding:17px 24px 17px 26px;border-radius:999px;border:0;cursor:pointer;transition:transform .2s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:none}
.btn svg{width:20px;height:20px}
.btn.sm{font-size:15px;padding:11px 18px}

.nav{position:absolute;inset:0 0 auto;z-index:30}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:84px}
.mark{font-stretch:75%;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:19px;text-decoration:none;display:flex;align-items:center;gap:10px}
.mark i{width:22px;height:22px;border-radius:50%;background:var(--accA);display:block;position:relative}
.mark i::after{content:"";position:absolute;left:5px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--A)}
.nav .who{font-size:15px;color:var(--onA-2);display:flex;gap:28px;align-items:center}

.hero{position:relative;background:var(--A);color:var(--onA);transition:background-color 1.4s var(--ease);padding-top:84px;z-index:2}
.hero.c1{background:var(--c1)}.hero.c2{background:var(--c2)}.hero.c3{background:var(--c3)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:40px;align-items:center;min-height:calc(100svh - 84px);padding:28px 0 0}
.hero h1{font-size:clamp(3.4rem,6.6vw,5.25rem)}
.hero h1 span{display:inline-block}
.hero .lede{max-width:34ch;font-size:21px;line-height:1.45;margin:30px 0 34px;color:var(--onA-2)}
.hero .row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hero .row small{font-size:15px;color:var(--ink-2);max-width:22ch;line-height:1.35}
.hero .row small{color:var(--onA-2)}
.hero .row small.g{max-width:33ch;font-weight:600;color:var(--onA);display:flex;gap:10px;align-items:flex-start}
.gi{width:22px;height:22px;flex:none;margin-top:-1px}
.stage{position:relative;justify-self:center;align-self:center;margin:10px 0 -90px}
.stage .phone{transform:rotate(-2.5deg);box-shadow:0 60px 80px -40px rgba(0,0,0,.45)}
.tag{position:absolute;left:-150px;top:356px;background:var(--B);color:var(--onB);font-stretch:80%;font-weight:700;font-size:17px;line-height:1.2;padding:12px 16px;border-radius:14px;max-width:170px;transition:opacity .5s,transform .6s var(--ease)}
.tag b{display:block;color:var(--accB);font-size:34px;font-stretch:62%;font-weight:850;text-transform:uppercase;line-height:.95;margin-bottom:2px}
.tag::after{content:"";position:absolute;right:-26px;top:50%;width:26px;height:2px;background:var(--B)}
.eg-note{position:absolute;right:-38px;bottom:190px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--onA-2)}
.hide{opacity:0}
#thread .hide{display:none}
.pop{animation:pop .45s var(--ease) both}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}

.on-blue{background:var(--B);color:var(--onB)}
.on-blue ::selection{background:var(--accB);color:var(--onAccB)}
.n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accB);color:var(--onAccB);font-size:15px;font-weight:800;vertical-align:.2em;margin-right:10px;letter-spacing:0;font-stretch:100%}
.mark-y{background:var(--accB);color:var(--onAccB);padding:0 .14em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}

.letter{padding:170px 0 60px;position:relative}
.opening{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;margin-bottom:60px}
.sender{display:flex;align-items:center;gap:16px;margin-bottom:30px}
.ph-sm{width:68px;height:68px;border-radius:50%;flex:none;box-shadow:0 0 0 2px var(--B),0 0 0 4px var(--accB)}
.pic{object-fit:cover;display:block;background:#1a1a1a}
.nav .me{display:flex;align-items:center;gap:10px}.nav .me img{width:30px;height:30px;border-radius:50%}
.doc .cmt .who img{width:26px;height:26px;border-radius:50%;flex:none}
.portrait{display:block;aspect-ratio:4/5;border-radius:16px;overflow:hidden;box-shadow:0 34px 60px -26px rgba(0,0,0,.7)}
.portrait img{width:100%;height:100%;object-fit:cover;display:block}
.sender b{display:block;font-size:19px;font-weight:700}
.sender span{color:var(--Bmute);font-size:16px}
.opening h2{font-size:var(--t-hero);color:var(--accB);margin-bottom:28px}
.opening p{font-size:var(--t-letter);line-height:1.45;max-width:32ch;margin:0 0 18px}
.pile{position:relative;height:600px}
.pile .pcount{position:absolute;right:6px;top:-6px;font-size:15px;font-weight:700;color:var(--accB);display:flex;gap:8px;align-items:center}
.pile .pcount b{background:#ff3b30;color:#fff;border-radius:999px;min-width:28px;height:28px;display:grid;place-items:center;font-size:15px;padding:0 8px;font-family:-apple-system,"Inter",sans-serif}
.pile .notif{position:absolute;left:0;right:0;max-width:430px;margin:0 auto;background:#fff;box-shadow:0 22px 40px -22px rgba(0,0,0,.55);transform-origin:50% 0;scale:var(--s,1)}
.pile .notif:nth-child(2){--s:.86;--o:.5}.pile .notif:nth-child(3){--s:.89;--o:.62}.pile .notif:nth-child(4){--s:.92;--o:.74}.pile .notif:nth-child(5){--s:.95;--o:.86}.pile .notif:nth-child(6){--s:.975;--o:.95}
.pile .notif > *{opacity:var(--o,1)}
.pile .notif.in{animation:drop .7s var(--ease) both}
@keyframes drop{from{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}}
.pile .notif.last{box-shadow:0 0 0 3px var(--accB),0 30px 60px -20px rgba(0,0,0,.6)}
.rows{border-top:1px solid rgba(255,255,255,.2)}
.row{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:80px;align-items:center;padding:56px 0}
.row.ra .ex{transform:rotate(1.4deg)}.row.rb .ex{transform:rotate(-1.6deg) translateX(-70px)}
.row p{font-size:var(--t-letter);line-height:1.45;margin:0;max-width:34ch}
.ex{position:relative}
.ex .lbl{position:absolute;top:-34px;left:4px;font-size:14px;color:var(--accB);font-weight:700;display:flex;gap:8px;align-items:center}
.ex .lbl .n{width:24px;height:24px;font-size:12.5px;margin:0;vertical-align:0}
.ex .crop{box-shadow:0 40px 70px -30px rgba(0,0,0,.6),0 0 0 .5px rgba(0,0,0,.1)}
.e1 .crop{height:360px}.e2 .crop{height:400px}.e3 .crop{height:330px}.e4 .crop{height:430px}
.pull{font-size:clamp(2.4rem,4.6vw,4rem);font-weight:700;line-height:1.04;letter-spacing:-.025em;color:var(--onB);max-width:20ch;margin:70px 0 40px;text-wrap:balance}
.pull em{font-style:normal;color:var(--accB)}

.vmail{flex:1;background:#fff;display:flex;flex-direction:column;color:#111}
.vmail h3{margin:2px 16px 10px;font-size:32px;font-weight:700;letter-spacing:-.02em;font-family:-apple-system,"SF Pro Display","Inter",sans-serif}
.vm-row{border-top:.5px solid #e4e4e6;padding:12px 16px}
.vm-row .t{display:flex;justify-content:space-between;align-items:baseline}
.vm-row .t b{font-size:16px;font-weight:600}
.vm-row .t time{font-size:14px;color:#8a8a8e}
.vm-row .s{font-size:13px;color:#8a8a8e;margin-top:1px}
.vm-row.open{background:#f7f7f8}
.vm-tr{margin:10px 0 12px;font-size:14.5px;line-height:1.4;color:#3c3c43}
.vm-tr small{display:block;font-size:12px;color:#8a8a8e;margin-bottom:4px}
.vm-bar{display:flex;align-items:center;gap:10px;font-size:12px;color:#8a8a8e}
.vm-bar .pl{width:30px;height:30px;border-radius:50%;background:#007aff;display:grid;place-items:center}
.vm-bar .pl::after{content:"";border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.vm-bar .tr{flex:1;height:4px;border-radius:2px;background:#d1d1d6}
.vm-acts{display:flex;justify-content:space-between;margin-top:12px;font-size:14px;color:#007aff}
.vm-acts .del{color:#ff3b30}

.plan{background:var(--A);color:var(--onA);padding:140px 0 150px;position:relative}
.plan .top{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:72px;align-items:start;margin-bottom:90px}
.plan h2{font-size:var(--t-h2);margin-bottom:18px}
.plan .intro{font-size:var(--t-letter);line-height:1.45;color:var(--onA-2);max-width:34ch;margin:0 0 40px}
.lm{position:relative;display:block;flex:none;border-radius:50%;background:var(--accA)}
.lm::after{content:"";position:absolute;left:23%;top:23%;width:36%;height:36%;border-radius:50%;background:var(--A)}
.doc .cmt .who .lm.cm{width:26px;height:26px}
.founder{margin:0}.founder figcaption{margin-top:22px;color:var(--Bmute);font-size:15px;line-height:1.4;max-width:30ch}
.founder figcaption b{display:block;font-size:19px;color:var(--onB);margin-bottom:2px}
footer a{color:inherit}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:22px;counter-reset:s;max-width:620px}
.steps li{display:grid;grid-template-columns:58px 1fr;gap:6px;font-size:var(--t-body);line-height:1.45;color:var(--onA-2)}
.steps li::before{counter-increment:s;content:counter(s);font-stretch:62%;font-weight:850;font-size:48px;line-height:.9;color:var(--accA)}
.steps b{color:var(--onA)}
.plan .top .crop{height:520px;transform:rotate(1.5deg)}
.plan figcaption{font-size:15px;color:var(--onA-2);margin-top:14px}
.plan .art{display:grid;grid-template-columns:380px minmax(0,1fr);gap:56px;align-items:start}
.mailmsg{flex:1;background:#fff;display:flex;flex-direction:column;color:#111}
.mailmsg .bar{display:flex;justify-content:space-between;padding:4px 16px 8px;color:#007aff;font-size:17px;border-bottom:.5px solid #e4e4e6}
.mm-from{display:flex;gap:10px;padding:14px 16px 10px}
.mm-from .av{width:40px;height:40px;border-radius:50%;background:var(--accA);color:#fff;display:grid;place-items:center;font-weight:600;flex:none}
.mm-from b{display:block;font-size:16px}
.mm-from span{display:block;font-size:13px;color:#8a8a8e}
.mm-subj{padding:2px 16px 10px;font-size:19px;font-weight:700;letter-spacing:-.01em}
.mm-body{padding:0 16px;font-size:15.5px;line-height:1.45;color:#1c1c1e}
.mm-body p{margin:0 0 10px}
.att{margin:6px 16px 12px;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#f2f2f7}
.att i{width:34px;height:42px;border-radius:4px;background:#fff;box-shadow:0 0 0 .5px #ccc;position:relative;flex:none}
.att i::after{content:"PDF";position:absolute;bottom:4px;left:3px;right:3px;background:#ff3b30;color:#fff;font-style:normal;font-size:8px;font-weight:700;text-align:center;border-radius:2px}
.att b{font-size:14px;display:block}.att span{font-size:12px;color:#8a8a8e}
.invite{margin:4px 16px 16px;border-radius:12px;border:.5px solid #d1d1d6;padding:10px 12px;display:flex;gap:12px;align-items:center}
.invite .ico{width:42px;height:42px;border-radius:10px}
.invite b{display:block;font-size:14px}.invite span{font-size:12.5px;color:#8a8a8e}
.invite .acc{margin-left:auto;color:#007aff;font-size:14px;font-weight:600}
.docwrap{position:relative;padding-right:200px}
.doc .cmt .who i{background:var(--accA)}


.src{display:block;font-size:13px;color:var(--Bmute);margin-top:8px;letter-spacing:.01em}
.faq{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:72px;align-items:center;margin-top:110px;padding-top:70px;border-top:1.5px solid var(--lineA)}
.faq h3{font-size:clamp(2.6rem,4.6vw,4.2rem);margin-bottom:20px}
.faq p{font-size:var(--t-letter);line-height:1.45;color:var(--onA-2);max-width:30ch;margin:0}
.faq .crop{height:690px}
.faq .wa-body{justify-content:flex-start}
.guar{margin-top:30px;font-size:19px;line-height:1.45;font-weight:600;max-width:32ch;color:var(--onA)}
.flag{display:table;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:4px 9px;background:var(--onA);color:var(--A)}
.swipe,.mbar{display:none}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (min-width:1101px){.opening{align-items:start}.opening .pile{position:sticky;top:max(60px,calc(50vh - 300px))}}

.sign{padding:140px 0 110px}
.sign .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:64px;align-items:end}
.pair{display:grid;grid-template-columns:260px 330px;gap:28px;align-items:end}
.sign .yours{font-size:28px;margin:0 0 4px}
.sig{font-family:"Herr Von Muellerhoff",cursive;font-size:clamp(96px,11vw,150px);line-height:.9;padding:.3em .45em .4em .25em;margin:-.3em -.45em calc(6px - .4em) -.25em;color:var(--accB);clip-path:inset(0 0 0 0);transform:rotate(-4deg);transform-origin:left;display:inline-block}
.sig.write{animation:write 2.2s cubic-bezier(.45,.05,.3,1) both}
@keyframes write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.sign .nm{font-size:18px;color:var(--Bmute)}
.ps{margin-top:44px;font-size:var(--t-letter);line-height:1.45;max-width:34ch}
.ps b{font-weight:800;color:var(--accB)}
.ph-lg{aspect-ratio:4/5;border-radius:24px;border:2px dashed rgba(255,255,255,.55);background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 12px,transparent 12px 24px),var(--B2);display:grid;place-items:center;text-align:center;color:var(--Bmute);margin-bottom:28px}
.ph-lg svg{display:block;width:120px;height:120px;color:rgba(255,255,255,.22);margin:0 auto 10px}
.pair .ph-lg{margin:0}
.ph-lg span{font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.sign .crop{height:300px}

.reply{padding:0 0 60px}
.card{background:var(--A);color:var(--onA);border-radius:32px;padding:72px 64px 64px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px}
.card h2{font-size:var(--t-h2);margin-bottom:24px}
.card p{font-size:20px;color:var(--onA-2);max-width:32ch;margin:0}
.send{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}
.book{display:flex;flex-direction:column;min-width:0}
.book .send{margin-top:18px}
.tf-embed{position:relative;width:100%;height:560px;border-radius:20px;overflow:hidden;background:var(--A)}
.tf-embed iframe{display:block;border:0}
.book-btn{display:none;justify-content:center;align-self:stretch;min-height:56px}
.book.pop .tf-embed{display:none}
.book.pop .book-btn{display:inline-flex}
.book.pop .send{margin-top:14px}
.send small{color:var(--onA-2);font-size:15px;line-height:1.4}
.send small a{white-space:nowrap}
footer{display:flex;justify-content:space-between;color:var(--Bmute);font-size:15px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}

@media (max-width:1100px){
  .hero .wrap{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:24px}
  .stage{min-width:0}
  .stage{margin:30px auto -150px}
  .tag{left:-40px;top:300px}
  .letter{padding-top:220px}
  .opening{grid-template-columns:1fr}
  .row{grid-template-columns:1fr 360px;gap:40px}
  .plan .top{grid-template-columns:1fr 300px;gap:40px}
  .plan .art{grid-template-columns:1fr}.docwrap{padding-right:0}.doc .cmt{position:static;transform:none;width:auto;margin-top:18px}
  .sign .wrap{grid-template-columns:1fr;gap:48px}
  .card{grid-template-columns:1fr;gap:40px;padding:56px 40px}
}
@media (max-width:640px){
    :root{--t-letter:18px;--t-body:17px}
  body{font-size:17px}
  .wrap{width:calc(100% - 36px)}
  .nav .wrap{height:60px}.hero{padding-top:60px}
  .btn.sm{min-height:44px;padding:0 18px;font-size:15px}

    .hero{padding-bottom:40px}
  .hero .wrap{padding:14px 0 0;gap:0}
  .hero h1{font-size:clamp(2.4rem,13.2vw,3.4rem);letter-spacing:0}
  .lede-long{display:none}
  .hero .lede{font-size:17px;line-height:1.5;margin:16px 0 22px;max-width:none}
  .hero .row{flex-direction:column;align-items:stretch;gap:14px}
  .hero .row .btn{justify-content:center;min-height:56px}
  .hero .row small.g{max-width:none;font-size:15px;line-height:1.4}
  .stage{display:flex;flex-direction:column;justify-self:stretch;width:100%;margin:34px 0 0;zoom:1}
  .stage .phone{width:100%;height:auto;padding:0;background:none;border-radius:20px;transform:none;box-shadow:0 30px 50px -28px rgba(0,0,0,.45)}
  .stage .phone>.screen{height:470px;border-radius:20px}
  .stage .ui .wa-msg{font-size:15.5px}
  .stage .island,.stage .sb,.stage .wa-input{display:none}
  .stage .wa-head{padding-top:10px}
  .tag{left:auto;right:-6px;top:-24px;max-width:150px;z-index:25;transform:rotate(3deg);font-size:15px;padding:10px 14px}
  .tag b{font-size:30px}
  .tag::after{display:none}
  .eg-note{order:2;display:block;position:static;writing-mode:horizontal-tb;transform:none;margin-top:12px;font-size:12px}

    .letter{padding:60px 0 44px}
  .opening{gap:28px;margin-bottom:36px}
  .sender{gap:12px;margin-bottom:20px}
  .ph-sm{width:48px;height:48px}
  .sender b{font-size:17px}.sender span{font-size:15px}
  .opening h2{font-size:clamp(2.75rem,13vw,3.5rem);margin-bottom:18px}
  .opening p{max-width:none;margin-bottom:14px}
  .src{font-size:13px}
  .pile{height:362px}
  .pile .notif{max-width:none}
  .pile .notif:nth-child(4),.pile .notif:nth-child(6){display:none}
  .pile .notif:nth-child(2){top:40px!important}.pile .notif:nth-child(3){top:114px!important}.pile .notif:nth-child(5){top:190px!important}.pile .notif:nth-child(7){top:268px!important}

    .swipe{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;color:var(--accB)}
  .plan .swipe{color:var(--onA)}
  .swipe svg{width:16px;height:16px}
  .rows{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:6px 18px 10px;scroll-padding-inline:18px;border-top:0;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .rows::-webkit-scrollbar,.plan .art::-webkit-scrollbar{display:none}
  .row{flex:0 0 84%;display:flex;flex-direction:column;gap:16px;padding:0;scroll-snap-align:start;align-items:stretch}
  .row .ex{order:-1}
  .row.ra .ex,.row.rb .ex{transform:none}
  .row p{font-size:17px;max-width:none}
  .row p .n{display:none}
  .ex .lbl{position:static;margin:0 0 10px;font-size:14px}
  .ex .crop{max-width:none;margin:0;box-shadow:0 20px 40px -24px rgba(0,0,0,.6)}
  .e1 .crop,.e2 .crop,.e3 .crop,.e4 .crop{height:330px}
  .ui .wa-msg,.ui .im-msg{font-size:16px}
  .ui .meta{font-size:12px}.ui .im-stamp,.ui .im-read{font-size:12.5px}.cal .week small{font-size:12px}
  .vm-tr{font-size:15px}
  .pull{font-size:clamp(1.85rem,8.6vw,2.3rem);margin:40px 0 0;max-width:none}

    .plan{padding:60px 0 56px}
  .plan .top{grid-template-columns:1fr;gap:30px;margin-bottom:44px}
  .plan h2{font-size:clamp(2.6rem,12.4vw,3.4rem);margin-bottom:14px}
  .plan .intro{margin-bottom:26px;max-width:none}
  .steps{gap:18px}
  .steps li{grid-template-columns:36px 1fr;font-size:17px}
  .steps li::before{font-size:36px}
  .plan .top .crop{height:300px;transform:none}
  .plan figcaption{font-size:14px;margin-top:10px}
  .plan .art{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:6px 18px 12px;scroll-padding-inline:18px;scrollbar-width:none;overscroll-behavior-x:contain;align-items:flex-start}
  .plan .art>figure{flex:0 0 86%;scroll-snap-align:start}
  .doc{zoom:1;padding:22px 16px 18px}.doc h4{font-size:21px}.doc .hide-m{display:none}
  .doc .kick span:last-child{display:none}
  .doc table{font-size:14px}.doc td.st b{font-size:15px}.doc td{padding:10px 6px}
  .doc .cmt{font-size:14px}

    .faq{grid-template-columns:1fr;gap:18px;margin-top:52px;padding-top:40px}
  .faq h3{font-size:clamp(2.4rem,11vw,3rem);margin:0}
  .faq p{display:none}
  .faq .crop{height:auto}
  .faq .wa-body{overflow:visible;padding-bottom:14px}

    .sign{padding:56px 0 40px}
  .sign .wrap{grid-template-columns:1fr;gap:28px}
  .sign .yours{font-size:22px}
  .sig{font-size:84px}
  .sign .nm{font-size:16px}
  .ps{margin-top:22px;font-size:18px}
  .pair{grid-template-columns:1fr;gap:22px}
  .founder{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}
  .portrait{width:96px;max-width:none;border-radius:14px}
  .founder figcaption{margin:0;font-size:15px}
  .sign .crop{height:auto}
  .sign .wa-body{overflow:visible;padding:14px 12px}

    .reply{padding:0 0 28px}
  .card{grid-template-columns:1fr;gap:22px;padding:32px 20px 26px;border-radius:24px}
  .card h2{font-size:clamp(2.4rem,11vw,3rem);margin-bottom:14px}
  .card p{font-size:17px;max-width:none}
  .guar{margin-top:18px;font-size:17px;max-width:none}
  .send{flex-direction:column;align-items:stretch;gap:12px;margin-top:22px}
  .book .send{margin-top:12px}
  .tf-embed{height:520px;border-radius:16px}
  .send small a,footer a{display:inline-block;padding:10px 0}
  footer{flex-direction:column;gap:2px;margin-top:28px;padding-top:18px;font-size:14px;line-height:1.45}

    .mbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:var(--B);box-shadow:0 -14px 30px -16px rgba(0,0,0,.5);transform:translateY(110%);visibility:hidden;transition:transform .35s var(--ease),visibility 0s linear .35s}
  .mbar.on{transform:none;visibility:visible;transition:transform .35s var(--ease)}
  .mbar .btn{width:100%;justify-content:center;min-height:52px;background:var(--accB);color:var(--onAccB)}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.pv-hero .wrap{display:block;min-height:0;padding:64px 0 72px}
.pv-hero h1{font-size:var(--t-h2)}
.pv-hero .lede{margin:24px 0 0;max-width:40ch}
.pv{padding:72px 0 60px}
.prose{max-width:64ch}
.prose h2{font-size:24px;font-weight:700;line-height:1.25;color:var(--accB);margin:44px 0 10px}
.prose h2:first-of-type{margin-top:0}
.prose p{margin:0 0 14px;font-size:19px;line-height:1.55}
.prose .upd{color:var(--Bmute);font-size:15px;margin-bottom:40px}
@media (max-width:640px){
  .pv-hero .wrap{padding:36px 0 40px}
  .pv-hero h1{font-size:clamp(2.6rem,12.4vw,3.4rem)}
  .pv{padding:44px 0 28px}
  .prose h2{font-size:21px;margin-top:34px}
  .prose p{font-size:17px}
}