:root{
  /* Warm, accessibility-first palette anchored in the wood-floor tones */
  --paper:#FBF6EE; --paper-2:#F3E8D7; --paper-3:#FFFFFF;
  --ink:#241B11; --ink-soft:#5E5345; --ink-faint:#8A7E6C;
  --wood:#8A511F; --wood-2:#6E4019; --wood-deep:#3A2412; --wood-glow:rgba(138,81,31,.16);
  --blue:#1F6FD6; --blue-deep:#15528f; --blue-soft:#E6F0FB;
  --green:#1E9E57; --green-2:#2ECC71; --green-soft:#E4F6EC;
  --amber:#E08A1E; --red:#E9532E;
  --line:#E7D9C4; --line-2:#DCC9AC;
  --shadow:0 24px 60px -28px rgba(58,36,18,.55);
  --radius:24px;
  --font:"Segoe UI",-apple-system,BlinkMacSystemFont,Inter,Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--paper);
  line-height:1.65;font-size:18px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--blue-deep);text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 26px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:12px 18px;border-radius:0 0 10px 0;z-index:200}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}

.pill{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;color:var(--wood-2);background:var(--paper-2);
  padding:8px 16px;border-radius:999px;border:1px solid var(--line-2)}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.06rem;
  padding:17px 30px;border-radius:16px;cursor:pointer;border:2px solid transparent;transition:.22s;font-family:inherit}
.btn-primary{background:var(--ink);color:#fff;box-shadow:0 14px 30px -14px rgba(36,27,17,.7)}
.btn-primary:hover{transform:translateY(-3px);background:#000}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--ink);background:var(--paper-3)}

/* NAV */
header.site{position:sticky;top:0;z-index:60;background:rgba(251,246,238,.85);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{display:flex;align-items:center;gap:11px;font-weight:900;font-size:1.5rem;letter-spacing:-.035em;color:var(--ink)}
.logo .lt{color:#1D5893}
.logo .mark{width:42px;height:42px;border-radius:11px;object-fit:cover;display:block;
  box-shadow:0 6px 16px -4px rgba(31,111,214,.5)}
.nav-links{display:flex;gap:30px;align-items:center;font-size:1rem;font-weight:600;color:var(--ink-soft)}
.nav-links a:hover{color:var(--ink)}
.nav-links a[aria-current="page"]{color:var(--ink);font-weight:800}
.nav .btn{padding:12px 22px;font-size:.98rem}
@media(max-width:980px){.nav-links{display:none}}

/* HERO */
.hero{position:relative;padding:80px 0 70px}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}
.hero h1{font-size:clamp(2.2rem,5.2vw,3.5rem);line-height:1.07;font-weight:900;
  letter-spacing:-.035em;margin:22px 0 22px;color:var(--ink)}
.hero h1 .u{position:relative;white-space:nowrap;color:#1D5893;
  -webkit-text-stroke:3.5px #fff;paint-order:stroke fill;
  text-shadow:0 2px 0 rgba(0,0,0,.18)}
.hero p.lead{font-size:1.3rem;color:var(--ink-soft);max-width:560px;margin-bottom:32px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-trust{margin-top:26px;display:grid;grid-template-columns:max-content max-content;gap:14px 38px;
  font-size:.98rem;font-weight:600;color:var(--ink-soft)}
.hero-trust span{display:inline-flex;align-items:center;gap:9px}
.ic{color:var(--green);flex:none}
@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:46px;text-align:center}
  .hero p.lead{margin-inline:auto}.hero-cta{justify-content:center}
  .hero-trust{grid-template-columns:max-content;justify-content:center;justify-items:start}}

/* PAGE HEAD (sub-pages) */
.page-head{padding:74px 0 8px;text-align:center}
.page-head h1{font-size:clamp(2.2rem,4.8vw,3.3rem);font-weight:900;letter-spacing:-.03em;line-height:1.08;
  margin:16px auto 18px;max-width:18ch;color:var(--ink)}
.page-head p{color:var(--ink-soft);font-size:1.2rem;max-width:640px;margin:0 auto}
.crumb{font-size:.92rem;color:var(--ink-faint);margin-bottom:6px}
.crumb a{color:var(--ink-faint);font-weight:600}
.crumb a:hover{color:var(--ink)}

/* PHONE — interactive demo */
.stage{position:relative;display:grid;place-items:center}
.stage::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,var(--wood-glow),transparent 70%);z-index:0}
.phone{position:relative;z-index:1;width:306px;height:622px;border-radius:46px;
  background:linear-gradient(160deg,#2b2118,#100a06);padding:13px;box-shadow:var(--shadow),0 0 0 2px rgba(255,255,255,.06)}
.screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;
  background-image:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34)),url('Room-background1.png');
  background-size:cover;background-position:center}
