:root{--ink:#0d2534;--paper:#f5f4ee;--muted:#60717b;--accent:#eb5324;--accent-soft:#ff764b;--line:#0d253429;--pointer-x:70vw;--pointer-y:30vh}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.site-shell{isolation:isolate;background:linear-gradient(90deg, transparent 49.92%, #0d25340a 50%, transparent 50.08%), linear-gradient(#0d253409 1px, transparent 1px), var(--paper);background-size:100% 100%,100% 25vh,auto;min-height:100svh;position:relative;overflow:hidden}.cargo-scene,.cargo-image,.cargo-wash,.trade-network,.spotlight,.grain{pointer-events:none;position:absolute;inset:0}.cargo-scene{z-index:-5;overflow:hidden}.cargo-image{filter:saturate(.72)contrast(.92)brightness(1.04);will-change:transform;background:url(/cargo-port-hero.webp) 50%/cover no-repeat;animation:22s cubic-bezier(.45,0,.55,1) infinite alternate cargo-drift;inset:-5%;transform:scale(1.06)translate(-1.2%,-.25%)}.cargo-wash{background:linear-gradient(90deg,#f5f4eefa 0%,#f5f4eef0 31%,#f5f4ee8f 55%,#f5f4ee33 82%,#f5f4ee29 100%),linear-gradient(#f5f4ee4d,#0000 30%,#f5f4ee2e 70%,#f5f4ee8a)}.trade-network{z-index:-1;opacity:.7;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000 28%,#00000038 48%,#000 68%);mask-image:linear-gradient(90deg,#0000 28%,#00000038 48%,#000 68%)}.spotlight{z-index:-2;background:radial-gradient(650px circle at var(--pointer-x) var(--pointer-y), #eb532417, transparent 46%)}.grain{z-index:10;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f4ee8f;justify-content:space-between;align-items:center;height:112px;padding:0 clamp(24px,4.5vw,76px);display:flex}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-symbol{width:92px;height:auto;overflow:visible}.brand-symbol path{fill:none;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:square;stroke-linejoin:miter}.brand-copy{border-left:1px solid var(--line);flex-direction:column;gap:3px;padding-left:14px;display:flex}.brand-copy span{letter-spacing:.34em;font-size:.75rem}.brand-copy small{color:var(--muted);letter-spacing:.18em;font-size:.75rem}.top-status{color:#3e5663;letter-spacing:.17em;align-items:center;gap:10px;font-size:.75rem;display:flex}.signal{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite signal;box-shadow:0 0 18px #eb532459}.hero{flex-direction:column;justify-content:center;width:min(1100px,100% - 176px);min-height:calc(100svh - 192px);margin:0 auto;padding:clamp(28px,4vh,56px) 0 clamp(70px,9vh,112px);display:flex;position:relative}.eyebrow{width:min(360px,100%);color:var(--accent);letter-spacing:.23em;align-items:center;gap:15px;margin-bottom:clamp(16px,2.6vh,30px);font-size:.75rem;font-weight:700;display:flex}.eyebrow-line{background:linear-gradient(to right, #eb532429, var(--accent), #eb532429);flex:1;height:1px}.hero-title{letter-spacing:-.075em;text-transform:uppercase;max-width:1050px;margin:0;font-size:clamp(4rem,8.15vw,8.4rem);font-weight:700;line-height:.82}.hero-title span{display:block}.outline-line{color:#f5f4ee38;-webkit-text-stroke:1.5px #0d2534e6}.hero-copy{color:#526771;width:min(620px,100%);margin:clamp(26px,4vh,44px) 0 0;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.55}.hero-copy strong{color:var(--ink);font-weight:600}.signup-card{width:min(720px,100%);margin-top:clamp(28px,4.8vh,52px)}.role-switch{gap:24px;margin-bottom:12px;display:flex}.role-button{appearance:none;color:#71818a;letter-spacing:.17em;text-transform:uppercase;background:0 0;border:0;padding:4px 0 10px;font-size:.75rem;font-weight:700;transition:color .25s;position:relative}.role-button:after{content:"";transform-origin:0;background:var(--accent);height:1px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.role-button.active{color:var(--ink)}.role-button.active:after{transform:scaleX(1)}.signup-form,.success-state{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #0d253440;grid-template-columns:minmax(0,1fr) auto;min-height:64px;transition:border-color .25s,box-shadow .25s;display:grid}.signup-form:focus-within{border-color:#eb5324ad;box-shadow:0 0 0 1px #eb53241f,0 18px 54px #1c37451f}.signup-form input{width:100%;min-width:0;color:var(--ink);letter-spacing:.13em;background:0 0;border:0;outline:0;padding:0 22px;font-size:.78rem}.signup-form input::placeholder{color:#75858d}.signup-form button{background:var(--accent);color:#fff;letter-spacing:.16em;border:0;justify-content:space-between;align-items:center;gap:24px;min-width:260px;padding:0 20px 0 24px;font-size:.75rem;font-weight:800;transition:background .2s,transform .2s;display:flex}.signup-form button:hover{background:var(--accent-soft)}.signup-form button:active{transform:scale(.985)}.signup-form button:disabled,.signup-form input:disabled{cursor:wait;opacity:.7}.arrow{letter-spacing:0;font-size:1.5rem;font-weight:400;transition:transform .2s}.signup-form button:hover .arrow{transform:translate(3px,-3px)}.form-message{color:#ff9d89;margin:9px 0 0;font-size:.78rem}.signup-note{color:#667984;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 0;font-size:.75rem}.success-state{border-color:#eb532473;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:10px 12px 10px 18px}.success-icon{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.success-state div{flex-direction:column;gap:4px;display:flex}.success-state strong{letter-spacing:.05em;font-size:.86rem}.success-state div span{color:#71818a;font-size:.75rem}.success-state button{width:40px;height:40px;color:var(--ink);background:0 0;border:0;font-size:1.2rem}.buyer-path{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8a;border:1px solid #0d253429;width:260px;padding:20px 22px;display:none;position:absolute;top:50%;right:clamp(25px,4.5vw,76px);transform:translateY(-48%)}.buyer-path p{color:var(--accent);letter-spacing:.13em;margin:0 0 14px;font-size:.75rem;font-weight:800}.buyer-path ol{margin:0;padding:0;list-style:none}.buyer-path li{border-top:1px solid #0d25341f;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:13px 0;display:grid}.buyer-path li span{color:var(--accent);font-size:.75rem;font-weight:700}.buyer-path li strong{font-size:.875rem;font-weight:700;line-height:1.3}.footer-line{border-top:1px solid var(--line);color:#526976;letter-spacing:.17em;grid-template-columns:1fr 1fr 1fr;align-items:center;height:80px;padding:0 clamp(24px,4.5vw,76px);font-size:.75rem;display:grid;position:absolute;bottom:0;left:0;right:0}.footer-center{text-align:center}.footer-line span:last-child{text-align:right}.reveal{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards reveal;transform:translateY(22px)}.reveal-1{animation-delay:80ms}.reveal-2{animation-delay:.16s}.reveal-3{animation-delay:.3s}.reveal-4{animation-delay:.42s}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@keyframes signal{50%{opacity:.5;box-shadow:0 0 8px #eb53242e}}@keyframes cargo-drift{0%{transform:scale(1.06)translate(-1.2%,-.25%)}to{transform:scale(1.12)translate(1.25%,.55%)}}@media (min-width:1181px){.hero{padding-right:290px}.hero-title{font-size:clamp(4rem,6.6vw,7rem)}.buyer-path{display:block}}@media (max-width:760px){.site-shell{background-size:100% 100%,100% 20vh,auto;overflow-y:auto}.cargo-image{background-position:66%}.cargo-wash{background:linear-gradient(#f5f4eee6 0%,#f5f4eeb8 45%,#f5f4eecc 100%),linear-gradient(90deg,#f5f4eef0,#f5f4ee6b)}.topbar{height:88px;padding:0 20px}.brand-symbol{width:70px}.brand-copy{display:none}.top-status{letter-spacing:.09em;font-size:.75rem}.hero{justify-content:center;width:calc(100% - 40px);min-height:calc(100svh - 148px);padding:40px 0 88px}.hero-title{font-size:clamp(3.5rem,17.3vw,6.2rem);line-height:.86}.hero-title .outline-line{letter-spacing:-.085em;font-size:.86em}.hero-copy{margin-top:26px;font-size:1rem}.signup-card{margin-top:30px}.signup-form{grid-template-columns:1fr}.signup-form input{min-height:58px}.signup-form button{min-width:0;min-height:58px}.buyer-path,.footer-center{display:none}.footer-line{grid-template-columns:1fr 1fr;height:60px;padding:0 20px}.trade-network{opacity:.58;-webkit-mask-image:linear-gradient(#0000 15%,#000 40%);mask-image:linear-gradient(#0000 15%,#000 40%)}}@media (max-height:760px) and (min-width:761px){.topbar{height:82px}.hero{min-height:calc(100svh - 144px);padding-top:24px;padding-bottom:76px}.hero-title{font-size:clamp(3.8rem,7.6vw,7rem)}.hero-copy{margin-top:24px}.signup-card{margin-top:26px}.footer-line{height:62px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spotlight{display:none}.cargo-image{animation:none;transform:scale(1.08)}}