/* Shared type, navigation and page frames */
:root {
  --font-display:var(--font); --font-body:var(--font); --font-wide:var(--wide);
  --page-width:1160px; --gutter:clamp(20px,4.2vw,64px);
}
body {background:#080808}
.skip {position:fixed;top:8px;left:12px;z-index:20;transform:translateY(-160%);background:white;color:#111;padding:9px 16px;border-radius:10px}
.skip:focus {transform:none}
.nav-end {display:flex;align-items:center;gap:8px}
.nav-menu {position:relative;display:none}
.topbar nav a[aria-current=page] {color:white;text-decoration:underline;text-underline-offset:5px}
.inner-page {width:min(var(--page-width),calc(100% - 2 * var(--gutter)));margin:auto;padding:clamp(146px,13vw,196px) 0 90px}
.page-intro {max-width:760px;margin:0 0 clamp(36px,5vw,72px)}
.page-intro h1,.contact-copy h1 {font-size:clamp(46px,5.6vw,76px);line-height:1.03;letter-spacing:-.055em;text-wrap:balance}
.page-intro>p,.contact-copy>p {max-width:630px;color:#bbb;font-size:17px;margin-top:22px;line-height:1.6}
.text-link {display:inline-flex;gap:9px;align-items:center;border-bottom:1px solid #888;padding-bottom:4px;margin-top:23px;font-size:14px;line-height:1.4}
.text-link:hover {color:#fff;border-color:#fff}
.light-action,.contact-submit {display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:30px;background:#efefed;color:#161616;padding:12px 20px;font-size:14px;font-weight:500;position:relative}
.light-action:hover,.contact-submit:hover {background:#fff}
.full-footer {width:min(var(--page-width),calc(100% - 2 * var(--gutter)));padding:46px 0 52px;border-top:1px solid #343434;display:grid;grid-template-columns:1.7fr .65fr .6fr;align-items:start;gap:50px;margin:0 auto}
.full-footer h2 {font:500 14px/1.5 var(--font);margin:0 0 10px}
.full-footer nav a {display:block;width:fit-content;font-size:13px;color:#aaa;margin-top:8px}
.full-footer p {margin-top:15px;max-width:260px}
.page-home .full-footer {margin-top:72px}
.landing {overflow:clip}
.landing>section {width:min(var(--page-width),calc(100% - 2 * var(--gutter)));margin-inline:auto}
.landing :is(.overview-intro,.process-detail,.packet-intro,.faq-teaser,.final-cta) h2 {font-size:clamp(44px,4.3vw,65px);font-weight:400;line-height:1.025;letter-spacing:-.052em}
.workspace-overview {padding:84px 0;display:grid;grid-template-columns:1fr 1.3fr;align-items:end;gap:7%}
.overview-intro p,.packet-intro p {max-width:380px;margin-top:22px;color:#aaa;font-size:15px}
.overview-details {display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #353535}
.overview-details>div {padding:23px 18px 25px}
.overview-details>div+div {border-left:1px solid #353535}
.overview-details span,.overview-details small {display:block;color:#aaa;font-size:12px}
.overview-details b {display:block;font:400 clamp(36px,4vw,62px)/1.3 var(--font-wide);font-feature-settings:'ss02';letter-spacing:-.07em;margin:7px 0 13px}
.process-section {padding:70px 0 88px;border-top:1px solid #363636;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}
.process-detail h2 {margin:0 0 26px}
.process-steps {list-style:none;margin:0;padding:0}
.process-steps li {padding:19px 0;display:grid;grid-template-columns:50px 1fr;align-items:start;gap:12px;border-top:1px solid #303030}
.process-steps li:last-child {padding-bottom:0}
.step-index {font:400 15px/1.5 var(--font-wide);color:#a7a7a7}
.process-steps h3 {font:400 20px/1.25 var(--font-body);letter-spacing:-.035em}
.process-steps p {font-size:13px;color:#aaa;margin-top:6px;max-width:335px}
.packet-feature {display:grid;grid-template-columns:.88fr 1.35fr;overflow:hidden;isolation:isolate;align-items:stretch;border:1px solid #3a3a3a;border-radius:30px;background:linear-gradient(117deg,#191919,#0c0c0c 40%,#292929);}
.packet-intro {padding:clamp(32px,4.3vw,65px) 18px clamp(32px,4.3vw,65px) clamp(32px,4.3vw,65px);align-self:center}
.packet-intro p {font-size:14px;max-width:325px}
.packet-intro a {display:inline-flex;align-items:center;gap:9px;margin-top:27px;color:#ddd;border-bottom:1px solid #888;padding-bottom:5px;font-size:13px}
.packet-art {overflow:hidden}
.packet-stage {position:relative;isolation:isolate;min-height:406px;height:100%;overflow:hidden;background:linear-gradient(145deg,#222,#494949 42%,#121212 92%);box-shadow:inset 1px 1px #ffffff10}
.packet-sheet {position:absolute;left:49%;top:50%;height:74%;aspect-ratio:.74;background:linear-gradient(132deg,#f0efea,#dfdfdc 74%,#bcbcb8);color:#222;padding:5% 4% 4%;box-shadow:1px 2px 0 #989897,4px 14px 26px #0005;display:flex;flex-direction:column}
.sheet-0 {transform:translate(-22%,-48%) rotate(17deg);filter:brightness(.78)}
.sheet-1 {transform:translate(-45%,-51%) rotate(6deg);filter:brightness(.89)}
.sheet-2 {transform:translate(-68%,-48%) rotate(-8deg)}
.sheet-mast {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #999;padding-bottom:6%;font:600 10px/1 var(--font-body)}
.sheet-mast span+span {font-weight:400;font-size:7px}
.sheet-meta {margin-top:14%;font:6px/1.4 var(--font-body);letter-spacing:.1em}
.packet-sheet>b {margin-top:4%;font:400 clamp(16px,2.1vw,28px)/1 var(--font-display)}
.packet-sheet small,.sheet-detail,.sheet-foot {font:7px/1.5 var(--font-body);margin-top:5%}
.sheet-detail {border-block:1px solid #bababa;padding:4% 0}
.packet-sheet .form-lines {margin-top:3%;min-height:18%}
.sheet-foot {margin-top:auto}
.landing .final-cta {position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(115deg,#404040,#171717 58%,#0d0d0d);border:1px solid #444;border-radius:30px;text-align:left;padding:50px 6%;overflow:hidden}
.landing .final-cta>div+div {text-align:right}
.landing .final-cta p {color:#c0c0c0;max-width:215px;font-size:12px}
.scan-art-panel {
  position:relative; align-self:stretch; display:flex; flex-direction:column;
  margin:0; min-width:0; isolation:isolate; overflow:hidden; border-radius:29px;
  border:1px solid #4c4c4c; background:linear-gradient(138deg,#333,#202020 48%,#101010);
  box-shadow:inset 0 1px #ffffff16,0 15px 45px #0003;
}
.scan-art-scene {position:relative;isolation:isolate;display:grid;place-items:center;flex:1;min-height:350px}
.scan-art-scene::before {
  content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(65deg,transparent 8%,#ffffff08 38%,#ffffff12 45%,transparent 66%),
    repeating-linear-gradient(0deg,transparent 0 37px,#ffffff07 37px 38px),
    repeating-linear-gradient(90deg,transparent 0 37px,#ffffff07 37px 38px);
}
.card-model {position:relative;width:min(63%,345px);height:auto;object-fit:contain;filter:drop-shadow(16px 17px 14px #0009);z-index:1}
.scan-corners {position:absolute;width:69%;height:77%;top:11%;left:15.5%}
.scan-corners i {position:absolute;width:19px;height:19px;border:1px solid #cfcfcf}
.scan-corners i:nth-child(1){inset:0 auto auto 0;border-right:0;border-bottom:0;border-top-left-radius:5px}
.scan-corners i:nth-child(2){inset:0 0 auto auto;border-bottom:0;border-left:0;border-top-right-radius:5px}
.scan-corners i:nth-child(3){inset:auto auto 0 0;border-top:0;border-right:0;border-bottom-left-radius:5px}
.scan-corners i:nth-child(4){inset:auto 0 0 auto;border-top:0;border-left:0;border-bottom-right-radius:5px}
.scan-laser {position:absolute;z-index:2;left:17%;width:66%;height:1px;top:58%;background:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);box-shadow:0 -6px 18px #fff9}
.scan-art-panel figcaption {display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 22px;border-top:1px solid #3e3e3e;background:#131313;font-size:12px;color:#aaa}
.scan-art-panel figcaption div {display:flex;gap:9px;align-items:center;color:#e4e4e4}
.cta-object {position:absolute;z-index:0;bottom:-9%;left:53%;height:110%;width:auto;object-fit:contain;transform:rotate(-12deg);filter:drop-shadow(9px 12px 10px #0008);opacity:.73}

.form-lines {background:repeating-linear-gradient(0deg,transparent 0 7px,#56565644 7px 8px)}
.form-lines.short {width:65%;height:12%}
.faq-teaser {display:grid;grid-template-columns:.91fr 1.18fr;gap:9%;padding:90px 0}
.faq-content details {border-block-start:1px solid #393939}
.faq-content details:last-child {border-bottom:1px solid #393939}
.faq-content summary {cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:18px;letter-spacing:-.025em;padding:19px 0;line-height:1.35}
.faq-content summary::after {content:'+';color:#bcbcbc;font-size:22px}
.faq-content details[open] summary::after {content:'−'}
summary::-webkit-details-marker {display:none}
.faq-content p {color:#bbb;font-size:14px;max-width:460px;padding:0 25px 20px 0}
.final-cta h2 {max-width:540px}
.landing .final-cta p {max-width:370px;margin-top:12px}
.enrollment-grid,.contact-panel {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,7vw,100px);align-items:start}
.enrollment-grid {margin:0 0 55px}
.signup-surface,.contact-form,.balance-example {padding:clamp(24px,3.4vw,42px);border-radius:25px;border:1px solid #444;background:linear-gradient(138deg,#333,#1b1b1b 53%,#131313);box-shadow:inset 0 1px #ffffff17,0 16px 36px #0003}
.signup-surface h2,.next-up h2 {font-size:30px;line-height:1.15;letter-spacing:-.045em}
.signup-surface .waitlist {max-width:none;margin-top:22px}
.form-help a {text-decoration:underline;text-underline-offset:3px}
.contact-form {display:grid;gap:8px}
.contact-form label {font-size:14px;color:#ddd}
.contact-form input,.contact-form select,.contact-form textarea {width:100%;padding:12px 14px;background:#101010;color:#f2f2f2;border:1px solid #555;border-radius:11px;margin-bottom:10px;font:16px/1.4 var(--font)}
.contact-form textarea {min-height:100px;resize:vertical;margin:0}
.contact-form .form-help,.contact-form .form-status {font-size:13px;color:#bbb}
.contact-submit {margin-top:10px;justify-self:start}
.contact-submit:disabled {opacity:.72;cursor:default}
.contact-form [aria-invalid=true] {border-color:#e7a697}
.article-section {border-top:1px solid #393939;padding:34px 0;display:grid;grid-template-columns:.72fr 1fr;gap:7%}
.article-section h2 {font-size:clamp(27px,2.6vw,40px);letter-spacing:-.044em;line-height:1.15}
.article-copy {color:#c4c4c4}
.article-copy p+p {margin-top:13px}
.page-contact .inner-page {min-height:76vh}
.balance-overview {display:flex;align-items:center;justify-content:space-between;gap:22px}
.balance-overview h2 {font-size:29px;letter-spacing:-.04em;line-height:1.15}
.balance-overview p,.balance-explanation {margin-top:10px;color:#bebebe;font-size:14px}
.balance-options {display:flex;flex-shrink:0;gap:4px;padding:4px;border:1px solid #454545;border-radius:24px;background:#101010}
.balance-options button {border:0;background:transparent;color:#aaa;border-radius:20px;font-size:13px;line-height:1.3;padding:9px 13px}
.balance-options [aria-pressed=true] {background:#ecece9;color:#191919}
.balance-display {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0}
.balance-display span,.balance-display strong {display:block}
.balance-display span {font-size:12px;color:#aaa;margin-bottom:6px}
.balance-display strong {font:400 clamp(20px,3vw,40px)/1.3 var(--wide);letter-spacing:-.055em}
.balance-track {position:relative;overflow:hidden;border-radius:10px;background:#484848}
.balance-fill {transition:width .45s}
@media (prefers-reduced-motion:no-preference){
  [data-enter],.inner-page {--arrival-y:56px;--arrival-x:0px;--arrival-scale:.975;--arrival-duration:860ms}
  .scan-art-panel,.packet-art {--arrival-y:74px;--arrival-scale:.935;--arrival-duration:1060ms}
  .scan-art-panel {--arrival-x:-22px}.packet-art {--arrival-x:26px}
  .process-steps li,.faq-content details {--arrival-y:32px}
  .process-steps li:nth-child(2),.faq-content details:nth-child(2) {--arrival-delay:85ms}
  .process-steps li:nth-child(3) {--arrival-delay:155ms}
  .enter {animation:section-arrival var(--arrival-duration,840ms) cubic-bezier(.16,.86,.24,1) var(--arrival-delay,0ms) backwards}
  .scan-art-panel.enter .scan-laser {animation:scan-balance 1150ms cubic-bezier(.25,.78,.23,1) 180ms backwards}
  .packet-art.enter .sheet-0 {animation:far-sheet 1.12s cubic-bezier(.2,.8,.23,1) 130ms backwards}
  .packet-art.enter .sheet-1 {animation:middle-sheet .98s cubic-bezier(.2,.8,.23,1) 100ms backwards}
  @keyframes section-arrival {from{opacity:0;translate:var(--arrival-x,0px) var(--arrival-y,50px);scale:var(--arrival-scale,.98)}58%{opacity:1}to{opacity:1;translate:0 0;scale:1}}
  @keyframes scan-balance {from{top:23%;opacity:0}25%{opacity:1}to{top:58%}}
  @keyframes far-sheet {from{transform:translate(-64%,-48%) rotate(-7deg)}}
  @keyframes middle-sheet {from{transform:translate(-64%,-48%) rotate(-7deg)}}
}
@media(max-width:809px){
  .topbar>nav {display:none}
  .nav-menu {display:block}
  .nav-menu summary {list-style:none;display:grid;gap:4px;place-content:center;width:38px;height:38px;border-radius:100%;cursor:pointer}
  .nav-menu summary i {display:block;width:17px;height:1px;background:#eee}
  .topbar .nav-menu nav {position:absolute;top:calc(100% + 13px);right:0;display:grid;gap:0;min-width:188px;padding:7px;border:1px solid #444;background:#141414;border-radius:17px;box-shadow:0 13px 30px #0008}
  .nav-menu:not([open]) nav {visibility:hidden}
  .topbar .nav-menu nav a {padding:9px 12px;border-radius:9px}
  .topbar .nav-menu nav a:hover {background:#242424}
  .page-home .full-footer {margin-top:40px}
  .workspace-overview,.process-section,.faq-teaser {grid-template-columns:1fr;gap:25px;padding:43px 0}
  .landing :is(.overview-intro,.process-detail,.packet-intro,.faq-teaser,.final-cta) h2 {font-size:clamp(36px,8vw,50px)}
  .overview-details>div {padding:15px 13px}.overview-details b {font-size:clamp(27px,7.5vw,40px)}
  .process-steps li {grid-template-columns:32px 1fr;padding:14px 0}
  .packet-feature {display:flex;flex-direction:column-reverse;border-radius:22px}
  .packet-stage {min-height:270px}.packet-intro {padding:25px;align-self:stretch}
  .packet-sheet>b {font-size:21px}
  .scan-art-panel {border-radius:21px}.scan-art-scene {min-height:0;aspect-ratio:1.3}
  .landing .final-cta {display:block;padding:26px 23px;border-radius:21px}
  .final-cta .light-action {margin-top:19px}
  .cta-object {right:-10%;left:auto;bottom:-10%;height:89%;opacity:.37}
  .faq-content summary {font-size:16px;padding:17px 0}
  .inner-page {padding-top:110px;padding-bottom:50px}
  .enrollment-grid,.contact-panel,.article-section {grid-template-columns:1fr;gap:24px}
  .article-section {padding:24px 0}
  .balance-overview {display:block}.balance-options {margin-top:18px;width:fit-content}
  .full-footer {grid-template-columns:1fr 1fr;gap:24px;padding:30px 0}
  .full-footer>div {grid-column:1/-1}
  .inner-page .page-intro>p,.contact-copy>p {font-size:16px}
}
@media(max-width:809px) and (prefers-reduced-motion:no-preference){
  [data-enter],.inner-page {--arrival-y:32px;--arrival-duration:670ms}
  .scan-art-panel,.packet-art {--arrival-x:0px;--arrival-y:42px;--arrival-duration:810ms}
}
@media print {.waiting,.enter{opacity:1!important;animation:none!important}}

h1,h2,h3 {font-feature-settings:'blwf' on,'cv03' on,'cv04' on,'cv09' on,'cv11' on}
.page-how-it-works .inner-page .page-intro,.page-early-access .inner-page .page-intro {position:relative;isolation:isolate;width:100%;max-width:none;padding-right:27%;min-height:220px}
.intro-art {position:absolute;right:3%;top:50%;width:clamp(115px,18vw,240px);height:auto;transform:translateY(-50%) rotate(-8deg);filter:drop-shadow(4px 20px 15px #0009);pointer-events:none}
@media(max-width:809px){
 .page-how-it-works .inner-page .page-intro,.page-early-access .inner-page .page-intro {padding-right:0;min-height:0}
 .intro-art {display:none}
}
@media(max-width:370px) {
  .topbar {gap:4px;padding-inline:10px 4px}
  .topbar .brand {font-size:17px;gap:4px}
  .topbar .nav-end {gap:2px}
  .topbar .nav-join {gap:0;padding-inline:10px}
  .topbar .nav-join span {display:none}
  .topbar .nav-menu summary {width:32px}
}

/* The home preview pairs each sample answer with its next action and check. */
.preview-process {border-top:0;padding-top:82px}
.preview-process .scan-art-panel {align-self:center}
.profile-facts {margin:0;padding:16px 23px 22px;background:linear-gradient(145deg,#1d1d1d,#111)}
.profile-facts div {display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:13px}
.profile-facts dt,.receipt-label {color:#acacac}
.profile-facts dd {margin:0;text-align:right}
.preview-steps li {grid-template-columns:40px minmax(0,1fr)}
.answer-options {display:flex;flex-wrap:wrap;gap:6px;border:0;margin:16px 0 0;padding:0;min-width:0}
.answer-options legend {font-size:13px;margin-bottom:9px;padding:0}
.answer-options label {position:relative;display:inline-flex;cursor:pointer;align-items:center}
.answer-options input {position:absolute;opacity:0;width:1px;height:1px}
.answer-options label span {display:inline-block;padding:7px 11px;border:1px solid #454545;border-radius:20px;font-size:12px;color:#c3c3c3;background:#171717}
.answer-options input:checked+span {background:#e9e9e6;border-color:#e9e9e6;color:#171717}
.answer-options input:focus-visible+span {outline:2px solid #fff;outline-offset:3px}
.step-output,.preview-record {margin-top:12px;padding:12px 15px;background:linear-gradient(135deg,#252525,#151515);border:1px solid #363636;border-radius:11px}
.step-output strong,.preview-record strong {font-size:14px;line-height:1.45;font-weight:500;display:block}
.preview-record span {display:block;font-size:11px;color:#bcbcbc;margin-bottom:4px}
.landing .receipt-label {font-size:12px;line-height:1.4;margin:0 0 14px;letter-spacing:.02em}
.plan-receipt .packet-stage {min-height:345px}
.action-sheet {grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;gap:18px 7%;padding:clamp(26px,4.3vw,62px);background:#151515;border-top:1px solid #424242}
.action-lead span {display:block;color:#b8b8b8;font-size:13px;margin-bottom:11px}
.action-lead h3 {font-size:clamp(28px,3.1vw,44px);line-height:1.09;letter-spacing:-.05em}
.action-instructions {margin:0}
.action-instructions div {display:grid;grid-template-columns:132px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #373737}
.action-instructions div:first-child {padding-top:0}
.action-instructions dt {font-size:14px;color:#eee;font-weight:500}
.action-instructions dd {font-size:14px;color:#bdbdbd;line-height:1.58;margin:0}
.action-sheet .text-link {grid-column:2;justify-self:start;margin-top:0}
.progress-section {align-items:center;padding-bottom:48px}
.progress-stats>p {font-size:13px;line-height:1.65;color:#aaa;margin:15px 0 0;max-width:540px}
.faq-teaser {border-top:1px solid #313131}
.landing .enrollment-cta {display:grid;grid-template-columns:1fr minmax(310px,.95fr);gap:6%;align-items:center}
.landing .enrollment-cta>div,.enrollment-cta .waitlist {position:relative;z-index:1;min-width:0}
.landing .enrollment-cta>div>p {max-width:365px;font-size:15px;line-height:1.55}
.enrollment-cta .waitlist {width:100%;margin:0;justify-self:end}
.enrollment-cta .cta-object {left:33%;bottom:-23%;height:100%;opacity:.24}
@media(max-width:809px){
  .preview-process {padding:42px 0}
  .preview-process .scan-art-panel {align-self:stretch}
  .preview-steps li {grid-template-columns:28px minmax(0,1fr)}
  .plan-receipt {display:grid;grid-template-columns:minmax(0,1fr)}
  .plan-receipt .packet-art {grid-row:2}
  .plan-receipt .packet-stage {min-height:265px}
  .action-sheet {grid-template-columns:minmax(0,1fr);gap:20px;padding:24px}
  .action-instructions div {grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0}
  .action-sheet .text-link {grid-column:1}
  .progress-section {padding:42px 0}
  .landing .enrollment-cta {grid-template-columns:minmax(0,1fr);gap:20px}
  .enrollment-cta .waitlist {justify-self:start}
  .enrollment-cta .cta-object {left:62%;height:77%;bottom:26%;opacity:.18}
}
@media(max-width:400px) {
  .landing .enrollment-cta {padding:24px 16px}
  .enrollment-cta .entry button {padding-inline:9px;gap:3px;font-size:12px}
}