/* Refined app colors with a smooth, vertical page background. */
.reference-site{background-color:#17161b;background-image:linear-gradient(to bottom,#17161b 0%,#201b1d 48%,#17161b 100%);background-repeat:no-repeat}
.reference-site .site-header{position:relative;border-bottom-color:#ffffff12}
.reference-site .site-header nav a{position:relative}
.reference-site .site-header nav a[aria-current=page]:after{content:'';height:1px;background:var(--orange);position:absolute;left:0;right:0;bottom:-12px}
.reference-site .button-orange{box-shadow:inset 0 1px 0 #ffffff30,0 8px 22px #a13d0f12}
.reference-site .button span{transition:translate .25s}
.reference-site .button:hover span{translate:2px -2px}
.landing-hero{position:relative}
.landing-hero:before{content:none}
.landing-hero h1 em,.tour-intro h1 em{color:var(--orange);text-shadow:0 5px 55px #e3571a17}
.landing-hero .email-entry{background:#ffffff04;border-color:#ffffff21;box-shadow:0 12px 35px #0002;transition:border-color .2s,box-shadow .2s}
.landing-hero .email-entry:focus-within{border-color:#f1895b;box-shadow:0 0 0 3px #e3571a12}
.landing-device{border-color:#5b524d;box-shadow:0 32px 70px #0009,0 0 0 1px #e8b09f10,inset 0 0 0 1px #fff2}
.secondary-device{border-color:#484249;box-shadow:0 30px 60px #0008}
.visual-orbit{border-color:#e88a532b;background:radial-gradient(ellipse,#e3571a15,transparent 65%)}
.capture-label{background:#2a2523e6;border-color:#8c60433d;box-shadow:0 10px 35px #0004}
.belief-strip{background:transparent;border-color:#b4856724}
.reference-image{border-color:#a39a8e35;border-radius:15px}
.reference-card .reference-image{transition:box-shadow .35s,border-color .35s}
.reference-card:hover .reference-image{box-shadow:0 20px 50px #0004;border-color:#ed976570}
.reference-image.warm{background:radial-gradient(ellipse at 40% 20%,#786850,#38322f 75%)}
.reference-image.rust{background:radial-gradient(ellipse at 65% 10%,#a86440,#542e2a 80%)}
.reference-image.sage{background:radial-gradient(ellipse at 30% 10%,#6b7063,#313738 85%)}
.feature-nav-wrap{background:#17161bf5;border-block-color:#ffffff12}
.feature-tabs button[aria-pressed=true]{box-shadow:0 4px 22px #e3571a19,inset 0 1px 0 #fff2}
.feature-preview{position:relative;isolation:isolate}
.feature-preview:before{content:none}
.screen-viewer{border-color:#545057;box-shadow:0 28px 65px #0005,0 0 0 1px #ffca9d0b}
.pitch-video{padding-block:66px}
.video-poster{border-color:#9464484f;background:radial-gradient(ellipse at 80% 5%,#80331166,transparent 63%),linear-gradient(135deg,#282129,#100e13);box-shadow:0 24px 65px #0004}
.video-meta strong{font-size:36px}.video-orb{box-shadow:0 0 90px #e3571a36}
.tour-close{background:transparent}

/* The real, silent Sami recording occupies the same phone frame as the other chapters. */
.sami-tour-media{aspect-ratio:592/1280;cursor:default}
.sami-tour-media video{display:block;width:100%;height:100%;object-fit:contain;background:#080809}
.sami-tour-media[hidden],#screen-viewer[hidden],#enlarge-screen[hidden]{display:none}
body[data-active-feature=sami] .screen-pager{display:block}
body[data-active-feature=sami] .screen-pager>button{display:none}