.screen::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 42%,transparent 46%,rgba(0,0,0,.5))}
.m-switch{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:5;
  width:128px;height:50px;border-radius:999px;cursor:pointer;border:2px solid rgba(255,255,255,.9);
  background:var(--green);box-shadow:0 8px 18px rgba(0,0,0,.4);transition:background .25s}
.m-switch.off{background:#B9B6AE}
.m-switch .lbl{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-weight:900;font-size:.82rem;letter-spacing:1px}
.m-switch .lbl.on{left:20px;opacity:1;transition:.2s}
.m-switch.off .lbl.on{opacity:0}
.m-switch .knob{position:absolute;top:4px;width:38px;height:38px;border-radius:50%;background:#fff;
  display:grid;place-items:center;transition:left .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 6px rgba(0,0,0,.35)}
.m-switch .knob{left:86px;color:var(--green)} .m-switch.off .knob{left:4px;color:#9A978F}
.m-pill{position:absolute;top:78px;left:50%;transform:translateX(-50%);z-index:5;
  display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.95);
  padding:6px 15px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.m-pill .dot{width:9px;height:9px;border-radius:50%;background:var(--red);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.m-pill b{font-size:.78rem;font-weight:800;color:var(--green)}
.m-pill.off .dot{display:none} .m-pill.off b{color:#7a756c}
.m-corner{position:absolute;top:16px;right:13px;z-index:5;display:flex;flex-direction:column;gap:9px}
.m-corner i{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.5);display:grid;place-items:center;color:#fff}
.m-past{position:absolute;top:124px;left:50%;transform:translateX(-50%);z-index:4;
  background:rgba(21,82,143,.96);color:#fff;font-weight:900;letter-spacing:3px;
  padding:8px 19px;border-radius:18px;font-size:.9rem;box-shadow:0 6px 14px rgba(0,0,0,.3)}
.m-prev{position:absolute;left:50%;transform:translateX(-50%);top:184px;max-width:74%;z-index:4;
  background:rgba(21,82,143,.96);color:#fff;border-radius:17px;padding:8px 14px;text-align:center;
  font-size:.86rem;line-height:1.25;font-weight:600;box-shadow:0 6px 14px rgba(0,0,0,.3)}
.m-past.hide,.m-prev.hide{display:none}
.m-caption{position:absolute;left:14px;right:14px;bottom:18px;height:50%;z-index:4;
  background:rgba(255,255,255,.97);border-radius:28px;box-shadow:0 -2px 24px rgba(0,0,0,.4);
  display:grid;place-items:center;padding:22px;text-align:center}
.m-caption p{font-size:1.6rem;line-height:1.22;font-weight:700;color:#161616}
.m-caption.off p{font-size:1.25rem;color:#9A978F;font-weight:600}
.m-tip{text-align:center;font-size:1.1rem;font-weight:800;color:var(--wood-2);margin-bottom:18px;z-index:2}

/* VALUE BAR */
.bar{background:var(--ink);color:#fff}
.bar-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:30px 0}
.bar .v{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.bar .v b{font-size:1.7rem;font-weight:900;letter-spacing:-.02em}
.bar .v span{font-size:.95rem;color:#cbb89c}
@media(max-width:760px){.bar-in{grid-template-columns:repeat(2,1fr);gap:22px}}

section{padding:96px 0}
.lead-head{max-width:720px;margin:0 auto 58px;text-align:center}
.lead-head h2{font-size:clamp(2.1rem,4vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.08;margin:14px 0 14px}
.lead-head p{color:var(--ink-soft);font-size:1.18rem}
.lead-head .pill{font-size:1.18rem;padding:13px 30px;letter-spacing:.12em;margin-bottom:10px}

/* PROBLEM / SOLUTION */
.alt{background:var(--paper-2)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:920px;margin:0 auto}
.col{padding:32px;border-radius:var(--radius);background:var(--paper-3);border:1px solid var(--line)}
.col.good{border:2px solid var(--green);box-shadow:0 18px 40px -26px rgba(30,158,87,.5)}
.col h3{font-size:1.2rem;margin-bottom:18px;display:flex;align-items:center;gap:10px;font-weight:800}
.col.bad h3{color:#b9522f}.col.good h3{color:var(--green)}
.col ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.col li{display:flex;gap:12px;color:var(--ink-soft);font-size:1.04rem}
.col li b{color:var(--ink);font-weight:700}
.col .x{color:#b9522f;font-weight:900;flex:none}.col .c{color:var(--green);font-weight:900;flex:none}
@media(max-width:720px){.compare{grid-template-columns:1fr}}

/* STEPS */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{position:relative;background:var(--paper-3);border:1px solid var(--line);border-radius:var(--radius);padding:34px 28px}
.step .n{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-weight:900;font-size:1.4rem;
  color:#fff;background:linear-gradient(140deg,var(--wood),var(--wood-2));margin-bottom:18px}
.step h3{font-size:1.34rem;margin-bottom:10px;font-weight:800;letter-spacing:-.01em}
.step p{color:var(--ink-soft);font-size:1.05rem}
@media(max-width:820px){.steps{grid-template-columns:1fr}}

/* FEATURES / CARD GRID */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fcard{background:var(--paper-3);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;transition:.22s;
  display:block;color:inherit}
.fcard:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px rgba(58,36,18,.5);border-color:var(--line-2)}
.fic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px;
  background:var(--blue-soft);color:var(--blue-deep)}
.fcard.g .fic{background:var(--green-soft);color:var(--green)}
.fcard.w .fic{background:var(--paper-2);color:var(--wood-2)}
.fcard h3{font-size:1.24rem;margin-bottom:10px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.fcard p{color:var(--ink-soft);font-size:1.02rem}
.fcard .more{display:inline-block;margin-top:14px;font-weight:800;color:var(--blue-deep)}
.new-tag{display:inline-block;font-size:.6rem;font-weight:900;letter-spacing:.09em;color:#fff;
  background:var(--green);padding:3px 9px;border-radius:999px;vertical-align:middle;margin-left:8px}
@media(max-width:820px){.feat{grid-template-columns:1fr}}

/* BIG-TEXT INTERACTIVE DEMO */
.demo{background:linear-gradient(160deg,var(--wood),var(--wood-deep));color:#fff}
.demo .lead-head h2{color:#fff}.demo .lead-head p{color:#f0ddc4}
.demo .pill{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.3)}
.demo-card{max-width:760px;margin:0 auto;background:rgba(255,255,255,.97);border-radius:var(--radius);
  padding:40px;box-shadow:var(--shadow);text-align:center}
.demo-card .cap{min-height:150px;display:grid;place-items:center;color:#161616;font-weight:700;line-height:1.2;
  transition:font-size .2s}
.demo-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px;flex-wrap:wrap}
.demo-row label{font-weight:800;color:var(--ink-soft)}
.demo-row input[type=range]{width:240px;accent-color:var(--wood)}
.demo-size{font-weight:900;color:var(--wood-2);min-width:70px}

/* PRIVACY */
.priv-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
.priv-grid h2{font-size:clamp(2rem,3.6vw,2.7rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}
.priv-grid>div>p{color:var(--ink-soft);font-size:1.12rem;margin-bottom:8px}
.priv-list{list-style:none;display:flex;flex-direction:column;gap:18px;margin-top:22px}
.priv-list li{display:flex;gap:14px;align-items:flex-start}
.priv-list .c{margin-top:2px;width:28px;height:28px;border-radius:50%;background:var(--green-soft);color:var(--green);
  display:grid;place-items:center;flex:none;font-weight:900}
.priv-list b{display:block;font-size:1.06rem}
.priv-list span{color:var(--ink-soft);font-size:.99rem}
.priv-badge{aspect-ratio:1;max-width:340px;margin:0 auto;border-radius:30px;text-align:center;padding:42px;
  background:linear-gradient(160deg,var(--ink),#3a2c1c);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow)}
.priv-badge .shield{width:100px;height:100px;border-radius:28px;display:grid;place-items:center;margin:0 auto 22px;
  background:linear-gradient(140deg,var(--green-2),var(--green));color:#04140B}
.priv-badge h3{font-size:1.6rem;font-weight:900;letter-spacing:-.02em}
.priv-badge p{color:#cbb89c;margin-top:8px;font-size:1.02rem}
@media(max-width:820px){.priv-grid{grid-template-columns:1fr;gap:40px}}

/* PROSE (policy / long text) */
.prose{max-width:760px;margin:0 auto}
.prose h2{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;margin:34px 0 10px;color:var(--ink)}
.prose p{color:var(--ink-soft);margin-bottom:14px}
.prose ul{color:var(--ink-soft);margin:0 0 14px 22px}
.prose li{margin-bottom:8px}

/* FAQ (AEO) */
.faq{max-width:820px;margin:0 auto}
details{background:var(--paper-3);border:1px solid var(--line);border-radius:18px;margin-bottom:14px;overflow:hidden}
details[open]{border-color:var(--line-2);box-shadow:0 14px 32px -26px rgba(58,36,18,.5)}
summary{cursor:pointer;list-style:none;padding:24px 26px;font-weight:800;font-size:1.16rem;
  display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary .plus{flex:none;width:30px;height:30px;border-radius:50%;background:var(--paper-2);color:var(--wood-2);
  display:grid;place-items:center;font-weight:900;font-size:1.3rem;transition:.2s}
details[open] summary .plus{transform:rotate(45deg);background:var(--wood);color:#fff}
details .ans{padding:0 26px 24px;color:var(--ink-soft);font-size:1.06rem}

/* CONTACT FORM */
.form-card{max-width:680px;margin:0 auto;background:var(--paper-3);border:1px solid var(--line);
  border-radius:var(--radius);padding:38px;box-shadow:0 22px 50px -34px rgba(58,36,18,.5)}
.field{margin-bottom:20px;text-align:left}
.field label{display:block;font-weight:800;margin-bottom:8px;color:var(--ink)}
.field input,.field select,.field textarea{width:100%;font-family:inherit;font-size:1.05rem;color:var(--ink);
  background:var(--paper);border:2px solid var(--line-2);border-radius:14px;padding:14px 16px;transition:.18s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);outline:none;background:#fff}
.field textarea{min-height:150px;resize:vertical}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235E5345' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:46px;cursor:pointer}
.form-note{font-size:.92rem;color:var(--ink-faint);margin-top:6px}
.form-card .btn{width:100%;justify-content:center;margin-top:6px}

/* CTA */
.cta-band{text-align:center;background:var(--paper-2)}
.cta-card{max-width:860px;margin:0 auto;background:var(--ink);color:#fff;border-radius:32px;padding:64px 40px;box-shadow:var(--shadow)}
.cta-card h2{font-size:clamp(2.1rem,4.4vw,3.1rem);font-weight:900;letter-spacing:-.03em;line-height:1.07;margin-bottom:16px}
.cta-card p{color:#cbb89c;font-size:1.18rem;max-width:540px;margin:0 auto 32px}
.store-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.store{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  border-radius:15px;padding:14px 24px;color:#fff;transition:.22s}
.store:hover{background:rgba(255,255,255,.16);transform:translateY(-3px)}
.store small{display:block;font-size:.72rem;color:#cbb89c}.store b{font-size:1.05rem}
.price-tag{display:inline-flex;flex-direction:column;align-items:center;gap:3px;margin:6px 0 28px;
  padding:14px 32px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18)}
.price-tag b{font-size:2.1rem;font-weight:900;letter-spacing:-.02em;color:var(--green-2);line-height:1}
.price-tag span{font-size:.84rem;color:#cbb89c;font-weight:700;letter-spacing:.02em}
.cta-card .em{margin-top:24px;font-size:.96rem;color:#cbb89c}
.cta-card .em a{color:#fff;font-weight:800;text-decoration:underline}
.btn-buy{background:linear-gradient(135deg,var(--green-2),var(--green));color:#06210f;
  font-size:1.18rem;padding:18px 44px;box-shadow:0 16px 34px -12px rgba(46,204,113,.6)}
.btn-buy:hover{transform:translateY(-3px);filter:brightness(1.05)}
.avail{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.badge-av{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:700;padding:9px 16px;border-radius:999px}
.badge-av.live{background:rgba(46,204,113,.16);color:#bdf0d2;border:1px solid rgba(46,204,113,.45)}
.badge-av.soon{background:rgba(255,255,255,.07);color:#cbb89c;border:1px solid rgba(255,255,255,.18)}

/* ORDER PAGE */
.order-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;max-width:980px;margin:0 auto;align-items:start}
@media(max-width:820px){.order-grid{grid-template-columns:1fr}}
.order-summary{background:var(--ink);color:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);position:sticky;top:96px}
@media(max-width:820px){.order-summary{position:static}}
.order-summary .top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.order-summary .top img{width:54px;height:54px;border-radius:14px}
.order-summary .top b{font-size:1.3rem;font-weight:900;letter-spacing:-.02em}
.order-summary .top span{display:block;color:#cbb89c;font-size:.92rem;font-weight:600}
.order-summary .price{font-size:3rem;font-weight:900;color:var(--green-2);letter-spacing:-.02em;line-height:1}
.order-summary .price small{font-size:1rem;color:#cbb89c;font-weight:700;letter-spacing:0}
.order-summary ul{list-style:none;margin:20px 0 0;display:flex;flex-direction:column;gap:12px}
.order-summary li{display:flex;gap:10px;color:#e9ddc9;font-size:1rem}
.order-summary .c{color:var(--green-2);font-weight:900;flex:none}
.platsel{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 22px}
.platsel label{flex:1;min-width:170px;border:2px solid var(--line-2);border-radius:14px;padding:14px 16px;cursor:pointer;
  background:var(--paper);font-weight:700;display:flex;gap:10px;align-items:center;transition:.18s}
.platsel input{accent-color:var(--blue);width:18px;height:18px}
.platsel label:has(input:checked){border-color:var(--blue);background:var(--blue-soft)}
.platsel small{display:block;font-weight:600;color:var(--ink-faint);font-size:.82rem}
.buy-area{max-width:680px;margin:0 auto}
.buy-area .btn-buy{width:100%;justify-content:center;font-size:1.25rem;padding:20px}
.pay-trust{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:16px;color:var(--ink-faint);font-size:.9rem;font-weight:600}
.pay-trust span{display:inline-flex;align-items:center;gap:7px}
.dl-steps{counter-reset:s;list-style:none;max-width:620px;margin:6px auto 0;text-align:left;display:flex;flex-direction:column;gap:16px}
.dl-steps li{display:flex;gap:14px;align-items:flex-start;font-size:1.1rem;color:var(--ink);line-height:1.4}
.dl-steps li::before{counter-increment:s;content:counter(s);flex:none;width:36px;height:36px;border-radius:50%;
  background:var(--blue-soft);color:var(--blue-deep);font-weight:900;display:grid;place-items:center;font-size:1.05rem}

/* FOOTER */
footer{background:var(--paper);border-top:1px solid var(--line);padding:56px 0 40px}
.foot-in{display:flex;justify-content:space-between;gap:34px;flex-wrap:wrap}
.foot-in>div:first-child{max-width:320px}
.foot-in p{color:var(--ink-soft);font-size:.98rem;margin-top:14px}
.foot-links{display:flex;gap:48px;flex-wrap:wrap}
.foot-col h4{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}
.foot-col a{display:block;color:var(--ink);font-weight:600;margin-bottom:10px;font-size:1rem}
.foot-col a:hover{color:var(--blue-deep)}
.foot-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;
  gap:14px;flex-wrap:wrap;color:var(--ink-faint);font-size:.9rem}
@media(max-width:880px){
  .foot-in{flex-direction:column;align-items:center;text-align:center}
  .foot-in>div:first-child{max-width:460px}
  .foot-in .logo{justify-content:center}
  .foot-links{justify-content:center;gap:56px;text-align:center}
  .foot-bottom{flex-direction:column;justify-content:center;text-align:center}
}

.reveal{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.m-pill .dot{animation:none}}