:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f0d;--bg-raised:#101612;--bg-soft:#151d18;--panel:#121814e0;--panel-strong:#121814;--line:#d1ddcc1f;--line-strong:#d1ddcc38;--text:#edf2e8;--text-muted:#a6afa0;--text-soft:#7f8a7d;--accent:#c4da6e;--accent-strong:#d6eb86;--accent-soft:#c4da6e1f;--success:#b4dc67;--shadow:0 28px 72px #00000052;--radius-sm:14px;--radius-md:22px;--radius-lg:34px;--container:1160px;--font-sans:"Instrument Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 0 0,#c4da6e14,#0000 26%),linear-gradient(#0a0f0c 0%,#0d120f 56%,#0b0f0d 100%);margin:0}img{max-width:100%;display:block}a,button{transition:border-color .18s,background-color .18s,color .18s,transform .18s,opacity .18s}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}pre,code{font-family:var(--font-mono)}pre{margin:0}.site-shell{overflow-x:clip}.container{width:min(calc(100% - 40px), var(--container));margin:0 auto}.masthead{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0f0dd1;border-bottom:1px solid #d1ddcc0f;position:sticky;top:0}.masthead__inner,.footer__inner{justify-content:space-between;align-items:center;gap:18px;display:flex}.masthead__inner{min-height:68px}.brandlock{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brandlock__pill{border:1px solid var(--line);min-height:24px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 8px;font-size:.72rem;font-weight:700;display:inline-flex}.brandlock__name{letter-spacing:-.02em;font-size:.94rem;font-weight:700}.masthead__nav{align-items:center;gap:18px;display:inline-flex}.masthead__actions{align-items:center;gap:14px;display:inline-flex}.masthead__nav a{color:var(--text-soft);font-size:.9rem;text-decoration:none}.masthead__nav a:hover{color:var(--text)}.github-link{width:32px;height:32px;color:var(--text-soft);border:1px solid #d1ddcc14;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.github-link:hover{border-color:var(--line-strong);color:var(--text)}.github-link__icon{display:block}.hero{padding:34px 0 46px}.hero__inner{grid-template-columns:minmax(0,1fr) 402px;justify-content:space-between;align-items:center;gap:clamp(12px,2vw,26px);display:grid}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:700}h1,h2,h3,p,ul,ol,figure{margin:0}h1,h2,h3{letter-spacing:-.05em}h1{max-width:7.6ch;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.9}.hero__copy{align-self:center;gap:0;width:100%;min-width:0;padding-top:clamp(28px,5vh,58px);display:grid}.hero__title-line{white-space:normal;display:block}.section__lede,.step-row__copy p,.contact-card__note,.footer p{color:var(--text-muted);font-size:.98rem;line-height:1.7}.hero__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,488px);margin-top:24px;display:grid}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:54px;padding:0 22px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.button--primary{background:var(--accent);color:#10140f}.button--primary:hover{background:var(--accent-strong)}.button--secondary{border-color:var(--line-strong);color:var(--text);background:0 0}.button--secondary:hover{border-color:var(--accent);color:var(--accent)}.hero__visual{--hero-deck-width:344px;--hero-peek-width:96px;--hero-peek-overlap:34px;width:min(100%, calc(var(--hero-deck-width) + var(--hero-peek-width) - var(--hero-peek-overlap)));justify-content:start;margin-left:-18px;display:grid}.hero-viewer__stage,.step-row,.contact-card{min-width:0}.step-row,.contact-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow)}.hero-viewer{width:100%}.hero-viewer__stage{perspective:1800px;align-items:center;width:100%;display:flex;position:relative}.hero-viewer__deck{z-index:2;order:1;flex:0 0 var(--hero-deck-width);width:var(--hero-deck-width);position:relative}.hero-viewer__peek{z-index:1;order:2;flex:0 0 var(--hero-peek-width);width:var(--hero-peek-width);height:calc(var(--hero-deck-width) * 2.08889 - 64px);margin-left:calc(var(--hero-peek-overlap) * -1);opacity:.94;will-change:transform;background:#fffffff5;border-radius:16px;align-self:center;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000029}.hero-viewer__peek.is-shifting{animation-duration:.52s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both}.hero-viewer__peek.is-shifting[data-direction=next]{animation-name:hero-peek-track-next}.hero-viewer__peek.is-shifting[data-direction=prev]{animation-name:hero-peek-track-prev}.hero-viewer__peek-image{object-fit:cover;object-position:left center;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0;transform:translate(0)}.hero-viewer__peek-image--primary{opacity:.94}.hero-viewer__peek-image--secondary{opacity:0}.hero-viewer__peek-image.is-entering,.hero-viewer__peek-image.is-leaving{animation-duration:.52s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both}.hero-viewer__peek-image.is-entering[data-direction=next]{animation-name:hero-peek-enter-next}.hero-viewer__peek-image.is-leaving[data-direction=next]{animation-name:hero-peek-leave-next}.hero-viewer__peek-image.is-entering[data-direction=prev]{animation-name:hero-peek-enter-prev}.hero-viewer__peek-image.is-leaving[data-direction=prev]{animation-name:hero-peek-leave-prev}.hero-viewer__peek-shadow{background:linear-gradient(90deg,#0b0f0d33,#0000 28%),linear-gradient(270deg,#fff3,#0000 65%);position:absolute;inset:0}.hero-viewer__slide{opacity:0;pointer-events:none;will-change:transform, opacity;width:100%;position:absolute;inset:0;transform:translate(0)scale(1)}.hero-viewer__slide.is-active{opacity:1;pointer-events:auto;position:relative}.hero-viewer__slide.is-entering,.hero-viewer__slide.is-leaving{opacity:1;animation-duration:.52s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both}.hero-viewer__slide.is-entering[data-direction=next]{animation-name:hero-parallax-enter-next}.hero-viewer__slide.is-leaving[data-direction=next]{animation-name:hero-parallax-leave-next}.hero-viewer__slide.is-entering[data-direction=prev]{animation-name:hero-parallax-enter-prev}.hero-viewer__slide.is-leaving[data-direction=prev]{animation-name:hero-parallax-leave-prev}.hero-viewer__image-shell{aspect-ratio:1080/2256;background:#fff;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 54px #00000038}.hero-viewer__image{width:100%;height:auto}.hero-viewer__gloss{pointer-events:none;background:linear-gradient(115deg,#ffffff1f,#0000 22% 72%,#ffffff0f);position:absolute;inset:0}.hero-viewer__hotzone{z-index:2;color:#ffffffeb;cursor:pointer;background:0 0;border:0;width:30%;padding:0;transition:background-color .18s;position:absolute;top:0;bottom:0}.hero-viewer__hotzone:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.hero-viewer__hotzone--prev{background:linear-gradient(90deg,#0b0f0d17,#0000 78%);left:0}.hero-viewer__hotzone--next{background:linear-gradient(270deg,#0b0f0d17,#0000 78%);right:0}.hero-viewer__hotzone:hover{background-color:#0b0f0d08}.hero-viewer__hotzone-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.28;background:#0b0f0d47;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .18s,transform .18s,background-color .18s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)scale(.94);box-shadow:0 12px 24px #00000038}.hero-viewer__hotzone--prev .hero-viewer__hotzone-icon{left:12px}.hero-viewer__hotzone--next .hero-viewer__hotzone-icon{right:12px}.hero-viewer__hotzone:hover .hero-viewer__hotzone-icon,.hero-viewer__hotzone:focus-visible .hero-viewer__hotzone-icon{opacity:.92;background:#0b0f0d94;transform:translateY(-50%)scale(1)}@keyframes hero-parallax-enter-next{0%{opacity:.76;transform:translate(8px)scale(.997)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes hero-parallax-leave-next{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:.78;transform:translate(-8px)scale(.995)}}@keyframes hero-parallax-enter-prev{0%{opacity:.76;transform:translate(-8px)scale(.997)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes hero-parallax-leave-prev{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:.78;transform:translate(8px)scale(.995)}}@keyframes hero-peek-enter-next{0%{opacity:.7;transform:translate(6px)}to{opacity:.9;transform:translate(0)}}@keyframes hero-peek-leave-next{0%{opacity:.94;transform:translate(0)}to{opacity:.74;transform:translate(-4px)}}@keyframes hero-peek-enter-prev{0%{opacity:.7;transform:translate(-6px)}to{opacity:.9;transform:translate(0)}}@keyframes hero-peek-leave-prev{0%{opacity:.94;transform:translate(0)}to{opacity:.74;transform:translate(4px)}}@keyframes hero-peek-track-next{0%{transform:translate(0)}50%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes hero-peek-track-prev{0%{transform:translate(0)}50%{transform:translate(1px)}to{transform:translate(0)}}.section{padding:60px 0}.section__stack{gap:20px;display:grid}.section__intro{gap:10px;display:grid}.section__intro--split{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end}#setup-title,#access-title{white-space:nowrap;max-width:none}h2{max-width:10ch;font-size:clamp(2rem,4vw,3.6rem);line-height:.94}.section__lede{max-width:28rem}.access-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;display:grid}.contact-card{padding:18px}.command-shell{background:var(--panel-strong);border:1px solid #d1ddcc14;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:6px 8px;display:flex}.command-shell--muted{background:#ffffff05}.command-shell pre{flex:auto;min-width:0;overflow-x:auto}.command-shell code{white-space:pre;width:fit-content;max-width:100%;color:var(--text);font-size:.86rem;line-height:1.4;display:block}.copy-button{border:1px solid var(--line);width:28px;height:28px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.copy-button:hover{border-color:var(--accent);color:var(--accent)}.copy-button__icon{transition:opacity .12s,transform .12s;position:absolute}.copy-button__icon--check{opacity:0;color:var(--success);transform:scale(.72)}.copy-button.is-copied{color:var(--success);background:#c4da6e14;border-color:#c4da6e4d}.copy-button.is-copied .copy-button__icon--copy{opacity:0;transform:scale(.72)}.copy-button.is-copied .copy-button__icon--check{opacity:1;transform:scale(1)}.copy-button:after{content:attr(data-tooltip);color:#0d120f;font-family:var(--font-sans);white-space:nowrap;opacity:0;pointer-events:none;background:#e8efdd;border-radius:8px;padding:6px 10px;font-size:.78rem;font-weight:600;position:absolute;top:calc(100% + 8px);right:0}.copy-button:hover:after,.copy-button:focus-visible:after,.copy-button.is-copied:after{opacity:1}.steps-list{gap:10px;display:grid}.step-row{gap:5px;padding:9px;display:grid}.step-row__head{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:4px;display:grid}.step-row__number{color:var(--accent);font-family:var(--font-mono);font-size:.84rem}.step-row__copy{gap:4px;display:grid}.step-row h3,.mobile-card h3,.contact-card h3{font-size:1.08rem;line-height:1.15}.contact-card{gap:10px;display:grid}.contact-card__header{align-items:center;gap:10px;display:flex}.contact-card__dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.contact-card__links{gap:8px;display:grid}.contact-link{min-height:48px;color:var(--text);background:#ffffff05;border:1px solid #d1ddcc14;border-radius:14px;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:grid}.contact-link:hover{border-color:var(--line-strong)}.contact-link__detail{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.contact-link__label{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.88rem}.footer{padding:12px 0 24px}.footer__inner{color:var(--text-soft);border-top:1px solid #d1ddcc14;padding-top:14px;font-size:.86rem}@media (width<=980px){.hero__inner,.section__intro--split,.access-grid{grid-template-columns:1fr}h1{max-width:none;font-size:clamp(3.8rem,8.6vw,5.6rem)}.hero__copy{max-width:100%;padding-top:0}.hero__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,720px);display:grid}.hero__actions .button{width:100%}.hero__visual{--hero-deck-width:284px;--hero-peek-width:76px;--hero-peek-overlap:26px;width:min(100%, calc(var(--hero-deck-width) + var(--hero-peek-width) - var(--hero-peek-overlap)));justify-content:center;margin:0 auto}.hero-viewer__stage{min-height:auto}.hero-viewer__deck{width:var(--hero-deck-width)}}@media (width<=720px){.container{width:min(calc(100% - 28px), var(--container))}.masthead__nav{gap:12px}.brandlock__pill{display:none}.masthead__nav a{font-size:.84rem}.hero{padding-top:24px}h1{max-width:none;font-size:clamp(2.5rem,13vw,3.6rem)}.hero__title-line{white-space:normal}h2{max-width:none;font-size:clamp(1.9rem,10vw,2.8rem)}#setup-title,#access-title{white-space:normal}.button{width:100%}.hero__actions{grid-template-columns:1fr;gap:12px;width:100%}.hero__visual{--hero-deck-width:244px;--hero-peek-width:58px;--hero-peek-overlap:18px;width:min(100%, calc(var(--hero-deck-width) + var(--hero-peek-width) - var(--hero-peek-overlap)));justify-content:center}.hero-viewer__hotzone{width:34%}.command-shell,.contact-link{grid-template-columns:1fr}.copy-button{width:28px;min-width:28px;height:28px}.footer__inner{flex-direction:column;align-items:flex-start}}@media (width<=480px){.container{width:min(calc(100% - 24px), var(--container))}h1{font-size:clamp(2.2rem,12vw,3.1rem)}.hero__actions{gap:10px}.button{min-height:44px;padding:0 16px;font-size:.9rem}.hero__visual{--hero-deck-width:232px;--hero-peek-width:54px;--hero-peek-overlap:16px;width:min(100%, calc(var(--hero-deck-width) + var(--hero-peek-width) - var(--hero-peek-overlap)))}.step-row{padding:8px}.command-shell{gap:6px;padding:5px 6px}.command-shell code{font-size:.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-viewer__peek-image.is-entering,.hero-viewer__peek-image.is-leaving,.hero-viewer__slide.is-entering,.hero-viewer__slide.is-leaving{animation-duration:1ms}*,:before,:after{transition-duration:0s!important}}
