/* A quiet product introduction, scoped to the homepage. */
.inside-app { background:linear-gradient(180deg,#fffcf7,#faf4e9 52%,#fffcf7); }
.inside-heading { max-width:760px; margin:0 auto 34px; text-align:center; }
.inside-heading h2 { margin:16px 0 20px; font-size:clamp(36px,4.8vw,60px); line-height:1.08; text-wrap:balance; }
.inside-heading > p { max-width:580px; margin-inline:auto; color:#6b6368; font-size:17px; line-height:1.7; }
.inside-switcher { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; max-width:940px; margin:0 auto 28px; padding:6px; border:1px solid #e5ddcf; border-radius:20px; background:#f1ece2; }
.inside-switcher[hidden],.inside-panel[hidden] { display:none; }
.inside-switcher button { display:flex; align-items:center; justify-content:center; gap:10px; min-width:0; min-height:56px; padding:12px; border:1px solid transparent; border-radius:14px; background:transparent; color:#655f56; font:500 14px/1.4 var(--body); cursor:pointer; }
.inside-switcher button[aria-selected="true"] { background:#fffdf8; color:#203f31; border-color:#e4daca; box-shadow:0 4px 12px -8px #766344; }
.inside-tab-number { color:#977137; font-size:10px; letter-spacing:.08em; }
.inside-switcher button:hover { color:#203f31; background:#fffcf7; }
.inside-switcher button:focus-visible,.inside-sample-link:focus-visible,.inside-panel:focus-visible { outline:3px solid #9b762f; outline-offset:4px; }
.inside-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.85fr); align-items:center; gap:clamp(30px,6vw,80px); padding:clamp(28px,4.5vw,56px); border:1px solid #e7dfd2; border-radius:32px; background:#fffdf9; }
.inside-panel + .inside-panel { margin-top:24px; }
.inside-app.is-enhanced .inside-panel { margin-top:0; }
.inside-kicker { display:block; color:#7c602e; font-size:12px; line-height:1.5; letter-spacing:.1em; text-transform:uppercase; }
.inside-copy h3 { margin:20px 0; font-size:clamp(34px,4vw,51px); line-height:1.1; letter-spacing:-.035em; color:#233c30; }
.inside-copy h3 em { font-family:var(--serif); font-weight:400; }
.inside-copy > p { max-width:470px; color:#615c57; font-size:16px; line-height:1.8; }
.inside-copy ul { display:grid; gap:12px; list-style:none; margin:24px 0 28px; padding:0; color:#555a50; font-size:14px; line-height:1.6; }
.inside-copy li { position:relative; padding-left:19px; }
.inside-copy li::before { content:''; position:absolute; left:0; top:.65em; width:5px; height:5px; border-radius:50%; background:#b98d39; }
.inside-sample-link { display:inline-flex; align-items:center; gap:14px; min-height:44px; color:#28533d; font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.inside-preview { display:grid; justify-items:center; gap:20px; margin:0; padding:18px 12px; border-radius:24px; background:radial-gradient(ellipse at 50% 40%,#efe1bd 0%,#f7f1e6 55%,#faf7f0 85%); }
.inside-phone { width:250px; max-width:100%; padding:7px; overflow:hidden; border:1px solid #524e44; border-radius:32px; background:#1c201e; box-shadow:0 24px 38px -20px #65502b66; }
.inside-phone img { display:block; width:100%; height:440px; object-fit:contain; border-radius:25px; background:#141722; }
.inside-preview figcaption { max-width:270px; color:#6c6459; font-size:11px; line-height:1.6; text-align:center; }
.inside-next { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px 16px 0; }
.inside-next p { display:grid; gap:7px; margin:0; color:#304538; font-size:16px; line-height:1.6; }
.inside-next p span { color:#6c655a; font-size:13px; }
.inside-next .btn { flex-shrink:0; min-height:48px; }
@media(min-width:992px) { body.home-film .nav .menu { gap:clamp(10px,1.2vw,16px); } body.home-film .nav .menu a { font-size:14px; } }
@media(max-width:760px) {
 .inside-heading { margin-bottom:26px; text-align:left; }
 .inside-heading > p { font-size:16px; margin-inline:0; }
 .inside-switcher { grid-template-columns:repeat(2,minmax(0,1fr)); border-radius:18px; gap:5px; margin-bottom:20px; }
 .inside-switcher button { min-height:52px; padding:10px 8px; font-size:12px; gap:7px; }
 .inside-panel { grid-template-columns:1fr; gap:28px; padding:28px 22px; border-radius:24px; }
 .inside-copy h3 { font-size:36px; }
 .inside-copy > p { font-size:15px; line-height:1.75; }
 .inside-copy ul { font-size:13px; }
 .inside-preview { padding:24px 10px 16px; }
 .inside-phone { width:228px; }
 .inside-phone img { height:410px; }
 .inside-next { align-items:flex-start; flex-direction:column; padding:24px 2px 0; }
}
@media(prefers-reduced-motion:reduce) { .inside-app * { scroll-behavior:auto; } }
/* Keep header controls readable when the mobile menu opens over the film. */
body.home-film.menu-open .nav { background:#fffcf7; }
body.home-film.menu-open .nav .btn-ghost { background:#fffdf8; color:var(--ink); border-color:var(--line); }
body.home-film.menu-open .nav .btn-dark { background:#233c30; color:#fff; }