:root{--bg:#F4F6F7;--paper:#FFFFFF;--ink:#13191C;--mute:#56636B;--rule:#DCE2E5;--sea:#0A5C63;--sea-2:#084A50;--tick:#ED6928;--navy:#0D2233;--ring:#F2B705;--yellow:#F6D11B;--amber-bg:#FFF6DB;--amber-rule:#E2B53E;--amber-ink:#5A4300;--radius:14px;--radius-sm:10px;--shadow-1:0 1px 2px rgba(13,34,51,.05),0 2px 6px rgba(13,34,51,.04);--shadow-2:0 14px 34px rgba(13,34,51,.12),0 3px 8px rgba(13,34,51,.06);--display:"Archivo",system-ui,sans-serif;--body:"Source Sans 3",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:17px/1.55 var(--body);-webkit-font-smoothing:antialiased}img,svg{max-width:100%}a{color:var(--sea)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--tick);outline-offset:2px}::selection{background:#fad9c6}.wrap{max-width:1200px;margin:0 auto;padding-inline:16px}@media(min-width:760px){.wrap{padding-inline:32px}}h1,h2,h3{font-family:var(--display);line-height:1.08;text-wrap:balance;margin:0}h1{font-weight:780;font-stretch:116%;letter-spacing:-.025em;font-size:clamp(32px,4.6vw,52px)}h2{font-weight:700;font-stretch:110%;letter-spacing:-.015em;font-size:clamp(23px,2.5vw,30px)}h3{font-weight:700;font-stretch:104%;font-size:19px}p{margin:0 0 14px;max-width:68ch}.eyebrow{font:500 12px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sea)}.mute{color:var(--mute)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--sea);color:#fff;padding:13px 20px;font:600 16px/1 var(--body);text-decoration:none;border-radius:var(--radius-sm);border:1px solid var(--sea);cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s;box-shadow:0 1px 2px #0d223314}.btn:hover{background:var(--sea-2);transform:translateY(-1px);box-shadow:0 8px 18px #0a5c6338}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn.line{background:#fff;color:var(--ink);border-color:#b9c3c8;box-shadow:none}.btn.line:hover{border-color:var(--ink)}.btn.sm{padding:10px 14px;font-size:15px}.ribbon{background:var(--amber-bg);color:var(--amber-ink);border-bottom:1px solid var(--amber-rule);font:500 13px/1.45 var(--mono)}.ribbon .wrap{padding-block:8px}.ribbon b{font-weight:600}.site-top{position:sticky;top:0;z-index:40;background:#ffffffe0;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(13,34,51,.08)}.site-top .wrap{display:flex;align-items:center;gap:10px 22px;padding-block:10px}.logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);flex:none}.logo svg{display:block;height:48px;width:auto}.logo .st{height:30px;width:auto;border-left:1px solid var(--rule);padding-left:14px}@media(max-width:640px){.logo svg{height:38px}.logo .st{height:22px;padding-left:10px}}@media(max-width:440px){.logo .st{display:none}.site-top .wrap{gap:10px 14px}}.nav{display:flex;gap:4px 18px;margin-left:auto;font-weight:600;font-size:15px;align-items:center}.nav a{text-decoration:none;color:var(--mute);padding:6px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--tick)}@media(max-width:760px){.nav .opt{display:none}}.cartlink{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)!important;border:1px solid var(--rule)!important;background:#fff;border-radius:999px;padding:7px 14px!important;font-weight:600}.cartlink:hover{border-color:var(--ink)!important}.badge{min-width:22px;height:22px;border-radius:999px;background:var(--tick);color:#fff;font:600 12.5px/22px var(--body);text-align:center;padding:0 6px}.badge[data-n="0"]{background:#c9d2d6}main{display:block;min-height:50vh}.crumbs{font-size:14px;color:var(--mute);padding-top:20px}.crumbs a{color:var(--mute)}.crumbs span[aria-hidden]{margin:0 6px}.card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-1);overflow:hidden}.note{background:var(--amber-bg);border:1px solid var(--amber-rule);color:var(--amber-ink);padding:12px 14px;border-radius:var(--radius-sm);font-size:15px}.tbl{overflow-x:auto;border:1px solid var(--rule);background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-1)}.tbl table{border-collapse:collapse;width:100%;font-size:15px;font-variant-numeric:tabular-nums}.tbl th,.tbl td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--rule);vertical-align:middle}.tbl th{font:500 11.5px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--mute);background:#f5f7f8;white-space:nowrap}.tbl tr:last-child td{border-bottom:0}.mono{font-family:var(--mono);font-size:14px}.qty{display:inline-flex;align-items:center;border:1px solid #C9D2D6;border-radius:999px;background:#fff;overflow:hidden}.qty button{border:0;background:transparent;width:34px;height:34px;font:600 18px/1 var(--body);cursor:pointer;color:var(--ink)}.qty button:hover{background:#eef3f4}.qty output{min-width:26px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--navy);color:#fff;padding:12px 18px;border-radius:999px;font-weight:600;box-shadow:var(--shadow-2);z-index:60;max-width:calc(100% - 32px)}.toast a{color:var(--ring)}.toast.warn{background:#fff6db;color:#5a4300;border:2px solid #E2B53E;border-radius:14px;font-size:16px;padding:14px 20px}.toast.warn a{color:#0a5c63}.site-foot{background:linear-gradient(180deg,#121c22,#0d151a);color:#c9d2d6;margin-top:72px}.site-foot .wrap{padding-block:44px 36px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));font-size:15px}.site-foot b{color:#fff;display:block;margin-bottom:8px;font-family:var(--display)}.site-foot a{color:#c9d2d6;text-decoration:none;display:block;padding:2px 0}.site-foot a:hover{color:#fff}.legal{border-top:1px solid rgba(255,255,255,.08)}.legal .wrap{display:block;padding-block:14px;font-size:13px;color:#8e9aa0}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
