:root { --navy:#0b1220; --ink:#0d1728; --teal:#0f766e; --cyan:#22d3ee; --mist:#eaf2f2; --paper:#f7f6f2; --warm:#e8e0d5; --line:rgba(13,23,40,.14); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; } a { color:inherit; text-decoration:none; } .site-shell { overflow:hidden; }
.nav-wrap { max-width:1240px; margin:auto; height:88px; display:flex; align-items:center; justify-content:space-between; padding:0 28px; } .brand { display:inline-flex; align-items:center; gap:10px; font-size:19px; font-weight:800; letter-spacing:-.7px; } .brand-mark { width:25px; height:25px; border:2px solid var(--teal); border-radius:50%; display:grid; place-items:center; position:relative; } .brand-mark::before,.brand-mark::after { content:""; position:absolute; background:var(--teal); } .brand-mark::before { height:2px;width:11px; } .brand-mark::after { height:11px;width:2px; } .brand-mark span { width:7px;height:7px;border-radius:50%;background:var(--cyan);position:relative;z-index:1; } nav { display:flex; gap:30px; color:#536071; font-size:13px; font-weight:700; } .nav-cta { font-size:13px; font-weight:800; } .nav-cta span { color:var(--teal); font-size:18px; margin-left:4px; }
.hero { background:var(--navy); color:white; padding:66px max(28px,calc((100vw - 1184px)/2)) 0; min-height:690px; position:relative; } .hero::after { content:""; width:700px;height:700px;border-radius:50%;border:1px solid rgba(34,211,238,.12);position:absolute;right:-280px;top:-260px; } .eyebrow,.section-label { letter-spacing:1.8px;font-family:"DM Mono",monospace;font-size:10px;font-weight:500; } .eyebrow { color:#9db0be; display:flex;align-items:center;gap:10px; } .eyebrow span { width:25px;height:1px;background:var(--cyan); } .hero-grid { display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;position:relative;z-index:1;max-width:1100px;margin:52px auto 70px; } h1,h2 { margin:0; font-family:"Playfair Display",Georgia,serif; font-weight:600; letter-spacing:-2.5px; line-height:1.04; } h1 { font-size:clamp(53px,6.4vw,86px); } h1 em,h2 em { color:var(--cyan);font-weight:600; } .hero-copy { color:#b3c1cd;line-height:1.75;font-size:17px;max-width:515px;margin:28px 0; } .hero-actions { display:flex;align-items:center;gap:26px; } .button { display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 21px;font-size:13px;font-weight:800;transition:transform .2s,background .2s; } .button:hover { transform:translateY(-2px); } .button-primary { background:var(--cyan);color:var(--navy); } .button-quiet { color:#e4edf2;padding-left:0; } .button-quiet span,.button-primary span { font-size:18px; } .microcopy { color:#7c91a2;font-size:11px;margin-top:24px; }
.assurance-card { background:#111f31;border:1px solid rgba(151,221,231,.28);padding:22px;box-shadow:0 20px 45px rgba(0,0,0,.2); } .card-topline { display:flex;justify-content:space-between;color:#9fb4c5;font:10px "DM Mono",monospace;letter-spacing:1px; }.live { color:#b3e9df; }.live i { display:inline-block;width:6px;height:6px;border-radius:50%;background:#55d8b6;margin-right:6px;box-shadow:0 0 0 4px rgba(85,216,182,.1); }.scope-orbit { height:255px;position:relative;display:grid;place-items:center;overflow:hidden; }.orbit-ring { position:absolute;border:1px solid rgba(34,211,238,.26);border-radius:50%; }.ring-one { width:170px;height:170px; }.ring-two { width:280px;height:120px;transform:rotate(-28deg); }.scope-center { width:88px;height:88px;border-radius:50%;background:#0f766e;display:grid;place-content:center;text-align:center;position:relative;z-index:2;box-shadow:0 0 0 12px rgba(15,118,110,.12); }.scope-center span { font-size:29px;font-weight:800;letter-spacing:-2px; }.scope-center small { font:8px "DM Mono",monospace;letter-spacing:1px;margin-top:2px; }.orb { position:absolute;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px rgba(34,211,238,.7); }.orb-one{width:8px;height:8px;top:48px;left:94px}.orb-two{width:6px;height:6px;bottom:47px;right:92px}.orb-three{width:5px;height:5px;right:49px;top:102px}.card-findings { border-top:1px solid rgba(151,221,231,.18); }.card-findings div { display:grid;grid-template-columns:14px 1fr auto;align-items:center;padding:11px 0;border-bottom:1px solid rgba(151,221,231,.1);font-size:11px;color:#cbd8df; }.card-findings b { color:#81d9cf;font:10px "DM Mono",monospace; }.status-dot { height:6px;width:6px;border-radius:50%;background:#55d8b6; }.status-dot.muted { background:#688092; }.trust-line { position:relative;z-index:1;max-width:1100px;margin:auto;border-top:1px solid rgba(185,216,229,.2);padding:18px 0;color:#99adbd;font:10px "DM Mono",monospace;letter-spacing:1px;display:flex;justify-content:space-between; }.trust-line b { color:#deedf2;font-size:11px; }
.section { max-width:1184px;margin:auto;padding:124px 28px; }.section-label { color:var(--teal);font-weight:600;margin:0 0 18px; }.statement-grid { display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:68px; }.statement h2,.process h2,.pricing h2,.start h2 { font-size:clamp(39px,4.4vw,61px); }.statement-grid>p,.process-heading>p,.pricing-intro>p,.start-grid>div>p { color:#586474;font-size:16px;line-height:1.8;margin:0; }.outcome-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding-top:35px; }.number { font:11px "DM Mono",monospace;color:var(--teal); }.outcome-grid h3,.steps h3 { font-size:18px;margin:20px 0 10px;letter-spacing:-.5px; }.outcome-grid p,.steps p { color:#657182;font-size:13px;line-height:1.75;margin:0; }.process { background:var(--mist);max-width:none;padding-left:max(28px,calc((100vw - 1128px)/2));padding-right:max(28px,calc((100vw - 1128px)/2)); }.process-heading { display:grid;grid-template-columns:1fr .62fr;gap:60px;align-items:end;margin-bottom:65px; }.steps { margin:0;padding:0;list-style:none;border-top:1px solid var(--line); }.steps li { display:grid;grid-template-columns:120px 1fr 1fr;gap:26px;padding:29px 0;border-bottom:1px solid var(--line); }.steps li>span { font:11px "DM Mono",monospace;color:var(--teal);padding-top:5px; }.steps h3 { margin:0; }
.pricing { display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center; }.pricing-intro>p:last-child { max-width:400px;margin-top:28px; }.pricing-card { background:var(--navy);color:white;padding:32px;box-shadow:14px 14px 0 var(--warm); }.pricing-card-head { display:flex;justify-content:space-between;font:11px "DM Mono",monospace;letter-spacing:1.5px;color:#b7c8d5; }.pill { color:#062330;background:var(--cyan);padding:5px 8px;font-size:9px; }.price { margin:43px 0 5px;display:flex;align-items:baseline;gap:7px; }.price strong { font:62px Manrope,sans-serif;letter-spacing:-4px; }.price span { color:#b5c5d0;font-size:14px; }.price-subtitle { color:#dce7ed;margin:0 0 26px;font-size:14px; }.pricing-card ul { padding:24px 0 18px;list-style:none;border-top:1px solid rgba(206,232,238,.18); }.pricing-card li { font-size:12px;color:#c9d6de;margin:13px 0; }.pricing-card li span { color:var(--cyan);margin-right:9px; }.full { width:100%; }.pricing-card small { color:#879caf;display:block;line-height:1.6;font-size:10px;margin-top:17px; }
.start { background:var(--teal);color:white;padding:92px max(28px,calc((100vw - 1128px)/2)); }.start .section-label { color:#b8f5ec; }.start h2 em { color:#d5fff8; }.start-grid { display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end; }.start-grid>div>p { color:#d3eeeb;margin-bottom:26px; }.button-light { background:white;color:var(--teal); }.start small { display:block;color:#c8e7e3;font-size:10px;margin-top:16px; } footer { max-width:1184px;margin:auto;padding:34px 28px;display:flex;align-items:center;justify-content:space-between;color:#647080;font-size:11px; } footer .brand { color:var(--ink);font-size:16px; }
@media (max-width:760px) { .nav-wrap { height:74px; }.nav-wrap nav { display:none; }.nav-cta { font-size:11px; }.hero { padding-top:48px;min-height:auto; }.hero-grid,.statement-grid,.process-heading,.pricing,.start-grid { grid-template-columns:1fr;gap:35px; }.hero-grid { margin:38px auto 48px; }.assurance-card { max-width:450px; }.trust-line { gap:20px;align-items:start; }.trust-line b { text-align:right; }.section { padding:82px 24px; }.statement-grid { padding-bottom:45px; }.outcome-grid { grid-template-columns:1fr;gap:30px; }.process { padding-left:24px;padding-right:24px; }.steps li { grid-template-columns:45px 1fr;gap:16px; }.steps li p { grid-column:2; }.pricing { gap:55px; }.pricing-card { box-shadow:8px 8px 0 var(--warm); }.start { padding:68px 24px; } footer { flex-wrap:wrap;gap:16px;padding:28px 24px; } }
.scope { border-bottom:1px solid var(--line); }.scope-heading { max-width:680px;margin-bottom:54px; }.scope h2,.private-access h2 { font-size:clamp(39px,4.4vw,61px); }.scope-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:34px; }.scope-grid article { border-top:2px solid var(--teal);padding-top:20px; }.scope-grid h3 { font-size:18px;margin:15px 0 10px;letter-spacing:-.5px; }.scope-grid p { color:#657182;font-size:13px;line-height:1.75;margin:0; }
.private-access { max-width:1184px;margin:auto;padding:94px 28px;display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end; }.private-access>div>p { color:#586474;font-size:16px;line-height:1.8;margin:0 0 25px; }.protected-signin { display:inline-flex;align-items:center;gap:10px;border:1px solid #b8cbca;background:#eef5f4;color:#35625e;padding:13px 15px;font-size:12px;font-weight:800; }.protected-signin span { font-size:18px; }
@media (max-width:760px) { .scope-grid { grid-template-columns:1fr;gap:30px; }.private-access { grid-template-columns:1fr;gap:35px;padding:68px 24px; } }
.start-note { color:#c8e7e3;font-size:11px;line-height:1.6;margin:20px 0 0; }.consultation-form { max-width:1128px;margin:54px auto 0;border-top:1px solid rgba(255,255,255,.3);padding-top:30px; }.form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }.consultation-form label { display:grid;gap:8px;color:#e8fffb;font-size:11px;font-weight:800; }.consultation-form input,.consultation-form select,.consultation-form textarea { width:100%;border:1px solid rgba(255,255,255,.45);border-radius:0;background:#fff;color:var(--ink);font:14px Manrope,Arial,sans-serif;padding:12px; }.consultation-form textarea { min-height:108px;resize:vertical; }.consultation-form input:focus,.consultation-form select:focus,.consultation-form textarea:focus { outline:3px solid rgba(34,211,238,.55);outline-offset:2px; }.consultation-form small { color:#c8e7e3;font-size:10px;font-weight:500;line-height:1.5; }.consultation-form .form-wide { grid-column:1 / -1; }.consultation-form .consent { grid-column:1 / -1;grid-template-columns:18px 1fr;align-items:start;color:#e8fffb;font-size:12px;font-weight:500;line-height:1.6; }.consultation-form .consent input { width:16px;height:16px;margin:2px 0 0; }.honeypot { position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important; }.form-status { min-height:20px;color:#e8fffb;font-size:12px;line-height:1.5;margin:20px 0 14px; }.form-status[data-state="error"] { color:#ffe2bd; }.form-status[data-state="success"] { color:#d9fff7; }.consultation-form button:disabled { opacity:.65;cursor:wait; }
@media (max-width:760px) { .form-grid { grid-template-columns:1fr; }.consultation-form { margin-top:38px; }.consultation-form .form-wide,.consultation-form .consent { grid-column:auto; } }