/* =========================================================
   KING REON  ―  案B「PROOF」 信頼・実績前面型 / CVR最優先
   ========================================================= */

:root{
  --black:#111111;
  --charcoal:#1D1D1F;
  --panel:#232326;
  --panel-2:#2b2b2f;
  --white:#F5F5F5;
  --gold:#C8A45D;
  --gold-2:#e0c187;
  --red:#B8232F;
  --grey:#8B8F94;
  --line:rgba(245,245,245,.12);
  --gline:rgba(200,164,93,.35);
  --maxw:1180px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --r:3px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{
  margin:0;background:var(--black);color:var(--white);
  font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size:15px;line-height:1.85;letter-spacing:.02em;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;padding-bottom:0;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,dl,dd,dt{margin:0}
.en{font-family:"Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.num{font-family:"Barlow Condensed",sans-serif;font-weight:600;letter-spacing:.02em}
.wrap{width:min(100% - 40px,var(--maxw));margin-inline:auto}
.wrap-l{width:min(100% - 40px,1360px);margin-inline:auto}

/* ============ UTILITY + HEADER ============ */
.ub{background:#0b0b0c;border-bottom:1px solid var(--line);font-size:11.5px;color:var(--grey)}
.ub__in{display:flex;align-items:center;gap:18px;height:34px}
.ub__in b{color:var(--gold);font-weight:500}
.ub__in .sp{margin-left:auto;display:flex;gap:16px}
.ub__in .sp a{color:var(--grey);transition:color .3s}
.ub__in .sp a:hover{color:var(--gold)}

.hd{position:sticky;top:0;z-index:100;background:rgba(17,17,17,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd__in{display:flex;align-items:center;gap:20px;height:64px}
.hd__logo{margin-right:auto;display:flex;align-items:baseline;gap:12px}
.hd__logo b{font-family:"Barlow Condensed",sans-serif;font-size:26px;letter-spacing:.16em;font-weight:600;line-height:1}
.hd__logo small{font-size:10.5px;color:var(--grey);letter-spacing:.06em}
.hd__nav{display:flex;gap:22px}
.hd__nav a{font-size:12.5px;color:rgba(245,245,245,.75);transition:color .25s;white-space:nowrap}
.hd__nav a:hover{color:var(--gold)}
.hd__tel{text-align:right;line-height:1.25}
.hd__tel b{font-family:"Barlow Condensed",sans-serif;font-size:23px;letter-spacing:.03em;font-weight:600}
.hd__tel span{display:block;font-size:9.5px;color:var(--grey);letter-spacing:.08em}
.hd__btn{background:var(--gold);color:#0d0d0d;font-size:12.5px;font-weight:700;padding:11px 18px;border-radius:var(--r);white-space:nowrap;transition:background .25s}
.hd__btn:hover{background:var(--gold-2)}

/* ============ HERO ============ */
.hero{position:relative;border-bottom:1px solid var(--gline)}
.hero__bg{position:absolute;inset:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:70% center}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(17,17,17,.98) 0%,rgba(17,17,17,.93) 38%,rgba(17,17,17,.45) 72%,rgba(17,17,17,.7) 100%)}
.hero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,56px);padding-block:clamp(52px,7vw,84px);align-items:center}
.hero__badge{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--gline);color:var(--gold);font-size:11.5px;padding:6px 13px;border-radius:100px;margin-bottom:22px}
.hero__badge::before{content:"";width:5px;height:5px;background:var(--gold);border-radius:50%}
.hero h1{font-size:clamp(27px,4.4vw,50px);line-height:1.36;font-weight:700;letter-spacing:.01em}
.hero h1 em{font-style:normal;color:var(--gold);position:relative;white-space:nowrap}
.hero h1 .sub{display:block;font-size:clamp(14px,1.7vw,19px);color:rgba(245,245,245,.8);font-weight:400;margin-top:20px;line-height:1.8;letter-spacing:.02em}
.hero__pts{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.hero__pts li{font-size:12px;background:rgba(200,164,93,.12);border:1px solid var(--gline);color:var(--gold-2);padding:6px 12px;border-radius:var(--r)}

/* CV panel */
.cvp{background:rgba(29,29,31,.92);border:1px solid var(--gline);border-radius:var(--r);padding:clamp(20px,2.4vw,28px);box-shadow:0 24px 60px rgba(0,0,0,.55)}
.cvp__h{font-size:13px;color:var(--gold);letter-spacing:.08em;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px;display:flex;align-items:center;gap:9px}
.cvp__h::before{content:"";width:16px;height:1px;background:var(--gold)}
.cvl{display:flex;flex-direction:column;gap:9px}
.cvl a{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:14px 15px;border:1px solid var(--line);border-radius:var(--r);background:rgba(245,245,245,.03);transition:background .25s,border-color .25s,transform .25s}
.cvl a:hover{background:rgba(200,164,93,.11);border-color:var(--gold);transform:translateX(3px)}
.cvl a.pri{background:var(--gold);border-color:var(--gold);color:#0d0d0d}
.cvl a.pri:hover{background:var(--gold-2)}
.cvl i{font-style:normal;font-family:"Barlow Condensed",sans-serif;font-size:19px;font-weight:600;color:var(--gold);text-align:center}
.cvl a.pri i{color:rgba(0,0,0,.5)}
.cvl b{font-size:14.5px;font-weight:700;display:block;line-height:1.5}
.cvl span{font-size:11px;color:var(--grey);display:block}
.cvl a.pri span{color:rgba(0,0,0,.6)}
.cvl em{font-style:normal;font-size:16px;color:var(--gold);line-height:1}
.cvl a.pri em{color:#0d0d0d}
.cvp__tel{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);text-align:center}
.cvp__tel small{font-size:10.5px;color:var(--grey);letter-spacing:.1em;display:block}
.cvp__tel b{font-family:"Barlow Condensed",sans-serif;font-size:32px;font-weight:600;letter-spacing:.02em;display:block;margin-top:2px}
.cvp__tel span{font-size:11px;color:var(--grey)}

/* ============ PROOF STRIP ============ */
.proof{background:var(--charcoal);border-bottom:1px solid var(--line)}
.proof__g{display:grid;grid-template-columns:repeat(5,1fr)}
.proof__i{padding:26px 16px;text-align:center;border-left:1px solid var(--line)}
.proof__i:first-child{border-left:0}
.proof__i b{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:clamp(26px,3.2vw,38px);color:var(--gold);line-height:1.1}
.proof__i b small{font-size:.45em;color:var(--grey);margin-left:3px;font-weight:400}
.proof__i span{display:block;font-size:11.5px;color:rgba(245,245,245,.7);margin-top:6px}
.proof__note{text-align:center;font-size:10.5px;color:var(--grey);padding:0 16px 18px}

/* ============ SECTION ============ */
.sec{padding-block:clamp(64px,8vw,110px)}
.sec--panel{background:var(--charcoal)}
.sec--deep{background:#0c0c0d}
.sh{text-align:center;margin-bottom:clamp(34px,4.4vw,58px)}
.sh i{font-style:normal;font-family:"Barlow Condensed",sans-serif;font-size:13px;letter-spacing:.28em;color:var(--gold);text-transform:uppercase}
.sh h2{font-size:clamp(21px,3vw,34px);font-weight:700;margin-top:10px;line-height:1.5}
.sh h2 em{font-style:normal;color:var(--gold)}
.sh p{margin-top:16px;color:rgba(245,245,245,.66);font-size:14px;max-width:44em;margin-inline:auto}
.sh--left{text-align:left}
.sh--left p{margin-inline:0}

/* ============ PROBLEM ============ */
.prob{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.prob li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;position:relative;padding-left:52px;font-size:14px;line-height:1.8}
.prob li::before{content:"✓";position:absolute;left:20px;top:23px;color:var(--red);font-size:16px;font-weight:700}
.prob__ans{margin-top:26px;text-align:center;border:1px solid var(--gline);background:rgba(200,164,93,.07);border-radius:var(--r);padding:clamp(24px,3vw,34px)}
.prob__ans i{font-style:normal;font-size:12px;letter-spacing:.2em;color:var(--gold)}
.prob__ans p{font-size:clamp(17px,2.4vw,26px);font-weight:700;margin-top:12px;line-height:1.6}
.prob__ans p em{font-style:normal;color:var(--gold)}

/* ============ REASONS ============ */
.rsn{display:flex;flex-direction:column;gap:clamp(18px,2.4vw,30px)}
.rsn__i{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.rsn__i:nth-child(even) .rsn__fig{order:2}
.rsn__fig{aspect-ratio:16/10;overflow:hidden}
.rsn__fig img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.rsn__i:hover .rsn__fig img{transform:scale(1.05)}
.rsn__b{padding:clamp(20px,2.6vw,34px) clamp(20px,2.6vw,38px)}
.rsn__no{display:inline-flex;align-items:center;gap:10px;font-family:"Barlow Condensed",sans-serif;font-size:12px;letter-spacing:.2em;color:var(--gold)}
.rsn__no b{font-size:26px;font-weight:600;line-height:1}
.rsn__b h3{font-size:clamp(17px,2.1vw,24px);font-weight:700;margin-top:12px;line-height:1.55}
.rsn__b p{margin-top:14px;font-size:13.5px;color:rgba(245,245,245,.72)}
.rsn__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.rsn__tags li{font-size:11px;color:var(--gold);border:1px solid var(--gline);padding:4px 10px;border-radius:var(--r)}

/* ============ STOCK ============ */
.cars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.car{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}
.car:hover{border-color:var(--gline);transform:translateY(-4px)}
.car__f{position:relative;aspect-ratio:16/11;overflow:hidden}
.car__f img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.car:hover .car__f img{transform:scale(1.06)}
.car__badge{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:var(--r)}
.car__b{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.car__b h3{font-size:16px;font-weight:700}
.car__sp{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.car__sp li{font-size:11px;color:var(--grey);background:rgba(245,245,245,.05);padding:3px 9px;border-radius:var(--r)}
.car__cta{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--grey)}
.car__cta b{color:var(--gold);font-size:12.5px}

.goobox{border:1px solid var(--gline);background:rgba(200,164,93,.06);border-radius:var(--r);padding:clamp(24px,3.2vw,40px);display:grid;grid-template-columns:1fr auto;gap:clamp(18px,2.6vw,36px);align-items:center}
.goobox__l i{font-style:normal;font-family:"Barlow Condensed",sans-serif;font-size:12px;letter-spacing:.22em;color:var(--gold);display:block}
.goobox__l b{display:block;font-size:clamp(18px,2.3vw,26px);font-weight:700;margin-top:10px;line-height:1.5}
.goobox__l p{font-size:12.5px;color:var(--grey);margin-top:10px;line-height:1.85}

/* ============ TABLE ============ */
.tbl{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--panel);border:1px solid var(--line)}
.tbl th,.tbl td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl thead th{background:rgba(200,164,93,.1);color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.tbl tbody th{width:30%;font-weight:700;color:var(--white)}
.tbl td{color:rgba(245,245,245,.74)}
.tbl tr:last-child th,.tbl tr:last-child td{border-bottom:0}
.tbl .ok{color:var(--gold);font-weight:700}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ============ FLOW ============ */
.stp{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:s}
.stp li{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:var(--r);padding:22px 18px;position:relative}
.stp li b{display:block;font-size:14.5px;font-weight:700;margin-top:10px}
.stp li p{font-size:12.5px;color:rgba(245,245,245,.66);margin-top:9px;line-height:1.8}
.stp li i{font-style:normal;font-family:"Barlow Condensed",sans-serif;font-size:12px;letter-spacing:.2em;color:var(--gold)}

/* ============ VOICE / MESSAGE ============ */
.msg{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(22px,3.4vw,50px);align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.msg__f{aspect-ratio:4/3;height:100%}
.msg__f img{width:100%;height:100%;object-fit:cover}
.msg__b{padding:clamp(22px,3vw,42px)}
.msg__b i{font-style:normal;font-size:12px;letter-spacing:.2em;color:var(--gold)}
.msg__b h3{font-size:clamp(18px,2.2vw,26px);font-weight:700;margin-top:12px;line-height:1.6}
.msg__b p{margin-top:16px;font-size:13.5px;color:rgba(245,245,245,.74)}
.msg__sign{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}
.msg__sign b{font-size:16px;font-weight:700;letter-spacing:.06em}
.msg__sign small{color:var(--grey);display:block;font-size:11px}

/* ============ FAQ ============ */
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:18px 46px 18px 50px;position:relative;font-size:14.5px;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"Q";position:absolute;left:20px;top:18px;font-family:"Barlow Condensed",sans-serif;color:var(--gold);font-size:16px;font-weight:600}
.faq summary .plus{position:absolute;right:20px;top:24px;width:12px;height:12px}
.faq summary .plus::before,.faq summary .plus::after{content:"";position:absolute;background:var(--gold)}
.faq summary .plus::before{left:0;top:5.5px;width:12px;height:1px}
.faq summary .plus::after{left:5.5px;top:0;width:1px;height:12px;transition:transform .3s var(--ease)}
.faq details[open] summary .plus::after{transform:scaleY(0)}
.faq details p{padding:0 24px 20px 50px;font-size:13.5px;color:rgba(245,245,245,.7);position:relative}
.faq details p::before{content:"A";position:absolute;left:20px;top:0;font-family:"Barlow Condensed",sans-serif;color:var(--grey);font-size:16px;font-weight:600}

/* ============ SHOP ============ */
.shop{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)}
.shop__map{min-height:380px;position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.shop__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) contrast(.85)}
.info{border-top:1px solid var(--line)}
.info div{display:grid;grid-template-columns:104px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.info dt{color:var(--grey);font-size:12px}
.info dd a{color:var(--gold)}
.lic{margin-top:22px;border:1px dashed var(--gline);background:rgba(200,164,93,.05);border-radius:var(--r);padding:18px 20px}
.lic b{color:var(--gold);font-size:13px;display:block;font-weight:700}
.lic p{font-size:11.5px;color:var(--grey);margin-top:7px;line-height:1.8}
.note{font-size:11px;color:var(--grey);line-height:1.85;margin-top:14px}
.note--c{text-align:center}

/* ============ FINAL CTA ============ */
.fcta{background:linear-gradient(180deg,#1a1a1c,#0c0c0d);border-top:1px solid var(--gline);position:relative;overflow:hidden}
.fcta__bg{position:absolute;inset:0;opacity:.2}
.fcta__bg img{width:100%;height:100%;object-fit:cover}
.fcta>.wrap{position:relative;z-index:2}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:6px}
.fbtn{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px 20px;display:flex;flex-direction:column;gap:8px;transition:background .3s,border-color .3s,transform .3s}
.fbtn:hover{background:rgba(200,164,93,.11);border-color:var(--gold);transform:translateY(-4px)}
.fbtn.pri{background:var(--gold);border-color:var(--gold);color:#0d0d0d}
.fbtn.pri:hover{background:var(--gold-2)}
.fbtn i{font-style:normal;font-family:"Barlow Condensed",sans-serif;font-size:11px;letter-spacing:.22em;color:var(--gold)}
.fbtn.pri i{color:rgba(0,0,0,.55)}
.fbtn b{font-size:16.5px;font-weight:700}
.fbtn span{font-size:12px;color:var(--grey);line-height:1.75}
.fbtn.pri span{color:rgba(0,0,0,.66)}
.fbtn em{font-style:normal;margin-top:auto;padding-top:12px;font-size:11.5px;color:var(--gold);font-weight:700}
.fbtn.pri em{color:#0d0d0d}
.tellink{margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border:1px solid var(--gline);border-radius:var(--r);padding:clamp(20px,2.6vw,30px);background:rgba(17,17,17,.7)}
.tellink small{font-size:11px;letter-spacing:.14em;color:var(--grey);display:block}
.tellink b{font-family:"Barlow Condensed",sans-serif;font-size:clamp(30px,4.4vw,46px);font-weight:600;letter-spacing:.02em;display:block;line-height:1.15}
.tellink p{font-size:12px;color:var(--grey);margin-top:6px}
.tellink__r{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 26px;font-size:13.5px;font-weight:700;border-radius:var(--r);border:1px solid transparent;transition:background .25s,color .25s,border-color .25s}
.btn--gold{background:var(--gold);color:#0d0d0d;border-color:var(--gold)}
.btn--gold:hover{background:var(--gold-2)}
.btn--gh{border-color:var(--line);color:var(--white);background:rgba(245,245,245,.04)}
.btn--gh:hover{border-color:var(--gold);color:var(--gold)}
.center{text-align:center;margin-top:34px}

/* ============ FOOTER ============ */
.ft{background:#0b0b0c;border-top:1px solid var(--line);padding:44px 0 96px;font-size:12.5px}
.ft__g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.ft__g b.lg{font-family:"Barlow Condensed",sans-serif;font-size:24px;letter-spacing:.16em;font-weight:600;display:block}
.ft__g small{display:block;color:var(--grey);margin-top:10px;line-height:2;font-size:11.5px}
.ft h4{font-size:11.5px;color:var(--gold);letter-spacing:.16em;margin-bottom:12px;font-weight:700}
.ft li{margin-bottom:8px}
.ft li a{color:rgba(245,245,245,.66)}
.ft li a:hover{color:var(--gold)}
.ft__b{padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--grey);font-size:11px}

/* ============ STICKY CTA ============ */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:120;background:rgba(11,11,12,.97);backdrop-filter:blur(12px);border-top:1px solid var(--gline);transform:translateY(110%);transition:transform .45s var(--ease)}
.sticky.on{transform:none}
.sticky__in{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:11px 0}
.sticky__t{font-size:13px;font-weight:700;white-space:nowrap}
.sticky__t span{display:block;font-size:10.5px;color:var(--grey);font-weight:400}
.sticky__b{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.sticky__b a{font-size:12.5px;font-weight:700;padding:11px 16px;border-radius:var(--r);border:1px solid var(--line);white-space:nowrap}
.sticky__b a.g{background:var(--gold);color:#0d0d0d;border-color:var(--gold)}
.sticky__b a.t{background:rgba(245,245,245,.05)}

/* ============ REVEAL ============ */
.rv{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}

/* ============ RESPONSIVE ============ */
@media (max-width:1080px){
  .hd__nav{display:none}
  .hero__in{grid-template-columns:1fr}
  .proof__g{grid-template-columns:repeat(3,1fr)}
  .proof__i:nth-child(4){border-left:0}
  .prob{grid-template-columns:1fr}
  .rsn__i{grid-template-columns:1fr}
  .rsn__i:nth-child(even) .rsn__fig{order:0}
  .cars{grid-template-columns:1fr 1fr}
  .goobox{grid-template-columns:1fr}
  .stp{grid-template-columns:1fr 1fr 1fr}
  .msg{grid-template-columns:1fr}
  .shop{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .ft__g{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  body{font-size:14px}
  .ub__in{height:auto;padding:7px 0;flex-wrap:wrap;gap:8px;font-size:10.5px}
  .ub__in .sp{margin-left:0;width:100%}
  .hd__tel{display:none}
  .hd__in{height:56px}
  .hd__logo b{font-size:22px}
  .hd__logo small{display:none}
  .proof__g{grid-template-columns:1fr 1fr}
  .proof__i{border-top:1px solid var(--line)}
  .proof__i:nth-child(odd){border-left:0}
  .proof__i:nth-child(-n+2){border-top:0}
  .proof__i:nth-child(5){grid-column:1/-1}
  .cars,.stp,.fgrid{grid-template-columns:1fr}
  .goobox .btn{width:100%}
  .tellink{grid-template-columns:1fr}
  .tellink__r a{flex:1}
  .ft__g{grid-template-columns:1fr}
  .sticky__in{grid-template-columns:1fr}
  .sticky__t{display:none}
  .sticky__b a{flex:1;text-align:center;padding-inline:8px}
  .ft{padding-bottom:104px}
}