@font-face{font-family:Roboto Mono;src:url(RobotoMono.ttf) format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#080808;color:#f7f7f5;font-family:'Roboto Mono',monospace;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:5px}header,main,footer{max-width:1536px;margin:auto;padding-left:48px;padding-right:48px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #242424}.brand{font-size:25px;letter-spacing:2px;white-space:nowrap}.brand small{font-size:10px;letter-spacing:0}nav{display:flex;gap:30px;font-size:11px}nav a:hover,.download:hover{color:#aaa}.micro{font-size:10px;line-height:1.8;letter-spacing:.8px;color:#989898}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding:52px 0}.eyebrow{font-size:10px;letter-spacing:3px;line-height:1.7;color:#b5b5b5}.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(64px,7.2vw,112px);line-height:.94;letter-spacing:-6px;margin:24px 0;font-weight:900}.intro{font-size:12px;line-height:1.8;color:#bdbdbd}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.primary{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#f5f5f3;color:#101010;padding:20px 24px;border:1px solid transparent;border-radius:14px;font-weight:600;font-size:13px;cursor:pointer;transition:transform .25s,box-shadow .25s}.primary:hover:enabled,a.primary:hover{transform:translateY(-3px);box-shadow:0 8px 32px #ffffff22}.primary:disabled{background:#282828;color:#939393;cursor:not-allowed}.primary span{font-size:21px}.download{font-size:11px}.release{margin-top:22px}.art{position:relative;isolation:isolate;overflow:hidden;transform:scale(1.09);animation:arrival 1.4s ease both}.art img{display:block;width:100%;mix-blend-mode:screen}.art .frame{position:absolute;inset:0;opacity:0}.mid{animation:mid 9s infinite steps(1)}.end{animation:end 9s infinite steps(1)}.art-label{display:block;text-align:right;font-size:9px;letter-spacing:3px;line-height:1.8;color:#aaa;margin:30px 15px}.scan{position:absolute;width:100%;height:1px;background:#ffffff30;top:0;animation:scan 7s linear infinite;pointer-events:none}.blink{animation:blink 1s steps(1) infinite}.installer{border:1px solid #363636;border-radius:25px;padding:36px;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;background:#0c0c0c}.installer h2,.help h2{font-family:Arial,Helvetica,sans-serif;font-size:34px;letter-spacing:-1px;margin:17px 0;line-height:1.1}.muted{color:#9b9b9b;font-size:11px;line-height:1.9;max-width:490px}.check{display:flex;align-items:flex-start;gap:12px;margin:22px 0;cursor:pointer;font-size:12px;line-height:1.6}.check input{width:18px;height:18px;flex-shrink:0;margin:1px 0;accent-color:white}.check small{display:block;color:#999;font-size:10px;margin-top:4px;max-width:390px}.install-options>.primary{width:100%;margin-top:25px}#compatibility{font-size:9px;margin-top:17px}.terminal{min-width:0;border:1px solid #383838;border-radius:17px;background:#070707;padding:20px;display:flex;flex-direction:column}.terminal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #262626;padding-bottom:18px;font-size:10px;letter-spacing:2px}.terminal button{background:none;color:#aaa;border:0;cursor:pointer;font-size:10px}.steps{display:flex;justify-content:space-between;gap:8px;color:#626262;font-size:9px;margin:25px 0}.steps .active{color:#fff;text-shadow:0 0 12px white}#status{font-size:13px;line-height:1.6;min-height:42px}#log{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;height:190px;font:10px/1.9 'Roboto Mono',monospace;color:#a5a5a5;flex:1}.progress-label{display:flex;justify-content:space-between;font-size:9px;color:#aaa;margin-top:15px}progress{width:100%;height:4px;margin:14px 0;accent-color:white;border:0;background:#262626}progress::-webkit-progress-bar{background:#262626}progress::-webkit-progress-value{background:#fff}progress:indeterminate{opacity:.5}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:65px 0 80px}.features article{border-top:1px solid #454545;padding-top:24px}.features h3{font-size:21px;letter-spacing:-1px;margin-top:28px}.features p{font-size:11px;color:#999;line-height:1.9;max-width:360px}.help{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin:70px 0}.help details{border-bottom:1px solid #333;padding:22px 0}.help summary{cursor:pointer;font-size:13px;line-height:1.6}.help p{font-size:11px;line-height:1.9;color:#aaa}.help a{text-decoration:underline}.help code{overflow-wrap:anywhere}footer{border-top:1px solid #333;min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:30px}footer>a:last-child{font-size:11px}.reveal{transition:opacity .7s,transform .7s}.hero-copy{animation:arrival .8s ease both}@keyframes arrival{from{opacity:0;transform:translateY(25px)}to{opacity:1}}@keyframes mid{0%,65%{opacity:0}28%{opacity:1}}@keyframes end{0%,96%{opacity:0}65%{opacity:1}}@keyframes scan{to{top:100%}}@keyframes blink{50%{opacity:0}}@media(max-width:1000px){header,main,footer{padding-left:25px;padding-right:25px}header>.micro{display:none}.hero h1{font-size:76px}.installer{gap:25px;padding:25px}.hero-actions{gap:15px;align-items:flex-start;flex-direction:column}.hero{min-height:610px}}@media(max-width:680px){header,main,footer{padding-left:20px;padding-right:20px}header{height:80px}.brand{font-size:20px}nav a:not(:first-child){display:none}nav{font-size:10px}.hero{grid-template-columns:1fr;padding:35px 0 15px}.hero h1{font-size:clamp(57px,14vw,86px);letter-spacing:-3px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.primary{font-size:11px;padding:17px;gap:18px}.download{font-size:10px}.art{transform:none;margin-top:15px}.art-label{margin:6px 0 18px}.installer{grid-template-columns:1fr;padding:20px;gap:25px;border-radius:20px}.installer h2{font-size:30px}.terminal{padding:16px;min-height:360px}.features{grid-template-columns:1fr;gap:25px;margin:45px 0}.features h3{margin-top:15px}.features p{max-width:none}.help{grid-template-columns:1fr;gap:5px;margin:45px 0}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px;gap:20px}footer>.micro{display:none}.steps{font-size:8px;gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.art .end{opacity:1}}
/* DEFER 2.3.3 — depth, light and a compact installation console. */
.ambient{position:absolute;inset:0 0 auto;height:900px;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 76% 28%,#ffffff0b,transparent 42%),radial-gradient(#ffffff39 .7px,transparent .8px);background-size:auto,47px 47px;mask-image:linear-gradient(#000,transparent 95%)}header{position:relative;z-index:2}.version-tag{font-size:10px;letter-spacing:0;color:#999;border-left:1px solid #444;margin-left:18px;padding-left:18px}.motion-toggle{border:1px solid #393939;background:#121212;color:#aaa;font-size:10px;padding:12px 15px;border-radius:30px;cursor:pointer}.hero{min-height:700px;gap:18px}.hero h1{font-size:clamp(64px,7.25vw,112px)}.hero-copy{position:relative;z-index:2}.primary{background:linear-gradient(145deg,#fff,#d5d5d5);border-radius:40px;box-shadow:inset 0 1px #fff,0 2px 18px #ffffff09;min-height:58px}.primary:disabled{box-shadow:none}.scene{--rx:0deg;--ry:0deg;position:relative;min-width:0;height:555px;perspective:1100px;isolation:isolate;transform-style:preserve-3d}.device-float{position:absolute;top:36px;left:50%;width:292px;height:423px;margin-left:-146px;animation:levitate 7s ease-in-out infinite;transform-style:preserve-3d;z-index:2}.device{position:relative;width:100%;height:100%;transform:rotateX(calc(8deg + var(--rx))) rotateY(calc(-22deg + var(--ry))) rotateZ(-9deg);transform-style:preserve-3d;transition:transform .4s ease;filter:drop-shadow(24px 42px 35px #000)}.device-face{position:absolute;inset:0;border:2px solid #555;border-radius:26px;background:linear-gradient(135deg,#303030 0%,#141414 25%,#080808 65%,#242424);box-shadow:inset 0 0 0 5px #111,inset 0 0 0 6px #383838,3px 3px 1px #080808;transform:translateZ(16px);padding:28px 22px}.device-edge{position:absolute;inset:0;transform:translateZ(-10px) translateX(15px);border-radius:25px;background:#191919;border:2px solid #505050;box-shadow:6px 5px #060606}.device-id{font-size:9px;letter-spacing:4px;color:#aaa;display:block}.device-screen{position:relative;margin-top:35px;border-radius:12px;overflow:hidden;padding:4px;background:#000;border:1px solid #3c3c3c;box-shadow:0 0 0 5px #090909,0 0 40px #ffffff06,inset 0 0 20px #000}.scene .art{transform:none;animation:none;overflow:hidden}.scene .art img{width:100%;image-rendering:auto}.device-logo{display:block;text-align:center;font-size:25px;margin-top:29px;letter-spacing:3px;color:#ddd;text-shadow:0 0 15px #ffffff33}.device-version{display:block;text-align:center;font-size:10px;color:#777;margin-top:10px;letter-spacing:4px}.device-button{width:37px;height:37px;border-radius:50%;border:1px solid #424242;margin:22px auto 10px;background:linear-gradient(120deg,#282828,#090909);box-shadow:inset 1px 1px 2px #666,2px 3px 5px #000}.device-caption{display:block;text-align:center;font-size:7px;letter-spacing:4px;color:#666}.device-screw{position:absolute;width:8px;height:8px;border-radius:50%;background:#060606;box-shadow:inset 1px 1px 1px #999}.screw-a{top:13px;right:13px}.screw-b{bottom:13px;left:13px}.orbit{position:absolute;inset:22% -4%;border:1px solid #ffffff50;border-radius:50%;transform-style:preserve-3d;pointer-events:none;box-shadow:0 0 12px #ffffff0b}.orbit:before{content:'';position:absolute;top:50%;left:-3px;width:5px;height:5px;border-radius:50%;background:white;box-shadow:0 0 13px 4px #ffffff4c}.orbit-a{transform:rotateX(65deg) rotateZ(-26deg);animation:orbit-a 22s linear infinite}.orbit-b{inset:5% 18%;transform:rotateY(65deg) rotateZ(25deg);border-color:#ffffff25;animation:orbit-b 29s linear infinite reverse}.glass-tag{position:absolute;padding:22px;border:1px solid #ffffff20;border-radius:13px;background:linear-gradient(120deg,#ffffff09,#ffffff02);backdrop-filter:blur(5px);color:#aaa;font-size:10px;line-height:1.9;letter-spacing:2px;box-shadow:inset 1px 0 #ffffff20}.tag-back{top:35px;left:0;transform:rotateY(25deg) rotateZ(-8deg);width:160px;height:210px}.tag-back i{display:block;margin-top:45px;font-style:normal;color:#5b5b5b}.tag-front{bottom:60px;right:0;z-index:3;transform:rotateY(-20deg) rotateZ(7deg);padding:18px}.tag-front small{font-size:7px;color:#666;letter-spacing:3px}.pulse-dot{display:inline-block;width:5px;height:5px;background:#eee;border-radius:50%;box-shadow:0 0 9px #fff;animation:blink 3s steps(1) infinite}.scene-caption{position:absolute;bottom:0;text-align:center;width:100%;font-size:8px;letter-spacing:3px;color:#666}.installer{background:linear-gradient(140deg,#141414,#090909 50%);border-color:#454545;box-shadow:inset 0 1px #ffffff0a}.terminal{height:465px;max-height:465px;min-height:0;align-self:center;overflow:hidden;box-shadow:inset 0 0 35px #ffffff02}#log{height:176px;min-height:176px;max-height:176px;flex:0 0 176px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555 #151515;white-space:pre-wrap;word-break:break-word}#status{flex:0 0 42px;margin:8px 0 4px}.steps{flex-shrink:0;margin:17px 0}.progress-label{flex-shrink:0;margin-top:9px}.terminal progress{flex:0 0 4px;margin:10px 0}.terminal>.micro{margin:4px 0;font-size:8px}.bottom-status{font-size:9px;color:#bbb;line-height:1.5;margin:4px 0;min-height:27px;overflow-wrap:anywhere}.check{padding:13px 15px;border:1px solid #292929;border-radius:12px;margin:14px 0;background:#ffffff03}.features article{transition:transform .35s,border-color .35s}.features article:hover{transform:translateY(-6px);border-color:#fff}.motion-paused *{animation:none!important;transition:none!important}.motion-paused .device{transform:rotateX(8deg) rotateY(-18deg) rotateZ(-9deg)}.motion-paused .art .end{opacity:1}@keyframes levitate{0%,100%{translate:0 0}50%{translate:0 -16px}}@keyframes orbit-a{to{transform:rotateX(65deg) rotateZ(334deg)}}@keyframes orbit-b{to{transform:rotateY(65deg) rotateZ(385deg)}}@media(max-width:1000px){.hero{min-height:630px}.scene{height:490px}.device-float{scale:.86;top:15px}.tag-back{left:-12px;width:130px;padding:15px}.tag-front{right:-12px;padding:14px}.orbit{inset:20% 0}.version-tag{display:none}}@media(max-width:680px){header{gap:8px}.brand small{font-size:8px}nav{display:none}.motion-toggle{font-size:8px;padding:9px}.hero{padding-top:35px;gap:0}.hero h1{font-size:clamp(57px,14vw,86px)}.scene{height:455px;margin-top:20px;overflow:clip}.device-float{top:10px;scale:.85}.tag-back{left:5px;top:24px;font-size:8px}.tag-front{right:4px;bottom:45px;font-size:8px}.orbit{inset:23% -8%}.scene-caption{bottom:10px;font-size:7px}.terminal{height:465px;max-height:465px}.check{padding:12px}.hero-actions{gap:16px}.hero-actions .primary{padding:16px 18px}.installer{padding:20px 15px}.device-screen .art{margin-top:0}}@media(prefers-reduced-motion:reduce){.device{transform:rotateX(8deg) rotateY(-18deg) rotateZ(-9deg)}}
    @import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@700;800&display=swap");

    :root {
      --tried-badge-position: fixed;
      --tried-badge-bottom: 24px;
      --tried-badge-right: 24px;
      --tried-badge-left: auto;
      --tried-badge-z: 9999;
      --tried-badge-bg: rgba(10, 10, 10, 0.86);
      --tried-badge-border: rgba(255, 255, 255, 0.16);
      --tried-badge-border-hover: rgba(255, 255, 255, 0.5);
      --tried-badge-text: rgba(255, 255, 255, 0.5);
      --tried-badge-white: #ffffff;
      --tried-badge-font: "Syne", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --tried-badge-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
      --tried-ease: cubic-bezier(0.16, 1, 0.3, 1);
    }

    html { background: #0a0a0a; }
    body { min-height: 100vh; margin: 0; }

    .tried-brand-badge {
      position: var(--tried-badge-position);
      right: calc(var(--tried-badge-right) + env(safe-area-inset-right, 0px));
      bottom: calc(var(--tried-badge-bottom) + env(safe-area-inset-bottom, 0px));
      left: var(--tried-badge-left);
      z-index: var(--tried-badge-z);
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 50px;
      padding: 8px 14px 8px 8px;
      overflow: hidden;
      isolation: isolate;
      border: 1px solid var(--tried-badge-border);
      border-radius: 10px;
      background: var(--tried-badge-bg);
      color: var(--tried-badge-white);
      font-family: var(--tried-badge-font);
      text-decoration: none;
      -webkit-tap-highlight-color: transparent;
      box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
      opacity: 0;
      transform: translateY(14px);
      animation: tried-enter 1.1s var(--tried-ease) 0.7s forwards;
      transition:
        border-color 0.6s var(--tried-ease),
        box-shadow 0.6s var(--tried-ease),
        transform 0.6s var(--tried-ease);
    }

    /* slow drifting grid */
    .tried-brand-badge::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      pointer-events: none;
      background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
      background-size: 16px 16px;
      -webkit-mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, 0.2));
      mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, 0.2));
      animation: tried-grid 24s linear infinite;
    }

    /* soft light sweep on hover */
    .tried-brand-badge::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      width: 45%;
      pointer-events: none;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.11), transparent);
      transform: translateX(-120%) skewX(-18deg);
      transition: transform 1.3s var(--tried-ease);
    }

    /* thin highlight travelling along the top edge */
    .tried-brand-badge__line {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      width: 44px;
      height: 1px;
      pointer-events: none;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
      animation: tried-line 7s ease-in-out 2s infinite;
    }

    .tried-brand-badge__mark {
      position: relative;
      z-index: 1;
      display: grid;
      width: 34px;
      height: 34px;
      flex: 0 0 34px;
      place-items: center;
      border: 1px solid rgba(255, 255, 255, 0.28);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.06);
      color: var(--tried-badge-white);
      font-family: var(--tried-badge-mono);
      font-size: 16px;
      font-weight: 500;
      line-height: 1;
      transition:
        background 0.6s var(--tried-ease),
        color 0.6s var(--tried-ease),
        border-color 0.6s var(--tried-ease);
    }

    .tried-brand-badge__text {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 3px;
      white-space: nowrap;
    }

    .tried-brand-badge__label {
      color: var(--tried-badge-text);
      font-family: var(--tried-badge-mono);
      font-size: 9px;
      font-weight: 500;
      line-height: 1;
      text-transform: lowercase;
      transition: color 0.6s var(--tried-ease);
    }

    .tried-brand-badge__name {
      font-size: 25px;
      font-weight: 800;
      line-height: 0.9;
      letter-spacing: -0.01em;
    }

    /* arrow that opens smoothly */
    .tried-brand-badge__go {
      position: relative;
      z-index: 1;
      display: block;
      width: 0;
      overflow: hidden;
      opacity: 0;
      font-family: var(--tried-badge-mono);
      font-size: 16px;
      line-height: 1;
      transform: translateX(-6px);
      transition:
        width 0.7s var(--tried-ease),
        opacity 0.6s var(--tried-ease),
        transform 0.7s var(--tried-ease);
    }

    @media (hover: hover) {
      .tried-brand-badge:hover { transform: translateY(-3px); }
    }

    .tried-brand-badge:hover,
    .tried-brand-badge:focus-visible {
      border-color: var(--tried-badge-border-hover);
      box-shadow: 0 22px 60px rgba(0, 0, 0, 0.55);
    }

    .tried-brand-badge:hover::after,
    .tried-brand-badge:focus-visible::after { transform: translateX(320%) skewX(-18deg); }

    .tried-brand-badge:hover .tried-brand-badge__mark,
    .tried-brand-badge:focus-visible .tried-brand-badge__mark {
      border-color: var(--tried-badge-white);
      background: var(--tried-badge-white);
      color: #000;
    }

    .tried-brand-badge:hover .tried-brand-badge__label,
    .tried-brand-badge:focus-visible .tried-brand-badge__label { color: rgba(255, 255, 255, 0.85); }

    .tried-brand-badge:hover .tried-brand-badge__go,
    .tried-brand-badge:focus-visible .tried-brand-badge__go {
      width: 16px;
      opacity: 1;
      transform: none;
    }

    .tried-brand-badge:active { transform: scale(0.98); }

    .tried-brand-badge:focus-visible {
      outline: 1px solid var(--tried-badge-white);
      outline-offset: 4px;
    }

    @keyframes tried-enter { to { opacity: 1; transform: none; } }
    @keyframes tried-grid { to { background-position: 16px 16px; } }
    @keyframes tried-line {
      0%, 15% { transform: translateX(-50px); opacity: 0; }
      35% { opacity: 1; }
      70%, 100% { transform: translateX(var(--tried-line-end, 190px)); opacity: 0; }
    }

    @media (max-width: 560px) {
      :root {
        --tried-badge-right: 14px;
        --tried-badge-bottom: 14px;
      }
      .tried-brand-badge {
        min-height: 46px;
        padding: 7px 12px 7px 7px;
        --tried-line-end: 160px;
      }
      .tried-brand-badge__mark { width: 31px; height: 31px; flex-basis: 31px; font-size: 15px; }
      .tried-brand-badge__label { font-size: 8px; }
      .tried-brand-badge__name { font-size: 23px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .tried-brand-badge,
      .tried-brand-badge::before,
      .tried-brand-badge__line { animation: none; }
      .tried-brand-badge { opacity: 1; transform: none; }
      .tried-brand-badge__line { display: none; }
      .tried-brand-badge,
      .tried-brand-badge *,
      .tried-brand-badge::after { transition-duration: 0.01s; }
    }