/* Copied 2026-10-21 from testing.html <style> (Rev 3.0) so new pages share the Analytical look. testing.html keeps its own copy. */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500;1,6..72,600&family=Hanken+Grotesk:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{
  --page:#fbf1d6; --card:#fff; --cream:#f6e7c6;
  --ink:#2b2412; --sub:#6a5c3f; --muted:#a3947a; --line:#e6d5a8;
  --primary:#0a7d80; --primary-d:#05656b;
  --gold:#b8831d; --gold-b:#d9a441; --goldsoft:#f3e3bb;
  --badge-cold-bg:#e6f3ff; --badge-cold-fg:#1668a8;
  --sh-card:0 16px 32px -22px rgba(43,36,18,.4);
  --sh-lift:0 20px 40px -24px rgba(43,36,18,.45);
  --sh-pop:0 24px 60px -20px rgba(43,36,18,.5);
  --sh-soft:0 6px 16px -12px rgba(43,36,18,.35);
  --bar-bg:rgba(251,241,214,.9); --bar-blur:blur(12px);
  --ease:cubic-bezier(.22,.61,.36,1); --dur:.25s; --dur-fast:.2s;
  --disp:'Newsreader',Georgia,serif; --body:'Hanken Grotesk',system-ui,sans-serif;
  --mono:'IBM Plex Mono',monospace;
  --pass:#1f6b3a; --passbg:#eaf5ed;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:78px}
body{background:var(--page);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55;
  -webkit-font-smoothing:antialiased}
a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-d)}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}

/* ---------- top bar ---------- */
.bar{position:sticky;top:0;z-index:60;background:var(--bar-bg);backdrop-filter:var(--bar-blur);
  -webkit-backdrop-filter:var(--bar-blur);border-bottom:1px solid var(--line)}
.bar .in{max-width:1180px;margin:0 auto;padding:11px 22px;display:flex;align-items:center;
  gap:18px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.brand img{width:31px;height:31px;display:block}
.brand .t{font-family:var(--disp);font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1;
  color:var(--ink)}
.brand .t span{color:var(--primary)}
.brand .u{display:block;font-family:var(--mono);font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);font-weight:600;margin-top:3px}
nav.main{display:flex;gap:2px;margin-left:8px;flex-wrap:wrap}
nav.main a{font-size:13.5px;font-weight:600;color:var(--sub);padding:7px 11px;border-radius:8px;
  transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
nav.main a:hover{background:rgba(10,125,128,.08);color:var(--primary-d)}
nav.main a.on{color:var(--primary-d);background:rgba(10,125,128,.11)}
.bar .acts{margin-left:auto;display:flex;gap:8px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--body);font-size:13.5px;
  font-weight:700;padding:9px 15px;border-radius:10px;border:1px solid transparent;cursor:pointer;
  transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),
  background var(--dur-fast) var(--ease)}
.btn:hover{transform:translateY(-1px)}
.btn-p{background:var(--primary);color:#fff;box-shadow:var(--sh-soft)}
.btn-p:hover{background:var(--primary-d);color:#fff}
.btn-o{background:var(--card);color:var(--primary-d);border-color:var(--line)}
.btn-o:hover{border-color:var(--primary);color:var(--primary-d)}
.btn-g{background:var(--gold);color:#fff}
.btn-g:hover{background:#a0721a;color:#fff}
.btn-lg{font-size:15px;padding:13px 22px;border-radius:12px}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:9px;
  padding:8px 10px;cursor:pointer;font-size:15px;color:var(--ink)}

/* ---------- generic section ---------- */
section{padding:52px 0}
section.tight{padding:34px 0}
.eye{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--primary);font-weight:600;margin-bottom:10px}
h1{font-family:var(--disp);font-size:clamp(32px,5.2vw,52px);line-height:1.06;letter-spacing:-.025em;
  font-weight:500}
h1 em{font-style:italic;color:var(--primary-d)}
h2{font-family:var(--disp);font-size:clamp(24px,3.2vw,33px);line-height:1.15;letter-spacing:-.025em;
  font-weight:600}
h3{font-family:var(--disp);font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.lede{font-size:16.5px;line-height:1.62;color:var(--sub);max-width:62ch;margin-top:14px}
.sub{font-size:14.5px;line-height:1.6;color:var(--sub);max-width:70ch;margin-top:10px}
.hd{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;padding-bottom:12px;
  border-bottom:1px solid var(--line);margin-bottom:26px}
.hd .n{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--gold);font-weight:600;
  padding-bottom:5px}
.hd .note{margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--muted);
  padding-bottom:4px}

/* ---------- hero ---------- */
.hero{padding:46px 0 34px}
.rule{height:4px;width:74px;background:var(--gold);border-radius:2px;margin-bottom:20px}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.chip{font-size:12.5px;font-weight:600;color:var(--sub);background:var(--card);
  border:1px solid var(--line);border-radius:99px;padding:7px 13px}
.chip b{color:var(--primary-d)}
.cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;margin-top:30px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;
  box-shadow:var(--sh-soft)}
