/* MidasToken corporate identity shared with ../index.html
   Inquiry-specific overrides. All existing form / print / submit functionality is retained. */
:root{
  --bg:#071326;--bg2:#0b1d36;--panel:#0e2340;--panel2:#102a4a;
  --line:rgba(137,183,220,.21);--text:#f3f8ff;--muted:#a0b6d1;
  --accent:#168ff7;--accent-ink:#3fbaff;--on-accent:#fff;
  --accent-soft:rgba(22,143,247,.12);--grid:rgba(104,167,222,.11);
  --nav:rgba(7,19,38,.91);--shadow:0 28px 90px rgba(0,0,0,.25);
  --site-bg:radial-gradient(circle at 78% 8%,rgba(14,84,158,.26),transparent 30%),
    radial-gradient(circle at 9% 55%,rgba(16,69,126,.13),transparent 38%),#071326;
}
:root[data-theme="light"]{
  --bg:#f4f8fd;--bg2:#eaf2fa;--panel:#fff;--panel2:#edf5fc;
  --line:rgba(38,102,158,.19);--text:#10243b;--muted:#516a83;
  --accent:#087be0;--accent-ink:#168ff7;--on-accent:#fff;
  --accent-soft:rgba(22,143,247,.08);--grid:rgba(37,118,193,.12);
  --nav:rgba(252,254,255,.92);--shadow:0 25px 80px rgba(46,84,127,.11);
  --site-bg:radial-gradient(circle at 81% 5%,rgba(121,190,255,.16),transparent 33%),
    radial-gradient(circle at 4% 40%,rgba(91,170,255,.07),transparent 35%),#f4f8fd;
}
html{scroll-behavior:smooth}
body{
  min-width:320px;background:var(--site-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,
  "Segoe UI","Microsoft JhengHei","PingFang TC","Noto Sans TC","Noto Sans CJK TC",sans-serif;
  font-size:15px;line-height:1.64;letter-spacing:.005em;
}
body::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1150px;z-index:0;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:52px 52px;
  mask-image:linear-gradient(#000b 0%,#0008 60%,transparent 100%);pointer-events:none;
}
main,header,footer,.bar,.modal{position:relative}
.wrap{width:min(1280px,calc(100% - 56px));max-width:none;margin-inline:auto;padding:0}
/* Exact visual language of corporate homepage header / controls */
.topline{position:fixed;top:0;left:0;right:0;height:3px;z-index:150;
  background:linear-gradient(90deg,var(--accent),#3fbaff,transparent 65%)}
header.midas-header{position:sticky;top:3px;z-index:100;
  background:var(--nav);border-bottom:1px solid var(--line);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.midas-header .hbar{height:auto;min-height:76px;display:flex;align-items:center;gap:20px}
.midas-header .brand{display:block;width:clamp(185px,18vw,250px);flex:0 0 auto}
.midas-header .brand img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
html[data-theme="dark"] .midas-header .light-logo{display:none}
html[data-theme="light"] .midas-header .dark-logo{display:none}
.header-context{margin-left:auto;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}
.toggles{margin-left:18px;display:flex;align-items:center;gap:9px}
.lang-switch{display:flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:30px;background:var(--panel)}
.lang-switch button{min-width:34px;padding:6px 10px;border:0;border-radius:99px;background:transparent;
  color:var(--muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.lang-switch button.active{background:var(--accent);color:#fff}
.theme-switch{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);
  border-radius:50%;background:var(--panel);color:var(--text);cursor:pointer;padding:0}
.theme-switch svg{width:19px;height:19px}
html[data-theme="dark"] .theme-switch .moon-icon{display:none}
html[data-theme="light"] .theme-switch .sun-icon{display:none}
/* Typography, cards, buttons and controls */
h1,h2,h3{font-family:inherit;letter-spacing:-.035em;line-height:1.2;color:var(--text)}
.hero{padding:74px 0 35px}
.hero h1{font-size:clamp(38px,4.3vw,62px);font-weight:850;letter-spacing:-.05em;line-height:1.17;max-width:920px;margin:0 0 20px}
.hero h1 span{display:block;color:var(--accent)}
.hero p{font-size:16px;line-height:1.94;max-width:850px}
.eyebrow{font-family:inherit;font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--accent-ink);display:flex;align-items:center;gap:10px;margin-bottom:22px}
.eyebrow:before{content:"";width:25px;height:2px;background:var(--accent);flex:none}
h2{font-size:clamp(24px,2.4vw,31px);font-weight:800;margin:40px 0 9px}
.sub{font-size:14px;line-height:1.8}
.steps{gap:10px;margin-top:24px}
.step{border-radius:12px;background:var(--panel);padding:10px 14px;border-color:var(--line);font-size:13px}
.step b{width:24px;height:24px;border-radius:7px;font-family:inherit;font-size:12px}
.preset,.cat,.item,.mini,.chip,.qr,.pchoice button,.sheet{border-radius:12px}
.preset{padding:18px;min-height:98px;border-left:1px solid var(--line);
  box-shadow:0 8px 22px rgba(11,40,75,.03)}
.preset.on{border-left:3px solid var(--accent)}
.presets{gap:13px;grid-template-columns:repeat(auto-fill,minmax(218px,1fr))}
.preset .t{font-size:15px}
.preset .d{font-size:13px}
.cat{border-radius:16px;box-shadow:0 12px 28px rgba(14,48,90,.03)}
.cat-h{padding:18px 20px}
.cat-h .tt b{font-size:16px}
.cat-h .ic{font-family:inherit;border-radius:9px;clip-path:none}
.cat-b{padding:17px 20px 20px}
.badge,.badge.on{border-radius:8px;font-family:inherit}
.item{padding:13px 14px}
.mini,.chip{border-radius:9px;padding:8px 13px}
.chip.on{background:var(--accent);color:#fff}
label.f{font-size:13px;font-weight:600}
input.i,select.i,textarea.i{border-radius:11px;padding:12px 14px;line-height:1.55;background:var(--panel)}
input.i:focus,select.i:focus,textarea.i:focus{box-shadow:0 0 0 3px var(--accent-soft)}
.btn,.btn.ghost{clip-path:none;border-radius:12px;padding:13px 20px;font-weight:800;font-size:14px}
.btn{background:var(--accent);color:#fff;transition:transform .18s,box-shadow .18s}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(22,143,247,.15)}
.btn.ghost{font-weight:700;border:1px solid var(--line);background:var(--panel)}
.bar{position:fixed;box-shadow:0 -8px 26px rgba(8,24,45,.09);background:var(--nav);
  backdrop-filter:blur(16px);border-top:1px solid var(--line)}
.bar .wrap{height:78px}
.count b{font-family:inherit;font-weight:800;color:var(--accent)}
.sheet{border-top:3px solid var(--accent)}
.row{align-items:center}
.contact{margin-top:58px}
.qr .tag{font-family:inherit}
footer{font-family:inherit}
@media(max-width:740px){
  .wrap{width:min(100% - 32px,1280px)}
  .midas-header .hbar{min-height:66px;gap:12px}
  .midas-header .brand{width:clamp(145px,39vw,206px)}
  .header-context{display:none}
  .toggles{margin-left:auto;gap:7px}
  .theme-switch{width:38px;height:38px}
  .lang-switch button{padding:6px 8px;min-width:31px}
  .hero{padding:48px 0 27px}
  .hero h1{font-size:clamp(32px,6.5vw,45px)}
  h2{font-size:clamp(22px,4.6vw,28px)}
  .bar .wrap{height:70px}
  .btn{font-size:13px;padding:10px 13px}
}
@media(max-width:380px){
  .midas-header .brand{width:138px}
  .lang-switch button{font-size:11px;min-width:26px}
  .toggles{gap:5px}
  .wrap{width:calc(100% - 26px)}
  .bar .wrap{gap:5px}
  .bar .wrap > div{gap:5px!important}
  .btn{padding:10px 9px;font-size:12px}
}
@media print{
  body:before,.topline{display:none!important}
  .midas-header{display:none!important}
}