/* Five-slide product launch. Native diagrams explain behavior; separate theme-specific illustrations carry the reveal. */
.product-slide{background:var(--ink)}.product-slide .eyebrow{font-size:14px;color:var(--purple)}.product-slide h1{font-size:70px}.product-slide .stamp{font-size:11px;max-width:1190px}.p-label{display:block;font:12px/1.5 Consolas,monospace;letter-spacing:.12em;color:var(--purple)}
.product-reveal{background:radial-gradient(ellipse at 50% 67%,#201529 0,transparent 60%),var(--ink)}.product-reveal .eyebrow{color:var(--lime)}.product-reveal h1{font-size:74px;letter-spacing:-.045em}
.product-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;width:1220px;margin:30px auto 0}.product-portrait{min-width:0}.product-art{display:grid;place-items:center;width:100%;height:360px;margin:0 auto}.product-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:none;opacity:1}.product-art:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.product-caption{display:block;width:100%;border:0;border-top:1px solid #6a527d;background:transparent;border-radius:0;padding:19px 5px 0;text-align:left;box-shadow:none}.product-portrait:first-child .product-caption{border-color:var(--lime)}.product-caption>span{display:block;color:var(--paper);font:700 26px/1.2 Bahnschrift,Arial,sans-serif}.product-caption i{font:16px Arial,sans-serif;color:var(--purple);margin-left:7px}.product-caption small{display:block;font-size:17px;color:var(--muted);margin-top:9px}.product-caption em{display:block;font:11px/1.4 Consolas,monospace;color:var(--muted);margin-top:13px;text-transform:uppercase;letter-spacing:.07em}.product-portrait:first-child .product-caption em{color:var(--lime)}.product-caption:hover{background:transparent;transform:translateY(-3px)}.product-caption:hover>span{color:var(--lime)}.product-reveal .stamp{bottom:21px}
.pack-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;margin-top:38px}.pack-request{padding-top:24px;border-top:2px solid var(--purple)}.pack-request blockquote{font:37px/1.3 Bahnschrift,Arial,sans-serif;letter-spacing:-.025em;margin:28px 0}.pack-request>p{font-size:23px;color:var(--muted);margin-top:33px}.pack-context{border-top:2px solid var(--lime);padding-top:17px}.pack-context-title{display:flex;justify-content:space-between;align-items:center}.pack-context-title>span{font:12px Consolas,monospace;letter-spacing:.12em;color:var(--lime)}.pack-context-title strong{font:37px Bahnschrift,Arial,sans-serif;letter-spacing:.14em;color:var(--lime)}.pack-context-lines{margin-top:20px}.pack-context-lines>div{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.pack-context-lines b{font-size:20px;font-weight:400;color:var(--purple)}.pack-context-lines span{font-size:21px}.pack-result{display:flex;align-items:center;gap:23px;margin-top:29px}.pack-result>.scene-icon{width:48px;height:48px;color:var(--lime)}.pack-result span{font:11px Consolas,monospace;color:var(--muted);letter-spacing:.12em;display:block}.pack-result strong{font:30px/1.22 Bahnschrift,Arial,sans-serif;display:block;margin-top:9px}.p-bottom{display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid var(--line);margin-top:34px;padding-top:20px}.p-bottom>p{font-size:21px;color:var(--lime);margin:0}.p-bottom>span{font:12px/1.5 Consolas,monospace;color:var(--muted)}
.core-journey{display:grid;grid-template-columns:310px 1fr;gap:50px;margin-top:41px}.core-client{border-top:2px solid var(--purple);padding-top:18px}.core-client>.scene-icon{width:73px;height:73px;color:var(--purple);display:block;margin-top:31px}.core-client h2{font-size:32px;margin:21px 0 11px}.core-client p{font-size:21px;color:var(--muted);margin:0}.core-workflow{border-top:2px solid var(--lime);padding-top:18px}.core-start{display:flex;align-items:center;gap:23px;border-bottom:1px solid var(--line);padding:24px 0 27px}.core-start b{font:12px Consolas,monospace;color:var(--lime);letter-spacing:.07em}.core-start q{font-size:27px}.core-path{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:16px;margin-top:33px;align-items:center}.core-path>div span{font:13px Consolas,monospace;color:var(--purple);display:block;margin-bottom:13px}.core-path b{font-size:21px;font-weight:400}.core-path>i{color:var(--purple);font-style:normal;font-size:23px;padding-top:25px}.core-output{font:16px/1.5 Consolas,monospace;color:var(--muted);margin:30px 0 0}.core-fit{display:grid;grid-template-columns:310px 1fr;gap:50px;margin-top:39px;border-top:1px solid var(--line);padding-top:25px;align-items:center}.core-fit strong{font-size:30px;line-height:1.2;letter-spacing:-.02em;color:var(--lime)}.core-fit p{font-size:21px;margin:0;color:var(--muted);line-height:1.6}
.benchmark-constant{display:flex;align-items:center;gap:33px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:32px}.benchmark-constant p{font-size:22px;margin:0}.benchmark-constant i{font-style:normal;color:var(--purple);margin:0 15px}.benchmark-arms{display:grid;grid-template-columns:1fr 65px 1fr;gap:35px;align-items:center;margin-top:28px}.benchmark-arms>div>span{font:12px Consolas,monospace;letter-spacing:.08em;color:var(--purple)}.benchmark-arms h2{font-size:35px;line-height:1.13;letter-spacing:-.025em;margin:15px 0 0}.benchmark-arms>div:last-child{border-left:2px solid var(--lime);padding-left:35px}.benchmark-arms>div:last-child>span{color:var(--lime)}.benchmark-versus{font:italic 27px Georgia,serif;color:var(--muted)}.benchmark-measures{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:30px}.benchmark-measures>div{border-top:1px solid var(--line);padding-top:17px}.benchmark-measures .scene-icon{width:30px;height:30px;color:var(--purple)}.benchmark-measures h3{font-size:23px;letter-spacing:-.015em;margin:12px 0 8px}.benchmark-measures p{font-size:17px;color:var(--muted);margin:0}.product-benchmark .p-bottom{margin-top:27px;padding-top:18px}.product-benchmark .p-bottom>p{font-size:20px}.product-benchmark .action{font-size:15px;padding:10px 14px}
:root[data-theme="paper"] .product-art img{filter:none!important;opacity:1!important;mix-blend-mode:normal}:root[data-theme="paper"] .product-caption{background:transparent;box-shadow:none;border-color:#b6b0a7}:root[data-theme="paper"] .product-caption>span{font-family:Georgia,serif;font-weight:400}:root[data-theme="paper"] .pack-request blockquote{font-family:Georgia,serif;font-size:35px}:root[data-theme="paper"] .pack-result strong{font-family:Georgia,serif}:root[data-theme="paper"] .product-caption:hover{color:var(--lime)}
@media(max-width:650px){#stage .product-slide{padding:32px 23px 75px}.product-slide h1{font-size:43px!important}.product-slide .eyebrow{font-size:11px}.product-slide .stamp{font-size:10px;max-width:calc(100% - 50px);line-height:1.5;bottom:19px}.product-art{width:100%;height:auto;aspect-ratio:1;margin:0 0 12px}.product-art img{aspect-ratio:1}.product-gallery{width:100%;grid-template-columns:1fr 1fr;gap:28px 18px;margin-top:22px}.product-portrait{display:flex;flex-direction:column}.product-caption{flex:1}.product-caption{padding:14px 0 0}.product-caption>span{font-size:24px}.product-caption small{font-size:16px}.product-caption em{font-size:10px}.pack-layout{grid-template-columns:1fr;gap:30px;margin-top:29px}.pack-request{padding-top:18px}.pack-request blockquote{font-size:30px!important;margin:22px 0}.pack-request>p{font-size:20px;margin:0}.pack-context-title strong{font-size:29px}.pack-context-lines>div{grid-template-columns:100px 1fr;padding:13px 0;gap:10px}.pack-context-lines b{font-size:18px}.pack-context-lines span{font-size:19px}.pack-result strong{font-size:27px}.p-bottom{flex-direction:column;align-items:flex-start;gap:15px;margin-top:26px}.p-bottom>p{font-size:19px}.p-bottom>span{font-size:11px}.core-journey{grid-template-columns:1fr;gap:29px;margin-top:30px}.core-client>.scene-icon{width:49px;height:49px;margin-top:22px}.core-client h2{font-size:29px;margin-top:16px}.core-client p{font-size:19px}.core-start{display:block;padding:19px 0}.core-start b{display:block;margin-bottom:12px;font-size:10px}.core-start q{font-size:23px;line-height:1.4;display:block}.core-path{grid-template-columns:1fr;gap:9px;margin-top:23px}.core-path>div{display:flex;gap:14px;align-items:center}.core-path>div span{margin:0}.core-path b{font-size:20px}.core-path>i{padding:0 0 0 5px;font-size:19px;transform:rotate(90deg);transform-origin:10px 11px;height:24px}.core-output{font-size:14px;margin-top:23px}.core-fit{grid-template-columns:1fr;gap:19px;margin-top:27px;padding-top:22px}.core-fit strong{font-size:27px}.core-fit p{font-size:18px}.benchmark-constant{display:block;margin-top:26px;padding:16px 0}.benchmark-constant p{font-size:19px;line-height:1.65;margin-top:11px}.benchmark-constant i{margin:0 5px}.benchmark-arms{grid-template-columns:1fr;gap:20px;margin-top:25px}.benchmark-arms>div:last-child{padding-left:18px}.benchmark-arms h2{font-size:29px;margin-top:13px}.benchmark-arms>div>span{font-size:10px}.benchmark-versus{font-size:22px}.benchmark-measures{grid-template-columns:1fr 1fr;gap:24px 18px;margin-top:27px}.benchmark-measures h3{font-size:20px}.benchmark-measures p{font-size:16px}.product-benchmark .action{font-size:14px}.product-benchmark .p-bottom>p{font-size:19px}}

/* Fade only the outer image margin so illustrations sit naturally on the slide. */
.product-art img{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 85%,transparent);mask-composite:intersect}
:root[data-theme="paper"] .product-reveal .product-caption{background:transparent;box-shadow:none}
:root[data-theme="paper"] .product-reveal .product-caption:hover{background:transparent}
@media(max-width:650px){
 body:has(.product-reveal) .toolbar{height:101px;padding-bottom:40px}
 body:has(.product-reveal) #acts{top:101px}
 body:has(.product-reveal) .toolbar .theme-picker{position:absolute;right:12px;bottom:5px;box-shadow:none}
}