:root{
      --ink:#10241f;
      --muted:#60736d;
      --mint:#0f5b4d;
      --mint2:#174d43;
      --cream:#f8faf7;
      --line:rgba(15,91,77,.14);
    }
    *{box-sizing:border-box}
    html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}
    body{
      min-height:100vh;
      display:flex;
      flex-direction:column;
      background:
        radial-gradient(circle at 15% 12%, rgba(196,226,214,.65), transparent 28rem),
        radial-gradient(circle at 88% 75%, rgba(218,234,225,.75), transparent 30rem),
        linear-gradient(135deg,#fbfcfa 0%,#f1f6f2 100%);
    }
    header{
      width:min(1180px,calc(100% - 44px));
      margin:0 auto;
      padding:28px 0;
      display:flex;
      align-items:center;
      justify-content:space-between;
      border-bottom:1px solid var(--line);
    }
    .brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:.02em}
    .mark{
      width:42px;height:42px;border-radius:13px;
      display:grid;place-items:center;color:white;font-size:20px;
      background:linear-gradient(145deg,var(--mint),#0a3d34);
      box-shadow:0 10px 28px rgba(15,91,77,.18);
    }
    .tag{
      font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
      color:var(--mint);background:white;border:1px solid var(--line);
      padding:8px 12px;border-radius:999px;
    }
    main{
      width:min(1180px,calc(100% - 44px));
      margin:auto;
      padding:70px 0;
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:72px;align-items:center;
    }
    .eyebrow{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
    h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.045em;margin:17px 0 24px;max-width:780px}
    .lead{font-size:clamp(18px,2vw,22px);line-height:1.65;color:var(--muted);max-width:650px;margin:0 0 30px}
    .status{display:flex;align-items:center;gap:12px;font-weight:750;color:var(--mint)}
    .dot{width:10px;height:10px;border-radius:50%;background:#29a27f;box-shadow:0 0 0 7px rgba(41,162,127,.11)}
    .platform{margin-top:18px;font-size:14px;color:#71817c}
    .visual{position:relative;min-height:420px;display:grid;place-items:center}
    .glow{position:absolute;width:88%;height:76%;border-radius:50%;background:rgba(130,184,164,.19);filter:blur(42px)}
    .monitor{
      width:min(100%,510px);aspect-ratio:16/10;background:#18211f;border:10px solid #202a27;
      border-radius:19px;padding:9px;position:relative;z-index:2;
      box-shadow:0 34px 70px rgba(19,49,41,.22);
    }
    .screen{
      width:100%;height:100%;overflow:hidden;border-radius:8px;position:relative;
      background:
        linear-gradient(to top,rgba(6,37,31,.78),transparent 45%),
        radial-gradient(circle at 75% 24%,rgba(255,243,182,.9) 0 3%,transparent 3.4%),
        linear-gradient(165deg,#cde8df 0 38%,#7cb7a1 39% 55%,#2f7160 56% 100%);
    }
    .screen:before,.screen:after{content:"";position:absolute;bottom:-4%;width:70%;height:48%;background:#174f43;clip-path:polygon(0 100%,20% 48%,34% 68%,55% 20%,73% 58%,100% 5%,100% 100%)}
    .screen:before{left:-8%;opacity:.82}.screen:after{right:-15%;transform:scaleX(-1);opacity:.65}
    .screen-copy{position:absolute;z-index:4;left:28px;bottom:24px;color:white}
    .screen-copy strong{display:block;font-size:20px}.screen-copy span{font-size:12px;opacity:.82}
    .stand{position:absolute;z-index:1;width:125px;height:80px;bottom:3px;background:linear-gradient(#25312e,#53625d);clip-path:polygon(39% 0,61% 0,68% 72%,92% 82%,92% 100%,8% 100%,8% 82%,32% 72%)}
    footer{
      width:min(1180px,calc(100% - 44px));margin:0 auto;padding:25px 0 30px;
      border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;
      font-size:13px;color:#71817c;
    }
    footer a{color:var(--mint);text-decoration:none;font-weight:700}
    footer a:hover{text-decoration:underline}
    .footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
    .footer-links a{display:inline-flex;align-items:center;min-height:44px}
    a:focus-visible{outline:3px solid var(--mint);outline-offset:5px;border-radius:3px}
    footer{flex-wrap:wrap}
    @media(max-width:820px){
      main{grid-template-columns:1fr;gap:28px;padding:50px 0}
      .visual{min-height:320px}.monitor{max-width:470px}
      footer{flex-direction:column}.tag{display:none}
    }
  
.google-preferences{flex-basis:100%;font-size:13px}.google-preferences summary{cursor:pointer;padding:12px 0}.google-preferences p{max-width:680px;line-height:1.6}.google-preferences button{font:inherit;padding:10px 14px;margin:5px 8px 5px 0;border:1px solid #CAD4CC;border-radius:8px;cursor:pointer}.google-preferences button:disabled{opacity:.6;cursor:default}
/* Companion-page layout; shared palette and typography come from the homepage. */
body.companion main{display:block;max-width:1000px;padding:54px 0}
.companion h1{font-size:clamp(40px,5vw,66px);line-height:1.08}
.companion details:not(.google-preferences){background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:13px;padding:20px 24px;margin:14px 0}
.companion summary{font-weight:750;cursor:pointer;line-height:1.5}
.companion details p{color:var(--muted);line-height:1.7}
.companion .button{display:inline-flex;align-items:center;min-height:44px;padding:12px 18px;border-radius:9px;background:var(--mint);color:white;text-decoration:none;font-weight:700}
.companion .cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}
.companion .card{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:13px;padding:24px}
.companion .card h2{margin-top:0}.companion .card p{color:var(--muted);line-height:1.7}
.companion main a:not(.button){color:var(--mint)}
.companion .notice{color:var(--muted);font-size:13px;margin-bottom:28px}
@media(max-width:700px){.companion .cards{grid-template-columns:1fr}}