:root{
    --paper:#F3F5F8;
    --paper-2:#E4E9EF;
    --ink:#141619;
    --ink-soft:#565B63;
    --accent:#0098E0;       /* brand azure - marks, badges, borders, accents */
    --accent-ink:#0A6FA0;   /* deep brand blue - filled CTAs & subhead text */
    --line:#141619;
    --rose:#C0506A;
    --ok:#1E8E5A;
    --radius:0px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:'Archivo',sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  /* paper grain */
  body::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  h1,h2,h3,.display{font-family:'Bricolage Grotesque',sans-serif;line-height:.95;letter-spacing:-.02em}
  .mono{font-family:'Space Mono',monospace}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer;border:none;background:none}
  img{display:block;max-width:100%}

  /* ===== TOP TICKER ===== */
  .ticker{background:var(--ink);color:var(--paper);overflow:hidden;border-bottom:2px solid var(--ink)}
  .ticker-track{display:inline-flex;white-space:nowrap;animation:scroll 38s linear infinite;padding:7px 0}
  .ticker-track span{font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:0 26px;display:inline-flex;align-items:center;gap:10px}
  .ticker-track span::before{content:"";width:5px;height:5px;background:var(--accent);display:inline-block}
  @keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* ===== HEADER ===== */
  header{position:sticky;top:0;z-index:200;background:var(--paper);border-bottom:2px solid var(--ink)}
  .head-main{display:flex;align-items:center;gap:24px;max-width:1320px;margin:0 auto;padding:18px 28px}
  .logo{display:flex;align-items:center;gap:13px;flex-shrink:0}
  .logo-img{height:44px;width:auto;display:block}
  .logo-div{width:1px;height:30px;background:rgba(20,22,25,.22)}
  .logo-tag{font-family:'Space Mono';font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);line-height:1.3}
  .logo-tag span{display:block;color:var(--ink-soft);font-weight:400;letter-spacing:.16em}
  .search{flex:1;display:flex;border:2px solid var(--ink);background:#fff;max-width:560px}
  .search input{flex:1;border:none;outline:none;padding:11px 15px;font-family:'Archivo';font-size:14.5px;background:transparent}
  .search button{background:var(--ink);color:var(--paper);padding:0 18px;font-family:'Space Mono';font-size:12px;letter-spacing:.05em}
  .search button:hover{background:var(--accent-ink)}
  .head-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
  .head-btn{display:flex;align-items:center;gap:8px;padding:9px 13px;border:2px solid transparent;font-size:13px;font-weight:500;transition:.15s}
  .head-btn:hover{border-color:var(--ink)}
  .head-btn svg{width:19px;height:19px}
  .cart-btn{background:var(--ink);color:var(--paper);position:relative}
  .cart-btn:hover{background:var(--accent-ink);border-color:var(--accent-ink)}
  .cart-count{font-family:'Space Mono';font-weight:700;background:var(--accent);color:#fff;min-width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;padding:0 5px}
  .cart-btn:hover .cart-count{background:#fff;color:var(--accent-ink)}

  /* category nav */
  nav.cats{border-top:1px solid var(--ink);background:var(--paper-2)}
  .cats-inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;padding:0 28px;overflow-x:auto;scrollbar-width:thin}
  .cat-link{font-family:'Space Mono';font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;padding:11px 18px;border-right:1px solid rgba(23,20,14,.18);transition:.15s;white-space:nowrap}
  .cat-link:first-child{padding-left:0}
  .cat-link:hover,.cat-link.active{background:var(--ink);color:var(--paper)}
  .cat-link.active{font-weight:700}

  /* ===== HERO ===== */
  .hero{max-width:1320px;margin:0 auto;padding:0 28px;position:relative}
  .hero-grid{display:grid;grid-template-columns:1.35fr .9fr;border-left:2px solid var(--ink);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}
  .hero-left{padding:54px 48px 44px;border-right:2px solid var(--ink);position:relative;overflow:hidden}
  .hero-tag{font-family:'Space Mono';font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:22px;display:flex;align-items:center;gap:10px}
  .hero-tag::after{content:"";flex:1;height:1px;background:var(--ink);opacity:.25}
  .hero h1{font-size:clamp(42px,6.2vw,82px);font-weight:800;margin-bottom:24px}
  .hero h1 em{font-style:normal;color:var(--accent);position:relative}
  .hero p{font-size:17px;line-height:1.55;color:var(--ink-soft);max-width:460px;margin-bottom:32px}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap}
  .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;font-weight:600;font-size:14.5px;border:2px solid var(--ink);transition:.18s}
  .btn-primary{background:var(--accent-ink);color:#fff;border-color:var(--accent-ink)}
  .btn-primary:hover{background:var(--ink);border-color:var(--ink);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--accent)}
  .btn-ghost{background:transparent}
  .btn-ghost:hover{background:var(--ink);color:var(--paper);transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(23,20,14,.25)}
  .hero-right{display:flex;flex-direction:column}
  .hero-stat{flex:1;padding:26px 30px;border-bottom:2px solid var(--ink);display:flex;flex-direction:column;justify-content:center}
  .hero-stat:last-child{border-bottom:none}
  .hero-stat b{font-family:'Bricolage Grotesque';font-weight:800;font-size:44px;line-height:1;display:block}
  .hero-stat span{font-family:'Space Mono';font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:7px}
  .hero-stat.flip{background:var(--ink);color:var(--paper)}
  .hero-stat.flip b{color:var(--accent)}
  .hero-stat.flip span{color:var(--paper);opacity:.7}

  /* ===== TRUST BAR ===== */
  .trust{max-width:1320px;margin:0 auto;padding:0 28px}
  .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:2px solid var(--ink);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}
  .trust-item{padding:22px 24px;border-right:1px solid rgba(23,20,14,.2);display:flex;gap:14px;align-items:flex-start}
  .trust-item:last-child{border-right:none}
  .trust-item svg{width:26px;height:26px;flex-shrink:0;stroke:var(--accent)}
  .trust-item b{display:block;font-size:14px;font-weight:700;margin-bottom:3px}
  .trust-item p{font-size:12.5px;color:var(--ink-soft);line-height:1.4}

  /* ===== CATALOG ===== */
  .catalog{max-width:1320px;margin:0 auto;padding:60px 28px 80px}
  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}
  .sec-head h2{font-size:clamp(30px,4vw,46px);font-weight:800}
  .sec-head .sub{font-family:'Space Mono';font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:8px;display:block}
  .filters{display:flex;gap:8px;flex-wrap:wrap}
  .filter{font-family:'Space Mono';font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:9px 15px;border:2px solid var(--ink);background:transparent;transition:.15s}
  .filter:hover{background:var(--paper-2)}
  .filter.active{background:var(--ink);color:var(--paper)}

  .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
  .card{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--paper);display:flex;flex-direction:column;transition:.18s;position:relative}
  .card:hover{background:#fff;z-index:2}
  .card-img{aspect-ratio:1/.82;position:relative;overflow:hidden;border-bottom:2px solid var(--ink)}
  .card-img svg{width:100%;height:100%}
  .card-badge{position:absolute;top:10px;left:10px;font-family:'Space Mono';font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:4px 8px}
  .card-badge.deal{background:var(--accent)}
  .card-sku{position:absolute;top:10px;right:10px;font-family:'Space Mono';font-size:9.5px;letter-spacing:.05em;color:var(--ink-soft);background:rgba(242,237,226,.85);padding:3px 7px}
  .card-body{padding:16px 16px 0;flex:1;display:flex;flex-direction:column}
  .card-cat{font-family:'Space Mono';font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px}
  .card h3{font-family:'Archivo';font-weight:700;font-size:15.5px;line-height:1.25;margin-bottom:12px;letter-spacing:0}
  .price-block{margin-top:auto}
  .price-now{display:flex;align-items:baseline;gap:7px}
  .price-now b{font-family:'Space Mono';font-weight:700;font-size:25px;line-height:1}
  .price-now small{font-family:'Space Mono';font-size:11px;color:var(--ink-soft)}
  .price-unit{font-size:11.5px;color:var(--ink-soft);margin-top:3px}
  .tiers{margin-top:12px;border-top:1px dashed rgba(23,20,14,.3);padding-top:10px}
  .tiers-label{font-family:'Space Mono';font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}
  .tier-row{display:flex;justify-content:space-between;font-family:'Space Mono';font-size:11px;padding:2px 0}
  .tier-row b{color:var(--accent-ink)}
  .card-foot{padding:14px 16px 16px;margin-top:14px}
  .moq{font-family:'Space Mono';font-size:10px;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:9px;display:flex;align-items:center;gap:6px}
  .moq::before{content:"MOQ";background:var(--ink);color:var(--paper);font-weight:700;padding:2px 5px;font-size:8.5px;letter-spacing:.1em}
  .qty-add{display:flex;gap:0;border:2px solid var(--ink)}
  .stepper{display:flex;align-items:center;border-right:2px solid var(--ink)}
  .stepper button{width:34px;height:42px;font-size:18px;font-weight:700;display:grid;place-items:center;transition:.12s}
  .stepper button:hover{background:var(--ink);color:var(--paper)}
  .stepper input{width:42px;height:42px;border:none;text-align:center;font-family:'Space Mono';font-weight:700;font-size:14px;background:transparent;outline:none;-moz-appearance:textfield}
  .stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  .add-btn{flex:1;background:var(--ink);color:var(--paper);font-family:'Space Mono';font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:.15s}
  .add-btn:hover{background:var(--accent-ink)}
  .add-btn.added{background:var(--ok)}

  /* ===== BULK CTA ===== */
  .bulk{max-width:1320px;margin:0 auto 80px;padding:0 28px}
  .bulk-inner{border:2px solid var(--ink);background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.3fr 1fr}
  .bulk-l{padding:48px 46px}
  .bulk-l h2{font-size:clamp(28px,3.6vw,42px);font-weight:800;margin-bottom:16px}
  .bulk-l h2 em{font-style:normal;color:var(--accent)}
  .bulk-l p{color:rgba(242,237,226,.75);font-size:15.5px;line-height:1.55;max-width:420px;margin-bottom:26px}
  .bulk-r{border-left:2px solid var(--accent);padding:48px 40px;display:flex;flex-direction:column;justify-content:center;gap:18px}
  .bulk-feat{display:flex;gap:13px;align-items:flex-start}
  .bulk-feat svg{width:22px;height:22px;stroke:var(--accent);flex-shrink:0;margin-top:2px}
  .bulk-feat b{display:block;font-size:14.5px;margin-bottom:2px}
  .bulk-feat span{font-size:12.5px;color:rgba(242,237,226,.6);line-height:1.4}

  /* ===== FOOTER ===== */
  footer{border-top:2px solid var(--ink);background:var(--paper-2)}
  .foot-top{max-width:1320px;margin:0 auto;padding:56px 28px 44px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  .foot-brand .logo{margin-bottom:18px}
  .foot-brand p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;max-width:280px}
  .foot-col h4{font-family:'Space Mono';font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;color:var(--accent-ink)}
  .foot-col a{display:block;font-size:13.5px;color:var(--ink-soft);padding:5px 0;transition:.12s}
  .foot-col a:hover{color:var(--ink);padding-left:5px}
  .foot-bot{border-top:1px solid rgba(23,20,14,.2);max-width:1320px;margin:0 auto;padding:18px 28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:'Space Mono';font-size:11px;letter-spacing:.04em;color:var(--ink-soft)}

  /* ===== CART DRAWER ===== */
  .overlay{position:fixed;inset:0;background:rgba(23,20,14,.5);z-index:500;opacity:0;visibility:hidden;transition:.25s}
  .overlay.open{opacity:1;visibility:visible}
  .drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,100%);background:var(--paper);z-index:600;border-left:2px solid var(--ink);transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.1,1);display:flex;flex-direction:column}
  .drawer.open{transform:translateX(0)}
  .drawer-head{padding:22px 24px;border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper)}
  .drawer-head h3{font-family:'Bricolage Grotesque';font-weight:800;font-size:21px;display:flex;align-items:center;gap:10px}
  .drawer-head .cnt{font-family:'Space Mono';font-size:12px;background:var(--accent);color:#fff;padding:3px 9px}
  .drawer-close{color:var(--paper);font-size:26px;line-height:1;width:34px;height:34px;display:grid;place-items:center;transition:.15s}
  .drawer-close:hover{color:var(--accent)}
  .drawer-body{flex:1;overflow-y:auto;padding:0}
  .cart-empty{padding:60px 30px;text-align:center;color:var(--ink-soft)}
  .cart-empty svg{width:54px;height:54px;stroke:var(--ink);opacity:.3;margin:0 auto 18px}
  .cart-empty p{font-size:14px}
  .line{display:flex;gap:14px;padding:18px 24px;border-bottom:1px solid rgba(23,20,14,.18)}
  .line-img{width:64px;height:64px;border:2px solid var(--ink);flex-shrink:0;overflow:hidden}
  .line-img svg{width:100%;height:100%}
  .line-info{flex:1;min-width:0}
  .line-info h4{font-size:13.5px;font-weight:700;line-height:1.3;margin-bottom:3px}
  .line-sku{font-family:'Space Mono';font-size:10px;color:var(--ink-soft);margin-bottom:8px}
  .line-tier{font-family:'Space Mono';font-size:10px;color:var(--accent-ink);margin-bottom:8px}
  .line-controls{display:flex;align-items:center;justify-content:space-between}
  .mini-step{display:flex;align-items:center;border:1.5px solid var(--ink)}
  .mini-step button{width:26px;height:28px;font-weight:700;display:grid;place-items:center;font-size:14px;transition:.12s}
  .mini-step button:hover{background:var(--ink);color:var(--paper)}
  .mini-step span{min-width:34px;text-align:center;font-family:'Space Mono';font-weight:700;font-size:12px}
  .line-price{font-family:'Space Mono';font-weight:700;font-size:15px}
  .line-rm{font-family:'Space Mono';font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--rose);margin-top:6px;text-decoration:underline}
  .drawer-foot{border-top:2px solid var(--ink);padding:20px 24px;background:var(--paper-2)}
  .sum-row{display:flex;justify-content:space-between;font-family:'Space Mono';font-size:13px;padding:4px 0;color:var(--ink-soft)}
  .sum-row.save{color:var(--ok)}
  .sum-row.total{border-top:2px solid var(--ink);margin-top:8px;padding-top:12px;font-size:19px;font-weight:700;color:var(--ink)}
  .sum-row.total b{font-family:'Bricolage Grotesque';font-size:24px}
  .checkout-btn{width:100%;background:var(--accent-ink);color:#fff;border:2px solid var(--accent-ink);padding:16px;font-family:'Space Mono';font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-top:16px;transition:.18s;display:flex;align-items:center;justify-content:center;gap:10px}
  .checkout-btn:hover{background:var(--ink);border-color:var(--ink)}
  .free-ship{font-family:'Space Mono';font-size:10.5px;text-align:center;margin-top:12px;color:var(--ink-soft)}
  .free-ship b{color:var(--accent-ink)}
  .ship-bar{height:5px;background:rgba(23,20,14,.15);margin-top:7px;overflow:hidden}
  .ship-bar i{display:block;height:100%;background:var(--accent);transition:width .4s}

  /* toast */
  .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,120%);background:var(--ink);color:var(--paper);padding:13px 22px;font-family:'Space Mono';font-size:12.5px;letter-spacing:.04em;z-index:700;display:flex;align-items:center;gap:10px;border-left:4px solid var(--accent);transition:transform .3s}
  .toast.show{transform:translate(-50%,0)}
  .toast svg{width:18px;height:18px;stroke:var(--accent)}

  /* reveal */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}
  .reveal.in{opacity:1;transform:none}

  @media(max-width:1024px){
    .grid{grid-template-columns:repeat(2,1fr)}
    .trust-grid{grid-template-columns:repeat(2,1fr)}
    .trust-item:nth-child(2){border-right:none}
    .bulk-inner{grid-template-columns:1fr}
    .bulk-r{border-left:none;border-top:2px solid var(--accent)}
    .foot-top{grid-template-columns:1fr 1fr}
  }
  @media(max-width:640px){
    .head-main{flex-wrap:wrap;gap:14px;padding:14px 18px}
    .search{order:3;max-width:none;flex-basis:100%}
    .head-actions{margin-left:auto}
    .head-btn span{display:none}
    .head-btn{padding:9px 11px}
    .logo-img{height:38px}
    .logo-div,.logo-tag{display:none}
    .cats-inner{padding:0 18px;-webkit-overflow-scrolling:touch}
    .grid{grid-template-columns:1fr}
    .trust-grid{grid-template-columns:1fr}
    .trust-item{border-right:none;border-bottom:1px solid rgba(23,20,14,.2)}
    .catalog,.trust,.bulk{padding-left:18px;padding-right:18px}
    .hero{padding-left:18px;padding-right:18px}
    .foot-top{grid-template-columns:1fr;gap:30px}
    .bulk-l,.bulk-r{padding:32px 26px}
    .hero h1{font-size:clamp(34px,9vw,48px)}
    .hero p{font-size:15.5px}
    .drawer{width:100%}
  }
  @media(max-width:400px){
    .head-btn{padding:8px 9px}
    .card-foot{flex-wrap:wrap;gap:10px}
  }

  /* ===== TRADE ACCOUNT MODAL ===== */
  .acct-overlay{position:fixed;inset:0;z-index:800;background:rgba(8,16,26,.64);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:.25s;overflow-y:auto}
  .acct-overlay.open{opacity:1;visibility:visible}
  .acct-modal{width:min(1040px,100%);max-height:92vh;background:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.02fr 1.12fr;box-shadow:0 40px 100px rgba(8,16,24,.5);position:relative;transform:translateY(18px) scale(.985);transition:.34s cubic-bezier(.4,0,.1,1)}
  .acct-overlay.open .acct-modal{transform:none}
  .acct-x{position:absolute;top:18px;right:18px;width:40px;height:40px;border:1.5px solid rgba(20,22,25,.18);border-radius:50%;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--ink);background:#fff;z-index:4;transition:.15s}
  .acct-x:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:rotate(90deg)}
  /* left brand panel */
  .acct-left{background:linear-gradient(157deg,#123a52 0%,#0c2436 54%,#081420 100%);color:#fff;padding:44px 40px;display:flex;flex-direction:column;position:relative;overflow:hidden}
  .acct-left::after{content:"";position:absolute;right:-90px;bottom:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(0,152,224,.24),transparent 70%);pointer-events:none}
  .acct-brand{display:flex;align-items:center;gap:14px;margin-bottom:40px;position:relative;z-index:1}
  .acct-logo-box{width:58px;height:58px;background:#fff;border-radius:14px;display:grid;place-items:center;padding:8px;flex-shrink:0;box-shadow:0 8px 22px rgba(0,0,0,.28)}
  .acct-logo-box img{width:100%;height:auto;display:block}
  .acct-brand-txt b{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:27px;line-height:1;display:block;letter-spacing:-.01em}
  .acct-brand-txt small{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.55);text-transform:uppercase}
  .acct-h{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(34px,4vw,44px);line-height:1.04;letter-spacing:-.02em;margin-bottom:20px;position:relative;z-index:1}
  .acct-h em{font-style:italic;color:#E8A93A}
  .acct-lead{font-size:16px;line-height:1.55;color:rgba(255,255,255,.78);max-width:360px;margin-bottom:32px;position:relative;z-index:1}
  .acct-list{list-style:none;display:flex;flex-direction:column;gap:17px;position:relative;z-index:1}
  .acct-list li{display:flex;gap:13px;align-items:flex-start;font-size:14.5px;color:rgba(255,255,255,.9)}
  .acct-list li::before{content:"";width:18px;height:18px;flex-shrink:0;margin-top:1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8A93A' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}
  .acct-foot{margin-top:auto;padding-top:32px;position:relative;z-index:1}
  .acct-divider{height:1px;background:rgba(255,255,255,.16);margin-bottom:22px}
  .acct-foot b{font-size:15px;display:block;margin-bottom:7px}
  .acct-foot p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.5}
  /* right form panel */
  .acct-right{padding:42px 46px;overflow-y:auto;display:flex;flex-direction:column}
  .acct-tabs{display:flex;gap:30px;border-bottom:1.5px solid rgba(20,22,25,.12);margin-bottom:30px}
  .acct-tab{font-family:'Archivo',sans-serif;font-size:18px;font-weight:600;color:var(--ink-soft);padding:0 2px 14px;position:relative;transition:.15s}
  .acct-tab:hover{color:var(--ink)}
  .acct-tab.active{color:var(--ink)}
  .acct-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-1.5px;height:3px;background:var(--accent);border-radius:3px}
  .acct-h3{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(27px,3.2vw,34px);letter-spacing:-.02em;line-height:1.05;margin-bottom:10px;color:var(--ink)}
  .acct-sub{font-size:15px;line-height:1.5;color:var(--ink-soft);margin-bottom:26px;max-width:440px}
  .acct-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .fld{display:flex;flex-direction:column;margin-bottom:18px}
  .acct-grid .fld{margin-bottom:0}
  .fld label{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}
  .fld input,.fld select{font-family:'Archivo',sans-serif;font-size:15px;padding:14px 15px;border:1.5px solid #DDE3EA;border-radius:11px;background:#EEF1F5;color:var(--ink);outline:none;transition:.15s;width:100%}
  .fld input::placeholder{color:#9AA2AC}
  .fld input:focus,.fld select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(0,152,224,.14)}
  .fld select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23565B63' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:18px}
  .acct-check{display:flex;gap:11px;align-items:flex-start;margin:8px 0 22px;font-size:13.5px;line-height:1.5;color:var(--ink-soft);cursor:pointer}
  .acct-check input{width:19px;height:19px;margin-top:2px;accent-color:var(--accent);flex-shrink:0;cursor:pointer}
  .acct-check a{color:var(--accent-ink);font-weight:600}
  .acct-check a:hover{text-decoration:underline}
  .acct-row{display:flex;justify-content:space-between;align-items:center;margin:2px 0 22px;gap:14px;flex-wrap:wrap}
  .acct-check.sm{margin:0;font-size:13.5px}
  .acct-link{font-size:13.5px;color:var(--accent-ink);font-weight:600;cursor:pointer}
  .acct-link:hover{text-decoration:underline}
  .acct-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:var(--accent);color:#fff;border-radius:40px;padding:17px;font-family:'Archivo',sans-serif;font-size:16px;font-weight:600;transition:.18s;box-shadow:0 10px 24px rgba(0,152,224,.32)}
  .acct-submit:hover{background:var(--accent-ink);transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,152,224,.42)}
  .acct-submit svg{width:18px;height:18px}
  .acct-switch{text-align:center;font-size:14px;color:var(--ink-soft);margin-top:18px}
  .acct-switch a{color:var(--accent-ink);font-weight:600;cursor:pointer}
  .acct-switch a:hover{text-decoration:underline}
  .acct-pane[hidden]{display:none}
  @media(max-width:860px){
    .acct-modal{grid-template-columns:1fr;max-height:94vh}
    .acct-left{padding:32px 28px}
    .acct-brand{margin-bottom:22px}
    .acct-h{margin-bottom:12px}
    .acct-list,.acct-foot{display:none}
    .acct-lead{margin-bottom:4px;max-width:none}
    .acct-right{padding:32px 28px}
    .acct-grid{grid-template-columns:1fr}
  }
  @media(max-width:480px){
    .acct-overlay{padding:0}
    .acct-modal{border-radius:0;max-height:100vh;height:100%}
  }

  /* ===== MEMBER-GATED PRICING ===== */
  .tiers.locked{position:relative}
  .tier-blur{filter:blur(4.5px);opacity:.5;pointer-events:none;user-select:none}
  .tier-lock{position:absolute;left:0;right:0;top:24px;bottom:0;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(180deg,rgba(243,245,248,.55),rgba(243,245,248,.94));cursor:pointer;text-align:left}
  .tier-lock svg{width:18px;height:18px;stroke:var(--accent-ink);flex-shrink:0}
  .tier-lock span{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--accent-ink);line-height:1.3}
  .tier-lock span small{display:block;font-weight:400;color:var(--ink-soft);letter-spacing:.02em;text-transform:none;margin-top:2px}
  .tier-lock:hover span{text-decoration:underline}
  .signin-order{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:2px solid var(--ink);background:var(--ink);color:#fff;font-family:'Space Mono',monospace;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:13px;transition:.15s;cursor:pointer}
  .signin-order svg{width:15px;height:15px}
  .signin-order:hover{background:var(--accent-ink);border-color:var(--accent-ink)}
  .member-note{display:flex;align-items:center;gap:10px;padding:13px 18px;border:2px solid var(--ink);margin-bottom:22px;font-size:13.5px;line-height:1.45}
  .member-note svg{width:18px;height:18px;flex-shrink:0}
  .member-note.off{background:#FFF7E8;border-color:#E8A93A}
  .member-note.off svg{stroke:#B5811E}
  .member-note.off a{color:var(--accent-ink);font-weight:700;text-decoration:underline;cursor:pointer;margin-left:4px}
  .member-note.on{background:#E9F7F0;border-color:var(--ok)}
  .member-note.on svg{stroke:var(--ok)}
  .head-btn.is-member{background:var(--ok);color:#fff;border-color:var(--ok)}
  .head-btn.is-member:hover{background:var(--ink);border-color:var(--ink)}
  .fee-callout{display:flex;gap:13px;align-items:flex-start;background:#FFF7E8;border:1.5px solid #E8C98A;border-radius:12px;padding:14px 16px;margin:4px 0 20px}
  .fee-callout svg{width:22px;height:22px;stroke:#B5811E;flex-shrink:0;margin-top:1px}
  .fee-callout b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:3px}
  .fee-callout b .fee-amt{color:#B5811E}
  .fee-callout span{font-size:12.5px;color:var(--ink-soft);line-height:1.45}

  /* ===== HERO: OXFORD-BLUE BANNER + WHO WE SUPPLY (right) ===== */
  .hero-layout{display:grid;grid-template-columns:1.08fr .92fr;border:2px solid var(--ink)}
  .hero-banner{background:#002147;color:var(--paper);padding:54px 48px;position:relative;overflow:hidden;border-right:2px solid var(--ink);display:flex;flex-direction:column;justify-content:center}
  .hero-banner::before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(0,152,224,.30),transparent 70%);pointer-events:none}
  .hero-banner::after{content:"a3";position:absolute;right:28px;bottom:-58px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:240px;line-height:1;color:rgba(255,255,255,.055);pointer-events:none}
  .hero-banner .hero-tag{color:var(--accent);position:relative;z-index:1;margin-bottom:20px}
  .hero-banner .hero-tag::after{background:var(--paper);opacity:.25}
  .hero-banner h1{color:var(--paper);position:relative;z-index:1}
  .hero-banner h1 em{color:var(--accent)}
  .hero-banner p{color:rgba(242,245,248,.78);position:relative;z-index:1;max-width:440px}
  .hero-banner .hero-cta{position:relative;z-index:1}
  .hero-banner .btn-ghost{border-color:rgba(242,245,248,.55);color:var(--paper)}
  .hero-banner .btn-ghost:hover{background:var(--paper);color:#002147;border-color:var(--paper);transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(0,152,224,.5)}
  .supply{background:linear-gradient(150deg,#F6D079 0%,#E7A92E 100%);padding:42px 42px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
  .supply::before{content:"";position:absolute;left:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.40),transparent 70%);pointer-events:none}
  .supply>*{position:relative;z-index:1}
  .supply-sub{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#5A4310;display:block;margin-bottom:8px}
  .supply h2{font-size:clamp(22px,2.5vw,30px);font-weight:800;line-height:1.06;margin-bottom:20px;color:#1A1407}
  .supply-list{list-style:none;border-top:1px solid rgba(26,20,7,.28)}
  .supply-row{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid rgba(26,20,7,.24);transition:.15s}
  .supply-row:hover{padding-left:11px;background:linear-gradient(90deg,rgba(0,33,71,.12),transparent)}
  .supply-row svg{width:22px;height:22px;stroke:#002147;flex-shrink:0}
  .supply-row span{font-size:14.5px;font-weight:600;color:#1A1407}
  .supply-cta{margin-top:22px;display:inline-flex;align-items:center;gap:9px;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.03em;color:#002147;cursor:pointer;text-decoration:none;line-height:1.4}
  .supply-cta:hover{text-decoration:underline}
  .supply-cta svg{width:16px;height:16px;flex-shrink:0}
  @media(max-width:860px){
    .hero-layout{grid-template-columns:1fr}
    .hero-banner{border-right:none;border-bottom:2px solid var(--ink);padding:38px 26px}
    .supply{padding:32px 26px}
  }
  @media(max-width:640px){ .hero-banner::after{font-size:160px;bottom:-36px} }
  .card-photo{width:100%;height:100%;object-fit:cover;display:block}
  /* ===== ACCOUNT DASHBOARD ===== */
  .dash-overlay{position:fixed;inset:0;background:rgba(10,12,15,.6);backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center;z-index:1200;padding:40px 20px;overflow:auto}
  .dash-overlay.open{display:flex}
  .dash{width:100%;max-width:1020px;background:var(--paper);border:2px solid var(--ink);box-shadow:10px 10px 0 rgba(0,33,71,.18)}
  .dash-bar{display:flex;align-items:center;gap:14px;padding:18px 26px;background:#002147;color:var(--paper);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:2}
  .dash-bar .dash-ttl{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}
  .dash-bar h2{font-size:20px;font-weight:800;line-height:1.1}
  .dash-bar .spacer{flex:1}
  .dash-signout{background:transparent;border:1.5px solid rgba(242,245,248,.5);color:var(--paper);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;cursor:pointer;transition:.15s}
  .dash-signout:hover{background:var(--paper);color:#002147}
  .dash-x{background:transparent;border:none;color:var(--paper);cursor:pointer;font-size:26px;line-height:1;padding:2px 6px}
  .dash-body{padding:26px}
  .dash-hello{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
  .dash-hello h3{font-size:23px;font-weight:800}
  .dash-acctno{font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-soft)}
  .mbadge{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(150deg,#F6D079,#E7A92E);color:#1A1407;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:6px 11px;border:1.5px solid var(--ink)}
  .dash-stats{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);border-right:none;margin-bottom:30px}
  .dstat{border-right:2px solid var(--ink);padding:16px 18px}
  .dstat .k{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px}
  .dstat .v{font-family:'Space Mono',monospace;font-size:22px;font-weight:700;color:var(--ink)}
  .dstat .v.due{color:var(--rose)}
  .dstat .sub{font-size:11.5px;color:var(--ink-soft);margin-top:3px}
  .dsec{margin-bottom:30px}
  .dsec-h{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
  .dsec-h .lab{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
  .dsec-h h4{font-size:17px;font-weight:800}
  .dtable{width:100%;border-collapse:collapse;border:2px solid var(--ink);font-size:13.5px}
  .dtable th{background:var(--paper-2);text-align:left;font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:10px 12px;border-bottom:2px solid var(--ink)}
  .dtable td{padding:11px 12px;border-bottom:1px solid rgba(20,22,25,.12);vertical-align:middle}
  .dtable tbody tr:last-child td{border-bottom:none}
  .dtable .num{font-family:'Space Mono',monospace;white-space:nowrap}
  .pill{display:inline-block;font-family:'Space Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border:1.5px solid;white-space:nowrap}
  .pill.ok{color:var(--ok);border-color:var(--ok);background:rgba(30,142,90,.08)}
  .pill.warn{color:#9A6A00;border-color:#C8920F;background:rgba(231,169,46,.14)}
  .pill.bad{color:var(--rose);border-color:var(--rose);background:rgba(192,80,106,.08)}
  .pill.info{color:var(--accent-ink);border-color:var(--accent-ink);background:rgba(0,152,224,.08)}
  .dpay{display:inline-flex;align-items:center;gap:6px;background:var(--accent-ink);color:#fff;border:none;font-family:'Space Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;cursor:pointer;margin-left:8px}
  .dpay:hover{background:#002147}
  .dcards{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink);border-right:none}
  .dcard{border-right:2px solid var(--ink);padding:18px}
  .dcard h5{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:10px}
  .dcard p{font-size:13px;line-height:1.65;color:var(--ink)}
  .dcard .muted{color:var(--ink-soft)}
  @media(max-width:820px){ .dash-stats{grid-template-columns:repeat(2,1fr)} .dcards{grid-template-columns:1fr} .dstat:nth-child(2){border-right:none} }
  @media(max-width:560px){
    .dash-overlay{padding:0}
    .dash-stats{grid-template-columns:1fr}
    .dstat{border-right:none;border-bottom:2px solid var(--ink)}
    .dstat:last-child{border-bottom:none}
    .dtable thead{display:none}
    .dtable,.dtable tbody,.dtable tr,.dtable td{display:block;width:100%}
    .dtable tr{border-bottom:2px solid var(--ink);padding:8px 0}
    .dtable tbody tr:last-child{border-bottom:none}
    .dtable td{border:none;padding:4px 12px}
    .dtable td::before{content:attr(data-label);display:inline-block;min-width:84px;font-family:'Space Mono',monospace;font-size:10px;text-transform:uppercase;color:var(--ink-soft)}
  }