@import url("brand/tokens.css");
@import url("site.css");
.s-ground{position:fixed;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0}
body > header, body > main, body > footer{position:relative;z-index:1}
body > header.bar{z-index:20}
body > header.bar{position:sticky;top:0}
h1,h2,h3{text-wrap:balance}
.display{font-weight:var(--font-weight-light);font-size:var(--site-display);line-height:var(--site-display-leading);letter-spacing:var(--site-display-tracking);margin:0}
.reading{color:var(--foreground-secondary);max-width:var(--measure)}
.reading b{color:var(--foreground);font-weight:var(--font-weight-normal)}
.nav-pages{display:flex;align-items:center;gap:var(--site-space-5)}
.nav-end{display:flex;align-items:center;gap:var(--site-space-4);padding-left:var(--site-space-5);border-left:var(--site-rule) solid var(--border)}
.nav a.hs{display:inline-grid}
.nav a.hs .hs-sym{color:var(--teal-100)}
.nav .nav-start.hs{display:inline-grid;column-gap:var(--site-space-2)}
.nav .nav-start.hs .hs-sym{color:currentColor}
.nav-menu{display:none;position:relative}
.nav-menu summary{list-style:none;cursor:pointer;color:var(--foreground-secondary);transition:color var(--t-fast);min-height:var(--button-h-sm);display:flex;align-items:center}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu summary:hover,.nav-menu[open] summary{color:var(--foreground)}
.nav-menu-panel{position:fixed;left:0;right:0;top:var(--topbar-height);display:grid;
  background:var(--background-chrome);border-bottom:var(--site-rule) solid var(--border);padding:var(--site-space-2) var(--site-gutter) var(--site-space-4)}
.nav-menu-panel a{padding:var(--site-space-3) 0;border-top:var(--site-rule) solid var(--border);font-size:var(--site-body)}
.nav-menu-panel a:first-child{border-top:0}
.nav-menu-panel a:hover{color:var(--foreground)}
@media (max-width:760px){.nav-pages{display:none}.nav-end{border-left:0;padding-left:0}.nav-end .nav-sign{display:none}.nav-menu{display:block}}
.foot{background:var(--background)}
.foot .legal{display:flex;flex-wrap:wrap;gap:var(--site-space-2) var(--site-space-5);margin-top:var(--site-space-3)}
.foot .legal a{color:var(--foreground-secondary);text-decoration:none;transition:color var(--t-fast)}
.foot .legal a:hover{color:var(--teal-100)}
.foot-min{padding:var(--site-space-3) 0}
.foot-min .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--site-space-1) var(--site-space-5)}
.foot-min .legal{margin:0}
.e-one{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg)}
.e-one > header.bar{position:relative;background:var(--bg-chrome, var(--bg-panel))}
.e-home{min-height:0}
.s-b-grid{height:100%;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(var(--film-floor-h),1fr);gap:var(--site-space-6);padding-top:var(--site-space-7);padding-bottom:var(--site-space-6)}
.s-b-claim{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--site-space-4);align-items:start}
.e-h{margin:0;font-weight:var(--font-weight-light);font-size:var(--site-section);line-height:var(--site-section-leading);letter-spacing:var(--site-section-tracking);max-width:18ch;text-wrap:balance}
.s-b-side{display:grid;gap:var(--site-space-4)}
.e-sub{margin:0;font-size:var(--site-lede);color:var(--foreground-secondary);max-width:var(--measure);text-wrap:pretty}
.e-doors-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--site-space-3) var(--site-space-4)}
.e-window{margin:0;width:100%;box-sizing:border-box;display:grid;
  padding:var(--brand-leadedPane-frameToken, var(--site-space-2));background:var(--brand-leadedPane-surfaceToken, var(--bg-panel));
  border:var(--brand-leadedPane-leadToken, var(--site-rule)) solid var(--brand-leadedPane-leadInk, var(--border));
  border-radius:var(--brand-leadedPane-outerRadiusToken, var(--radius-panel))}
