@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080f1b;--panel:#101e32;--text:#edf3ff;--muted:#acbbd0;--line:#2a3c53;--mint:#35e4cc;--blue:#247bff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#080f19}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:25px;letter-spacing:4px;font-weight:700}.brand>span:last-child{font-size:0}.brand>span:last-child:before{content:'ZOOPEM';font-size:25px}.brand-sub{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:3.7px;margin-top:3px;color:var(--muted)}.maple{color:#ff4864;font-size:41px;line-height:1;transform:rotate(12deg)}nav{display:flex;gap:30px}nav a,.status,.overline,.eyebrow,.hero-note,.small-note,.image-caption,.card-foot{font-family:Consolas,monospace;font-size:11px;letter-spacing:1.1px}nav a{color:#b8c6db}nav a:hover{color:var(--mint)}.status{border:1px solid var(--line);border-radius:30px;padding:12px 15px;letter-spacing:0;font-size:10px}.status b{color:var(--mint);font-weight:500}.status i,.green-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--mint);margin:0 4px}.hero{position:relative;min-height:610px;overflow:hidden;background:#162439}.hero-image{position:absolute;inset:0 0 0 32%;background:url('car.jpg') center 58%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d2434 0%,#102638f5 26%,#102438d9 43%,#101e3430 70%),linear-gradient(0deg,#091321 0%,transparent 32%)}.hero-content{position:relative;padding:47px 5% 64px;max-width:810px}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #3d596b;padding:10px 14px;border-radius:25px;color:var(--mint);font-size:10px;letter-spacing:.8px}.eyebrow span{color:#b9cadd;font-size:9px}.overline{color:var(--mint);font-weight:500;margin:28px 0 16px}.overline span{color:#a4b6cc}.hero .overline{font-size:10px;letter-spacing:1.9px}.hero .overline span{margin-left:12px}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-1.7px}h1{font-size:76px;line-height:1.04;margin:0 0 25px;letter-spacing:-3.5px;font-weight:600}h1>span{background:linear-gradient(100deg,#d7c6ff,#a294ff 35%,#29c8e5);background-clip:text;color:transparent}.intro{color:#c0cee0;font-size:17px;line-height:1.75;margin-bottom:28px}.actions{display:flex;gap:12px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 20px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);border-color:#6caaff;color:white;box-shadow:0 8px 30px #1769e325}.secondary{border-color:#63758b;background:#14253ab0}.hero-note{margin-top:25px;font-size:9px;letter-spacing:1px;color:#b1c1d5}.divider{margin:0 12px;color:#59738c}.image-caption{position:absolute;right:5%;bottom:46px;display:flex;align-items:center;gap:20px;color:#ced8e5;font-size:9px;line-height:1.6}.caption-line{width:70px;height:1px;background:#7d91a3}.image-caption b{color:var(--mint)}.trust-strip{display:flex;justify-content:space-between;padding:22px 7%;border-block:1px solid var(--line);background:#0d1a2b;font-size:12px;color:#bbc9db}.trust-strip b{font-size:19px;color:#6daeff;margin-right:11px}.section{margin:0 auto;padding:58px 0;max-width:1240px;width:90%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.section .overline{margin-top:0;font-size:10px;letter-spacing:1.7px}h2{font-size:31px;font-weight:600;margin:0;line-height:1.2;letter-spacing:-1px}.small-note{font-size:9px;line-height:1.7;color:#8295ae;text-align:right;letter-spacing:1px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.platform-card{border-radius:18px;padding:31px;border:1px solid #3a4863;overflow:hidden}.light{background:linear-gradient(120deg,#e1edff,#c8dcf7);color:#162842;border-color:#d6e5fc}.dark{background:linear-gradient(125deg,#172940,#17192c)}.card-top{display:flex;align-items:center;gap:13px}.card-top .overline{font-size:9px;letter-spacing:1px;margin:0;color:inherit}.icon{background:#8fbafa4d;border-radius:10px;width:40px;height:40px;display:grid;place-items:center;font-size:26px;color:#377ddd}.dark .icon{color:#b0abff;background:#6557994d}.card-number{margin-left:auto;font:11px Consolas,monospace;opacity:.45}.platform-card h3{font-size:33px;line-height:1.14;margin:23px 0 18px;letter-spacing:-1.2px}.platform-card p{font-size:13px;line-height:1.8;max-width:440px;min-height:47px;margin-bottom:25px}.dark p{color:#bdc9db}.feature-grid{border-top:1px solid #728db53d;padding:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid>div>span{display:block;font-size:23px;color:#3975ba;margin-bottom:10px}.dark .feature-grid>div>span{color:#9d97f1}.feature-grid b{font-size:11px;display:block}.feature-grid small{display:block;font-size:10px;opacity:.65;margin-top:6px;line-height:1.5}.card-foot{display:flex;justify-content:space-between;border-top:1px solid #728db53d;padding-top:17px;font-size:9px;letter-spacing:1.5px}.card-foot span{font-size:18px}.journey{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:44px;padding-bottom:44px}.journey h2{font-size:37px}.muted{font-size:13px;line-height:1.8;color:var(--muted);max-width:390px}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #26364a}li:first-child{padding-top:0}li:last-child{border-bottom:0}li>span{color:#5b86bb;font:12px Consolas,monospace;padding-top:5px}li h3{font-size:17px;margin:0 0 8px;letter-spacing:-.2px}li p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.access{border:1px solid #36506e;border-radius:18px;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:radial-gradient(ellipse at top left,#14384966,transparent 60%),#101e32;margin-top:5px;margin-bottom:35px}.access h2{font-size:29px}.access p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:0}.access .overline{font-size:9px;color:var(--mint);margin-bottom:13px}.signup{display:flex;align-items:center}.signup form{width:100%}label{display:block;font-size:11px;color:#c5d3e6;margin-bottom:10px}.form-row{display:flex;gap:10px}input{min-width:0;width:100%;background:#0a1525;border:1px solid #425d7b;border-radius:7px;padding:15px;color:white;font-size:12px}.form-row .button{white-space:nowrap;font-size:11px;padding:14px 15px;gap:4px}.access .form-note{font-size:9px;margin-top:11px;color:#8198b3}footer{width:90%;max-width:1240px;margin:0 auto;border-top:1px solid #25364c;display:flex;justify-content:space-between;align-items:center;padding:29px 0 35px;color:#8296b1;font-size:10px}footer .brand{scale:.78;transform-origin:left center}footer .brand-sub{font-size:8px}.brand{color:#eaf2ff}dialog{color:var(--text);background:#112137;border:1px solid #496080;border-radius:16px;padding:35px;max-width:480px;width:90%;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#020a15c9;backdrop-filter:blur(6px)}dialog p{line-height:1.7;color:#b8c8dd;font-size:14px}dialog h2{font-size:27px}.close{position:absolute;right:14px;top:10px;color:white;font-size:25px;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
@media(min-width:1500px){.hero{min-height:680px}.hero-content{padding-top:70px}h1{font-size:88px}}@media(max-width:1000px){nav{gap:18px}nav a{font-size:9px}.status{font-size:8px;padding:10px}.hero-image{left:15%}h1{font-size:66px}.hero-content{max-width:650px}.platform-card{padding:24px}.feature-grid small{font-size:9px}.journey{gap:40px}.access{grid-template-columns:1fr;gap:25px}.signup{max-width:650px}.image-caption{display:none}}@media(max-width:680px){header{height:80px}.brand>span:last-child:before{font-size:21px}.maple{font-size:33px}.brand-sub{font-size:8px;letter-spacing:2.4px}nav{display:none}.status{font-size:7px;padding:9px}.hero{min-height:760px}.hero-image{inset:310px 0 0;background-position:65% center}.hero-shade{background:linear-gradient(180deg,#0d2434 0%,#102638 42%,#10243870 65%,#091321 100%)}.hero-content{padding:30px 5% 0}.eyebrow{font-size:8px;gap:7px;padding:9px 11px}.hero .overline{font-size:8px;letter-spacing:1px;margin-top:24px}h1{font-size:55px;letter-spacing:-2.6px}.intro{font-size:14px;line-height:1.7}.actions{gap:9px}.button{font-size:11px;padding:14px;gap:12px}.hero-note{font-size:8px}.trust-strip{flex-wrap:wrap;gap:14px;padding:20px 5%;font-size:11px}.trust-strip>span:last-child{display:none}.trust-strip b{margin-right:6px}.section{padding-top:35px;padding-bottom:35px}.section-heading h2{font-size:26px;max-width:320px}.small-note{display:none}.platform-grid{grid-template-columns:1fr;gap:17px}.platform-card{padding:24px}.platform-card h3{font-size:32px}.feature-grid b{font-size:10px}.feature-grid small{font-size:9px}.journey{grid-template-columns:1fr;gap:25px}.journey h2{font-size:32px}.access{padding:25px;gap:24px;margin-top:10px}.access h2{font-size:26px}.form-row{flex-direction:column}.form-row .button{padding:15px}footer{flex-wrap:wrap;gap:20px}footer>span:nth-child(2){display:none}footer .brand{scale:.7;width:150px}footer>span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.maple{font-size:30px;transform:none}

    /* Early access status + popup (same flow as zoopem.com) */
    .zea-status{
      margin-top:10px;
      min-height:18px;
      font-size:13px;
      line-height:1.45;
      color:var(--muted);
    }
    .zea-status[data-state="success"]{color:var(--accent2);}
    .zea-status[data-state="error"]{color:#FF8A8A;}
    .zea-status[data-state="loading"]{color:var(--accent);}
    .zea-dialog{
      width:min(520px, calc(100vw - 32px));
      max-height:calc(100vh - 32px);
      padding:0;
      border:1px solid var(--line);
      border-radius:var(--r20);
      background:linear-gradient(180deg, #111A2E, var(--bg0));
      color:var(--text);
      box-shadow:var(--shadow);
    }
    .zea-dialog::backdrop{background:rgba(3,6,12,.72); backdrop-filter:blur(3px);}
    .zea-content{padding:20px;}
    .zea-top{display:flex; justify-content:space-between; align-items:flex-start; gap:12px;}
    .zea-kicker{font-family:var(--mono); font-size:11px; letter-spacing:.12em; color:var(--accent2); text-transform:uppercase;}
    .zea-title{margin:6px 0 0; font-size:22px; line-height:1.2;}
    .zea-close{
      flex:0 0 auto; width:34px; height:34px; border-radius:10px;
      border:1px solid var(--line); background:rgba(255,255,255,.05);
      color:var(--text); font-size:20px; line-height:1; cursor:pointer;
    }
    .zea-description{margin:12px 0 14px; color:var(--muted); font-size:14px; line-height:1.5;}
    .zea-label{display:block; margin:12px 0 6px; font-size:12px; font-weight:700; color:var(--muted); letter-spacing:.04em;}
    .zea-dialog .input{display:block;}
    .zea-dialog select.input{appearance:auto;}
    .zea-interests{border:0; padding:0; margin:14px 0 0;}
    .zea-interest{
      display:flex; gap:10px; align-items:flex-start; margin-top:8px; padding:10px 12px;
      border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.03); cursor:pointer;
    }
    .zea-interest small{display:block; color:var(--muted2); font-size:12px; margin-top:2px;}
    .zea-consent{display:flex; gap:10px; align-items:flex-start; margin-top:14px; font-size:12px; color:var(--muted); line-height:1.45;}
    .zea-consent input, .zea-interest input{margin-top:3px; accent-color:var(--accent2);}
    .zea-hp{position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
    .zea-row{display:grid; grid-template-columns:1fr; gap:0 10px;}
    @media (min-width: 560px){ .zea-row{grid-template-columns:1.4fr 1fr;} }
    .zea-dialog .submit{width:100%; margin-top:16px; padding:13px 14px;}
    .zea-dialog .submit[disabled]{opacity:.6; cursor:progress;}
    .zea-footer{margin-top:14px; font-size:11px; color:var(--muted2); font-family:var(--mono);}


:root{--line:#2a3c53;--bg0:#080f1b;--muted2:#8296b1;--accent:#66d9ff;--accent2:#35e4cc;--r20:18px;--shadow:0 25px 100px #0009;--mono:Consolas,monospace}
.zea-dialog .input{width:100%;background:#0a1525;border:1px solid #425d7b;border-radius:7px;padding:13px;color:white;font:13px 'DM Sans',Arial,sans-serif}
.zea-dialog input[type=checkbox]{width:16px;min-width:16px;height:16px;padding:0}
.zea-dialog .submit{border:1px solid #6caaff;background:#247bff;color:white;border-radius:8px;font-weight:700;cursor:pointer}
.zea-dialog .zea-title{letter-spacing:-.5px}.zea-dialog .zea-description{font-size:13px}.zea-interest,.zea-consent{letter-spacing:0}
.zea-status{font-family:'DM Sans',Arial,sans-serif}.signup form{width:100%}.actions{flex-wrap:wrap}
.preview-signup-link{margin-top:10px}.preview-signup-note{font-size:11px!important;color:var(--muted)!important}