/* Supporting pages: the homepage palette and type, with a direct reading rhythm. */
:root{color-scheme:light;background:#f2eadb;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:#06100c;color:#f0eee4;font-family:Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}
.skip-link{position:fixed;top:-100px;left:20px;z-index:120;padding:14px;background:#eeece1;color:#14251a}.skip-link:focus{top:12px}
.support-page{max-width:1120px;width:86%;margin:0 auto;padding:145px 0 72px;min-height:calc(100svh - 140px)}
.support-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:5%;padding:0 0 64px}
.support-label{margin:0 0 22px;color:#b9c4b8;font-size:13px;line-height:1.4;letter-spacing:0}
.support-page h1{margin:0;font-size:clamp(35px,4.4vw,58px);line-height:1.1;letter-spacing:-.04em;font-weight:500;text-wrap:balance}
.support-intro{max-width:540px;margin:25px 0 30px;color:#c6ccc1;font-size:17px;line-height:1.65;text-wrap:pretty}
.site-cta{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:51px;padding:15px 23px;border:1px solid #eeece1;border-radius:5px;background:#eeece1;color:#14251a;font-size:14px;font-weight:500}
.site-cta:hover{background:#fffdf3}.site-cta span{font-size:20px;line-height:18px}
.support-art{aspect-ratio:1;max-width:420px;width:100%;background-image:url('/assets/homepage/benefit-architecture.webp');background-size:300% 100%;background-repeat:no-repeat;mix-blend-mode:screen}
.support-art--understanding{background-position:0 0}.support-art--transfer{background-position:50% 0}.support-art--remembering{background-position:100% 0;clip-path:inset(0 0 0 7%)}
.support-detail{border-top:1px solid #ffffff20;padding:46px 0 0}
.support-detail>h2{font-weight:500;font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-.03em;margin:0 0 32px;max-width:700px;text-wrap:balance}
.support-points{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.support-points h3{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.3;margin:0 0 14px}.support-points p{color:#bcc7ba;font-size:15px;line-height:1.7;margin:0}
.support-close{margin-top:42px}.support-note{max-width:620px;font-size:13px;line-height:1.65;color:#a7b5a6;margin:25px 0 0}
.pricing-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:start;padding:18px 0 50px}
.pricing-offer{padding:10px 0 0}.pricing-offer h2{font-size:16px;line-height:1.4;font-weight:500;margin:0 0 22px;color:#c6ccc1}
.pricing-amount{font-size:64px;letter-spacing:-.05em;line-height:1.1;margin:0 0 24px}.pricing-amount span{font-size:16px;letter-spacing:0;color:#a7b5a6}
.pricing-offer ul{padding:0;margin:0 0 28px;list-style:none}.pricing-offer li{padding:12px 0;border-top:1px solid #ffffff15;color:#c6ccc1;font-size:15px;line-height:1.55}
.support-contact{max-width:760px}.contact-info{margin:35px 0 0;font-size:16px;line-height:1.6}.contact-info dt{color:#a7b5a6;font-size:13px;margin-bottom:7px}.contact-info dd{margin:0 0 26px}.contact-info a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:900px){.support-page{padding-top:115px}.support-hero{gap:3%;grid-template-columns:1.25fr 1fr}.support-points{gap:24px}.support-points h3{font-size:19px}.pricing-layout{gap:7%}}
@media(max-width:680px){.support-page{width:calc(100% - 44px);padding:108px 0 50px}.support-hero{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:36px}.support-page h1{font-size:38px;letter-spacing:-1.3px}.support-label{margin-bottom:18px}.support-intro{font-size:16px;line-height:1.65;margin:22px 0 27px}.support-art{max-width:260px;align-self:center;margin-top:12px}.support-detail{padding-top:32px}.support-points{grid-template-columns:1fr;gap:28px}.support-points h3{font-size:22px;margin-bottom:10px}.support-points p{font-size:15px}.support-detail>h2{margin-bottom:28px}.support-close{margin-top:30px}.pricing-layout{grid-template-columns:1fr;gap:32px;padding:0}.pricing-offer{border-top:1px solid #ffffff20;padding-top:26px}.pricing-amount{font-size:56px}}
.help-intro{max-width:680px;margin-bottom:48px}.help-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px}.help-topics{position:sticky;top:110px;align-self:start;display:grid;gap:4px}.help-topics a{padding:12px 0;font-size:14px;color:#c6ccc1}.help-topics a:hover{color:#fff}.help-group{margin-bottom:46px}.help-group h2,.pricing-questions h2,.help-close h2{font-size:27px;letter-spacing:-.03em;font-weight:500;margin:0 0 24px;scroll-margin-top:110px}.help-answer{border-top:1px solid #ffffff25}.help-answer:last-child{border-bottom:1px solid #ffffff25}.help-answer summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:17px;line-height:1.5;padding:21px 0}.help-answer summary::-webkit-details-marker{display:none}.help-answer summary span{color:#aec2a6;font-size:22px;flex-shrink:0;transition:transform .15s}.help-answer[open] summary span{transform:rotate(45deg)}.help-answer p{font-size:16px;line-height:1.8;color:#c6ccc1;margin:0;padding:0 30px 24px 0}.help-answer a,.pricing-questions a,.help-close a{color:#d7e5cc;text-decoration:underline;text-underline-offset:4px}.help-close{padding-top:35px;border-top:1px solid #ffffff25}.help-close a{display:inline-flex;min-height:44px;align-items:center;gap:25px}.pricing-questions{border-top:1px solid #ffffff25;margin-top:45px;padding-top:40px}
@media(max-width:760px){.help-intro{margin-bottom:25px}.help-layout{display:block}.help-topics{position:static;display:flex;flex-wrap:wrap;gap:0 20px;border-bottom:1px solid #ffffff25;margin-bottom:34px;padding-bottom:12px}.help-topics a{font-size:13px}.help-answer summary{font-size:17px}.help-answer p{padding-right:0}.help-group{margin-bottom:35px}}
.beta-entry{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.beta-support .beta-form{margin:0;padding:0;background:none;border:0}.beta-support .beta-form fieldset{margin:0 0 22px;padding:0;border:0;min-width:0}.beta-support .beta-form h2{font-weight:500;font-size:25px;letter-spacing:-.025em;margin:0 0 22px}.beta-support .beta-form label:not(.beta-check){display:block;margin-bottom:10px}.beta-support input[type=email],.beta-support textarea{width:100%;background:#102017;border:1px solid #80977c;border-radius:4px;padding:14px;color:#f0eee4;font:inherit}.beta-support .beta-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.65;margin:20px 0;color:#c6ccc1}.beta-check input{flex-shrink:0;accent-color:#bccfae;width:18px;height:18px;margin:3px 0 0}.beta-support a{text-decoration:underline;text-underline-offset:4px}.beta-support .prelaunch-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;padding:16px 20px;border:0;border-radius:4px;background:#ececdf;color:#132118;font:600 15px Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;margin-top:24px}.beta-support .prelaunch-cta i{font-style:normal}.beta-support .beta-form-note,.beta-support .beta-form-status{font-size:13px;line-height:1.65;color:#b8c4b3;margin:18px 0}.beta-support .beta-form-status:empty{display:none}.beta-support .beta-followup{max-width:620px;padding-top:50px}.beta-support .beta-form :disabled{cursor:not-allowed;opacity:.6}
@media(max-width:760px){.beta-entry{grid-template-columns:1fr;gap:40px}.beta-entry>div{border-top:1px solid #ffffff25;padding-top:30px}}
.beta-email-option{border-top:1px solid #ffffff25;padding-top:24px}.beta-email-option h2{font-size:27px;font-weight:500;letter-spacing:-.03em;margin:0 0 20px}.beta-email-option p{font-size:16px;line-height:1.7;color:#c6ccc1;margin:0 0 25px}.beta-email-option .site-cta{text-decoration:none;margin-bottom:20px}.beta-email-option .support-note{font-size:13px}

/* 2026-09-20 supporting-page system: the atlas quiets into an ivory reading surface. */
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]){
  color-scheme:light;
  background-color:#f2eadb;
  background-image:
    radial-gradient(circle at 18% 10%,rgba(255,250,240,.72),transparent 34%),
    radial-gradient(circle at 82% 74%,rgba(229,70,19,.045),transparent 31%),
    url('/assets/why-paper-grain.svg');
  background-size:auto,auto,460px auto;
  color:#04251b;
}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .support-page{
  position:relative;
  isolation:isolate;
  max-width:1180px;
  width:min(88%,1180px);
  min-height:calc(100svh - 109px);
  padding:clamp(148px,16vh,190px) 0 94px;
}
body:is([data-static-page="contact"],[data-static-page="404"]) .support-page{display:grid;grid-template-columns:minmax(0,670px) minmax(230px,1fr);gap:clamp(44px,8vw,110px);align-items:center}
body:is([data-static-page="contact"],[data-static-page="404"]) .support-page::after{
  content:"";
  display:block;
  grid-column:2;
  grid-row:1;
  width:min(100%,360px);
  aspect-ratio:3/2;
  place-self:center;
  background:var(--support-object) 50% 50%/contain no-repeat;
  filter:drop-shadow(0 17px 21px rgba(4,37,27,.13));
  pointer-events:none;
}
body[data-static-page="contact"] .support-page{--support-object:url('/assets/why-objects/lens.webp')}
body[data-static-page="404"] .support-page{--support-object:url('/assets/why-objects/knot.webp')}
body:is([data-static-page="contact"],[data-static-page="404"]) .support-contact{grid-column:1;grid-row:1;max-width:670px}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .support-label{
  margin:0 0 24px;
  color:#b53610;
  font-size:12px;
  font-weight:750;
  line-height:1.35;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .support-page h1,
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .support-page h2{
  color:#04251b;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  letter-spacing:-.04em;
}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .support-page h1{font-size:clamp(47px,6vw,78px);line-height:.99;max-width:10ch}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .support-intro{max-width:590px;margin:28px 0 29px;color:#315044;font-size:clamp(17px,1.5vw,19px);line-height:1.72}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .support-note{color:#52685d}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) :is(.support-note,.contact-info,.beta-email-option p,.beta-form-note) a{
  color:#04251b;
  text-decoration-color:#e54613;
  text-decoration-thickness:1px;
}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .contact-info dt{color:#b53610;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .contact-info dd{color:#163d31;font-size:17px}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .site-cta,
body[data-static-page="beta"] .prelaunch-cta{
  border:0;
  border-radius:7px;
  background:#04251b;
  color:#fffaf0;
  box-shadow:0 9px 22px rgba(4,37,27,.16);
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;
}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .site-cta:is(:hover,:focus-visible),
body[data-static-page="beta"] .prelaunch-cta:is(:hover,:focus-visible){background:#0a3528;color:#fffaf0;transform:translateY(-1px);box-shadow:0 12px 28px rgba(4,37,27,.22)}
body[data-static-page="beta"] .beta-entry{gap:clamp(55px,9vw,118px)}
body[data-static-page="beta"] .beta-entry>section{position:sticky;top:130px}
body[data-static-page="beta"] .beta-entry>section::after{
  content:"";
  display:block;
  width:min(270px,72%);
  aspect-ratio:3/2;
  margin:45px 0 0;
  background:url('/assets/why-objects/arch.webp') 50% 50%/contain no-repeat;
  filter:drop-shadow(0 14px 19px rgba(4,37,27,.12));
}
body[data-static-page="beta"] .beta-entry>div{position:relative;padding-left:clamp(30px,5vw,70px)}
body[data-static-page="beta"] .beta-entry>div::before{content:"";position:absolute;top:4px;bottom:4px;left:0;width:1px;background:linear-gradient(#e54613,rgba(229,70,19,.12))}
body[data-static-page="beta"] .beta-email-option{border-top-color:rgba(4,37,27,.18)}
body[data-static-page="beta"] .beta-email-option h2,
body[data-static-page="beta"] .beta-support .beta-form h2{font-size:clamp(27px,3vw,38px);line-height:1.08}
body[data-static-page="beta"] .beta-support input[type=email],
body[data-static-page="beta"] .beta-support textarea{
  border:1px solid rgba(4,37,27,.42);
  background:rgba(255,250,240,.58);
  color:#04251b;
  box-shadow:inset 0 1px rgba(255,255,255,.55);
}
body[data-static-page="beta"] .beta-support :is(input,textarea):focus{border-color:#e54613;outline:2px solid rgba(229,70,19,.18);outline-offset:2px}
body[data-static-page="beta"] .beta-support :is(input,textarea)::placeholder{color:#596f64;opacity:1}
body[data-static-page="beta"] .beta-support .beta-check,
body[data-static-page="beta"] .beta-support .beta-form-note,
body[data-static-page="beta"] .beta-support .beta-form-status,
body[data-static-page="beta"] .beta-email-option p{color:#52685d}
body[data-static-page="beta"] .beta-check input{accent-color:#e54613}

@media(max-width:760px){
  body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .support-page{width:calc(100% - 44px);padding:118px 0 64px;min-height:calc(100svh - 88px)}
  body:is([data-static-page="contact"],[data-static-page="404"]) .support-page{display:flex;flex-direction:column;align-items:stretch;gap:44px}
  body:is([data-static-page="contact"],[data-static-page="404"]) .support-page::after{width:min(250px,73vw);align-self:center}
  body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"]) .support-page h1{font-size:clamp(43px,13vw,58px);line-height:1;letter-spacing:-.045em}
  body[data-static-page="beta"] .beta-entry{gap:44px}
  body[data-static-page="beta"] .beta-entry>section{position:static}
  body[data-static-page="beta"] .beta-entry>section::after{width:180px;margin:32px auto 0}
  body[data-static-page="beta"] .beta-entry>div{padding:36px 0 0;border-top:1px solid rgba(4,37,27,.18)}
  body[data-static-page="beta"] .beta-entry>div::before{content:none}
}