:root{color-scheme:dark;--bg:#091722;--surface:#122636;--surface2:#162f40;--ink:#f2f7f8;--muted:#a7bdc6;--line:#294658;--cyan:#67d5d6;--copper:#efae80;--danger:#f2aa9e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 89% 0%,#143547 0%,transparent 40%),radial-gradient(ellipse at 0% 36%,#0e293a 0%,transparent 45%),var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.55}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.shell{width:min(1200px,calc(100% - 44px));margin-inline:auto}
.skip{position:absolute;top:-100px;left:16px;background:var(--cyan);color:#071720;padding:8px 12px;z-index:10}.skip:focus{top:12px}
.top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);min-height:106px;gap:16px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,#2e6478,#153044);border:1px solid #438391;border-radius:12px;width:49px;height:49px;font-weight:850;color:var(--cyan);letter-spacing:-.08em}
.brand strong{display:block;letter-spacing:.16em;font-size:15px;font-weight:850}
.brand small{display:block;font-size:10px;letter-spacing:.10em;text-transform:uppercase;color:var(--muted)}
.top nav{display:flex;gap:22px;font-size:12px;color:var(--muted)}
.top nav a:hover,.foot a:hover{color:var(--cyan)}
.hero-grid{padding:62px 0 50px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.78fr);gap:clamp(28px,5vw,84px);align-items:center}
.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:850;color:var(--cyan);margin:0 0 9px}
.beacon{width:7px;height:7px;background:var(--cyan);display:inline-block;border-radius:50%;box-shadow:0 0 14px #67d5d6aa;margin-right:8px}
h1{font-size:clamp(39px,5.3vw,70px);line-height:1.08;letter-spacing:-.06em;font-weight:780;margin:12px 0 23px}
h1 em{font-style:normal;color:var(--copper)}
.lede{font-size:15px;max-width:640px;color:var(--muted);line-height:1.85}
.lede strong{color:var(--ink)}
.status-strip{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:31px}
.status-strip span,.status-strip strong{border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:10px;letter-spacing:.06em;font-weight:800}
.status-strip .status{color:var(--cyan);border-color:#246475}
.status-strip strong{background:#3b2925;color:#ffbf98;border-color:#755345}
.status-strip .lock{color:#c7b2a5}
.boundary,.card{background:linear-gradient(158deg,rgba(23,51,68,.94),rgba(13,32,46,.95));border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 60px #030a1340}
.boundary{padding:25px}
.panel-heading{display:flex;justify-content:space-between;gap:15px;color:var(--cyan);font-size:11px;font-weight:850;letter-spacing:.1em;margin-bottom:15px}
.panel-heading span{font-size:10px;color:var(--muted);font-weight:650}
.boundary-row{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:11px 0;border-bottom:1px solid #ffffff19;font-size:12px}
.boundary-row span{color:var(--muted)}.boundary-row strong{text-align:right;font-size:11px}
.false{color:var(--copper)}
.boundary p{color:var(--muted);font-size:11px;line-height:1.8;margin:19px 0 0}
.section-label{display:flex;justify-content:space-between;gap:12px;margin:4px 0 15px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.16em}
.main-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:23px;align-items:start}
.card{padding:27px;min-width:0}
.card-header{display:flex;justify-content:space-between;gap:14px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:21px}
h2{font-size:26px;line-height:1.25;letter-spacing:-.035em;margin:0}
.card-tag{border:1px solid #2b7779;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.1em;border-radius:6px;padding:8px;white-space:nowrap}
.card-tag.copper{border-color:#925d47;color:var(--copper)}
.form-group{border:0;padding:0;margin:22px 0 24px;min-width:0}
.form-group legend{font-size:12px;color:var(--copper);font-weight:780;letter-spacing:.035em;margin-bottom:15px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
label{display:block;font-size:12px;font-weight:650;color:#d4e5e9}
label small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:6px;line-height:1.45}
input,select,textarea{border:1px solid #426072;color:var(--ink);background:#0a1e2c;width:100%;border-radius:8px;padding:12px 13px;min-height:46px;margin-top:8px;outline-offset:0}
input::placeholder,textarea::placeholder{color:#8ea6b2}
select{appearance:auto}
input:focus,select:focus,textarea:focus{border-color:var(--cyan)}
button{border-radius:9px;cursor:pointer;min-height:46px;padding:11px 18px;font-size:13px;font-weight:800;transition:background .15s,border-color .15s}
button:disabled{cursor:not-allowed;opacity:.46}
.primary{width:100%;background:var(--cyan);color:#06212a;border:1px solid #86f0f0;display:flex;justify-content:space-between;align-items:center}
.primary:hover{background:#9decf0}
.form-note{color:var(--muted);font-size:11px;line-height:1.75;margin:18px 0 0}
.receipt-message{padding:15px;background:#0b2533;border:1px solid #2b5363;color:#cbe1e9;border-radius:8px;font-size:12px;margin:22px 0}
.receipt-message[data-state="ready"]{border-color:#30807a;color:#a6f1df}
.receipt-message[data-state="error"]{border-color:#a76552;color:#ffcaab}
.receipt-message[data-state="empty"]{color:#c1cbd0}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.metrics div{padding:15px;background:#09202e;border:1px solid #274352;border-radius:8px}
.metrics span{display:block;color:var(--muted);font-size:10px;min-height:30px}
.metrics strong{font-size:21px;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.ticket-details{margin-top:25px}
.ticket-details label small{font-weight:400;font-size:10px;color:var(--muted)}
textarea{margin-top:11px;resize:vertical;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;line-height:1.55;min-height:160px}
.secondary{margin-top:12px;background:transparent;border:1px solid var(--cyan);color:var(--cyan);width:100%}
.secondary:not(:disabled):hover{background:#1b414d}
.copy-state{min-height:23px;font-size:11px;color:var(--copper);margin:7px 0}
.warning{border-left:3px solid var(--copper);padding:10px 14px;background:#3e2a2033;margin-top:16px}
.warning strong{font-size:12px;color:#f5c29d}
.warning p{color:var(--muted);font-size:11px;line-height:1.8;margin:8px 0}
.warning p strong{font-size:inherit}
.foot{margin-top:53px;padding:25px 0 45px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:13px;border-top:1px solid var(--line);font-size:10px;font-weight:700;letter-spacing:.07em;color:var(--muted)}
@media(max-width:1050px){.hero-grid{gap:30px}.main-grid{grid-template-columns:1fr}.receipt{max-width:none}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;padding:39px 0 33px}.boundary{max-width:none}}
@media(max-width:580px){.shell{width:min(100% - 28px,1200px)}.top{min-height:89px}.top nav{gap:9px;font-size:10px}.brand small{font-size:8px}.brand strong{font-size:12px}.brand-mark{width:38px;height:38px}.fields,.metrics{grid-template-columns:1fr}.card{padding:18px}.section-label span:last-child{display:none}.card-header h2{font-size:22px}h1{font-size:40px}.status-strip span,.status-strip strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}

/* EA-MFU-001 T1.2: the same first-party OrderHarbor marine terminal,
   with copper marking cash exit review rather than an active broker SELL. */
.close-section{margin-top:48px;padding-top:31px;border-top:1px solid var(--line);scroll-margin-top:24px}
.close-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:0 0 23px}
.close-intro>div{max-width:760px}
.close-intro h2{font-size:clamp(27px,3.1vw,40px);letter-spacing:-.05em;line-height:1.15;margin:0 0 13px}
.close-intro h2 em{font-style:normal;color:var(--copper)}
.close-intro p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.78;margin:0}
.close-intro p strong{color:var(--ink)}
.close-eyebrow{color:var(--copper)}
.close-pill{display:inline-block;border:1px solid #976a51;color:var(--copper);background:#62453230;
  font-size:10px;font-weight:820;letter-spacing:.07em;padding:9px 12px;border-radius:7px;white-space:nowrap}
.close-form-card h3,.close-receipt h3{font-size:23px;letter-spacing:-.04em;margin:0;line-height:1.25}
.close-form-card .form-group legend{color:var(--copper)}
.close-form-card input:focus,.close-form-card select:focus,.close-receipt textarea:focus{border-color:var(--copper)}
.close-attestation{display:flex;gap:11px;align-items:flex-start;background:#42342544;
  border:1px solid #936b4e;border-radius:9px;padding:15px;margin-bottom:16px;
  font-size:12px;line-height:1.7;color:#f2d1b3}
.close-attestation input{flex:none;accent-color:var(--copper);height:19px;width:19px;margin:3px 0 0}
.close-primary{background:var(--copper);border-color:#f8c49e;color:#172129}
.close-primary:hover{background:#f6c49e}
.close-receipt .metrics>.close-net{background:#302a223b;border-color:#785b43}
.close-receipt .metrics>.close-net strong{color:var(--copper)}
.close-copy{border-color:var(--copper);color:var(--copper)}
.close-copy:not(:disabled):hover{background:#42332a}
.close-receipt .warning{border-color:var(--copper)}
@media(max-width:860px){.close-intro{flex-direction:column;align-items:flex-start}}
@media(max-width:580px){.close-section{margin-top:32px;padding-top:24px}
  .close-intro h2{font-size:29px}
  .close-form-card h3,.close-receipt h3{font-size:20px}
  .close-pill{white-space:normal}}
