:root{
  --night:#050E24; --navy:#0A1B3F; --navy-2:#11285A; --panel:#0E2148;
  --electric:#2F7BFF; --cyan:#6EE7FF; --glow:#FFD166; --white:#FFFFFF;
  --mist:#EEF3FB; --line:#D9E3F2; --ink:#0B1630; --ink-soft:#526079;
  --head:"Unbounded", system-ui, sans-serif; --body:"Onest", system-ui, sans-serif;
  --wide:1200px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--white); color:var(--ink); font-family:var(--body); font-size:17px; line-height:1.7; -webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:var(--head); line-height:1.12; margin:0 0 .55em; font-weight:600; letter-spacing:-.02em; color:var(--ink);}
h2{font-size:clamp(26px,3.3vw,42px);}
h3{font-family:var(--body); font-size:clamp(19px,2vw,22px); font-weight:700; letter-spacing:-.01em; margin-top:1.4em;}
p{margin:0 0 1em;}
a{color:var(--electric);}
img{max-width:100%; display:block; height:auto;}
.wrap{max-width:var(--wide); margin:0 auto; padding:0 24px;}
.icon{width:22px; height:22px; flex:none;}
section{padding:100px 0; scroll-margin-top:72px; position:relative;}
.dark{background:var(--night); color:#C3D0EA;}
.dark h2,.dark h3,.dark h4{color:#fff;}
.mist{background:var(--mist);}
.tag{display:inline-flex; align-items:center; gap:10px; font-family:var(--head); font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--electric); margin-bottom:16px;}
.tag::before{content:""; width:28px; height:2px; background:currentColor; box-shadow:0 0 10px currentColor;}
.dark .tag{color:var(--cyan);}
.grid-bg{background-image:linear-gradient(rgba(110,231,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,255,.06) 1px,transparent 1px); background-size:44px 44px;}

/* header */
header.site{position:sticky; top:0; z-index:40; background:rgba(5,14,36,.88); backdrop-filter:blur(12px); border-bottom:1px solid rgba(110,231,255,.14);}
header.site .wrap{display:flex; align-items:center; justify-content:space-between; height:66px; gap:20px;}
.logo{display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff; font-family:var(--head); font-weight:600; font-size:18px; letter-spacing:.02em;}
.logo svg{width:34px; height:34px;}
.logo b{color:var(--cyan); font-weight:600; margin-left:-10px;}
nav.main{display:flex; gap:26px;}
nav.main a{color:#9FB2D6; text-decoration:none; font-size:14.5px; font-weight:600;}
nav.main a:hover{color:#fff;}
.btn-line{color:#fff; border:1.5px solid var(--cyan); padding:9px 18px; border-radius:10px; font-weight:700; font-size:14px; cursor:pointer; box-shadow:0 0 18px rgba(110,231,255,.25) inset;}
.btn-line:hover{background:var(--cyan); color:var(--night);}

/* buttons */
.btn{display:inline-flex; align-items:center; gap:14px; background:linear-gradient(135deg,var(--electric),#5A9BFF); color:#fff; font-family:var(--head); font-weight:500; font-size:15.5px; letter-spacing:.01em; padding:18px 28px; border-radius:14px; cursor:pointer; text-decoration:none; box-shadow:0 0 0 1px rgba(255,255,255,.15) inset, 0 14px 36px rgba(47,123,255,.45); transition:transform .15s, box-shadow .15s;}
.btn:hover{transform:translateY(-2px); box-shadow:0 0 0 1px rgba(255,255,255,.25) inset, 0 18px 44px rgba(47,123,255,.6);}
.btn .icon{width:20px; height:20px;}
.btn.glow{background:var(--glow); color:var(--night); box-shadow:0 14px 40px rgba(255,209,102,.4);}
.btn-note{font-size:13.5px; color:#8EA2C8; margin:14px 0 0;}

/* hero */
.hero{background:radial-gradient(ellipse at 70% 40%, #12357A 0%, var(--navy) 38%, var(--night) 75%); color:#C3D0EA; position:relative; overflow:hidden; padding:70px 0 0;}
.hero .bigword{position:absolute; right:-2%; top:6%; font-family:var(--head); font-weight:700; font-size:clamp(120px,18vw,280px); line-height:.85; color:transparent; -webkit-text-stroke:1.5px rgba(110,231,255,.16); letter-spacing:-.04em; pointer-events:none; user-select:none;}
.hero .speed{position:absolute; left:0; right:0; top:38%; height:180px; background:repeating-linear-gradient(90deg, transparent 0 40px, rgba(110,231,255,.07) 40px 41px); transform:skewY(-6deg); pointer-events:none;}
.hero .wrap{position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center;}
.hero h1{color:#fff; font-size:clamp(30px,3.9vw,52px); margin-bottom:18px;}
.hero h1 em{font-style:normal; color:var(--cyan); text-shadow:0 0 24px rgba(110,231,255,.5);}
.hero .sub{font-size:18.5px; max-width:560px;}
.points{list-style:none; padding:0; margin:24px 0 30px; display:grid; gap:10px;}
.points li{display:flex; gap:12px; align-items:flex-start; color:#fff; font-weight:600;}
.points li i{width:12px; height:12px; border-radius:50%; background:var(--glow); box-shadow:0 0 0 4px rgba(255,209,102,.18), 0 0 16px var(--glow); margin-top:8px; flex:none;}
.priceband{display:flex; align-items:stretch; margin-bottom:26px; border-radius:14px; overflow:hidden; width:max-content; max-width:100%; border:1px solid rgba(110,231,255,.25);}
.priceband span{display:flex; align-items:center; padding:12px 18px;}
.priceband .old{color:#8EA2C8; text-decoration:line-through; background:rgba(255,255,255,.04);}
.priceband .new{font-family:var(--head); font-weight:600; font-size:26px; color:#fff; background:rgba(47,123,255,.18);}
.priceband .save{background:var(--glow); color:var(--night); font-family:var(--head); font-weight:600;}
.pack{position:relative; display:flex; justify-content:center; align-items:center; min-height:500px;}
.pack .halo{position:absolute; width:min(460px,90%); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle, rgba(47,123,255,.55) 0%, rgba(47,123,255,0) 65%);}
.pack .orbit{position:absolute; width:min(500px,96%); aspect-ratio:1; border-radius:50%; border:1px dashed rgba(110,231,255,.35); animation:orb 30s linear infinite;}
.pack .orbit::before{content:""; position:absolute; top:-6px; left:50%; width:12px; height:12px; border-radius:50%; background:var(--cyan); box-shadow:0 0 18px var(--cyan);}
@keyframes orb{to{transform:rotate(360deg);}}
.pack img{position:relative; width:min(520px,100%); filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));}
.pack .chip{position:absolute; z-index:2; background:rgba(14,33,72,.85); border:1px solid rgba(110,231,255,.3); backdrop-filter:blur(8px); color:#fff; border-radius:14px; padding:10px 14px; font-size:13px; font-weight:700; line-height:1.3;}
.pack .chip b{display:block; font-family:var(--head); font-size:18px; color:var(--cyan); font-weight:600;}
.pack .chip.c1{left:0; top:14%;}
.pack .chip.c2{right:0; bottom:18%;}
.hero-bar{position:relative; z-index:2; margin-top:30px; border-top:1px solid rgba(110,231,255,.14); background:rgba(5,14,36,.6);}
.hero-bar .wrap{display:grid; grid-template-columns:repeat(3,1fr) 1.4fr; gap:0;}
.hero-bar .it{display:flex; gap:12px; align-items:center; padding:20px 18px; color:#fff; font-weight:700; border-right:1px solid rgba(110,231,255,.12); line-height:1.3;}
.hero-bar .it .icon{color:var(--cyan); width:26px; height:26px;}
.hero-bar .meta{padding:14px 20px; font-size:13px; color:#8EA2C8; line-height:1.6;}
.hero-bar .meta b{color:#fff;}

/* what */
.what{display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start;}
.what .lead{font-size:19px;}
.idcard{border-radius:22px; overflow:hidden; background:var(--white); box-shadow:0 24px 60px rgba(10,27,63,.14); border:1px solid var(--line);}
.idcard .top{background:linear-gradient(120deg,var(--navy),var(--electric)); padding:22px 26px; color:#fff; display:flex; justify-content:space-between; align-items:center;}
.idcard .top .n{font-family:var(--head); font-size:22px; font-weight:600;}
.idcard .top .s{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--cyan); font-weight:700;}
.idcard dl{margin:0; padding:8px 26px 18px;}
.idcard .r{display:grid; grid-template-columns:40% 60%; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:15.5px;}
.idcard .r:last-child{border-bottom:none;}
.idcard dt{color:var(--ink-soft); font-weight:600;}
.idcard dd{margin:0; font-weight:700;}
.who{margin-top:26px; padding:22px 24px; border-radius:18px; background:var(--mist); border-left:4px solid var(--electric);}
.who h3{margin-top:0;}
.who p{margin:0;}

/* ingredient */
.ing{display:grid; grid-template-columns:.9fr 1.1fr; gap:50px; align-items:center;}
.root-viz{position:relative; aspect-ratio:1; max-width:460px; width:100%; margin:0 auto;}
.root-viz svg{width:100%; height:100%;}
.root-viz .mg{position:absolute; left:50%; bottom:2%; transform:translateX(-50%); background:var(--glow); color:var(--night); border-radius:14px; padding:10px 18px; text-align:center; font-family:var(--head); line-height:1; box-shadow:0 10px 30px rgba(255,209,102,.35);}
.root-viz .mg b{font-size:34px; font-weight:700; display:block;}
.root-viz .mg span{font-size:11.5px; letter-spacing:.06em; text-transform:uppercase;}
.latin{display:block; font-style:italic; color:var(--cyan); font-size:18px; margin:-6px 0 16px;}
.facts{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:22px 0 6px;}
.facts div{border:1px solid rgba(110,231,255,.2); border-radius:16px; padding:16px; background:rgba(255,255,255,.03);}
.facts b{display:block; font-family:var(--head); font-size:22px; color:#fff; font-weight:600;}
.facts span{font-size:13px; color:#8EA2C8;}

/* benefits rail */
.rail{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:34px;}
.rail .c{border-radius:20px; padding:26px 22px; background:var(--white); border:1px solid var(--line); position:relative; overflow:hidden; font-weight:700; line-height:1.45; min-height:200px; display:flex; flex-direction:column; justify-content:flex-end;}
.rail .c::before{content:""; position:absolute; right:-30px; top:-30px; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle, rgba(47,123,255,.22), transparent 70%);}
.rail .c .k{position:absolute; top:20px; right:22px; font-family:var(--head); font-size:13px; color:var(--electric); font-weight:600;}
.rail .c .icon{width:34px; height:34px; color:var(--electric); margin-bottom:14px;}
.note-soft{margin-top:26px; font-size:16px; color:var(--ink-soft); max-width:820px;}

/* dosage clock */
.dose{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center;}
.day{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.slot{border-radius:22px; padding:26px; color:#fff; position:relative; overflow:hidden;}
.slot.am{background:linear-gradient(150deg,#2F7BFF,#6EE7FF);}
.slot.pm{background:linear-gradient(150deg,#0A1B3F,#2B3F8A);}
.slot .t{font-family:var(--head); font-size:14px; letter-spacing:.1em; text-transform:uppercase; opacity:.9;}
.slot .caps{display:flex; gap:8px; margin:20px 0 14px;}
.slot .caps i{width:46px; height:20px; border-radius:20px; background:linear-gradient(90deg,#fff 50%,rgba(255,255,255,.55) 50%); box-shadow:0 4px 10px rgba(0,0,0,.2);}
.slot .q{font-family:var(--head); font-size:30px; font-weight:600;}
.slot p{margin:0; font-size:14px; opacity:.92;}
.dose-total{grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; gap:14px; background:var(--mist); border-radius:18px; padding:16px 22px; font-weight:700;}
.dose-total b{font-family:var(--head); color:var(--electric); font-size:20px;}

/* warnings */
.warn-list{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:30px;}
.wl{border-radius:18px; padding:22px; background:rgba(255,255,255,.04); border:1px solid rgba(110,231,255,.16);}
.wl.hot{border-color:rgba(255,209,102,.6); background:rgba(255,209,102,.08);}
.wl .icon{color:var(--glow); width:28px; height:28px; margin-bottom:10px;}
.wl h4{font-family:var(--body); font-size:16.5px; font-weight:800; margin:0 0 6px; color:#fff;}
.wl p{margin:0; font-size:14.5px; color:#B6C4E0; line-height:1.55;}

/* body map */
.map{display:grid; grid-template-columns:.8fr 1.2fr; gap:40px; align-items:center;}
.body-fig{position:relative; max-width:330px; margin:0 auto; width:100%;}
.body-fig svg{width:100%; height:auto; display:block;}
.hot-btn{position:absolute; width:34px; height:34px; border-radius:50%; border:none; padding:0; cursor:pointer; background:rgba(47,123,255,.2); transform:translate(-50%,-50%);}
.hot-btn::before{content:""; position:absolute; inset:9px; border-radius:50%; background:var(--electric); box-shadow:0 0 12px var(--electric);}
.hot-btn::after{content:""; position:absolute; inset:0; border-radius:50%; border:2px solid var(--electric); animation:ping 2s ease-out infinite;}
.hot-btn.on{background:rgba(255,209,102,.3);}
.hot-btn.on::before{background:var(--glow); box-shadow:0 0 14px var(--glow);}
.hot-btn.on::after{border-color:var(--glow);}
@keyframes ping{0%{transform:scale(.7); opacity:1;} 100%{transform:scale(1.7); opacity:0;}}
.tabs{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px;}
.tabs button{font:inherit; font-weight:700; font-size:14px; border:1px solid var(--line); background:var(--white); color:var(--ink); border-radius:30px; padding:8px 16px; cursor:pointer;}
.tabs button[aria-selected="true"]{background:var(--ink); color:#fff; border-color:var(--ink);}
.tip{background:var(--white); border-radius:20px; padding:26px; box-shadow:0 14px 40px rgba(10,27,63,.08); border:1px solid var(--line); min-height:180px;}
.tip h3{margin-top:0;}
.tip p{margin:0;}
.tip[hidden]{display:none;}

/* price */
.price{display:grid; grid-template-columns:1fr 1fr; gap:0; border-radius:30px; overflow:hidden; background:var(--panel); border:1px solid rgba(110,231,255,.2);}
.price .vis{position:relative; display:flex; align-items:center; justify-content:center; padding:40px; background:radial-gradient(circle at 50% 45%, #1C4BA8 0%, var(--navy) 65%);}
.price .vis img{max-width:380px; width:100%; filter:drop-shadow(0 26px 34px rgba(0,0,0,.5));}
.price .info{padding:42px 44px; color:#C3D0EA;}
.price .info h3{color:#fff; margin-top:0;}
.meter{margin:22px 0 10px;}
.meter .row{display:flex; justify-content:space-between; font-size:14px; margin-bottom:6px;}
.meter .bar{height:12px; border-radius:12px; background:rgba(255,255,255,.08); overflow:hidden; margin-bottom:14px;}
.meter .bar i{display:block; height:100%; border-radius:12px;}
.meter .old i{width:100%; background:#55658A;}
.meter .new i{width:75%; background:linear-gradient(90deg,var(--electric),var(--cyan)); box-shadow:0 0 14px rgba(110,231,255,.5);}
.bigp{display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin:6px 0 22px;}
.bigp .n{font-family:var(--head); font-size:44px; font-weight:700; color:#fff; letter-spacing:-.03em; white-space:nowrap;}
.bigp .o{color:#8EA2C8; text-decoration:line-through; white-space:nowrap;}
.bigp .s{background:var(--glow); color:var(--night); font-weight:800; padding:4px 10px; border-radius:8px;}
.chk{list-style:none; padding:0; margin:20px 0 0; display:grid; gap:10px;}
.chk li{display:flex; gap:12px; align-items:flex-start; font-size:15px;}
.chk .icon{color:var(--cyan); width:20px; height:20px; margin-top:3px;}
.buy-info{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:24px;}
.buy-info div{background:var(--mist); border-radius:16px; padding:16px; font-size:14px; color:var(--ink-soft);}
.buy-info b{display:block; color:var(--ink); font-size:15.5px; margin-top:2px;}

/* faq */
.faq{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:34px; align-items:start;}
.faq details{border-radius:18px; background:var(--white); border:1px solid var(--line); transition:box-shadow .15s;}
.faq details[open]{box-shadow:0 14px 40px rgba(10,27,63,.1); border-color:var(--electric);}
.faq summary{list-style:none; cursor:pointer; padding:20px 58px 20px 22px; font-weight:800; font-size:16.5px; position:relative; line-height:1.4;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:""; position:absolute; right:20px; top:50%; width:22px; height:22px; margin-top:-11px; border-radius:6px; background:var(--electric) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat; transition:transform .2s;}
.faq details[open] summary::after{transform:rotate(180deg);}
.faq details p{margin:0; padding:0 22px 20px; color:var(--ink-soft);}

/* final */
.final{padding:110px 0; text-align:center; overflow:hidden;}
.final .bigword{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-family:var(--head); font-weight:700; font-size:clamp(110px,20vw,300px); color:transparent; -webkit-text-stroke:1.5px rgba(110,231,255,.1); white-space:nowrap; pointer-events:none;}
.final .wrap{position:relative;}
.final h2{font-size:clamp(28px,4vw,50px); max-width:820px; margin:0 auto 14px;}
.final p{font-size:19px; margin-bottom:30px;}
.final img{width:280px; margin:0 auto 24px; filter:drop-shadow(0 24px 30px rgba(0,0,0,.5));}
.sources{padding:52px 0; font-size:15px; color:var(--ink-soft);}
.sources h2{font-size:17px;}

footer{background:var(--night); color:#7F90B5; padding:46px 0; font-size:14px; border-top:1px solid rgba(110,231,255,.12);}
footer .row{display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; align-items:center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(110,231,255,.12);}
footer .legal{display:flex; gap:20px; flex-wrap:wrap;}
footer a{color:#D3DDF2;}
footer p{max-width:900px; margin:0 0 10px;}

.sticky-cta{display:none; position:fixed; left:0; right:0; bottom:0; z-index:50; background:rgba(5,14,36,.95); backdrop-filter:blur(10px); border-top:1px solid rgba(110,231,255,.25); padding:10px 14px;}
.sticky-cta .row{display:flex; justify-content:space-between; align-items:center; gap:10px;}
.sticky-cta .p{font-family:var(--head); font-weight:600; color:#fff; font-size:16px; line-height:1.15; white-space:nowrap;}
.sticky-cta .p s{display:block; font-family:var(--body); font-size:12px; color:#8EA2C8; font-weight:500;}
.sticky-cta .btn{padding:12px 16px; font-size:13.5px;}

@media (max-width:1060px){
  nav.main{display:none;}
  .rail{grid-template-columns:repeat(2,1fr);}
  .hero-bar .wrap{grid-template-columns:repeat(3,1fr);}
  .hero-bar .meta{grid-column:1 / -1; border-top:1px solid rgba(110,231,255,.12);}
  .hero-bar .it:nth-child(3){border-right:none;}
  .warn-list{grid-template-columns:repeat(2,1fr);}
  .buy-info{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
  body{font-size:16.5px;}
  section{padding:64px 0;}
  .hero{padding-top:30px;}
  .hero .wrap,.what,.ing,.dose,.map,.price,.faq{grid-template-columns:1fr;}
  .pack{order:-1; min-height:360px;}
  .pack img{width:min(360px,100%);}
  .pack .chip{font-size:11.5px; padding:8px 10px;} .pack .chip b{font-size:15px;}
  .hero-bar .wrap{grid-template-columns:1fr;}
  .hero-bar .it{border-right:none; border-bottom:1px solid rgba(110,231,255,.12); padding:14px 4px;}
  .hero-bar .meta{padding:14px 4px;}
  .price .info{padding:30px 22px;}
  .btn-line{display:none;}
  .sticky-cta{display:block;}
  footer{padding-bottom:96px;}
  .root-viz{max-width:320px;}
}
@media (max-width:540px){
  .rail,.warn-list,.facts,.day{grid-template-columns:1fr;}
  .buy-info{grid-template-columns:1fr 1fr;}
  .priceband .new{font-size:20px;} .priceband span{padding:10px 12px;}
  .hero .btn{width:100%; justify-content:center;}
  .idcard .r{grid-template-columns:1fr; gap:2px;}
  .bigp .n{font-size:36px;}
  .dose-total{flex-direction:column; align-items:flex-start;}
}
:focus-visible{outline:3px solid var(--glow); outline-offset:2px;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} .pack .orbit,.hot-btn::after{animation:none;}}

/* legal */
.legal-page{background:var(--mist);}
.legal-hero{background:radial-gradient(ellipse at 80% 0%, #12357A, var(--night) 70%); color:#C3D0EA; padding:0 0 80px;}
.legal-hero .bar{display:flex; align-items:center; justify-content:space-between; height:70px; gap:16px;}
.legal-hero .back{color:#fff; text-decoration:none; font-weight:700; border:1.5px solid rgba(110,231,255,.5); padding:7px 14px; border-radius:10px; font-size:14px; white-space:nowrap;}
.legal-hero h1{color:#fff; font-size:clamp(28px,4vw,46px); margin:30px 0 6px;}
.legal-hero p{margin:0;}
.legal-body{max-width:820px; margin:-50px auto 0; background:#fff; border-radius:22px; padding:44px 48px; box-shadow:0 24px 60px rgba(10,27,63,.12); position:relative;}
.legal-body h2{font-size:20px; margin-top:1.6em;}
.legal-body h2:first-child{margin-top:0;}
.legal-body p,.legal-body li{color:var(--ink-soft);}
.legal-nav{max-width:820px; margin:26px auto 60px; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; padding:0 16px;}
.legal-nav a{background:#fff; border:1px solid var(--line); padding:8px 16px; border-radius:10px; text-decoration:none; font-weight:700; font-size:14px; color:var(--ink);}
.legal-nav a[aria-current]{background:var(--ink); color:#fff; border-color:var(--ink);}
.mailbox{display:flex; gap:16px; align-items:center; background:var(--mist); border-radius:16px; padding:20px 22px; margin:18px 0;}
.mailbox .ic{width:52px; height:52px; border-radius:14px; background:var(--electric); color:#fff; display:flex; align-items:center; justify-content:center; flex:none;}
.mailbox b{display:block; font-size:17px; overflow-wrap:anywhere;}
@media (max-width:640px){ .legal-body{padding:28px 22px; margin:-50px 14px 0;} }
@media (max-width:860px){ .body-fig{max-width:220px;} }