:root {
  --color-bg-primary: #0a0a0a;
  --color-bg-secondary: #181818;
  --color-surface: #f8f8f5;
  --color-surface-muted: #e7e7e0;
  --color-text-primary: #0a0a0a;
  --color-text-inverse: #f8f8f5;
  --color-text-secondary: #777770;
  --color-brand-primary: #d8ff45;
  --color-border-dark: rgba(255, 255, 255, .18);
  --color-border-light: #d0d0c9;
  --color-overlay-strong: rgba(0, 0, 0, .78);
  --color-overlay-soft: rgba(0, 0, 0, .42);

  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Manrope", Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --type-display: 700 64px/68px var(--font-display);
  --type-h1: 700 60px/64px var(--font-display);
  --type-h2: 700 42px/48px var(--font-display);
  --type-h3: 600 28px/34px var(--font-display);
  --type-h4: 600 20px/26px var(--font-display);
  --type-body-lg: 500 18px/28px var(--font-body);
  --type-body: 500 16px/24px var(--font-body);
  --type-body-sm: 600 14px/20px var(--font-body);
  --type-caption: 600 12px/16px var(--font-body);
  --type-label: 700 12px/16px var(--font-body);
  --type-button: 700 16px/20px var(--font-body);
  --type-nav: 700 15px/20px var(--font-body);
  --type-brand: 700 20px/24px var(--font-display);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-18: 72px;
  --space-20: 80px;
  --space-24: 96px;
  --space-28: 112px;
  --space-30: 120px;
  --space-section-desktop: var(--space-18);
  --space-section-tablet: var(--space-14);
  --space-section-mobile: var(--space-12);

  --container-max: 1280px;
  --container-padding-desktop: 32px;
  --container-padding-tablet: 24px;
  --container-padding-mobile: 16px;
  --radius-control: 2px;
  --radius-round: 999px;
  --border-width: 1px;
  --shadow-overlay: 0 16px 42px rgba(0, 0, 0, .22);
  --z-header: 100;
  --duration-fast: 160ms;
  --duration-base: 240ms;
  --ease-standard: cubic-bezier(.22, 1, .36, 1);
  --header-height: 76px;
  --control-height-sm: 44px;
  --control-height-md: 48px;
  --control-height-lg: 52px;
  --button-width: 200px;
  --auth-button-width: 120px;
}

@media (max-width: 1023px) {
  :root {
    --type-display: 700 56px/60px var(--font-display);
    --type-h1: 700 56px/60px var(--font-display);
    --type-h2: 700 40px/46px var(--font-display);
    --type-h3: 600 28px/34px var(--font-display);
    --type-h4: 600 22px/28px var(--font-display);
    --space-section-desktop: 64px;
    --header-height: 68px;
  }
}

@media (max-width: 767px) {
  :root {
    --type-display: 700 48px/52px var(--font-display);
    --type-h1: 700 40px/44px var(--font-display);
    --type-h2: 700 32px/38px var(--font-display);
    --type-h3: 600 24px/30px var(--font-display);
    --type-h4: 600 20px/26px var(--font-display);
    --type-body-lg: 500 18px/28px var(--font-body);
    --space-section-desktop: 48px;
  }
}

.pbn-links {
  padding: var(--space-6) 0;
  border-top: 1px solid var(--line);
}

.pbn-links nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-6);
}

.pbn-links a {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, .72);
  font: var(--type-body-sm);
}

.pbn-links a:hover {
  color: var(--color-brand-primary);
}

@media (max-width: 479px) {
  :root {
    --type-h1: 700 36px/40px var(--font-display);
  }
}