.tile.hi{background:var(--primary);border-color:var(--primary)}
.tile .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);font-weight:600}
.tile.hi .k{color:#9fd8d6}
.tile .v{font-family:var(--disp);font-size:29px;font-weight:600;letter-spacing:-.03em;margin-top:7px;
  line-height:1}
.tile.hi .v{color:#fff}
.tile .v small{font-size:14px;font-weight:500;color:var(--sub)}
.tile.hi .v small{color:#bfe6e4}
.tile .d{font-size:12.5px;color:var(--sub);margin-top:8px;line-height:1.45}
.tile.hi .d{color:#dff2f1}

/* ---------- pricing mode toggle ---------- */
.modebar{position:sticky;top:63px;z-index:50;background:var(--bar-bg);backdrop-filter:var(--bar-blur);
  -webkit-backdrop-filter:var(--bar-blur);border-bottom:1px solid var(--line);
  border-top:1px solid var(--line)}
.modebar .in{max-width:1180px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;
  gap:14px;flex-wrap:wrap}
.modebar .lb{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--muted);font-weight:600}
.seg{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:11px;
  padding:3px;gap:3px}
.seg button{font-family:var(--body);font-size:13.5px;font-weight:700;border:none;background:none;
  color:var(--sub);padding:8px 15px;border-radius:8px;cursor:pointer;
  transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.seg button.on{background:var(--primary);color:#fff}
.modebar .hint{font-size:12.5px;color:var(--sub);margin-left:auto}
.modebar .hint b{color:var(--primary-d)}

/* ---------- panels ---------- */
.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:16px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 21px 24px;
  box-shadow:var(--sh-card);display:flex;flex-direction:column;position:relative;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.panel:hover{transform:translateY(-3px);box-shadow:var(--sh-lift)}
.panel.hero2{border:2px solid var(--primary);background:linear-gradient(180deg,#f1fbfb 0,#fff 46%)}
.panel .flag{position:absolute;top:-11px;left:21px;background:var(--primary);color:#fff;
  font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  padding:5px 11px;border-radius:99px}
.panel .code{font-family:var(--mono);font-size:10px;letter-spacing:.17em;color:var(--gold);font-weight:600}
.panel .nm{font-family:var(--disp);font-size:26px;font-weight:600;letter-spacing:-.025em;margin-top:6px;
  line-height:1.08}
.panel .who{font-size:12.5px;color:var(--muted);margin-top:7px;line-height:1.45;min-height:36px}
.panel .price{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.panel .php{font-family:var(--disp);font-size:38px;font-weight:600;letter-spacing:-.035em;line-height:1;
  color:var(--ink)}
.panel .usd{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.05em;margin-top:6px}
.panel .save{display:inline-block;margin-top:8px;font-size:11.5px;font-weight:700;color:var(--pass);
  background:var(--passbg);border:1px solid #bcdcc6;border-radius:99px;padding:3px 9px}
.panel ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:8px}
.panel li{font-size:13px;line-height:1.45;color:var(--sub);padding-left:16px;position:relative}
.panel li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;
  background:var(--primary)}
.panel li b{color:var(--ink);font-weight:700}
.panel .req{margin-top:auto;padding-top:17px;font-family:var(--mono);font-size:10px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--gold);font-weight:600}
.panel .pb{margin-top:15px}
.panel .pb .btn{width:100%;justify-content:center}

/* ---------- tables ---------- */
.tbl{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-soft);
  overflow:hidden}
.scrollx{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;min-width:660px}
thead th{font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--muted);font-weight:600;text-align:left;padding:15px 16px 11px;
  border-bottom:1.5px solid var(--line);background:#fffdf7}
tbody td{font-size:13.5px;color:var(--sub);padding:12px 16px;border-bottom:1px solid #f4ecd8;
  vertical-align:top;line-height:1.45}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover td{background:#fffdf6}
td.t{color:var(--ink);font-weight:700;font-size:14px}
td.t span{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:3px;line-height:1.45}
td.v{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:center;white-space:nowrap}
td.p{font-family:var(--disp);font-size:19px;font-weight:600;color:var(--ink);text-align:right;
  letter-spacing:-.025em;white-space:nowrap}
td.p .u2{display:block;font-family:var(--mono);font-size:9.5px;font-weight:400;color:var(--muted);
  letter-spacing:.04em;margin-top:3px}
tbody tr.band td{background:var(--cream);font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);font-weight:600;padding:8px 16px;border-bottom:none}
.mx td.c,.mx th.c{text-align:center;width:12%}
.mx td.c{font-family:var(--disp);font-size:19px;color:var(--primary);font-weight:600}
.mx td.c.no{color:#dccfae}
.mx td.a{color:var(--ink);font-weight:500}

/* comparison */
.vs td{text-align:center;font-size:13px}
.vs td.rl{text-align:left;color:var(--ink);font-weight:700;font-size:13.5px}
.vs td.us{background:#f2fafa;color:var(--primary-d);font-weight:700}
.vs th.us{color:var(--primary)}
.vs tr.tot td{border-top:2px solid var(--line);font-family:var(--disp);font-size:20px;font-weight:600;
  color:var(--ink);padding-top:15px}
.vs tr.tot td.rl{font-family:var(--body);font-size:13.5px}
.vs tr.tot td.us{color:var(--primary-d);background:#e9f7f6}
.yes{color:var(--primary);font-weight:700}.no{color:#b4483a;font-weight:600}

/* ladder */
.ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.lg{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:17px 16px;
  box-shadow:var(--sh-soft);text-align:center}
.lg.last{background:var(--primary);border-color:var(--primary)}
.lg .q{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);font-weight:600}
.lg.last .q{color:#9fd8d6}
.lg .o{font-family:var(--disp);font-size:31px;font-weight:600;letter-spacing:-.03em;margin-top:8px;
  line-height:1}
.lg.last .o{color:#fff;font-size:22px;line-height:1.12}
.lg .x{font-size:12.5px;color:var(--sub);margin-top:9px;line-height:1.45}
.lg.last .x{color:#dff2f1}

/* boxes */
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}
.box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 21px;
  box-shadow:var(--sh-soft)}
.box.tint{background:var(--cream);border-color:#dfca97}
.box.warn{background:#fdf7ea;border-color:#e0c48a}
.box h3{margin-bottom:4px}
.box ul{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:9px}
.box li{font-size:13.5px;line-height:1.5;color:var(--sub);padding-left:15px;position:relative}
.box li::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;
  background:var(--gold)}
.box li b{color:var(--ink);font-weight:700}
.box p{font-size:13.5px;line-height:1.55;color:var(--sub);margin-top:11px}

/* strips */
.strip{background:var(--primary);color:#fff;border-radius:16px;padding:24px 26px;display:flex;
  gap:26px;align-items:center;flex-wrap:wrap}
.strip .sh{font-family:var(--disp);font-size:24px;font-weight:600;letter-spacing:-.02em;flex:0 0 300px}
.strip .sh span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:#9fd8d6;font-weight:600;margin-bottom:7px}
.strip .sb{font-size:14px;line-height:1.6;color:#dff2f1;flex:1;min-width:260px}
.strip .sb b{color:#fff}
.strip.amber{background:#7a5410}
.strip.amber .sh span{color:#f0d194}
.strip.amber .sb{color:#f6e7c6}

/* turnaround legs */
.legs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.leg{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--primary);
  border-radius:14px;padding:18px 19px;box-shadow:var(--sh-soft)}
.leg.risk{border-top-color:#c0872a;background:#fdf7ea}
.leg .lh{font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--primary);font-weight:600}
.leg.risk .lh{color:#8a5f12}
.leg .ld{font-family:var(--disp);font-size:28px;font-weight:600;letter-spacing:-.03em;margin-top:7px;
  line-height:1}
.leg .lb2{font-size:13px;color:var(--sub);line-height:1.5;margin-top:9px}
.leg .lc{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;
  text-transform:uppercase;font-weight:600;margin-top:12px;color:var(--primary);
  background:#eef7f7;border:1px solid #c3e0e0;border-radius:99px;padding:4px 10px}
.leg.risk .lc{color:#a04a2f;background:#fdeee6;border-color:#eccdbb}

/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;
  counter-reset:s}
.step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 17px;
  box-shadow:var(--sh-soft)}
.step .n{font-family:var(--mono);font-size:23px;font-weight:600;color:var(--goldsoft);
  -webkit-text-stroke:1px var(--gold);line-height:1}
.step .h{font-family:var(--disp);font-size:17px;font-weight:600;margin-top:10px;line-height:1.2}
.step .b{font-size:12.5px;color:var(--sub);margin-top:8px;line-height:1.5}

/* certificate cards */
.sc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 18px 19px;
  box-shadow:var(--sh-soft)}
.sc.inc{background:#f2fafa;border-color:var(--primary)}
.sc .st{font-family:var(--disp);font-size:17px;font-weight:600;line-height:1.2;letter-spacing:-.015em}
.sc .sp{font-family:var(--disp);font-size:24px;font-weight:600;color:var(--primary-d);margin-top:9px;
  letter-spacing:-.025em;line-height:1}
.sc .sd{font-size:12.5px;color:var(--sub);margin-top:9px;line-height:1.5}

/* coverage */
.cov{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--primary);
  border-radius:0 16px 16px 0;padding:20px 22px;box-shadow:var(--sh-soft)}
.cov .h{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--primary);font-weight:600}
.cov .l{font-size:14.5px;line-height:1.7;color:var(--ink);font-weight:500;margin-top:11px}
.cov .n{font-size:12.5px;line-height:1.55;color:var(--muted);margin-top:12px;padding-top:12px;
  border-top:1px solid #f4ecd8}

/* COA preview / modal */
.coacard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;
  box-shadow:var(--sh-card);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:24px;align-items:center}
.coacard .thumb{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  background:#fff;box-shadow:var(--sh-soft);cursor:pointer;transition:transform var(--dur) var(--ease)}
.coacard .thumb:hover{transform:translateY(-2px)}
.coacard .thumb img{width:100%;display:block}
.coacard .thumb .ov{position:absolute;inset:auto 0 0 0;padding:22px 14px 13px;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.96) 55%);
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--primary-d);font-weight:600;text-align:center}
.modal{position:fixed;inset:0;z-index:100;background:rgba(43,36,18,.72);display:none;
  padding:22px;overflow:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.modal.open{display:block}
.mbox{max-width:900px;margin:0 auto;background:var(--page);border-radius:16px;
  box-shadow:var(--sh-pop);overflow:hidden}
.mtop{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);
  background:var(--card);position:sticky;top:0}
.mtop .mt{font-family:var(--disp);font-size:19px;font-weight:600;letter-spacing:-.02em}
.mtop .mt span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:3px}
.mtop .x{margin-left:auto;background:none;border:1px solid var(--line);border-radius:9px;
  width:34px;height:34px;font-size:18px;line-height:1;color:var(--sub);cursor:pointer}
.mtop .x:hover{border-color:var(--primary);color:var(--primary-d)}
.mbody{padding:18px;display:flex;flex-direction:column;gap:16px}
.mbody img{width:100%;display:block;border:1px solid var(--line);border-radius:10px;
  box-shadow:var(--sh-soft);background:#fff}
.mfoot{padding:14px 18px 18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;
  border-top:1px solid var(--line);background:var(--card)}
.mfoot .fn{font-size:12.5px;color:var(--muted);flex:1;min-width:220px}

/* faq */
details{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:0;
  margin-bottom:9px;overflow:hidden}
details summary{cursor:pointer;padding:15px 18px;font-family:var(--disp);font-size:16.5px;
  font-weight:600;letter-spacing:-.015em;list-style:none;display:flex;align-items:center;gap:12px}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:19px;
  color:var(--gold);font-weight:600;line-height:1}
details[open] summary::after{content:"–"}
details .dc{padding:0 18px 17px;font-size:13.5px;line-height:1.6;color:var(--sub)}
details .dc b{color:var(--ink)}
details .dc p+p{margin-top:9px}

/* footer */
footer{background:var(--ink);color:#e8dfc9;margin-top:26px;padding:44px 0 30px}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:26px}
footer .fb{font-family:var(--disp);font-size:21px;font-weight:600;color:#fff;letter-spacing:-.02em}
footer .fb span{color:var(--gold-b)}
footer p{font-size:13px;line-height:1.6;color:#bfb29a;margin-top:10px}
footer .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-b);font-weight:600;margin-bottom:11px}
footer a{color:#e8dfc9}
footer a:hover{color:#fff}
footer ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px}
footer .rule2{height:1px;background:rgba(255,255,255,.12);margin:28px 0 16px}
footer .fine{font-size:11.5px;color:#9b8f79;line-height:1.6}

@media(max-width:900px){
  nav.main{display:none;width:100%;flex-direction:column;order:3;margin:0}
  nav.main.open{display:flex}
  .burger{display:block}
  .bar .acts{order:2}
  .coacard{grid-template-columns:1fr}
  .strip .sh{flex:1 1 100%}
}
@media(max-width:560px){
  .bar .in{gap:10px;padding:10px 16px}
  .bar .acts{gap:6px;flex-wrap:wrap}
  .bar .acts .btn span.lbl{display:none}
  .bar .acts .btn{font-size:12.5px;padding:8px 11px}
  .brand .u{display:none}
  .brand .t{font-size:18px}
  .modebar .hint{display:none}
  .modebar .in{padding:9px 16px}
  .wrap{padding:0 16px}
  section{padding:38px 0}
  .strip{padding:18px 18px}
  .box{padding:16px 16px}
}