:root { color-scheme: light; --navy:#0b1825; --navy2:#122c3f; --ink:#172c3d; --muted:#516476; --cream:#f5f4ee; --line:#dbe2e5; --teal:#147c77; --lime:#c7e7cf; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:var(--cream); color:var(--ink); font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.55; }
    a { color:inherit; }
    button, a { -webkit-tap-highlight-color:transparent; }
    a:focus-visible { outline:3px solid #6cc5b9; outline-offset:4px; border-radius:3px; }
    .wrap { width:min(1190px, calc(100% - 48px)); margin:auto; }
    .top { background:var(--navy); color:#fff; }
    .nav { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:84px; border-bottom:1px solid #ffffff25; }
    .brand { text-decoration:none; display:inline-flex; align-items:center; gap:12px; font-size:13px; font-weight:800; letter-spacing:.14em; line-height:1.2; }
    .mark { width:38px; height:38px; border:2px solid #acd8ce; border-radius:9px; display:grid; place-items:center; color:#acd8ce; font-size:16px; font-weight:900; letter-spacing:-.12em; padding-right:3px; }
    .navlinks { display:flex; align-items:center; gap:30px; font-size:13px; font-weight:650; }
    .navlinks a { text-decoration:none; color:#d7e3e8; }
    .navlinks a:hover { color:#fff; }
    .navlinks .signin { border:1px solid #77929f; color:#fff; padding:11px 16px; border-radius:6px; }
    .hero { min-height:630px; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:5%; padding:65px 0 90px; }
    .eyebrow { display:flex; align-items:center; gap:10px; text-transform:uppercase; letter-spacing:.17em; font-size:11px; font-weight:800; color:#91d2c5; }
    .eyebrow:before { content:""; width:26px; height:2px; background:#91d2c5; }
    h1,h2,h3,p { margin-top:0; }
    h1 { max-width:620px; margin:20px 0 23px; font-size:clamp(43px, 5.1vw, 72px); line-height:1.04; letter-spacing:-.055em; font-weight:750; }
    .hero p { max-width:510px; color:#c9d7de; font-size:18px; line-height:1.68; }
    .actions { display:flex; gap:15px; flex-wrap:wrap; margin-top:31px; }
    .button { display:inline-flex; min-height:47px; align-items:center; justify-content:center; gap:13px; border-radius:6px; padding:10px 20px; text-decoration:none; font-size:13px; font-weight:750; }
    .button.primary { background:#c7e7cf; color:#102c30; }
    .button.primary:hover { background:#d9f2df; }
    .button.secondary { color:#e7f0f1; border:1px solid #77929f; }
    .button.secondary:hover { background:#ffffff13; }
    .hero-foot { color:#9db3bd; font-size:12px; margin-top:27px; letter-spacing:.02em; }
    .visual { position:relative; min-height:475px; display:grid; place-items:center; }
    .visual:before { content:""; position:absolute; inset:10px -12px 30px 42px; background:radial-gradient(ellipse at 45% 45%, #21646280, transparent 62%),linear-gradient(140deg,#193144,#0e2433); border:1px solid #ffffff19; border-radius:20px; transform:rotate(-3deg); }
    .screen { position:relative; width:min(100%,590px); border-radius:15px; background:#f7faf9; box-shadow:0 25px 80px #0009; overflow:hidden; transform:translateY(17px); }
    .screen-bar { height:42px; background:#173247; display:flex; align-items:center; justify-content:space-between; padding:0 16px; color:#d7e5e6; font-size:10px; letter-spacing:.06em; font-weight:750; }
    .screen-bar .dots { display:flex; gap:5px; }
    .dots i { display:block; width:5px; height:5px; border-radius:50%; background:#789ba3; }
    .screen-body { padding:22px; color:#1a3443; }
    .screen-kicker { text-transform:uppercase; color:#617987; font-size:9px; font-weight:800; letter-spacing:.14em; }
    .screen-title { font-size:22px; font-weight:780; letter-spacing:-.04em; margin:5px 0 18px; }
    .tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
    .tile { border:1px solid #e2e9e8; background:#fff; border-radius:9px; min-height:82px; padding:12px; }
    .tile strong { display:block; font-size:12px; margin-top:8px; }
    .tile small { color:#6e838d; font-size:9px; text-transform:uppercase; letter-spacing:.09em; font-weight:750; }
    .symbol { width:20px; height:20px; display:grid; place-items:center; border-radius:5px; background:#e2f2ea; color:#197768; font-weight:900; font-size:12px; }
    .symbol.amber { background:#fff0db; color:#a06b1e; }
    .screen-table { margin-top:17px; background:#fff; border:1px solid #e2e9e8; border-radius:9px; padding:15px; }
    .screen-table b { display:block; font-size:12px; margin-bottom:9px; }
    .row { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #edf1f1; padding:10px 0; gap:8px; font-size:10px; font-weight:700; }
    .row span:nth-child(2) { color:#647985; margin-left:auto; }
    .status { border-radius:40px; padding:4px 7px; color:#227362; background:#e5f3eb; font-size:9px; white-space:nowrap; }
    .status.attention { color:#8a601e; background:#fcf1dd; }
    .strip { background:#e8ede8; border-bottom:1px solid #dae4df; }
    .strip-inner { display:flex; align-items:center; justify-content:center; gap:38px; min-height:86px; flex-wrap:wrap; padding:19px 0; color:#385363; font-size:12px; text-transform:uppercase; letter-spacing:.1em; font-weight:750; }
    .strip-inner i { height:21px; width:1px; background:#bed0cc; }
    section { scroll-margin-top:40px; }
    .section { padding:110px 0; }
    .intro { max-width:730px; }
    .label { text-transform:uppercase; font-size:11px; font-weight:800; color:#187772; letter-spacing:.17em; margin-bottom:17px; }
    h2 { font-size:clamp(32px,4vw,50px); line-height:1.13; letter-spacing:-.047em; font-weight:750; margin-bottom:20px; }
    .intro p, .section-lead { font-size:17px; line-height:1.7; color:var(--muted); }
    .cards { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:48px; }
    .card { background:#fff; border:1px solid var(--line); padding:32px; border-radius:8px; min-height:280px; }
    .card .num { display:block; color:#1f8079; font-size:12px; font-weight:850; letter-spacing:.12em; border-bottom:1px solid #e5ecea; padding-bottom:20px; margin-bottom:27px; }
    h3 { font-size:21px; line-height:1.25; letter-spacing:-.035em; margin-bottom:13px; }
    .card p { color:var(--muted); font-size:14px; line-height:1.75; margin-bottom:0; }
    .dark-section { background:#11293b; color:#fff; overflow:hidden; }
    .dark-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:9%; align-items:center; }
    .dark-section .label { color:#a4d9cd; }
    .dark-section p { color:#c0d1d7; font-size:16px; line-height:1.75; }
    .points { margin:27px 0 0; padding:0; list-style:none; }
    .points li { border-top:1px solid #ffffff28; padding:14px 0; font-size:14px; font-weight:650; }
    .points li:before { content:"✓"; display:inline-block; color:#b4e2c5; margin-right:13px; }
    .process { display:grid; gap:12px; }
    .process-item { display:grid; grid-template-columns:46px 1fr; gap:17px; border:1px solid #819da044; background:#ffffff0b; padding:22px; border-radius:8px; }
    .process-item .circle { display:grid; place-items:center; height:40px; width:40px; background:#bce0d1; color:#16454b; font-weight:850; font-size:13px; border-radius:50%; }
    .process-item h3 { font-size:17px; margin:2px 0 5px; }
    .process-item p { font-size:13px; line-height:1.6; margin:0; }
    .close { text-align:center; padding:106px 0; }
    .close h2 { max-width:720px; margin:0 auto 18px; }
    .close p { max-width:640px; margin:0 auto 28px; color:var(--muted); font-size:17px; }
    .close .button { background:#173d4a; color:#fff; }
    footer { background:#0b1825; color:#b9cbd2; padding:33px 0; }
    .footer-row { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:12px; }
    .footer-row a { text-decoration:none; }
    .footer-row a:hover { color:#fff; }
    @media (max-width:850px) { .hero,.dark-grid { grid-template-columns:1fr; } .hero { padding-top:67px; gap:24px; } .hero h1 { max-width:730px; } .visual { min-height:430px; } .cards { grid-template-columns:1fr; } .card { min-height:0; } .dark-grid { gap:45px; } }
    @media (max-width:600px) { .wrap { width:min(100% - 36px,1190px); } .nav { min-height:72px; } .brand { font-size:11px; } .navlinks { gap:0; } .navlinks a:not(.signin) { display:none; } .navlinks .signin { padding:9px 11px; font-size:11px; } .hero { padding:54px 0 72px; min-height:0; } h1 { font-size:44px; } .hero p { font-size:16px; } .visual { min-height:355px; } .screen { transform:translateY(10px); } .screen-body { padding:12px; } .tiles { gap:5px; } .tile { padding:7px; min-height:68px; } .tile strong { font-size:10px; margin-top:5px; } .tile small { font-size:7px; } .screen-table { padding:10px; } .row { font-size:8px; } .status { font-size:7px; } .strip-inner { gap:10px 20px; font-size:10px; } .strip-inner i { display:none; } .section { padding:75px 0; } .card { padding:25px; } .close { padding:74px 0; } .footer-row { align-items:flex-start; flex-direction:column; } }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
    .hero-photo { position:relative; width:100%; height:470px; overflow:hidden; border-radius:15px; box-shadow:0 25px 80px #0008; border:1px solid #ffffff32; background:#1a3442; }
    .hero-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:47% 45%; }
    .hero-photo:after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,#091824a8); pointer-events:none; }
    .photo-callout { position:absolute; z-index:1; left:19px; bottom:19px; width:min(280px,calc(100% - 38px)); background:#f7faf9f2; color:#203745; border:1px solid #fff8; box-shadow:0 12px 32px #07192775; border-radius:8px; padding:13px 16px; }
    .photo-callout small { display:block; text-transform:uppercase; letter-spacing:.12em; font-weight:850; font-size:9px; color:#217c72; }
    .photo-callout strong { display:block; margin-top:4px; font-size:16px; letter-spacing:-.025em; }
    .photo-callout span { display:block; font-size:11px; color:#607582; margin-top:2px; }
    .brand-feature { display:grid; grid-template-columns:1fr .85fr; align-items:center; gap:8%; margin-top:55px; border-top:1px solid #dbe2e5; padding-top:70px; }
    .brand-feature h3 { font-size:clamp(27px,3.5vw,39px); max-width:510px; }
    .brand-feature p { color:var(--muted); font-size:16px; line-height:1.75; max-width:520px; }
    .brand-visual { background:#081b2e; border-radius:12px; overflow:hidden; box-shadow:0 20px 60px #102b3a23; }
    .brand-visual img { display:block; width:100%; height:auto; }
    .brand-caption { font-size:11px; color:#67808a; margin-top:9px; }
    @media (max-width:850px) { .hero-photo { height:490px; } .brand-feature { grid-template-columns:1fr; } .brand-visual { max-width:480px; } }
    @media (max-width:600px) { .hero-photo { height:345px; } .brand-feature { margin-top:40px; padding-top:50px; } }
    .nav-logo { width:66px; height:66px; object-fit:cover; border-radius:8px; background:#071625; }
    .brand-name { display:block; white-space:pre-line; }
    .contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:9%; align-items:start; padding:80px 0 110px; }
    .contact-copy h1 { font-size:clamp(39px,4.4vw,58px); color:#fff; }
    .contact-copy p { color:#c4d4dc; font-size:17px; }
    .contact-form { background:#fff; color:var(--ink); border-radius:12px; box-shadow:0 20px 65px #0004; padding:37px; }
    .contact-form h2 { font-size:28px; margin:0 0 8px; }
    .contact-form .helper { color:var(--muted); font-size:13px; margin-bottom:24px; }
    .fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
    .field { display:flex; flex-direction:column; gap:7px; margin-bottom:18px; }
    .field.wide { grid-column:1/-1; }
    .field label { font-size:12px; font-weight:800; }
    .field input, .field textarea { font:inherit; font-size:14px; width:100%; border:1px solid #b8c7cb; border-radius:6px; padding:12px 13px; color:var(--ink); background:#fff; }
    .field textarea { min-height:132px; resize:vertical; }
    .field input:focus-visible, .field textarea:focus-visible { outline:3px solid #9bd7cb; border-color:#147c77; }
    .form-note { color:var(--muted); font-size:12px; margin:12px 0 19px; }
    .form-result { min-height:22px; color:#2b675d; font-size:13px; font-weight:650; margin-top:13px; }
    .form-result.error { color:#a43c2d; }
    .contact-form button { border:0; cursor:pointer; background:#173d4a; color:#fff; min-height:47px; padding:10px 22px; border-radius:6px; font-size:13px; font-weight:750; }
    .contact-form button:disabled { opacity:.55; cursor:not-allowed; }
    .honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
    @media (max-width:850px) { .contact-layout { grid-template-columns:1fr; gap:25px; } }
    @media (max-width:600px) { .nav-logo { width:48px; height:48px; } .contact-layout { padding:55px 0 80px; } .contact-form { padding:24px; } .fields { grid-template-columns:1fr; gap:0; } }

/* Homepage clarity and founder section */
.hero h1 { color:#fff; }
.hero p strong { color:#fff; font-weight:750; }
.founder-section { display:grid; grid-template-columns:1.12fr .88fr; align-items:center; gap:9%; }
.founder-copy p { color:var(--muted); font-size:17px; line-height:1.75; }
.founder-aside { border-left:2px solid #67aca1; padding:12px 0 12px 26px; }
.founder-aside p { color:#385363; font-size:21px; line-height:1.45; margin-bottom:16px; }
.founder-aside span { color:#187772; font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
@media (max-width:1050px) { .navlinks { gap:16px; } }
@media (max-width:850px) { .founder-section { grid-template-columns:1fr; } .founder-aside { max-width:500px; } .navlinks a[href='#our-story'] { display:none; } }