/* A single, persistent software display with two physical faces. */
.home .cinema-hero{display:block;text-align:center;min-height:0;padding:64px 24px 28px;max-width:1400px;margin:auto}.home .hero-copy{max-width:1100px;margin:auto}.home .cinema-hero .depth-scene{display:none}.home .cinema-hero h1{font-size:clamp(54px,7.3vw,104px);line-height:1.01;letter-spacing:-.065em;margin:24px auto}.home .cinema-hero .intro{max-width:660px;margin:24px auto;font-size:19px;line-height:1.7}.home .cinema-hero .hero-actions{justify-content:center;margin-top:26px}.home .hero-copy .subtle{max-width:620px;margin:20px auto 0}.home .scroll-invitation{margin:24px auto 0}.home .audience-line{justify-content:center;padding-block:22px;gap:22px 45px}.home .cinema-hero::before{inset:-200px 0 auto;width:100%;height:700px;translate:none;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 9%,transparent),transparent 65%)}
.cinematic-tour.product-tour{max-width:none;padding:0;margin:0}.cinema-section-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cinema-scroll{position:relative}.cinema-sticky{display:grid;grid-template-rows:auto 470px auto;gap:18px;padding:35px 28px 25px;isolation:isolate}.cinema-caption{position:relative;z-index:3;max-width:1100px;width:100%;margin:auto;text-align:center}.cinema-caption .tour-step{min-height:0;border:0;padding:0;display:block}.cinema-caption .tour-step[hidden]{display:none}.cinema-caption .tour-number{font:11px monospace;letter-spacing:.1em}.cinema-caption .tour-step h3{max-width:none;font-size:clamp(30px,3.6vw,50px);line-height:1.08;letter-spacing:-.045em;margin:10px 0}.cinema-caption .tour-step p{max-width:740px;margin:8px auto;font-size:16px;line-height:1.6;color:var(--secondary)}.cinema-caption .tour-step a{display:inline-block;margin:0;min-height:36px;font-size:14px}.cinema-caption .tour-step.is-active .tour-number::before{content:none}
.cinema-space{position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;perspective:1800px;z-index:1}.cinema-halo{position:absolute;inset:-20% -8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 62%)}.product-device{position:relative;flex:none;width:760px;height:440px;transform-style:preserve-3d;transform-origin:50% 50%;pointer-events:none}.product-device.is-in-view{will-change:transform}.product-device::before{content:'';position:absolute;inset:-6px;border:1px solid var(--border);border-radius:31px;background:linear-gradient(120deg,var(--border),var(--raised) 30%,var(--secondary) 65%,var(--border));transform:translateZ(-4px);box-shadow:0 35px 70px #0003}
.product-device .product-front,.product-device .product-back{position:absolute;inset:0;top:0;max-width:none;width:100%;height:100%;border-radius:26px;border:1px solid var(--border);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--border) 25%,transparent),0 0 0 1px var(--border)}.product-device .product-front{padding:24px 28px;transform:translateZ(1px);display:block}.product-device .product-back{padding:28px 34px;transform:rotateY(180deg) translateZ(7px);background:var(--raised)}
:is(.product-front,.product-back) .tour-stage-header{margin-bottom:14px;padding-bottom:12px;min-height:28px}:is(.product-front,.product-back) .tour-stage-header strong{font-size:11px}:is(.product-front,.product-back) .tour-scene{min-height:0;animation:none!important}:is(.product-front,.product-back) .tour-scene h3{font-size:25px;margin:8px 0 16px}:is(.product-front,.product-back) .tour-scene .tour-kicker{font-size:10px;margin:8px 0}:is(.product-front,.product-back) .tour-scene>p:not(.tour-kicker){display:none}:is(.product-front,.product-back) .tour-file{padding:15px}:is(.product-front,.product-back) .tour-records{gap:12px;margin-top:14px}:is(.product-front,.product-back) .tour-records div{padding:14px}:is(.product-front,.product-back) .tour-option,:is(.product-front,.product-back) .tour-records>div{animation:none!important}:is(.product-front,.product-back) .tour-option{stroke-dasharray:none!important;stroke-dashoffset:0!important}:is(.product-front,.product-back) .tour-chart{max-height:172px;margin:4px 0}:is(.product-front,.product-back) .tour-comparison{margin-top:12px}:is(.product-front,.product-back) .tour-comparison div{padding:12px 16px}:is(.product-front,.product-back) .tour-comparison strong{font-size:28px}:is(.product-front,.product-back) .tour-report{display:grid;grid-template-columns:1fr 1.2fr;gap:12px 25px;padding:20px}:is(.product-front,.product-back) .tour-report-top{grid-column:1/-1;margin:0}:is(.product-front,.product-back) .tour-report h4{font-size:32px;line-height:1.15;margin:16px 0}:is(.product-front,.product-back) .tour-report ul{margin:0}:is(.product-front,.product-back) .tour-report li{padding:11px 0;font-size:13px}
.evidence-top{display:flex;justify-content:space-between;gap:15px;font:10px monospace;letter-spacing:.09em;color:var(--secondary);border-bottom:1px solid var(--border);padding-bottom:15px}.product-back h3{font-size:34px;letter-spacing:-.04em;margin:20px 0 2px}.product-back .evidence-subtitle{font-size:15px;color:var(--secondary);margin:4px 0 20px}.evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.evidence-receipt{border:1px solid var(--border);border-radius:12px;padding:16px 20px;background:var(--surface)}.evidence-receipt>span{font:10px monospace;letter-spacing:.05em;color:var(--secondary)}.evidence-receipt>strong{display:block;font-size:19px;margin-top:10px}.evidence-receipt dl{margin:12px 0 0}.evidence-receipt dl>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;border-top:1px solid var(--line);padding:8px 0}.evidence-receipt dt{color:var(--secondary)}.evidence-receipt dd{margin:0;font-variant-numeric:tabular-nums}.evidence-matches{display:flex;justify-content:center;gap:10px;margin-top:16px}.evidence-matches span{font-size:11px;border:1px solid var(--border);border-radius:20px;padding:5px 10px;background:var(--surface);color:var(--accent)}.product-back .evidence-note{font-size:12px;color:var(--secondary);margin:12px 0 0;text-align:center}
.cinema-controls{z-index:4;position:relative;width:min(100%,650px);margin:auto;text-align:center}.cinema-controls .tour-tabs{margin:0;gap:8px}.cinema-controls .tour-tabs button{font-size:13px;min-height:44px}.cinema-controls .tour-caption{font-size:12px;line-height:1.5;color:var(--secondary);margin:7px 0 0}.cinema-controls .cinema-skip{font-size:12px;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;text-decoration:underline;text-underline-offset:4px}
.home.cinematic-ready .cinema-scroll{height:440svh}.home.cinematic-ready .cinema-sticky{position:sticky;top:var(--cinema-top,80px);height:calc(100svh - var(--cinema-top,80px));grid-template-rows:180px minmax(0,1fr) 112px;padding:25px 40px 12px;gap:10px;overflow:clip}.home.cinematic-ready .cinema-caption .tour-step h3{display:block}.home.cinematic-ready .cinema-caption{align-self:center}.home.cinematic-ready .cinema-space{height:100%}
@media(max-width:900px){.home .cinema-hero{padding:40px 24px 22px}.home .cinema-hero h1{font-size:clamp(46px,8.8vw,78px)}.home .audience-line{gap:12px 22px;font-size:12px}.home .audience-line>span:first-child{width:100%;text-align:center}.product-device{width:660px;height:420px}.home.cinematic-ready .cinema-sticky{padding-inline:24px;grid-template-rows:180px minmax(0,1fr) 126px}.cinema-sticky{grid-template-rows:auto 400px auto}.cinema-caption .tour-step h3{font-size:36px}.cinema-caption .tour-step p{font-size:15px}.cinema-controls .tour-tabs{order:initial}.cinema-controls .tour-caption{order:initial}:is(.product-front,.product-back) .tour-stage-header{flex-wrap:nowrap}:is(.product-front,.product-back) .tour-report h4{font-size:29px}.evidence-receipt{padding:14px}}
@media(max-width:600px){.home .cinema-hero h1{font-size:clamp(43px,10vw,60px);line-height:1.06;letter-spacing:-.055em}.home .cinema-hero .intro{font-size:16px;margin:20px auto}.home .cinema-hero .hero-actions{gap:12px;margin-top:20px}.home .cinema-hero .hero-actions .cta{width:auto;min-width:240px}.home .cinema-hero .hero-copy .subtle{font-size:12px}.home .cinema-hero .scroll-invitation{font-size:10px}.home.cinematic-ready .cinema-scroll{height:400svh}.home.cinematic-ready .cinema-sticky{padding:12px 18px 8px;gap:8px;grid-template-rows:184px minmax(0,1fr) 130px}.cinema-caption .tour-number{font-size:10px}.cinema-caption .tour-step h3{font-size:28px;line-height:1.1;margin:8px 0}.cinema-caption .tour-step p{font-size:14px;line-height:1.55;margin:8px auto}.cinema-caption .tour-step a{font-size:13px;min-height:32px;padding:4px 0}.product-device{width:340px;height:345px}.product-device .product-front{padding:17px 18px;border-radius:22px}.product-device .product-back{padding:20px 18px;border-radius:22px}.product-device::before{border-radius:27px;inset:-4px}:is(.product-front,.product-back) .tour-stage-header{padding-bottom:10px;margin-bottom:12px}:is(.product-front,.product-back) .tour-stage-header strong{font-size:9px}:is(.product-front,.product-back) .tour-example{display:none}:is(.product-front,.product-back) .tour-scene .tour-kicker{display:none}:is(.product-front,.product-back) .tour-scene h3{font-size:20px;margin:8px 0 14px}:is(.product-front,.product-back) .tour-file{padding:10px;gap:10px}:is(.product-front,.product-back) .tour-file>span{width:32px;height:36px;font-size:10px}:is(.product-front,.product-back) .tour-file strong{font-size:11px}:is(.product-front,.product-back) .tour-file small{font-size:10px;line-height:1.5}:is(.product-front,.product-back) .tour-records{gap:8px;margin-top:10px}:is(.product-front,.product-back) .tour-records div{padding:12px 9px;font-size:11px}:is(.product-front,.product-back) .tour-records span{font-size:10px;line-height:1.4}:is(.product-front,.product-back) .tour-chart{height:135px;max-height:135px;margin:0}:is(.product-front,.product-back) .tour-chart text{font-size:18px}:is(.product-front,.product-back) .tour-comparison{gap:8px;margin-top:10px}:is(.product-front,.product-back) .tour-comparison div{padding:9px}:is(.product-front,.product-back) .tour-comparison strong{font-size:22px}:is(.product-front,.product-back) .tour-comparison span{font-size:10px}:is(.product-front,.product-back) .tour-report{padding:12px;gap:12px}:is(.product-front,.product-back) .tour-report-top{font-size:8px}:is(.product-front,.product-back) .tour-report h4{font-size:22px}:is(.product-front,.product-back) .tour-report li{font-size:11px;padding:10px 0;line-height:1.45}:is(.product-front,.product-back) .tour-report li::before{margin-right:6px}.evidence-top{font-size:8px;padding-bottom:12px}.product-back h3{font-size:25px;margin:16px 0 3px}.product-back .evidence-subtitle{font-size:12px;margin-bottom:14px}.evidence-pair{gap:10px}.evidence-receipt{padding:11px}.evidence-receipt>span{font-size:8px;line-height:1.5}.evidence-receipt>strong{font-size:13px}.evidence-receipt dl>div{font-size:10px;display:block;padding:5px 0}.evidence-receipt dt{display:none}.evidence-receipt dl{margin-top:8px}.evidence-matches{gap:5px;margin-top:12px}.evidence-matches span{font-size:9px;padding:4px 7px}.product-back .evidence-note{font-size:10px;line-height:1.5;margin-top:10px}.cinema-controls .tour-tabs{gap:6px}.cinema-controls .tour-tabs button{font-size:12px;padding:8px 3px}.cinema-controls .tour-caption{font-size:11px;max-width:340px;margin:7px auto 0}.cinema-sticky{padding:24px 20px;grid-template-rows:auto 360px auto}}
@media(prefers-reduced-motion:reduce),(max-height:580px){.cinema-sticky{height:auto;position:relative;grid-template-rows:auto 450px auto}.cinema-caption{max-width:760px}.cinema-caption .tour-step{padding:12px 0}.cinema-space{height:450px}.product-device{max-width:calc(100vw - 50px)}.product-device .product-front,.product-device .product-back{box-shadow:none}.cinema-halo{display:none}.home .reading-progress{display:none}}
@media(max-width:600px) and (prefers-reduced-motion:reduce){.cinema-sticky{grid-template-rows:auto 345px auto}.cinema-space{height:345px}}
/* Keep every receipt and comparison inside the physical display. */
.product-device .product-back{padding:22px 34px}.evidence-top{padding-bottom:10px}.product-back h3{line-height:1.12;margin:14px 0 2px}.product-back .evidence-subtitle{margin:4px 0 12px}.evidence-receipt{padding:14px 20px}.evidence-receipt>span{line-height:1.4}.evidence-receipt>strong{line-height:1.2;margin-top:6px}.evidence-receipt dl{margin-top:8px}.evidence-receipt dl>div{line-height:1.3;padding:6px 0}.evidence-matches{margin-top:12px}.product-back .evidence-note{margin-top:10px;line-height:1.5}:is(.product-front,.product-back) .tour-chart{max-height:158px}
@media(max-width:600px){.product-device .product-back{padding:17px 18px}.evidence-receipt{padding:11px}.evidence-receipt dl>div{padding:5px 0}.product-back h3{font-size:25px;margin-top:12px}:is(.product-front,.product-back) .tour-chart{max-height:130px;height:130px}:is(.product-front,.product-back) .tour-report li{padding:6px 0}:is(.product-front,.product-back) .tour-report h4{font-size:20px}}
@media(max-width:360px){.home.cinematic-ready .cinema-sticky{grid-template-rows:230px minmax(0,1fr) 130px}.cinema-caption .tour-step h3{font-size:25px}.cinema-caption .tour-step p{font-size:13px}.cinema-caption .tour-step a{font-size:12px}}
/* A quiet frame, a continuous turn, and a decision brief on the final reverse. */
.home .hero-benefits{display:flex;justify-content:center;gap:12px 26px;flex-wrap:wrap;list-style:none;padding:0;margin:28px auto;color:var(--secondary);font-size:14px}.hero-benefits li::before{content:'✓';color:var(--accent);margin-right:8px}
.product-device::before{inset:-3px;border-radius:29px;background:linear-gradient(130deg,var(--surface),var(--border) 35%,var(--raised) 55%,var(--secondary));box-shadow:0 30px 70px #0002,0 8px 20px #0001}.product-device .product-front,.product-device .product-back{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--border) 20%,transparent),0 0 0 1px var(--border)}
.report-back-content{display:none}.product-back[data-face=report] .evidence-back-content{display:none}.product-back[data-face=report] .report-back-content{display:block}.report-back-content{text-align:center;height:100%;position:relative}.report-back-content .evidence-top{margin-bottom:16px}.report-seal{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;margin:12px auto;color:var(--accent);font-size:24px}.report-back-content .report-back-kicker{font:10px monospace;letter-spacing:.13em;color:var(--accent);margin:12px 0}.report-back-content h3{font-size:36px;line-height:1.03;letter-spacing:-.04em;margin:14px 0}.report-back-content>p:not(.report-back-kicker){font-size:14px;color:var(--secondary);line-height:1.65;margin:12px 0}.report-back-label{display:inline-block;font-size:11px;color:var(--secondary);padding:9px 18px;border-top:1px solid var(--border)}
.cinema-controls .tour-tabs button{position:relative;overflow:hidden;transition:background-color .2s,color .2s,border-color .2s}.cinema-controls .tour-tabs button[aria-pressed=true]::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(var(--chapter-progress,0));transform-origin:left}
@media(max-width:600px){.home .hero-benefits{gap:10px 16px;max-width:340px;font-size:13px;margin:24px auto}.home .hero-benefits li:last-child{width:100%}.home.cinematic-ready .cinema-scroll{height:340svh}.home.cinematic-ready .cinema-sticky{grid-template-rows:190px minmax(0,1fr) 130px}.product-device{height:380px}:is(.product-front,.product-back) .tour-stage-header strong{font-size:10px}:is(.product-front,.product-back) .tour-file strong{font-size:13px}:is(.product-front,.product-back) .tour-file small{font-size:11px}:is(.product-front,.product-back) .tour-records div{font-size:14px;padding:14px 10px}:is(.product-front,.product-back) .tour-records span{font-size:11px;line-height:1.5}:is(.product-front,.product-back) .tour-chart{height:150px;max-height:150px}:is(.product-front,.product-back) .tour-comparison span{font-size:11px}:is(.product-front,.product-back) .tour-comparison strong{font-size:24px}:is(.product-front,.product-back) .tour-report{display:block;padding:16px}:is(.product-front,.product-back) .tour-report h4{display:none}:is(.product-front,.product-back) .tour-report-top{font-size:9px;margin:0 0 14px}:is(.product-front,.product-back) .tour-report li{font-size:13px;line-height:1.45;padding:10px 0}.evidence-receipt>strong{font-size:15px}.evidence-receipt dl>div{font-size:11px;line-height:1.5}.evidence-receipt dl>div:last-child dd{font-size:20px;font-weight:600;letter-spacing:-.02em}.product-back .evidence-note{font-size:11px}.report-back-content h3{font-size:30px}.report-back-content .report-back-kicker{font-size:9px}.report-back-content>p:not(.report-back-kicker){font-size:12px}.report-back-label{font-size:10px;padding-inline:3px}.report-back-content .evidence-top{font-size:8px}.report-seal{width:34px;height:34px;font-size:20px;margin-block:10px}}
/* Small phones and landscape use a full-size, unpinned presentation. */
@media(max-width:360px){.cinema-sticky{grid-template-rows:auto 390px auto;padding:28px 20px}.cinema-space{height:390px}.product-device{width:calc(100vw - 48px);max-width:none;height:380px}.product-device .product-front,.product-device .product-back{padding:16px}.cinema-caption .tour-step h3{font-size:28px}.cinema-caption .tour-step p{font-size:14px}.cinema-caption .tour-step a{font-size:14px;min-height:44px}.cinema-controls .tour-tabs button{min-height:48px}:is(.product-front,.product-back) .tour-file small{display:none}:is(.product-front,.product-back) .tour-report li{font-size:12px}.evidence-receipt{padding:9px}.evidence-receipt>strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.cinema-controls .tour-tabs button{transition:none}}
@media(max-width:600px){.home.cinematic-ready .cinema-sticky{grid-template-rows:206px minmax(0,1fr) 130px}.cinema-caption .tour-step a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:360px){.cinema-sticky{grid-template-rows:auto 460px auto}.cinema-space{height:460px}.product-device{height:450px}}
/* A practical introduction with a clear sequence and comfortable reading space. */
.home .cinema-hero h1{font-size:clamp(48px,6.3vw,88px);line-height:1.07;letter-spacing:-.055em}
.home .getting-started{padding-top:64px;padding-bottom:72px}.start-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;margin-bottom:32px}.home .getting-started h2{font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-.04em;margin:16px 0 0;max-width:600px}.start-heading>p{max-width:420px;margin:0 0 3px;font-size:16px;line-height:1.7;color:var(--secondary)}.start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}.start-steps>li{position:relative;padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);min-width:0}.start-number{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;color:var(--accent);background:var(--raised);font:12px monospace;letter-spacing:.04em;margin-bottom:28px}.start-steps .start-label{font-size:10px;letter-spacing:.1em;font-weight:600;line-height:1.5;color:var(--accent);margin:0 0 12px}.start-steps h3{font-size:23px;letter-spacing:-.025em;line-height:1.25;margin:0 0 16px;max-width:260px}.start-steps li>p:last-child{font-size:15px;line-height:1.75;color:var(--secondary);margin:0}.home .start-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--accent);margin-top:22px;font-size:15px}
@media(max-width:900px){.start-heading{grid-template-columns:1fr;gap:20px}.start-steps{gap:14px}.start-steps>li{padding:22px}.start-steps h3{font-size:21px}}
@media(max-width:760px){.home .cinema-hero h1{font-size:clamp(40px,9vw,60px)}.home .getting-started{padding:48px 24px}.start-steps{grid-template-columns:1fr;gap:16px}.start-steps>li{padding:24px}.start-number{margin-bottom:20px}.start-steps h3{max-width:none;font-size:23px}.start-heading{gap:18px;margin-bottom:26px}.start-heading>p{font-size:15px}.home .getting-started h2{font-size:34px}}

/* Report is the final reverse face, rather than a message flashed during a second turn. */
.report-back-content{text-align:left}.product-device .product-back[data-face=report]{padding:24px 28px;background:var(--surface)}.report-back-content h3{font-size:25px;line-height:1.2;margin:8px 0 16px}.report-back-content .tour-scene>p:not(.tour-kicker){display:none}.report-back-content .tour-scene .tour-kicker{font-size:10px;color:var(--accent);margin:8px 0}.report-back-content .tour-report h4{color:var(--text)}
@media(max-width:600px){.product-device .product-back[data-face=report]{padding:17px 18px}.report-back-content h3{font-size:20px}.report-back-content .tour-scene .tour-kicker{display:none}}