/* Modern product-first arrival. The cinematic tree is reserved for intentional model entry. */
body > main, body > .section-index { display:none; }
#mobile-home[hidden],.model-portal[hidden] { display:none!important; }
#mobile-home { display:flex;position:relative;isolation:isolate;flex-direction:column;justify-content:space-between;min-height:100svh;max-width:none;margin:0;padding:calc(var(--header,90px) + 5vh) 5vw 28px;overflow:hidden;background:radial-gradient(circle at 82% 28%,#123c2b 0,#09231a 25%,transparent 48%),linear-gradient(135deg,#061510,#020b09 78%); }
#mobile-home::before { content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(111,197,151,.045) 1px,transparent 1px),linear-gradient(rgba(111,197,151,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#0008,transparent 76%); }
.arrival-layout { display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:clamp(36px,6vw,92px);width:min(1440px,100%);margin:auto; }
.arrival-copy { max-width:660px;padding:28px 0; }
#mobile-home .eyebrow { margin:0;color:#b8d89c;font:.76rem/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase; }
#mobile-home h1 { margin:22px 0 24px;font-family:var(--display);font-size:clamp(3rem,5.2vw,6.1rem);line-height:1.01;letter-spacing:-.057em;font-weight:560;color:#f4f6e9;text-wrap:balance; }
#mobile-home .arrival-lede { max-width:60ch;margin:0;color:#bdcec2;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.72; }
.arrival-actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:30px; }
#mobile-home .mobile-home-primary,#mobile-home .arrival-model-action { display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:15px 16px;border-radius:5px;font-size:.95rem;font-weight:650;text-decoration:none; }
#mobile-home .mobile-home-primary { color:#112116;background:#d6ef9b;border:1px solid #d6ef9b; }
#mobile-home .mobile-home-primary:hover { background:#e6f8b9; }
#mobile-home .arrival-model-action { color:#e1f4e8;background:#0e2e22;border:1px solid #6a9c7e; }
#mobile-home .arrival-model-action:hover { border-color:#9de1bb;background:#16432f; }
#mobile-home a:focus-visible { outline:3px solid white;outline-offset:5px; }
.arrival-outcomes { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:38px;padding-top:18px;border-top:1px solid #3a5c48; }
.arrival-outcomes div { display:grid;gap:7px; }
.arrival-outcomes small { color:#83aa94;font:.65rem var(--mono);letter-spacing:.12em; }
.arrival-outcomes strong { max-width:16ch;color:#d6e5da;font-size:.78rem;line-height:1.45;font-weight:550; }
.arrival-visual { position:relative;min-height:min(64vh,690px);margin:0;overflow:hidden;border:1px solid #456957;border-radius:14px;background:#03100d;box-shadow:0 42px 120px #0009,0 0 70px #43c68d13; }
.arrival-visual::after { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,#020b09e8 100%),radial-gradient(circle at 50% 48%,transparent 35%,#0107058c 100%); }
.arrival-art { position:absolute;inset:0;width:100%;height:100%;transform:scale(1.035); }
.arrival-art img { display:block;width:100%;height:100%;object-fit:cover;object-position:58% center; }
.arrival-visual figcaption { position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:grid;gap:5px; }
.arrival-visual figcaption span { color:#9dd3b5;font:.63rem var(--mono);letter-spacing:.12em;text-transform:uppercase; }
.arrival-visual figcaption strong { color:#e5f0e7;font-size:.78rem;line-height:1.45;font-weight:520; }
.arrival-foundation { display:flex;justify-content:space-between;align-items:flex-end;gap:28px;width:min(1440px,100%);margin:22px auto 0;padding-top:18px;border-top:1px solid #253e31; }
#mobile-home .arrival-architecture-key,#mobile-home .mobile-home-boundary { margin:0;font-size:.74rem;line-height:1.6; }
#mobile-home .arrival-architecture-key { color:#d5e3d6; }
#mobile-home .mobile-home-boundary { max-width:650px;color:#8fa397;text-align:right; }
[data-scene-nav="home"],[data-scene-nav="pricing"] { display:inline-flex; }
body:has(#mobile-home:not([hidden])) .site-header { background:#06140ff2;border-bottom:1px solid #adca8b26; }
body:has(#mobile-home:not([hidden])) .journey-nav,body:has(#mobile-home:not([hidden])) .header-actions { display:none; }
body:has(#mobile-home:not([hidden])) .architecture-nav { display:flex;justify-self:end;grid-column:2 / -1;gap:12px; }
.experience-loading:has(#experience-load-status:empty) { display:none; }
.experience-loading { position:fixed;z-index:4100;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:16px 24px;border:1px solid #647c51;border-radius:8px;background:#061b12;color:#ecf3de; }
#experience-load-status:not(:empty) { position:static;padding:0;margin:0;border:0;background:none;box-shadow:none; }
#experience-retry[hidden] { display:none; }
#experience-retry { margin-top:12px;background:#d6ef9b;color:#112116;padding:12px 20px;border-radius:4px;border:0;cursor:pointer; }
.model-portal { position:fixed;z-index:4000;inset:0;display:grid;place-items:center;overflow:hidden;background:#020b09;color:#f3f7ed; }
body.model-portal-open { overflow:hidden; }
.model-portal > img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.08);animation:portal-drift 1.35s cubic-bezier(.2,.8,.2,1) both; }
.model-portal::after { content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 8%,#020b0988 58%,#020b09e8 100%),linear-gradient(90deg,#020b09aa,transparent 45%,#020b09aa); }
.model-portal > div { position:relative;z-index:1;display:grid;justify-items:center;width:min(720px,calc(100% - 40px));text-align:center;text-shadow:0 3px 22px #000; }
.model-portal p { margin:0 0 18px;color:#acd3b8;font:.7rem var(--mono);letter-spacing:.15em;text-transform:uppercase; }
.model-portal h2 { margin:0;font-family:var(--display);font-size:clamp(2.5rem,6vw,6rem);line-height:1.03;letter-spacing:-.05em;font-weight:550; }
.model-portal span { margin-top:30px;color:#d6ef9b;font:.72rem var(--mono);letter-spacing:.15em;text-transform:uppercase; }
.model-portal i { width:min(320px,70vw);height:1px;margin-top:14px;background:#304c3d;overflow:hidden; }
.model-portal i::after { content:"";display:block;width:42%;height:100%;background:#b6f3cb;box-shadow:0 0 14px #7cf0b3;animation:portal-line 1.05s ease-in-out infinite; }
@keyframes portal-drift { from { transform:scale(1.08);opacity:.5; } to { transform:scale(1);opacity:1; } }
@keyframes portal-line { from { transform:translateX(-110%); } to { transform:translateX(340%); } }
@media(max-width:900px) {
  #mobile-home { padding:calc(var(--header,90px) + 34px) 24px 24px;overflow:auto; }
  .arrival-layout { grid-template-columns:1fr;gap:24px; }
  .arrival-copy { max-width:760px;padding:8px 0; }
  #mobile-home h1 { font-size:clamp(2.65rem,8.5vw,4.8rem); }
  .arrival-visual { min-height:clamp(320px,52vh,560px); }
  .arrival-foundation { align-items:flex-start;flex-direction:column;gap:8px;margin-top:26px; }
  #mobile-home .mobile-home-boundary { text-align:left; }
}
@media(max-width:560px) {
  #mobile-home { padding-left:18px;padding-right:18px; }
  #mobile-home h1 { font-size:clamp(2.35rem,11.5vw,3.45rem); }
  .arrival-actions { display:grid;grid-template-columns:1fr; }
  #mobile-home .mobile-home-primary,#mobile-home .arrival-model-action { width:100%;box-sizing:border-box; }
  .arrival-outcomes { grid-template-columns:1fr;gap:12px; }
  .arrival-outcomes div { grid-template-columns:28px 1fr;align-items:center;gap:8px; }
  .arrival-outcomes strong { max-width:none; }
  .arrival-visual { min-height:380px; }
  body:has(#mobile-home:not([hidden])) .site-header { display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px; }
  body:has(#mobile-home:not([hidden])) .architecture-nav { width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px; }
  body:has(#mobile-home:not([hidden])) .architecture-nav button { padding:9px 3px;font-size:.78rem; }
}
@media(max-width:760px) { .arrival-visual { display:none; } }
@media(prefers-reduced-motion:reduce) { #mobile-home * { scroll-behavior:auto; }.model-portal > img,.model-portal i::after { animation:none; } }