:root{--black:#0a0a0a;--ink:#181818;--white:#f8f8f5;--mist:#e7e7e0;--gray:#777770;--lime:#d8ff45;--line:rgba(255,255,255,.18);--darkline:#d0d0c9;--page:min(1280px,calc(100vw - 64px));--display:'Archivo','Helvetica Neue',Arial,sans-serif;--body:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--white);color:var(--black);font-family:var(--body);letter-spacing:0}a{color:inherit;text-decoration:none}img,video{max-width:100%}::selection{background:var(--lime);color:var(--black)}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.wrap{width:var(--page);margin:0 auto}
.header{position:fixed;z-index:20;top:0;left:0;width:100%;color:var(--white);background:rgba(10,10,10,.68);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.16)}.header__inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font:700 20px/1 var(--display)}.brand__mark{width:25px;height:25px;display:grid;place-items:center;border:1px solid currentColor;font:700 11px/1 var(--display)}.nav{display:flex;align-items:center;gap:24px}.nav a{color:rgba(255,255,255,.78);font-size:13px;font-weight:700}.nav a:hover{color:var(--lime)}
.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid var(--lime);border-radius:2px;background:var(--lime);color:var(--black);font:800 13px/1 var(--body);transition:background 180ms ease,color 180ms ease,transform 180ms ease}.button:hover{transform:translateY(-2px);background:transparent;color:var(--lime)}.button--dark{border-color:var(--black);background:var(--black);color:var(--white)}.button--dark:hover{background:var(--white);color:var(--black);border-color:var(--white)}.arrow{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.hero{position:relative;min-height:min(860px,100svh);display:flex;align-items:flex-end;overflow:hidden;background:var(--black);color:var(--white)}.hero__media,.hero__shade{position:absolute;inset:0}.hero__media video{width:100%;height:100%;object-fit:cover;object-position:60% center;filter:saturate(1.04) contrast(1.06)}.hero__shade{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.55) 43%,rgba(0,0,0,.08) 74%),linear-gradient(0deg,rgba(0,0,0,.66),rgba(0,0,0,0) 45%)}.hero__content{position:relative;z-index:1;width:var(--page);margin:0 auto;padding:170px 0 58px}.kicker{margin:0 0 22px;color:var(--lime);font-size:12px;font-weight:800;text-transform:uppercase}.hero h1{max-width:930px;margin:0 0 27px;font:700 clamp(50px,6.7vw,104px)/.91 var(--display);overflow-wrap:anywhere}.hero__lead{max-width:640px;margin:0 0 31px;color:rgba(255,255,255,.84);font-size:18px;line-height:1.58;font-weight:600}.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.text-link{min-height:44px;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.5);color:var(--white);font-size:13px;font-weight:800}.text-link:hover{color:var(--lime);border-color:var(--lime)}.hero__note{position:absolute;z-index:1;right:max(32px,calc((100vw - min(1280px,calc(100vw - 64px)))/2));bottom:58px;width:min(300px,24vw);padding-top:14px;border-top:1px solid rgba(255,255,255,.42);color:rgba(255,255,255,.76);font-size:12px;line-height:1.5}.hero__note b{display:block;margin-bottom:6px;color:var(--white)}
.intro{padding:112px 0;background:var(--white)}.intro__grid,.twocol{display:grid;grid-template-columns:1fr .78fr;gap:clamp(38px,8vw,150px);align-items:end}.label{margin:0 0 17px;color:#5c5c57;font-size:12px;font-weight:800;text-transform:uppercase}h2{margin:0;font:700 clamp(37px,4.8vw,70px)/.98 var(--display);overflow-wrap:anywhere}.copy{margin:0;max-width:480px;font-size:17px;line-height:1.6;font-weight:600}
.sequence{background:var(--black);color:var(--white)}.sequence__item{min-height:540px;display:grid;grid-template-columns:1.12fr .88fr;border-top:1px solid var(--line)}.sequence__media{position:relative;min-height:390px;overflow:hidden}.sequence__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.sequence__media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.42),rgba(0,0,0,0) 52%)}.sequence__caption{position:absolute;z-index:1;left:28px;bottom:25px;max-width:330px;color:rgba(255,255,255,.82);font-size:12px;line-height:1.5}.sequence__caption b{display:block;margin-bottom:6px;color:var(--lime);font-size:11px;text-transform:uppercase}.sequence__content{display:flex;flex-direction:column;justify-content:space-between;padding:68px clamp(32px,7vw,92px);border-left:1px solid var(--line)}.sequence__content h2{max-width:490px;font-size:clamp(35px,4vw,62px)}.sequence__content p{max-width:430px;margin:22px 0 0;color:rgba(255,255,255,.7);font-size:16px;line-height:1.6;font-weight:600}.spec{padding-top:36px}.spec div{padding:13px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.45}.spec b{display:block;margin-bottom:3px;color:var(--lime);font-size:11px;text-transform:uppercase}
.how{padding:112px 0;background:var(--mist)}.how__head{margin-bottom:58px}.steps{border-top:1px solid var(--black)}.step{min-height:128px;display:grid;grid-template-columns:74px 1fr .74fr;gap:22px;align-items:center;border-bottom:1px solid var(--black)}.step__num{color:#676760;font:600 14px/1 var(--display)}.step h3{margin:0;font:600 clamp(23px,2.1vw,32px)/1.05 var(--display)}.step p{max-width:400px;margin:0;font-size:14px;line-height:1.52;font-weight:600}
.related{padding:112px 0 0;background:var(--white)}.related__head{margin-bottom:60px}.route-list{border-top:1px solid var(--black)}.route{display:grid;grid-template-columns:60px minmax(210px,.68fr) 1fr 40px;gap:20px;align-items:center;min-height:120px;border-bottom:1px solid var(--black);transition:color 180ms ease}.route:hover{color:#595950}.route__num{color:#777770;font-size:12px;font-weight:800}.route h3{margin:0;font:600 clamp(22px,2.6vw,40px)/1 var(--display)}.route p{max-width:390px;margin:0;font-size:14px;line-height:1.45;font-weight:600}.route__arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}.route__arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.strip{margin-top:72px;display:grid;grid-template-columns:repeat(4,1fr);min-height:270px}.strip figure{position:relative;margin:0;overflow:hidden;background:var(--black)}.strip img{width:100%;height:100%;object-fit:cover;filter:saturate(.86);transition:transform 600ms cubic-bezier(.2,.8,.2,1)}.strip figure:hover img{transform:scale(1.05)}.strip figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.64),rgba(0,0,0,0) 55%)}.strip figcaption{position:absolute;z-index:1;bottom:14px;left:15px;color:var(--white);font-size:11px;font-weight:800}
.faq{padding:112px 0;background:var(--ink);color:var(--white)}.faq__head{margin-bottom:60px}.faq__head .label{color:var(--lime)}.faq__copy{margin:0;max-width:410px;color:rgba(255,255,255,.7);font-size:16px;line-height:1.6;font-weight:600}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font:600 clamp(20px,2.1vw,31px)/1.1 var(--display)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;color:var(--lime);font:400 23px/1 var(--display);transition:transform 180ms ease,background 180ms ease,color 180ms ease}.faq-list details[open] summary:after{transform:rotate(45deg);background:var(--lime);border-color:var(--lime);color:var(--black)}.faq-list summary:hover{color:var(--lime)}.answer{max-width:720px;padding:0 0 28px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.62;font-weight:600}
.closing{padding:112px 0;background:var(--lime)}.closing__grid{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:end}.closing h2{max-width:830px;font-size:clamp(47px,6.3vw,92px)}.closing__aside{max-width:340px}.closing__aside p{margin:0 0 22px;font-size:14px;line-height:1.58;font-weight:700}.footer{padding:27px 0;background:var(--black);color:rgba(255,255,255,.62)}.footer__inner{display:flex;justify-content:space-between;gap:24px;font-size:11px;line-height:1.5}.footer__inner a{color:var(--white)}
@media(max-width:900px){:root{--page:min(100% - 32px,720px)}.nav{display:none}.header__inner{min-height:66px}.header .button{min-height:38px;padding:0 13px;font-size:12px}.hero{min-height:740px}.hero__content{padding:145px 0 40px}.hero__media video{object-position:64% center}.hero__note{display:none}.intro,.how,.related,.faq,.closing{padding:76px 0}.intro__grid,.twocol,.closing__grid{grid-template-columns:1fr;gap:28px}.sequence__item{grid-template-columns:1fr;min-height:0}.sequence__media{min-height:340px}.sequence__content{min-height:455px;padding:55px 16px 40px;border-left:0}.how__head,.related__head,.faq__head{margin-bottom:40px}.strip{grid-template-columns:repeat(2,1fr);min-height:360px;margin-top:54px}.footer__inner{flex-direction:column}}
@media(max-width:560px){.hero h1{font-size:clamp(44px,13vw,63px)}.hero__lead{font-size:16px}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .button,.hero__actions .text-link{width:100%}.text-link{justify-content:space-between}.sequence__media{min-height:285px}.sequence__caption{left:16px;bottom:18px}.step{grid-template-columns:40px 1fr;gap:12px;padding:20px 0}.step p{grid-column:2}.route{grid-template-columns:34px 1fr 35px;gap:10px;padding:20px 0}.route p{grid-column:2}.route__arrow{grid-column:3;grid-row:1}.faq-list summary{min-height:76px;font-size:20px}.answer{padding-bottom:22px;font-size:14px}.closing__aside{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.hero__media video{display:none}.hero__media{background:center/cover no-repeat var(--black)}.hero__media[data-poster='mixkit-commercial-bts.jpg']{background-image:url('posters/mixkit-commercial-bts.jpg')}}
:root{--dur-fast:160ms;--dur-base:240ms;--ease-out:cubic-bezier(.22,1,.36,1);--move-md:16px;--reveal-opacity:.001}
*{min-width:0}body{-webkit-text-size-adjust:100%}.header__inner{padding-top:env(safe-area-inset-top)}.hero{min-height:860px;min-height:-webkit-fill-available}@supports(height:100dvh){.hero{min-height:min(860px,100dvh)}}.hero__content{padding-bottom:max(58px,env(safe-area-inset-bottom))}.arrow{flex:0 0 15px}.button{transition:background var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}.faq-list summary:after{transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) ease,color var(--dur-fast) ease}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);background:transparent;color:var(--lime)}.nav a:hover{color:var(--lime)}}
.js-motion [data-reveal]{transform:translate3d(0,var(--move-md),0);transition:transform var(--dur-base) var(--ease-out)}.js-motion [data-reveal].is-revealed{transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){.js-motion [data-reveal]{opacity:1;transform:none}.hero__media{background:var(--hero-poster) center/cover no-repeat var(--black)}}
.button--secondary{border-color:rgba(255,255,255,.82);background:rgba(10,10,10,.48);color:var(--white)}.button--secondary:hover{border-color:var(--white);background:var(--white);color:var(--black)}
.hero{min-height:max(860px,100svh)}.hero__shade{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.58) 48%,rgba(0,0,0,.13) 74%),linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,0) 54%)}.hero__content{padding:178px 0 208px}.hero h1{max-width:920px;margin-bottom:26px;font-size:clamp(58px,7.4vw,112px);line-height:.89}.hero__lead{max-width:650px;margin-bottom:34px}.hero__note{display:none}.hero__prompt{position:absolute;z-index:4;right:0;bottom:0;left:0;padding:0 0 32px}.hero__prompt-inner{width:var(--page);margin:0 auto}.hero__prompt-caption{margin:0 0 10px;color:rgba(255,255,255,.78);font-size:12px;font-weight:700}.hero__prompt-link{min-height:74px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:11px 11px 11px 22px;border:1px solid rgba(255,255,255,.42);border-radius:4px;background:rgba(8,8,8,.74);box-shadow:0 16px 42px rgba(0,0,0,.22);backdrop-filter:blur(14px);transition:border-color 180ms ease,transform 180ms ease,background 180ms ease}.hero__prompt-link:hover{transform:translateY(-2px);border-color:var(--white);background:rgba(8,8,8,.9)}.hero__prompt-text{min-width:0;color:rgba(255,255,255,.8);font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero__prompt-text strong{color:var(--white)}.hero__prompt-action{min-height:50px;display:inline-flex;align-items:center;gap:12px;padding:0 18px;background:var(--lime);color:var(--black);font-size:13px;font-weight:800}
.intro{padding:118px 0 126px}.use-cues{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.use-cues a{min-height:38px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--black);font-size:12px;font-weight:800;transition:background 180ms ease,color 180ms ease}.use-cues a:hover{background:var(--black);color:var(--white)}
.footer{padding:56px 0 24px}.footer__top{display:grid;grid-template-columns:1.2fr .8fr .95fr;gap:56px;padding-bottom:46px;border-bottom:1px solid var(--line)}.footer__brand{align-self:start;color:var(--white)}.footer__brand .brand__mark{border-color:var(--lime);color:var(--lime)}.footer__column{display:grid;align-content:start;gap:10px}.footer__title{margin:0 0 8px;color:var(--lime);font-size:11px;font-weight:800;text-transform:uppercase}.footer__column a{width:fit-content;font-size:13px;font-weight:700;line-height:1.55}.footer__column a:hover{color:var(--lime)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;font-size:11px;line-height:1.5}.footer__bottom p{margin:0}.footer__bottom a{color:var(--white);font-weight:700}
@media(max-width:900px){.hero{min-height:800px}.hero__content{padding:150px 0 184px}.hero__prompt{padding-bottom:22px}.footer__top{grid-template-columns:1fr 1fr;gap:38px 28px}.footer__brand{grid-column:1/-1}}@media(max-width:560px){.hero h1{font-size:clamp(40px,10vw,52px);line-height:.94}.hero__content{padding-bottom:156px}.hero__prompt-link{min-height:0;grid-template-columns:1fr;gap:12px;padding:14px}.hero__prompt-text{white-space:normal;line-height:1.4}.hero__prompt-action{justify-content:center}.footer{padding-top:42px}.footer__top{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.footer__brand{grid-column:auto}.footer__bottom{align-items:flex-start;flex-direction:column;gap:10px}}
.hero h1{max-width:880px;font-size:84px;line-height:.91}.hero__lead{font-size:18px}.copy{font-size:17px}h2{font-size:56px;line-height:.98}.sequence__content h2{font-size:50px}.step h3{font-size:30px}.route h3{font-size:34px;line-height:1.01}.faq-list summary{min-height:72px;font-size:22px;line-height:1.22}.answer{font-size:15px}.closing h2{max-width:790px;font-size:72px;line-height:.94}
@media(max-width:900px){.hero h1{font-size:56px}.hero__lead,.copy{font-size:17px}h2{font-size:44px}.sequence__content h2{font-size:40px}.step h3{font-size:26px}.route h3{font-size:30px}.faq-list summary{min-height:68px;font-size:20px}.closing h2{font-size:56px}}
@media(max-width:560px){.hero h1{font-size:42px;line-height:.94}.hero__lead,.copy{font-size:16px}h2{font-size:34px;line-height:1}.sequence__content h2{font-size:32px}.step h3{font-size:22px}.route h3{font-size:24px}.faq-list summary{min-height:62px;font-size:17px;line-height:1.25}.answer{font-size:14px}.closing h2{font-size:42px;line-height:.96}}
.hero__content{padding:190px 0 88px}.hero__example{max-width:620px;margin:26px 0 0;padding-top:15px;border-top:1px solid rgba(255,255,255,.42);color:rgba(255,255,255,.78);font-size:14px;line-height:1.5;font-weight:600}.hero__example strong{color:var(--white)}
@media(max-width:900px){.hero{min-height:760px}.hero__content{padding:132px 0 70px}}@media(max-width:560px){.hero{min-height:720px}.hero__content{padding:116px 0 48px}.hero__example{margin-top:22px;font-size:14px;line-height:1.45}}
:root{--cta-width:200px;--cta-height:52px;--auth-width:120px;--auth-height:44px}.button{width:var(--cta-width);height:var(--cta-height);min-height:var(--cta-height);padding:0 16px}.header .button{width:var(--auth-width);height:var(--auth-height);min-height:var(--auth-height);padding:0 14px}.hero__actions .button,.closing .button{width:var(--cta-width)}
@media(max-width:560px){.header .button{width:var(--auth-width);height:40px;min-height:40px}.hero__actions .button,.closing .button{width:100%;height:52px;min-height:52px}}
[id]{scroll-margin-top:92px}.brand,.nav a,.footer__column a,.use-cues a{min-height:44px;display:inline-flex;align-items:center}.footer__column a{padding:4px 0}.nav a{padding:0 2px}
@media(max-width:560px){.header .button{height:44px;min-height:44px}.header__inner{min-height:68px}.footer__column a,.use-cues a{min-height:44px}}
.header{z-index:100;background:var(--black);backdrop-filter:none;border-bottom-color:rgba(255,255,255,.18)}
:root{--black:var(--color-bg-primary);--ink:var(--color-bg-secondary);--white:var(--color-surface);--mist:var(--color-surface-muted);--gray:var(--color-text-secondary);--lime:var(--color-brand-primary);--line:var(--color-border-dark);--darkline:var(--color-border-light);--display:var(--font-display);--body:var(--font-body);--container-inline-size:64px;--page:min(var(--container-max),calc(100vw - var(--container-inline-size)))}
*{min-width:0}body{font:var(--type-body);letter-spacing:0}h1,h2,h3,p{margin-top:0}.wrap{width:var(--page)}[id]{scroll-margin-top:calc(var(--header-height) + var(--space-4))}:focus-visible{outline:3px solid var(--color-brand-primary);outline-offset:4px}
.header{z-index:var(--z-header);background:var(--color-bg-primary);backdrop-filter:none;border-bottom:var(--border-width) solid var(--color-border-dark)}.header__inner{min-height:var(--header-height);gap:var(--space-6)}.brand{gap:var(--space-3);font:var(--type-brand)}.brand__mark{width:var(--space-6);height:var(--space-6);font:var(--type-label)}.nav{gap:var(--space-6)}.nav a{min-height:var(--control-height-sm);padding:0 var(--space-1);color:rgba(255,255,255,.78);font:var(--type-nav)}.nav a:hover{color:var(--color-brand-primary)}
.button{width:var(--button-width);height:var(--control-height-lg);min-height:var(--control-height-lg);gap:var(--space-3);padding:0 var(--space-4);border:var(--border-width) solid var(--color-brand-primary);border-radius:var(--radius-control);background:var(--color-brand-primary);color:var(--color-text-primary);font:var(--type-button);transition:background var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-standard)}.header .button{width:var(--auth-button-width);height:var(--control-height-sm);min-height:var(--control-height-sm);font:var(--type-body-sm)}.button--secondary{background:rgba(10,10,10,.48);color:var(--color-text-inverse);border-color:rgba(255,255,255,.82)}.button--dark{border-color:var(--color-bg-primary);background:var(--color-bg-primary);color:var(--color-text-inverse)}.button:hover{transform:translateY(-2px);background:transparent;color:var(--color-brand-primary)}.button--secondary:hover{border-color:var(--color-surface);background:var(--color-surface);color:var(--color-text-primary)}.button--dark:hover{border-color:var(--color-surface);background:var(--color-surface);color:var(--color-text-primary)}
.hero h1{max-width:880px;margin-bottom:var(--space-4);font:var(--type-h1)}.hero__lead{max-width:640px;margin-bottom:var(--space-5);font:var(--type-body-lg);color:rgba(255,255,255,.84)}.hero__actions{gap:var(--space-3)}.hero__example{max-width:620px;margin-top:var(--space-4);padding-top:var(--space-3);border-top:var(--border-width) solid rgba(255,255,255,.42);font:var(--type-body-sm);color:rgba(255,255,255,.78)}.hero__example strong{color:var(--color-text-inverse)}.kicker,.label{margin-bottom:var(--space-3);font:var(--type-label);color:var(--color-brand-primary);text-transform:uppercase}
.intro,.how,.related,.faq,.closing{padding:var(--space-section-desktop) 0}.intro__grid,.twocol{gap:var(--space-14)}h2{font:var(--type-h2)}.copy,.faq__copy{font:var(--type-body-lg)}.use-cues{gap:var(--space-2);margin-top:var(--space-5)}.use-cues a{min-height:var(--control-height-sm);padding:0 var(--space-3);border:var(--border-width) solid currentColor;font:var(--type-body-sm)}
.sequence__content{padding:var(--space-12) var(--space-14)}.sequence__content h2{font:var(--type-h2)}.sequence__content p{margin-top:var(--space-4);font:var(--type-body);color:rgba(255,255,255,.7)}.sequence__caption,.sequence__caption b,.spec div,.spec b{font:var(--type-caption)}.spec{padding-top:var(--space-6)}.spec div{padding:var(--space-3) 0}.spec b{margin-bottom:var(--space-1);color:var(--color-brand-primary);text-transform:uppercase}
.how__head,.related__head,.faq__head{margin-bottom:var(--space-8)}.step{min-height:104px;gap:var(--space-5)}.step__num,.route__num{font:var(--type-caption)}.step h3{font:var(--type-h3)}.step p,.route p{font:var(--type-body-sm)}.route{min-height:104px;gap:var(--space-5)}.route h3{font:var(--type-h4)}.route__arrow{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-round)}.strip{margin-top:var(--space-12)}.strip figcaption{font:var(--type-caption)}
.intro .label,.how .label,.related .label{color:#3f3f39}.faq__head .label{color:var(--color-brand-primary)}.faq-list summary{min-height:var(--space-20);font:var(--type-h4)}.faq-list summary:after{font:var(--type-h4)}.answer{padding-bottom:var(--space-6);font:var(--type-body);color:rgba(255,255,255,.72)}.closing h2{max-width:790px;font:var(--type-display)}.closing__aside p{font:var(--type-body-sm)}
.footer{padding:var(--space-14) 0 var(--space-6)}.footer__top{gap:var(--space-14);padding-bottom:var(--space-12)}.footer__title{font:var(--type-label)}.footer__column{gap:var(--space-2)}.footer__column a{min-height:var(--control-height-sm);padding:var(--space-1) 0;font:var(--type-body-sm)}.footer__bottom{padding-top:var(--space-5);font:var(--type-caption)}
.not-found{min-height:100svh;display:grid;place-items:center;padding:var(--space-24) 0;background:var(--color-bg-primary);color:var(--color-text-inverse)}.not-found h1{margin-bottom:var(--space-8);font:var(--type-h1)}
@media(max-width:1023px){:root{--container-inline-size:48px}.nav{display:none}.intro,.how,.related,.faq,.closing{padding:var(--space-section-desktop) 0}.intro__grid,.twocol,.closing__grid{gap:var(--space-8)}.sequence__content{padding:var(--space-14) var(--container-padding-tablet)}.how__head,.related__head,.faq__head{margin-bottom:var(--space-10)}.footer__top{gap:var(--space-10) var(--space-8)}.hero{min-height:760px}.hero__content{padding:calc(var(--header-height) + var(--space-16)) 0 var(--space-18)}}
@media(max-width:767px){:root{--container-inline-size:32px}.header__inner{min-height:var(--header-height)}.hero{min-height:720px}.hero__content{padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-12)}.hero__actions{align-items:stretch;flex-direction:column}.hero__actions .button,.closing .button{width:100%}.sequence__content{min-height:0;padding:var(--space-14) var(--container-padding-mobile) var(--space-10)}.step{min-height:0;padding:var(--space-5) 0}.route{min-height:0;padding:var(--space-5) 0}.faq-list summary{min-height:var(--space-16)}.footer{padding-top:var(--space-12)}.footer__top{gap:var(--space-8);padding-bottom:var(--space-8)}}
@media(max-width:479px){.header .button{width:var(--auth-button-width)}.brand{font:var(--type-brand)}.hero__example{margin-top:var(--space-5)}}
.header__cta{width:200px!important;white-space:nowrap}.header__inner{justify-content:space-between}@media(max-width:479px){.header__cta{width:180px!important}}
.footer{padding:32px 0 18px}.footer__top{display:grid;grid-template-columns:minmax(220px,.55fr) 1fr;gap:var(--space-12);align-items:start;padding-bottom:var(--space-6)}.footer__links{min-width:0}.footer__title{margin:0 0 var(--space-3);font:var(--type-label)}.footer__routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2) var(--space-6)}.footer__routes a{min-height:32px;display:inline-flex;align-items:center;color:rgba(255,255,255,.72);font:var(--type-body-sm)}.footer__routes a:hover{color:var(--color-brand-primary)}.footer__bottom{padding-top:var(--space-4);font:var(--type-caption)}@media(max-width:767px){.footer{padding:28px 0 16px}.footer__top{grid-template-columns:1fr;gap:var(--space-7);padding-bottom:var(--space-5)}.footer__routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-5)}}
.hero__copy{width:min(780px,100%);padding:40px 44px 36px;border-left:2px solid var(--color-brand-primary);background:rgba(5,5,5,.76);box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.hero__copy .hero__lead{max-width:590px}.hero__copy .hero__example{margin-bottom:0}@media(max-width:767px){.hero__copy{width:100%;padding:28px 24px 26px;border-left-width:2px;background:rgba(5,5,5,.78)}.hero__copy .hero__actions{margin-top:var(--space-6)}}
.brand__mark{display:grid;place-items:center;border:0;background:var(--color-brand-primary);color:var(--color-text-primary)}.brand__glyph{width:15px;height:15px;fill:currentColor}.footer__brand .brand__mark{border:0;background:var(--color-brand-primary);color:var(--color-text-primary)}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

.hero--nested {
  display: flex;
  align-items: flex-start;
  min-height: min(780px, 86svh);
}

.hero--nested .hero__content {
  padding: calc(var(--header-height) + var(--space-10)) 0 var(--space-12);
}

.hero--nested .hero__copy {
  width: min(660px, 100%);
  padding: 0;
  border-left: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.hero--nested .hero__shade {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .80) 37%, rgba(0, 0, 0, .30) 66%, rgba(0, 0, 0, .08) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, .70), rgba(0, 0, 0, 0) 52%);
}