.e-pierce{position:relative;aspect-ratio:1.6;overflow:hidden;background:var(--bg);border:var(--site-rule) solid var(--border-subtle);
  border-radius:calc(var(--brand-leadedPane-outerRadiusToken, var(--radius-panel)) - var(--brand-leadedPane-frameToken, var(--site-space-2)))}
.e-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.e-home{--film-floor:36rem;
  --film-edge:calc(2 * (var(--brand-leadedPane-frameToken, var(--site-space-2)) + var(--brand-leadedPane-leadToken, var(--site-rule)) + var(--site-rule)));
  --film-floor-h:calc(min(100vw - 2 * var(--site-gutter), var(--film-floor)) * 800 / 1280 + var(--film-edge))}
.s-b-stage{min-height:0;container-type:size}
.s-b-window{--film-ratio:1280 / 800;
  width:min(100%, calc((100cqh - var(--film-edge)) * 1280 / 800 + var(--film-edge)))}
.s-b-window .e-pierce{aspect-ratio:var(--film-ratio)}
.s-b-window .e-video{object-fit:contain}
.s-film-claim{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.s-film{height:100%;box-sizing:border-box;display:grid;grid-template-rows:minmax(var(--film-floor-h),1fr);
  padding-top:var(--site-space-5);padding-bottom:var(--site-space-5)}
.s-film{--film-floor-h:calc(min(100vw - 2 * var(--site-gutter), 20rem) / var(--film-ratio-n, 1.6) + var(--film-edge))}
.s-film .s-b-stage{display:grid;justify-items:center;align-items:start}
.s-film .s-b-window{width:min(100%, calc((100cqh - var(--film-edge)) * var(--film-ratio-n, 1.6) + var(--film-edge)))}
.e-film-again{position:absolute;right:var(--site-space-4);bottom:var(--site-space-4);min-height:var(--button-h-sm);padding:0 var(--button-pad-x);background:var(--bg-chrome);border-color:var(--border-subtle)}
.e-film-again[hidden]{display:none}
.s-field{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;
  min-height:100%;box-sizing:border-box;padding-top:var(--site-space-7);padding-bottom:var(--site-space-7)}
.s-field .e-h{max-width:20ch}
.s-field .e-sub{margin-top:var(--site-space-4);margin-left:var(--e-h-inset, 0);max-width:var(--e-h-measure, var(--measure))}
.s-field .e-doors-row{margin-top:var(--site-space-5)}
html[data-hero="play"] [data-hero-heading] .hs-text{color:transparent}
html[data-ground-hold] .s-ground{clip-path:circle(0px at 50% 50%)}
.e-page-head{padding:var(--site-space-7) 0 var(--site-space-6)}
.e-page-head .display{margin-top:var(--site-space-4);max-width:22ch}
.e-sec{border-top:var(--site-rule) solid var(--border);padding:var(--site-space-7) 0 var(--site-section-pad)}
.e-tag{align-self:flex-start;font-size:var(--site-eyebrow);letter-spacing:var(--site-eyebrow-tracking);text-transform:uppercase;color:var(--foreground-muted);border:var(--site-rule) dashed var(--border-subtle);border-radius:var(--radius);padding:0 var(--site-space-1);white-space:nowrap}
.plan-fig{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium);font-size:var(--site-figure);line-height:var(--site-figure-leading);letter-spacing:var(--site-figure-tracking);color:var(--foreground)}
.plan-per{color:var(--foreground-secondary)}
.e-price-head .display{font-size:var(--site-section);line-height:var(--site-section-leading);letter-spacing:var(--site-section-tracking);max-width:30ch}
.e-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--site-space-5);margin-top:var(--site-space-6)}
.e-door{display:flex;flex-direction:column;gap:var(--site-space-4)}
.e-door + .e-door{margin-top:0}
.e-door h3{font-weight:var(--font-weight-light);font-size:var(--site-h3);letter-spacing:var(--site-h3-tracking);margin:0}
.e-door .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--site-space-3);margin:0}
.e-door.is-free .plan-fig{color:var(--foreground-secondary)}
.e-door .actions{margin-top:auto;padding-top:var(--site-space-3)}
.e-door ul{list-style:none;padding:0;margin:0}
.e-door li{padding:var(--site-space-2) 0;border-top:var(--site-rule) solid var(--border);color:var(--foreground-secondary);font-size:var(--site-small)}
.e-door ul + ul li:first-child{border-top:var(--site-rule) solid var(--border)}
.plan-then{margin:0;color:var(--foreground);font-size:var(--site-lede)}
.e-door .plan-cap{color:var(--foreground)}
.e-wide{max-width:none;margin-top:var(--site-space-5)}
.e-included h2,.e-faq h2{margin:0;font-weight:var(--font-weight-light);font-size:var(--site-h3);letter-spacing:var(--site-h3-tracking)}
.e-included-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--site-space-5) var(--site-space-7);margin-top:var(--site-space-5)}
.e-included ul{list-style:none;padding:0;margin:var(--site-space-3) 0 0}
.e-included li{padding:var(--site-space-2) 0;border-top:var(--site-rule) solid var(--border);color:var(--foreground-secondary)}
.e-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--site-space-5) var(--site-space-7);margin-top:var(--site-space-5)}
.e-faq-item{border-top:var(--site-rule) solid var(--border);padding-top:var(--site-space-4)}
.e-faq-item h3{margin:0;font-weight:var(--font-weight-normal);font-size:var(--site-body);color:var(--foreground)}
.e-faq-item p{margin:var(--site-space-2) 0 0;color:var(--foreground-secondary);max-width:var(--measure)}
.e-faq-item .src{margin-top:var(--site-space-2)}
.r-kind{padding:var(--site-space-6) 0 0;border-top:0}
.r-kind:last-of-type{padding-bottom:var(--site-section-pad)}
.r-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--site-space-3)}
.r-head h2{margin:0;font-weight:var(--font-weight-light);font-size:var(--site-h3);letter-spacing:var(--site-h3-tracking)}
.r-what{margin:var(--site-space-2) 0 0;color:var(--foreground-secondary);font-size:var(--site-small);max-width:var(--measure)}
.r-list{list-style:none;padding:0;margin:var(--site-space-5) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--site-space-5)}
.r-list li{border-top:var(--site-rule) solid var(--border);padding-top:var(--site-space-4);display:grid;gap:var(--site-space-3)}
.r-list a{display:grid;gap:var(--site-space-2);text-decoration:none;color:inherit}
.r-list h3{margin:0;font-weight:var(--font-weight-light);font-size:var(--site-h3);letter-spacing:var(--site-h3-tracking);transition:color var(--t-fast)}
.r-list a:hover h3{color:var(--teal-100)}
.r-list p{margin:0;color:var(--foreground-secondary);font-size:var(--site-small)}
.s-guides li[data-walk]{gap:var(--site-space-3)}
.fw-head .eyebrow a{text-decoration:none;color:inherit}
.fw-head .eyebrow a:hover{color:var(--teal-100)}
.fw-body{max-width:none;padding-bottom:var(--site-space-6)}
.fw-body > *{max-width:var(--measure)}
.fw-sec + .fw-sec{margin-top:var(--site-space-6)}
.fw-sec h2{margin:0;font-weight:var(--font-weight-light);font-size:var(--site-h3);letter-spacing:var(--site-h3-tracking);color:var(--foreground)}
.fw-sec p{margin:var(--site-space-3) 0 0}
.fw-sec a{color:var(--foreground)}
.fw-note{font-size:var(--site-eyebrow)}
.fw-note a{text-decoration:none;color:var(--teal-100);padding:0 var(--site-space-1)}
.fw-table{width:100%;border-collapse:collapse;margin-top:var(--site-space-4);font-size:var(--site-small)}
.fw-table caption{text-align:left;color:var(--foreground-muted);padding-bottom:var(--site-space-2)}
.fw-table th,.fw-table td{padding:var(--site-space-2) var(--site-space-3) var(--site-space-2) 0;border-top:var(--site-rule) solid var(--border);text-align:left;font-weight:var(--font-weight-normal)}
.fw-table thead th{color:var(--foreground-muted);border-top:0}
.fw-table .num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.fw-prov{color:var(--foreground-muted);font-size:var(--site-eyebrow);letter-spacing:var(--site-eyebrow-tracking);text-transform:uppercase}
.fw-fig{margin:0 0 var(--site-space-6)}
.fw-body > .fw-fig{max-width:none}
.fw-fig canvas{display:block;width:100%;height:var(--site-plot-h)}
.fw-fig figcaption{margin-top:var(--site-space-2);font-size:var(--site-small);color:var(--foreground-muted)}
.fw-sources ol{margin:var(--site-space-3) 0 0;padding-left:var(--site-space-5);font-size:var(--site-small);color:var(--foreground-secondary)}
.fw-sources li + li{margin-top:var(--site-space-2)}
.e-rows{margin-top:0}
.e-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--site-space-3) var(--site-space-7);padding:var(--site-space-6) 0;border-top:var(--site-rule) solid var(--border)}
.e-row:first-child{border-top:0;padding-top:0}
.e-row:last-child{padding-bottom:0}
.e-row h2{margin:0;font-weight:var(--font-weight-light);font-size:var(--site-h3);letter-spacing:var(--site-h3-tracking)}
.e-row .reading{display:grid;gap:var(--site-space-4)}
.e-links{display:flex;flex-wrap:wrap;gap:var(--site-space-3)}
.e-page-head .e-links{margin-top:var(--site-space-5)}
.s-quote{margin:0;padding:var(--site-space-5) 0 var(--site-space-5) var(--site-space-5);border-left:var(--site-rule) solid var(--teal-300)}
.s-quote p{margin:0;font-weight:var(--font-weight-light);font-size:var(--site-lede);color:var(--foreground)}
.s-quote footer{margin-top:var(--site-space-3);padding:0;border:0;font-size:var(--site-small);color:var(--foreground-muted)}
.s-contact{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--site-space-6) var(--site-space-7);align-items:start;padding-bottom:var(--site-section-pad)}
.e-form{margin:0}
.e-form .form-grid .field{margin-top:0}
.e-form .actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--site-space-3) var(--site-space-5);margin-top:var(--site-space-6)}
.tick{display:flex;gap:var(--site-space-3);align-items:flex-start;font-size:var(--site-small);color:var(--foreground-secondary);margin-top:var(--site-space-5)}
.tick input{margin-top:var(--site-space-1);accent-color:var(--teal-100)}
.e-form-msg{color:var(--foreground-secondary)}
.s-aside{display:grid;gap:var(--site-space-4)}
.s-aside p{margin:0;color:var(--foreground-secondary);font-size:var(--site-small)}
.s-aside b{color:var(--foreground);font-weight:var(--font-weight-normal)}
.s-aside a{color:var(--foreground)}
.c-first{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--site-space-4) var(--site-space-7);margin-bottom:var(--site-space-5)}
.c-first h2{margin:0;font-weight:var(--font-weight-light);font-size:var(--site-h3);letter-spacing:var(--site-h3-tracking)}
.c-first p{margin:var(--site-space-2) 0 0;color:var(--foreground-secondary);max-width:var(--measure)}
.c-first .e-links{margin:0}
@media (max-width:760px){
  .s-field,.s-b-claim,.s-signup,.s-contact,.e-row,.e-doors,.s-guides,.r-list,.e-included-cols,.e-faq-list{grid-template-columns:1fr}
  .s-b-grid{padding-top:var(--site-space-5);gap:var(--site-space-5)}
  .s-field{align-items:start;padding-top:var(--site-space-6);padding-bottom:var(--site-space-5)}
  .s-signup form{flex-direction:column}
  .e-row{padding:var(--site-space-5) 0}
  .e-row:first-child{padding-top:0}
  .e-row:last-child{padding-bottom:0}
  .e-page-head{padding:var(--site-space-6) 0 var(--site-space-5)}
}
