:root { color-scheme: light; --paper:#f6f4ee; --paper2:#efebe2; --ink:#18262d; --muted:#52626a; --line:#d8d9d2; --night:#132630; --night2:#1c343c; --accent:#be784d; --soft:#eedcd0; --white:#fff; --ring:#c2a083; }
[data-brand='orderharbor'] { --accent:#357b76; --soft:#d8e8e4; --ring:#73beb4; }
[data-brand='alphaloom'] { --accent:#7a72ae; --soft:#e4e1f0; --ring:#a7a2d5; }
[data-brand='minthawk'] { --accent:#bc6d4a; --soft:#f1ded2; --ring:#dd9974; }
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 'DM Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
body::selection {background:var(--soft);color:var(--night)}
a {color:inherit;text-decoration:none} button {font:inherit} svg {display:block}
button,a { -webkit-tap-highlight-color:transparent }
:focus-visible {outline:3px solid #a96c46;outline-offset:4px}
.skip {position:absolute;left:24px;top:-70px;background:var(--white);padding:12px 18px;border-radius:4px;z-index:100}
.skip:focus {top:12px}
.wrap {width:min(1236px,calc(100% - 80px));margin-inline:auto}
.eyebrow {font:700 11px/1.5 'Manrope',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.tag {display:inline-flex;align-items:center;gap:9px;white-space:nowrap;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800;color:#6a5645;border:1px solid #d6cbbf;background:#f8f1e7;padding:8px 11px;border-radius:100px}
.tag i {width:6px;height:6px;display:block;background:#c18a54;border-radius:50%}
.tag.light {background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.19);color:#e9e0d4}
.tag.light i {background:#dab991}
.site-header {position:relative;z-index:5;border-bottom:1px solid var(--line);background:var(--paper)}
.header-inner {min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand {display:inline-flex;align-items:center;gap:12px;font:800 21px/1 'Manrope',sans-serif;letter-spacing:-.055em;white-space:nowrap}
.brand small {font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;display:block;margin:5px 0 0;color:#67757b}
.brand-mark {display:inline-grid;place-items:center;width:41px;height:41px;background:var(--night);border-radius:11px;color:#efe1cf;flex-shrink:0}
.brand-mark svg {width:27px;height:27px}
.brand em {font-style:normal;color:var(--accent)}
.top-nav {display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700;color:#485960}
.top-nav a:not(.nav-cta):hover {color:var(--accent)}
.nav-cta {display:inline-flex;align-items:center;gap:9px;padding:12px 17px;border-radius:5px;background:var(--ink);color:white}
.nav-cta:hover {background:#31464c}
.menu-toggle {display:none;border:1px solid var(--line);border-radius:6px;background:transparent;padding:10px 13px;color:var(--ink);cursor:pointer}
.masthead {position:relative;padding:70px 0 0;overflow:hidden}
.masthead .intro {padding:10px 0 60px}
.hero-grid {display:grid;grid-template-columns:1.03fr .97fr;gap:56px;align-items:center}
.hero-title {margin:22px 0 25px;font:700 clamp(49px,5.3vw,83px)/1.06 'Manrope',sans-serif;letter-spacing:-.077em;max-width:830px}
.hero-title em {font-style:normal;color:var(--accent)}
.hero-lead {font-size:18px;line-height:1.78;color:#56636a;max-width:570px;margin:0}
.hero-actions {display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:34px 0 0}
.button {display:inline-flex;align-items:center;justify-content:space-between;gap:23px;padding:15px 19px;background:var(--ink);color:white;font-size:13px;font-weight:800;border-radius:5px;min-height:51px;transition:transform .18s ease,background .18s ease}
.button:hover {background:#30424b;transform:translateY(-2px)}
.button .arrow {font-size:18px;font-weight:400}
.text-link {font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#adb9b8}
.text-link:hover {text-decoration-color:var(--accent)}
.quiet {color:#69767c;font-size:13px}
.hero-art {min-height:463px;background:#172f39;border-radius:3px;position:relative;overflow:hidden;isolation:isolate;box-shadow:22px 22px 0 var(--paper2)}
.hero-art::before {content:'';position:absolute;inset:-120px;background:repeating-linear-gradient(0deg,transparent 0 55px,rgba(255,255,255,.035) 55px 56px),repeating-linear-gradient(90deg,transparent 0 55px,rgba(255,255,255,.035) 55px 56px);transform:rotate(8deg) scale(1.1);opacity:.9}
.hero-art::after {content:'';position:absolute;border:1px solid rgba(225,193,146,.43);border-radius:50%;width:370px;height:370px;top:44px;left:calc(50% - 185px);box-shadow:0 0 0 58px rgba(233,198,152,.035),0 0 0 120px rgba(233,198,152,.025)}
.art-n {position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font:800 166px/1 'Manrope',sans-serif;letter-spacing:-.14em;color:#f2e4ca;text-shadow:0 24px 55px rgba(0,0,0,.16)}
.art-arc {position:absolute;z-index:1;width:266px;height:266px;border-top:4px solid #c6865b;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid transparent;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}
.art-note {position:absolute;z-index:3;bottom:26px;left:29px;right:29px;border-top:1px solid rgba(255,255,255,.21);padding-top:14px;display:flex;justify-content:space-between;gap:10px;color:#bacbc9;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}
.art-corner {position:absolute;z-index:3;top:25px;left:29px;font-size:11px;color:#e8cbab;letter-spacing:.16em;text-transform:uppercase}
.art-spec {position:absolute;z-index:3;right:29px;top:25px;color:#cfdad6;font:700 12px 'Manrope',sans-serif}
.hero-rule {display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px}
.hero-rule > div {padding:24px 20px 24px 0;display:flex;align-items:center;gap:19px}
.hero-rule > div+div {border-left:1px solid var(--line);padding-left:28px}
.hero-rule strong {font:700 21px 'Manrope',sans-serif;letter-spacing:-.06em;color:var(--accent)}
.hero-rule span {font:700 11px/1.5 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.11em;color:#5b6970}
.section {padding:106px 0}
.section-head {display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:40px}
.section-head h2,.big-heading {margin:12px 0 0;font:700 clamp(36px,4vw,56px)/1.12 'Manrope',sans-serif;letter-spacing:-.065em;max-width:710px}
.section-head p {max-width:346px;color:#657178;font-size:15px;margin:0 0 4px}
.products {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product {position:relative;min-width:0;display:flex;flex-direction:column;min-height:510px;overflow:hidden;background:#fff;border:1px solid #e1dfd7;padding:25px 26px 30px}
.product::before {content:'';position:absolute;left:0;right:0;top:0;height:5px;background:var(--stripe)}
.product .product-number {display:flex;justify-content:space-between;font:700 11px 'Manrope',sans-serif;letter-spacing:.13em;color:#657178;text-transform:uppercase}
.product .visual {height:168px;display:grid;place-items:center;position:relative;margin:27px 0 22px;overflow:hidden;background:var(--block)}
.product .visual::before,.product .visual::after {content:'';position:absolute;border:1px solid var(--pattern);width:220px;height:220px;border-radius:50%;transform:translate(52px,-30px)}
.product .visual::after {width:134px;height:134px;transform:translate(-61px,28px)}
.visual .symbol {position:relative;z-index:2;color:var(--stripe);font:700 100px/1 'Manrope',sans-serif;letter-spacing:-.1em}
.product .kicker {font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--stripe)}
.product h3 {font:700 29px 'Manrope',sans-serif;letter-spacing:-.055em;margin:10px 0}
.product p {font-size:14px;color:#5d6c74;line-height:1.75;margin:0;flex:1}
.product .card-bottom {display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e6e7e0;margin-top:25px;padding-top:22px;font-size:12px;font-weight:800}
.product .card-bottom span {color:#778187;font-size:11px;font-weight:600}
.product.oh {--stripe:#377e76;--block:#e3eee9;--pattern:#a9c5bc}
.product.al {--stripe:#7771ac;--block:#eae8f3;--pattern:#c6c0de}
.product.mh {--stripe:#ba6f4a;--block:#f0e2d7;--pattern:#d4b29b}
.copy-block {border-bottom:1px solid var(--line);display:grid;grid-template-columns:.45fr 1fr;gap:40px;padding:29px 0}
.copy-block:first-of-type {border-top:1px solid var(--line)}
.copy-block .small-label {color:var(--accent);font:800 11px 'Manrope',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.copy-block h3 {font:700 22px 'Manrope',sans-serif;letter-spacing:-.04em;margin:0 0 8px}
.copy-block p {max-width:670px;font-size:15px;color:#58696f;margin:0}
.dark-section {padding:94px 0;background:var(--night);color:white;position:relative;overflow:hidden}
.dark-section::after {content:'';position:absolute;pointer-events:none;top:-210px;right:-190px;border:1px solid rgba(233,204,170,.15);width:620px;height:620px;border-radius:50%;box-shadow:0 0 0 110px rgba(229,191,145,.03),0 0 0 200px rgba(229,191,145,.025)}
.dark-section .eyebrow {color:#e0aa83}
.dark-section h2 {font:700 clamp(35px,4vw,53px)/1.12 'Manrope',sans-serif;letter-spacing:-.06em;margin:16px 0 20px;max-width:740px}
.dark-section p {color:#b7c7c7;font-size:15px;max-width:760px}
.method-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:52px}
.method {border-top:1px solid rgba(255,255,255,.26);padding-top:24px}
.method .index {font:700 13px 'Manrope',sans-serif;color:#e0aa83}
.method h3 {font:700 23px 'Manrope',sans-serif;letter-spacing:-.05em;margin:19px 0 9px}
.method p {margin:0;font-size:14px}
.compact-top {padding-top:0}
.progress-desc {color:#5d6b72;line-height:1.85}
.progress-line {margin-top:33px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.progress {padding:24px;background:white;border:1px solid #e1dfd7;min-width:0}
.progress b {font:800 13px 'Manrope',sans-serif}
.progress p {color:#627078;font-size:13px;line-height:1.65;margin:7px 0 13px}
.progress .flag {font:800 10px 'Manrope',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.site-footer {border-top:1px solid var(--line);padding:36px 0 50px}
.footer-inner {display:flex;justify-content:space-between;gap:35px;align-items:start}
.footer-inner .brand {margin-bottom:14px}
.footer-inner p {max-width:630px;font-size:12px;line-height:1.8;color:#6c777c}
.footer-links {display:flex;gap:25px;font-size:12px;font-weight:800;flex-wrap:wrap;margin-top:5px}
.footer-links a:hover {color:var(--accent)}
.product-hero {padding:70px 0 0}
.product-hero .hero-title {max-width:720px;font-size:clamp(46px,5.2vw,79px)}
.product-hero .eyebrow {color:var(--accent)}
.product-hero .hero-art {min-height:440px;background:#162a33}
.product-hero .art-n {font-size:130px;color:#f7f1e8}
.product-hero .art-arc {border-top-color:var(--ring)}
.product-hero .art-note {font-size:10px;letter-spacing:.08em}
.signal-board {position:absolute;z-index:3;inset:81px 25px 57px;background:#f7f6f1;color:#1e2c31;padding:23px;box-shadow:0 18px 44px rgba(0,0,0,.2);border-radius:3px}
.board-header {display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d9ddd8;padding-bottom:15px;align-items:center;font-size:12px;font-weight:800}
.board-header span {font-size:10px;color:#8b7564;letter-spacing:.05em;text-transform:uppercase}
.board-body {margin-top:22px}
.board-sub {font:800 10px 'Manrope',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#758187}
.board-title {font:800 24px 'Manrope',sans-serif;letter-spacing:-.045em;margin:9px 0 13px}
.board-row {display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #e1e3de;padding:12px 0;font-size:12px}
.board-row b {font:800 12px 'Manrope',sans-serif}
.board-row small {font-size:11px;color:#728088}
.board-row .val {font-size:10px;color:#755940;letter-spacing:.07em;text-transform:uppercase;font-weight:800}
.board-stamp {display:inline-flex;margin-top:11px;background:var(--soft);color:var(--accent);font-size:10px;padding:7px 10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.pillar-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pillar {background:white;border:1px solid var(--line);padding:29px;min-height:245px}
.pillar .num {color:var(--accent);font:800 12px 'Manrope',sans-serif;letter-spacing:.1em}
.pillar h3 {font:700 23px 'Manrope',sans-serif;letter-spacing:-.045em;margin:31px 0 9px}
.pillar p {color:#607078;font-size:14px;line-height:1.75;margin:0}
.two-cols {display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}
.notice {border-left:3px solid var(--accent);background:#fff;padding:24px 25px;margin-top:20px;color:#55656d;font-size:14px}
.ledger {background:#fdfcf8;border:1px solid var(--line);padding:28px}
.ledger h3 {font:800 18px 'Manrope',sans-serif;letter-spacing:-.03em;margin:0 0 20px}
.ledger-row {display:grid;grid-template-columns:110px 1fr;gap:15px;padding:15px 0;border-top:1px solid #e4e3db;font-size:13px}
.ledger-row strong {color:var(--accent);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.ledger-row span {color:#56676e}
.scenario-toolbar {display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.scenario-toolbar button {border:1px solid #c9d1cd;background:transparent;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer;border-radius:3px;color:#50616b}
.scenario-toolbar button[aria-selected='true'] {background:var(--night);color:white;border-color:var(--night)}
.screen-reader-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-scenario-panel][hidden] {display:none}
.status-note {font:800 10px 'Manrope',sans-serif;color:#ca815b;letter-spacing:.12em;text-transform:uppercase;margin-top:16px}
@media (max-width:980px){.wrap{width:min(100% - 44px,1236px)}.hero-grid{gap:32px}.hero-art{min-height:370px}.hero-title{font-size:clamp(42px,5.7vw,70px)}.products{gap:12px}.product{padding:20px;min-height:470px}.product .visual{height:135px}.product h3{font-size:24px}.method-grid{gap:25px}.two-cols{gap:40px}}
@media (max-width:760px){.wrap{width:calc(100% - 38px)}.site-header{position:relative}.header-inner{min-height:75px}.brand{font-size:19px}.brand-mark{width:36px;height:36px}.top-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:17px 19px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 30px rgba(10,20,20,.08)}.top-nav.open{display:flex}.top-nav a{padding:12px 8px}.top-nav .nav-cta{margin-top:8px}.menu-toggle{display:block}.masthead{padding-top:35px}.product-hero{padding-top:35px}.hero-grid{grid-template-columns:1fr;gap:25px}.masthead .intro{padding:0 0 36px}.hero-title,.product-hero .hero-title{font-size:clamp(43px,10vw,66px);max-width:630px}.hero-lead{font-size:16px}.hero-art,.product-hero .hero-art{min-height:300px;box-shadow:9px 9px 0 var(--paper2)}.hero-art::after{width:260px;height:260px;top:20px;left:calc(50% - 130px)}.art-n{font-size:110px}.art-note{bottom:16px;left:18px;right:18px}.art-corner{top:17px;left:18px}.art-spec{right:18px;top:17px}.hero-rule{margin-top:40px;grid-template-columns:1fr;gap:0}.hero-rule>div{padding:13px 0}.hero-rule>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.hero-rule strong{min-width:38px}.section{padding:76px 0}.section-head{align-items:start;display:block;margin-bottom:29px}.section-head h2,.big-heading{font-size:clamp(33px,7vw,45px)}.section-head p{margin-top:13px}.products,.pillar-grid,.progress-line,.method-grid{grid-template-columns:1fr}.product{min-height:auto}.product .visual{height:135px}.product p{min-height:0}.copy-block{grid-template-columns:1fr;gap:5px;padding:25px 0}.method-grid{gap:25px;margin-top:38px}.method h3{margin-top:10px}.dark-section{padding:69px 0}.two-cols{grid-template-columns:1fr;gap:27px}.footer-inner{display:block}.footer-links{margin-top:25px}.signal-board{inset:60px 18px 45px;padding:17px}.board-title{font-size:20px}.board-row{padding:9px 0}.board-body{margin-top:13px}}
@media (max-width:430px){.hero-actions{gap:15px}.button{width:100%}.hero-art,.product-hero .hero-art{min-height:286px}.art-note{font-size:8px}.signal-board{inset:53px 12px 38px;padding:13px}.board-title{font-size:18px}.board-row{font-size:10px}.board-stamp{font-size:9px}.art-corner,.art-spec{font-size:9px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}