.hero--nested h1 {
  max-width: 660px;
  font-size: clamp(46px, 4vw, 60px);
  line-height: .98;
}

.hero--nested .hero__lead {
  max-width: 560px;
  margin-bottom: var(--space-5);
}

.hero--nested .hero__example {
  display: none;
}

.hero--nested .hero__media video {
  object-position: 60% center;
}

@media (max-width: 1023px) {
  .hero--nested {
    min-height: min(720px, 86svh);
  }

  .hero--nested .hero__content {
    padding: calc(var(--header-height) + var(--space-8)) 0 var(--space-10);
  }
}

@media (max-width: 767px) {
  .hero--nested {
    min-height: 680px;
  }

  .hero--nested .hero__copy {
    width: 100%;
    padding: 28px 24px 26px;
    border-left: 2px solid var(--color-brand-primary);
    background: rgba(5, 5, 5, .9);
    box-shadow: var(--shadow-overlay);
  }

  .hero--nested .hero__content {
    padding: calc(var(--header-height) + var(--space-8)) 0 var(--space-8);
  }
}

@media (max-width: 479px) {
  .hero--nested h1 {
    font-size: 34px;
    line-height: 38px;
  }
}


.hero--home .hero__content {
  padding: calc(var(--header-height) + var(--space-8)) 0 var(--space-12);
}

