:root { --bg:#f7f5ef; --surface:#fff; --ink:#10231f; --muted:#67736f; --line:#d8ddd7; --accent:#b9ff4a; --soft:#e9eee9; --danger:#9e2d24; --max:1440px; color-scheme:light; }
:root[data-theme="dark"] { --bg:#080808; --surface:#111; --ink:#f8f8f3; --muted:#b0b0aa; --line:#353535; --accent:#fff; --soft:#1b1b1b; --danger:#ff8b80; color-scheme:dark; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 Inter,ui-sans-serif,system-ui,sans-serif; }
a { color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.skip-link { position:absolute; left:1rem; top:-5rem; padding:.8rem 1rem; background:var(--ink); color:var(--bg); z-index:100; }
.skip-link:focus { top:1rem; }
.sr-only { position:absolute; width:1px; height:1px; clip:rect(0,0,0,0); overflow:hidden; }
.site-header { max-width:var(--max); margin:auto; min-height:88px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:.8rem; font:600 .93rem/1.15 ui-sans-serif,system-ui,sans-serif; letter-spacing:.12em; }
.brand small { display:block; margin-top:.3rem; color:var(--muted); font:400 .62rem/1 ui-sans-serif,system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.brand-mark,.footer-mark { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--bg); font-weight:600; letter-spacing:-.1em; }
.primary-nav { display:flex; align-items:center; gap:2rem; font-size:.86rem; font-weight:500; }
.primary-nav>a:hover { opacity:.62; }
.nav-portal { border:1px solid var(--ink); border-radius:2rem; padding:.55rem 1rem; }
.theme-toggle,.menu-toggle { min-width:44px; min-height:44px; border:1px solid var(--line); border-radius:50%; background:transparent; color:var(--ink); font:inherit; cursor:pointer; }
.menu-toggle { display:none; border-radius:2rem; padding:0 1rem; }
.hero { max-width:var(--max); margin:auto; min-height:700px; display:grid; grid-template-columns:1.02fr .98fr; border-bottom:1px solid var(--line); }
.hero-copy { padding:8rem 5vw 5rem; }
.eyebrow { margin:0 0 1.5rem; color:var(--muted); font-size:.72rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
h1,h2,h3 { font-family:ui-sans-serif,system-ui,sans-serif; line-height:1.07; letter-spacing:-.045em; }
h1 { margin:0; font-size:clamp(3.5rem,6.5vw,7.2rem); font-weight:500; }
h1 em { color:var(--muted); font-style:normal; font-weight:400; }
h2 { font-size:clamp(2.2rem,4vw,4.2rem); font-weight:500; margin:.2rem 0 1rem; }
h3 { font-size:1.45rem; font-weight:500; }
.hero-lede { max-width:630px; margin:2rem 0; color:var(--muted); font-size:1.16rem; }
.hero-actions { display:flex; gap:.8rem; flex-wrap:wrap; margin:2rem 0 4rem; }
.button { min-height:48px; padding:.78rem 1.25rem; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--ink); border-radius:2rem; background:transparent; color:var(--ink); font:600 .85rem ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
.button.primary { background:var(--ink); color:var(--bg); }
.button.inverse { background:var(--bg); color:var(--ink); border-color:var(--bg); }
.button:hover { transform:translateY(-1px); }
.hero-stats { display:flex; gap:3.2rem; margin:0; }
.hero-stats div { padding-left:1rem; border-left:1px solid var(--line); }
.hero-stats dt { font-weight:600; }.hero-stats dd { margin:0; color:var(--muted); font-size:.75rem; }
.hero-visual { position:relative; overflow:hidden; min-height:650px; background:var(--soft); color:var(--ink); }
.hero-visual:after { content:""; position:absolute; inset:55% 0 0; background:repeating-linear-gradient(175deg,transparent 0 24px,var(--line) 25px 26px); opacity:.8; }
.sun { position:absolute; width:180px; height:180px; border-radius:50%; background:var(--accent); top:12%; right:12%; }
.horizon { position:absolute; left:0; right:0; top:56%; border-top:1px solid var(--line); }
.yacht { position:absolute; width:86%; left:5%; top:38%; z-index:2; filter:drop-shadow(0 25px 18px rgb(0 0 0/.12)); }
.readiness-card { position:absolute; z-index:3; right:7%; bottom:8%; padding:1rem 1.2rem; display:grid; grid-template-columns:auto 1fr; column-gap:.7rem; background:var(--surface); border:1px solid var(--line); border-radius:.4rem; box-shadow:0 12px 30px rgb(0 0 0/.1); }
.readiness-card small { grid-column:2; color:var(--muted); }.pulse { width:10px; height:10px; margin-top:.35rem; border-radius:50%; background:var(--accent); }
.trust-strip { max-width:var(--max); margin:auto; padding:1.3rem 4vw; display:flex; justify-content:space-between; gap:1rem; color:var(--muted); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid var(--line); }
.trust-strip span:before { content:"✓"; color:var(--ink); margin-right:.6rem; }
.section { max-width:var(--max); margin:auto; padding:7rem 5vw; }
.intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:8vw; }.intro-grid>div:last-child { padding-top:3rem; color:var(--muted); font-size:1.15rem; }
.text-link { display:inline-block; margin-top:1rem; color:var(--ink); font-weight:600; font-size:.88rem; }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; padding-top:0; }
.service-card { min-height:320px; padding:2.5rem; border:1px solid var(--line); display:flex; flex-direction:column; justify-content:flex-end; }
.service-card>span { margin-bottom:auto; color:var(--muted); font-size:.75rem; }.service-card p { color:var(--muted); }
.service-card.featured { background:var(--ink); color:var(--bg); }.service-card.featured p,.service-card.featured>span { color:color-mix(in srgb,var(--bg) 65%,transparent); }
.catalog-preview { background:var(--surface); }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-bottom:3rem; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }.product-card { min-width:0; }.product-art { aspect-ratio:1.22; display:grid; place-items:center; background:var(--soft); border:1px solid var(--line); overflow:hidden; }
.product-art:before { content:"+"; position:absolute; font-size:12rem; line-height:1; opacity:.04; }.product-art span { width:110px; height:110px; display:grid; place-items:center; border:1px solid var(--ink); border-radius:50%; font-size:.7rem; letter-spacing:.14em; }
.product-category,.sku { margin:.8rem 0 0; color:var(--muted); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; }.product-card h3 { margin:.35rem 0; }
.cta-band { max-width:var(--max); margin:auto; padding:7rem 5vw; text-align:center; background:var(--ink); color:var(--bg); }.cta-band .eyebrow { color:var(--bg); opacity:.65; }.cta-band .button { margin-top:2rem; }
.site-footer { max-width:var(--max); margin:auto; padding:5rem 5vw 2rem; display:grid; grid-template-columns:2fr repeat(3,1fr); gap:3rem; border-top:1px solid var(--line); }.site-footer h2 { font:600 .72rem ui-sans-serif,system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; }.site-footer a { display:block; margin:.5rem 0; color:var(--muted); font-size:.86rem; }.footer-bottom { grid-column:1/-1; padding-top:2rem; border-top:1px solid var(--line); color:var(--muted); font-size:.75rem; }
.page-hero { max-width:var(--max); margin:auto; padding:9rem 8vw; border-bottom:1px solid var(--line); }.page-hero h1 { max-width:1100px; font-size:clamp(3rem,6vw,6rem); }.page-hero>p:last-child { max-width:740px; color:var(--muted); font-size:1.16rem; }.page-hero.compact { padding-block:6rem; }
.process { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; }.process article { padding:2rem; border:1px solid var(--line); }.process span { color:var(--muted); font-size:.72rem; }.process h2 { font-size:2rem; }.process p { color:var(--muted); }
.clinical-note { max-width:1200px; margin:0 auto 6rem; padding:1.5rem; border-left:4px solid var(--accent); background:var(--soft); }
.legal-page,.prose { max-width:850px; margin:auto; padding:7rem 5vw; }.legal-page h1 { font-size:4rem; }.legal-page h2 { margin-top:2.5rem; font-size:1.8rem; }.legal-page p { color:var(--muted); }.updated,.fine-print,.field-help { color:var(--muted); font-size:.78rem; }
.filters { max-width:var(--max); margin:auto; padding:2rem 5vw; display:flex; gap:.6rem; flex-wrap:wrap; border-bottom:1px solid var(--line); }.filters a { padding:.45rem .8rem; border:1px solid var(--line); border-radius:2rem; font-size:.8rem; }.filters a.active { background:var(--ink); color:var(--bg); }
.product-detail { max-width:1200px; margin:auto; padding:7rem 5vw; display:grid; grid-template-columns:1fr 1fr; gap:7vw; align-items:center; }.product-detail h1 { font-size:4rem; }.product-art.large { aspect-ratio:1; }.price { font-size:1.3rem; font-weight:600; }
.auth-shell,.form-page { max-width:1200px; min-height:650px; margin:auto; padding:7rem 5vw; display:grid; grid-template-columns:1fr 460px; gap:8vw; }.auth-shell>div h1,.form-page>div h1 { font-size:4rem; }.auth-card,.form-card { align-self:start; padding:2.5rem; display:flex; flex-direction:column; gap:.55rem; background:var(--surface); border:1px solid var(--line); }.auth-card input,.form-card input,.form-card textarea,.form-card select { width:100%; min-height:48px; padding:.7rem; margin-bottom:.7rem; border:1px solid var(--line); background:var(--bg); color:var(--ink); font:inherit; }.form-card textarea { min-height:150px; resize:vertical; }.auth-card label,.form-card label { font-size:.8rem; font-weight:600; }
.flash { max-width:var(--max); margin:auto; padding:1rem 5vw; background:var(--accent); color:#111; }.flash.alert { background:#ffe2df; color:#55150f; }
.dashboard-header { max-width:var(--max); margin:auto; padding:5rem 5vw 3rem; display:flex; align-items:end; justify-content:space-between; gap:2rem; }.dashboard-header h1 { font-size:4rem; }.dashboard-header>div:last-child { display:flex; gap:.8rem; }.admin-nav { display:flex; flex-wrap:wrap; gap:1rem; }.metric-grid { max-width:var(--max); margin:auto; padding:0 5vw; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.metric-grid article { padding:2rem; border:1px solid var(--line); }.metric-grid span { color:var(--muted); }.metric-grid strong { display:block; font:500 3rem ui-sans-serif,system-ui,sans-serif; }
.data-list { display:grid; gap:1px; }.data-row { padding:1rem; display:grid; grid-template-columns:1.3fr 1fr 1fr auto; gap:1rem; align-items:center; border:1px solid var(--line); font-size:.85rem; }.status { width:max-content; padding:.25rem .65rem; border-radius:1rem; background:var(--soft); font-size:.72rem; text-transform:capitalize; }.empty-state { padding:3rem; border:1px dashed var(--line); color:var(--muted); }.form-errors { padding:1rem; border-left:4px solid var(--danger); background:var(--soft); }.form-errors h2 { font-size:1rem; }.form-errors ul { margin:0; }
@media (max-width:900px) { .site-header { min-height:72px; }.menu-toggle { display:block; }.primary-nav { display:none; position:absolute; z-index:10; left:0; right:0; top:72px; padding:2rem 5vw; flex-direction:column; align-items:stretch; background:var(--surface); border-bottom:1px solid var(--line); }.primary-nav.open { display:flex; }.theme-toggle { align-self:start; }.hero { grid-template-columns:1fr; }.hero-copy { padding-top:5rem; }.hero-visual { min-height:500px; }.trust-strip { overflow:auto; justify-content:flex-start; }.trust-strip span { white-space:nowrap; }.intro-grid,.product-detail,.auth-shell,.form-page { grid-template-columns:1fr; }.services-grid,.product-grid { grid-template-columns:1fr 1fr; }.process { grid-template-columns:1fr 1fr; }.site-footer { grid-template-columns:1fr 1fr; }.footer-bottom { grid-column:1/-1; }.dashboard-header { align-items:flex-start; flex-direction:column; }.data-row { grid-template-columns:1fr 1fr; } }
@media (max-width:580px) { .hero-copy { padding-inline:6vw; }.hero-stats { gap:1.2rem; flex-wrap:wrap; }.services-grid,.product-grid,.process,.metric-grid { grid-template-columns:1fr; }.section-heading { align-items:flex-start; flex-direction:column; }.site-footer { grid-template-columns:1fr; }.data-row { grid-template-columns:1fr; }.sun { width:120px; height:120px; }.page-hero,.section { padding-block:4.5rem; }.auth-card,.form-card { padding:1.3rem; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
@media (forced-colors:active) { .button,.nav-portal,.product-art,.service-card { border:1px solid CanvasText; }.pulse { forced-color-adjust:none; } }
@media print { .site-header,.site-footer,.hero-actions,.theme-toggle { display:none!important; } body { background:#fff; color:#000; } }