/* 89 €: confirmed Google access and ready dossier only. */
body.offer-screen-eight { --coral:#ff705e; --warm:#f5f5f5; display:flow-root; position:relative; background:#151b20; }
body.offer-screen-eight::before { position:absolute; inset:0; background:url('assets/tunnel-89/scene-8-clean.jpg') center top / 100% auto; filter:blur(12px); }
.offer-screen-eight .demo-notice { display:none; }
.offer-screen-eight .skip-link { top:12px; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.offer-screen-eight .skip-link:focus-visible { width:auto; height:auto; padding:10px; overflow:visible; clip-path:none; }
.offer-screen-eight .funnel { container-type:inline-size; width:calc(100% - 84px); max-width:1280px; margin:44px auto 54px; padding:0; border:1px solid #718188; border-radius:26px; background:linear-gradient(115deg,#111b1f,#0c1619); overflow:hidden; }
.offer-screen-eight .funnel-header { position:absolute; top:3.7cqw; left:4.2cqw; right:4.2cqw; margin:0; }
.offer-screen-eight .funnel-header .brand { width:13cqw; height:auto; }
.offer-screen-eight .progress-area { display:none; }
.offer-screen-eight .ready-hero { position:relative; min-height:95.7cqw; isolation:isolate; }
.offer-screen-eight .ready-scene-stage { position:absolute; inset:0; z-index:-1; }
.offer-screen-eight .ready-backdrop { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#10191dea,#10191dbb 38%,#10191d11 56%,transparent 68%),linear-gradient(0deg,#101719,transparent 20%),url('assets/tunnel-89/scene-8-clean.jpg') center -4.7cqw / 109.4% auto no-repeat; }
.offer-screen-eight .ready-copy { position:relative; padding-top:12.2cqw; margin-left:4.4cqw; width:46.5cqw; }
.offer-screen-eight .ready-copy .kicker { font-size:1.45cqw; line-height:1.5; letter-spacing:.15em; margin:0 0 1.6cqw; }
.offer-screen-eight .ready-copy h1 { width:49cqw; font-size:4.4cqw; line-height:.99; letter-spacing:-.035em; margin:0 0 2.6cqw; }
.offer-screen-eight .ready-copy h1 em { display:block; }
.offer-screen-eight .ready-copy p { font-size:1.65cqw; line-height:1.45; margin:0 0 2.2cqw; }
.offer-screen-eight .ready-copy .statement { font-size:2.3cqw; line-height:1.2; letter-spacing:-.025em; font-weight:600; margin:2.1cqw 0 1.8cqw; }
.offer-screen-eight .ready-copy .statement + p { font-size:1.8cqw; margin-bottom:1.5cqw; }
.offer-screen-eight .ready-copy p:last-child { margin:0; }
.offer-screen-eight .ready-status { position:relative; margin:2.6cqw 0 2.6cqw 4.4cqw; width:50.8cqw; }
.offer-screen-eight .status-panel { position:relative; margin:0; max-width:none; width:100%; padding:1.6cqw 1.4cqw; border:1px solid #71818888; border-radius:1.6cqw; background:linear-gradient(110deg,#132025c9,#121b1eaa); }
.offer-screen-eight .status-list { position:relative; }
.offer-screen-eight .status-list::before { content:''; position:absolute; top:3.4cqw; bottom:4cqw; left:3.9cqw; width:2px; background:#8fe7b1; }
.offer-screen-eight .status-list li { position:relative; gap:3.2cqw; padding:1.35cqw 1.7cqw; min-height:7.6cqw; align-items:center; }
.offer-screen-eight .status-list .icon { width:4.3cqw; height:4.3cqw; background:#142523; border:2px solid #8fe7b1; color:#8fe7b1; }
.offer-screen-eight .status-list .icon svg { width:2.8cqw; height:2.8cqw; stroke-width:2; }
.offer-screen-eight .status-list strong { font-size:1.6cqw; line-height:1.4; }
.offer-screen-eight .status-list p { font-size:1.4cqw; line-height:1.45; margin:.3cqw 0 0; }
.offer-screen-eight .status-list li:last-child { margin-top:.5cqw; border:1px solid #70cf9333; border-radius:1.2cqw; background:#264e343d; }
.offer-screen-eight .status-list li:last-child .icon { width:5.3cqw; height:5.3cqw; margin-left:-.5cqw; margin-right:-.5cqw; box-shadow:0 0 18px #81e8a944; }
.offer-screen-eight .ready-rocket { stroke:none; fill:none; filter:grayscale(1) contrast(3); mix-blend-mode:screen; }
.offer-screen-eight .ready-care-caption,.offer-screen-eight .ready-start-caption,.offer-screen-eight .ready-scene-signature,.offer-screen-eight .ready-footer-signature { stroke:none; fill:none; mix-blend-mode:screen; filter:contrast(2); }
.offer-screen-eight .ready-care-caption { position:absolute; top:6cqw; right:3.2cqw; width:16.7cqw; height:13.3cqw; }
.offer-screen-eight .ready-start-caption { position:absolute; z-index:3; bottom:.7cqw; right:-7.8cqw; width:15.2cqw; height:9cqw; }
.offer-screen-eight .ready-scene-signature { position:absolute; top:72cqw; right:3.5cqw; width:9.2cqw; height:6.4cqw; }
.offer-screen-eight .ready-content { margin:0 4.4cqw; }
.offer-screen-eight .three-col { grid-template-columns:1fr 1.04fr 1fr; gap:0; margin:0; padding:2.7cqw 0 0; border-top:1px solid #71818866; }
.offer-screen-eight .three-col > .panel { padding:0 3.3cqw; border-right:1px solid #71818866; border-radius:0; background:none; }
.offer-screen-eight .three-col > .panel:first-child { padding-left:0; }
.offer-screen-eight .three-col > .panel:last-child { padding-right:0; border:0; }
.offer-screen-eight .three-col .icon { width:8cqw; height:8cqw; background:linear-gradient(120deg,#ffffff09,#ffffff02); }
.offer-screen-eight .three-col .icon svg { width:3.6cqw; height:3.6cqw; }
.offer-screen-eight .three-col h3 { font-size:2.4cqw; line-height:1.15; letter-spacing:-.03em; margin:1.6cqw 0 1.5cqw; }
.offer-screen-eight .three-col p { font-size:1.65cqw; line-height:1.45; margin:0; }
.offer-screen-eight .actions { margin:4cqw auto 2.8cqw; width:81%; max-width:none; }
.offer-screen-eight .actions .cta { width:100%; min-height:6.6cqw; padding:1.5cqw; gap:2cqw; font-size:2.1cqw; font-weight:500; background:linear-gradient(110deg,#ff6355,#ff7b68); }
.offer-screen-eight .actions .cta svg { width:2.6cqw; height:2.6cqw; }
.offer-screen-eight .ready-content > .notice { font-size:1.45cqw; line-height:1.4; padding:1.6cqw 2cqw; border-radius:3cqw; margin:0; background:transparent; }
.offer-screen-eight .ready-content > .notice svg { width:2.5cqw; height:2.5cqw; }
.offer-screen-eight .ready-simulation { color:#bdc5cc; font-size:1.05cqw; margin:1.3cqw 0 0; }
.offer-screen-eight .ready-simulation > p { text-align:center; margin:0; }
.offer-screen-eight .state-preview { margin:.5cqw 0 0; font-size:1.1cqw; }
.offer-screen-eight .state-preview summary { font-size:inherit; cursor:pointer; }
.offer-screen-eight .funnel-footer { margin:3cqw 4.2cqw 2.2cqw; padding:0 12cqw 0 0; min-height:4.6cqw; border:0; gap:2.1cqw; }
.offer-screen-eight .funnel-footer .brand { width:8cqw; height:auto; }
.offer-screen-eight .funnel-footer::before { content:''; order:1; width:7cqw; height:1px; background:#93a3a577; }
.offer-screen-eight .funnel-footer > span { order:2; font-size:.97cqw; letter-spacing:.14em; line-height:1.5; }
.offer-screen-eight .ready-footer-signature { position:absolute; bottom:2.4cqw; right:3.6cqw; width:8.8cqw; height:6cqw; }
@media (min-width:701px) and (max-width:1000px) {
 .offer-screen-eight .funnel { width:calc(100% - 40px); margin:24px auto; }
 .offer-screen-eight .ready-copy p { font-size:14px; }
 .offer-screen-eight .ready-copy .kicker { font-size:12px; }
 .offer-screen-eight .ready-copy .statement + p { font-size:15px; }
 .offer-screen-eight .status-list strong { font-size:14px; }
 .offer-screen-eight .status-list p { font-size:12px; }
 .offer-screen-eight .three-col h3 { font-size:20px; }
 .offer-screen-eight .three-col p { font-size:14px; }
 .offer-screen-eight .actions .cta { min-height:58px; font-size:18px; }
 .offer-screen-eight .ready-content > .notice { font-size:13px; }
 .offer-screen-eight .ready-simulation,.offer-screen-eight .state-preview { font-size:11px; }
}
@media (max-width:700px) {
 body.offer-screen-eight::before { background-size:auto 100%; }
 .offer-screen-eight .funnel { width:calc(100% - 20px); margin:12px auto 24px; border-radius:20px; }
 .offer-screen-eight .funnel-header { top:18px; left:22px; right:22px; }
 .offer-screen-eight .funnel-header .brand { width:98px; }
 .offer-screen-eight .ready-hero { min-height:0; padding:100px 0 24px; background:#101719; }
 .offer-screen-eight .ready-scene-stage { position:relative; inset:auto; height:560px; }
 .offer-screen-eight .ready-backdrop { background:linear-gradient(180deg,#101719,transparent 18%,transparent 85%,#101719),url('assets/tunnel-89/scene-8-clean.jpg') 85% top / auto 1000px no-repeat; background-color:#101719; }
 .offer-screen-eight .ready-copy { padding:0; margin:0 22px; width:auto; }
 .offer-screen-eight .ready-copy .kicker { font-size:11px; margin:0 0 16px; }
 .offer-screen-eight .ready-copy h1 { width:auto; font-size:32px; line-height:1.05; margin:0 0 24px; }
 .offer-screen-eight .ready-copy p { font-size:15px; line-height:1.5; margin:0 0 20px; }
 .offer-screen-eight .ready-copy .statement { font-size:20px; line-height:1.3; margin:22px 0 18px; }
 .offer-screen-eight .ready-copy .statement + p { font-size:16px; margin-bottom:16px; }
 .offer-screen-eight .ready-copy p:last-child { margin:0; }
 .offer-screen-eight .ready-status { width:auto; margin:0 16px; }
 .offer-screen-eight .status-panel { padding:16px 10px; border-radius:16px; }
 .offer-screen-eight .status-list::before { top:38px; bottom:48px; left:28px; }
 .offer-screen-eight .status-list li { gap:18px; padding:14px 8px; min-height:88px; }
 .offer-screen-eight .status-list .icon { width:40px; height:40px; }
 .offer-screen-eight .status-list .icon svg { width:26px; height:26px; }
 .offer-screen-eight .status-list strong { font-size:15px; }
 .offer-screen-eight .status-list p { font-size:13px; margin-top:6px; }
 .offer-screen-eight .status-list li:last-child { margin-top:5px; border-radius:12px; }
 .offer-screen-eight .status-list li:last-child .icon { width:44px; height:44px; margin-left:-2px; margin-right:-2px; }
 .offer-screen-eight .ready-care-caption { top:26px; right:12px; width:96px; height:76px; }
 .offer-screen-eight .ready-start-caption { position:relative; display:block; bottom:auto; right:auto; margin:-3px 0 0 auto; width:130px; height:77px; }
 .offer-screen-eight .ready-scene-signature { top:auto; bottom:22px; right:22px; width:75px; height:52px; }
 .offer-screen-eight .ready-content { margin:0 22px; }
 .offer-screen-eight .three-col { grid-template-columns:1fr; padding-top:0; }
 .offer-screen-eight .three-col > .panel,.offer-screen-eight .three-col > .panel:first-child,.offer-screen-eight .three-col > .panel:last-child { display:grid; grid-template-columns:54px minmax(0,1fr); column-gap:16px; padding:24px 0; border:0; border-bottom:1px solid #71818855; grid-column:auto; }
 .offer-screen-eight .three-col .icon { float:none; width:54px; height:54px; margin:0; grid-row:1 / 3; }
 .offer-screen-eight .three-col .icon svg { width:28px; height:28px; }
 .offer-screen-eight .three-col h3 { font-size:23px; margin:0 0 14px; }
 .offer-screen-eight .three-col p { font-size:15px; line-height:1.5; grid-column:2; }
 .offer-screen-eight .actions { width:100%; margin:26px 0; }
 .offer-screen-eight .actions .cta { min-height:64px; padding:16px 12px; gap:12px; font-size:16px; }
 .offer-screen-eight .actions .cta svg { width:22px; height:22px; }
 .offer-screen-eight .ready-content > .notice { font-size:13px; line-height:1.5; padding:16px 12px; gap:12px; border-radius:18px; }
 .offer-screen-eight .ready-content > .notice svg { width:22px; height:22px; }
 .offer-screen-eight .ready-simulation,.offer-screen-eight .state-preview { font-size:11px; line-height:1.5; margin-top:14px; }
 .offer-screen-eight .funnel-footer { margin:26px 18px 18px; padding:0; gap:12px; flex-wrap:wrap; }
 .offer-screen-eight .funnel-footer .brand { width:65px; }
 .offer-screen-eight .funnel-footer::before { flex:1; width:auto; margin-right:85px; }
 .offer-screen-eight .funnel-footer > span { order:4; width:100%; text-align:center; font-size:8px; line-height:1.6; letter-spacing:.12em; }
 .offer-screen-eight .ready-footer-signature { right:18px; bottom:50px; width:72px; height:49px; }
}