.hero--home {
  align-items: flex-start;
}

.hero--home .hero__copy {
  width: min(680px, 100%);
  padding: 0;
  border-left: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.hero--home .hero__lead {
  max-width: 590px;
}

.hero--home .hero__example {
  max-width: 560px;
}

@media (min-width: 768px) {
  .hero--home {
    min-height: min(820px, 86svh);
  }

  .hero--home .hero__shade {
    background:
      linear-gradient(90deg, rgba(0, 0, 0, .94) 0%, rgba(0, 0, 0, .78) 35%, rgba(0, 0, 0, .24) 66%, rgba(0, 0, 0, .06) 100%),
      linear-gradient(0deg, rgba(0, 0, 0, .70), rgba(0, 0, 0, 0) 52%);
  }
}

@media (max-width: 767px) {
  .hero--home .hero__copy {
    width: 100%;
    padding: 28px 24px 26px;
    border-left: 2px solid var(--color-brand-primary);
    background: rgba(5, 5, 5, .88);
    box-shadow: var(--shadow-overlay);
  }

  .hero--home .hero__content {
    padding-bottom: var(--space-8);
  }
}


.sequence__caption {
  left: var(--space-6);
  bottom: var(--space-6);
  max-width: min(360px, calc(100% - var(--space-12)));
  padding: var(--space-3) var(--space-4);
  border-left: 2px solid var(--color-brand-primary);
  background: rgba(5, 5, 5, .86);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .22);
  color: var(--color-text-inverse);
  font: var(--type-body-sm);
}

.sequence__caption b {
  margin-bottom: var(--space-1);
  color: var(--color-brand-primary);
  font: var(--type-label);
}

.strip figcaption {
  bottom: var(--space-3);
  left: var(--space-3);
  padding: var(--space-1) var(--space-2);
  background: rgba(5, 5, 5, .82);
  color: var(--color-text-inverse);
  font: var(--type-caption);
}

@media (max-width: 767px) {
  .sequence__caption {
    left: var(--space-4);
    bottom: var(--space-4);
    max-width: calc(100% - var(--space-8));
  }
}