/* A real-materials station before the quiz. */
.preview-station{
 position:relative;isolation:isolate;overflow:hidden;
 padding:105px clamp(65px,9vw,160px) 72px;
 background:radial-gradient(circle at 77% 45%,#24465b 0%,#0a1c2b 42%,#040b16 77%);
}
.preview-station:before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,#b4d2db0b 1px,transparent 1px) 0 0/25% 100%,
 radial-gradient(circle at 76% 44%,#d7b77b20,transparent 32%);
}
.preview-station .section-rail{color:#c5d4dd}
.station-layout{
 max-width:1500px;margin:90px auto 70px;
 display:grid;grid-template-columns:minmax(390px,.89fr) minmax(410px,1.11fr);
 align-items:center;gap:clamp(45px,7vw,115px);
}
.station-copy{position:relative;z-index:2}
.station-copy h2{
 max-width:780px;font:400 clamp(58px,5.7vw,104px)/.98 var(--display);
 letter-spacing:-.052em;margin:0 0 28px;
}
.station-copy h2 i{color:#e6c98e;font-weight:400}
.station-copy>p:not(.eyebrow){max-width:560px;font-size:17px;line-height:1.65;color:#c3d0d7}
.station-tabs{display:grid;margin:37px 0 0;border-top:1px solid #b1c7d13d}
.station-tab{
 color:#c4d3d9;background:transparent;border:0;border-bottom:1px solid #b1c7d13d;
 width:100%;text-align:left;display:flex;align-items:center;gap:18px;
 min-height:62px;padding:13px 16px;font-size:15px;font-weight:500;
 transition:background .25s,color .25s,padding .25s;
}
.station-tab b{font:500 12px "IBM Plex Mono",monospace;color:#dfbd82}
.station-tab:hover,.station-tab.is-active{
 color:#fff4df;background:linear-gradient(90deg,#d9b77522,transparent);
 padding-left:22px;
}
.station-tab.is-active{box-shadow:inset 2px 0 #e2bd7b}
.station-detail{min-height:140px;padding:23px 0 0}
.station-detail>span,.station-visual-top,.station-visual-bottom{
 font:500 11px "IBM Plex Mono",monospace;letter-spacing:.09em;color:#dabf8f;
}
.station-detail h3{
 font:400 clamp(27px,2.45vw,39px)/1.08 var(--display);
 margin:12px 0;color:#f3e9d6;
}
.station-detail p{font-size:14px;line-height:1.55;color:#afc1cb;max-width:520px;margin:0}
.station-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}
.station-actions .button{min-height:51px;gap:23px}
.station-visual{
 position:relative;padding:20px;
 border:1px solid #e2ca9c75;
 background:linear-gradient(145deg,#294b5b6e,#071523e9 38%,#091823f7);
 box-shadow:0 40px 95px #0009,0 0 70px #7ab0c327,inset 0 0 45px #d6bb8310;
 transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);
 transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s;
}
.station-visual:hover{transform:perspective(1300px) rotateY(-1deg);box-shadow:0 50px 110px #000b,0 0 80px #d7b7762e}
.station-visual:before{content:"";position:absolute;inset:9px;border:1px solid #dbcca14d;pointer-events:none}
.station-visual-top,.station-visual-bottom{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:1}
.station-visual-top{padding:5px 8px 19px;border-bottom:1px solid #d3c09366}
.station-visual-bottom{padding:19px 8px 5px;border-top:1px solid #d3c09366;font-size:10px}
.station-stage{
 height:min(54vw,675px);min-height:510px;max-height:675px;
 display:grid;place-items:center;position:relative;overflow:hidden;
 background:radial-gradient(circle at center,#7aabb723 0%,#07162410 65%);
}
.station-stage:before,.station-stage:after{
 content:"";position:absolute;left:50%;top:50%;width:86%;aspect-ratio:1;
 border:1px solid #e2c6862e;border-radius:50%;
 transform:translate(-50%,-50%) rotateX(67deg);pointer-events:none;
}
.station-stage:after{width:110%;transform:translate(-50%,-50%) rotateY(70deg)}
.station-sheet{
 position:absolute;top:50%;left:50%;width:min(77%,470px);height:90%;
 padding:0;border:0;background:#f5f3ee;color:inherit;cursor:zoom-in;
 transform:translate(-50%,-46%) rotateY(-13deg) rotateZ(-3deg) scale(.88);
 opacity:0;visibility:hidden;filter:blur(5px);
 box-shadow:22px 30px 65px #000c,3px 3px 0 #b09b7d;
 transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .5s,filter .5s,visibility .5s;
}
.station-sheet.is-active{opacity:1;visibility:visible;filter:none;transform:translate(-50%,-50%) rotateY(-5deg) rotateZ(-1deg) scale(1)}
.station-sheet img{width:100%;height:100%;object-fit:contain;background:#f5f3ee}
.station-sheet:focus-visible{outline:3px solid #efd1a1;outline-offset:6px}
.method-ribbon{
 max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);
 border-top:1px solid #b9cbd03d;border-bottom:1px solid #b9cbd03d;
}
.method-ribbon>div{display:grid;gap:9px;padding:26px 24px;border-right:1px solid #b9cbd03d}
.method-ribbon>div:first-child{padding-left:0}
.method-ribbon>div:last-child{border:0}
.method-ribbon b{font:500 11px "IBM Plex Mono",monospace;color:#e2c38e;letter-spacing:.1em}
.method-ribbon span{font-size:15px;color:#d0d9da;line-height:1.35}

/* The result ends at a genuine corresponding tool. */
.result-bridge{
 display:grid;grid-template-columns:110px 1fr;gap:19px;align-items:center;
 margin-top:17px;padding:16px;border:1px solid #d8bd8780;
 background:linear-gradient(125deg,#254254ba,#122937,#0b1f2c);
 box-shadow:0 16px 35px #0004;
}
.result-bridge-image{height:136px;overflow:hidden;background:#e9e4d7;box-shadow:5px 6px 16px #0007}
.result-bridge-image img{width:100%;height:100%;object-fit:cover;object-position:top}
.result-bridge-copy span{display:block;color:#dbbf8e;font:500 10px "IBM Plex Mono",monospace;letter-spacing:.08em}
.result-bridge-copy strong{display:block;font:400 26px/1.12 var(--display);color:#fbf1df;margin:9px 0}
.result-bridge-copy p{font-size:12px;line-height:1.5;color:#c3d3d7;margin:0 0 12px}
.result-bridge-copy a{color:#e4c58e;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}

/* Keep all six deliverables visible without making this chapter a second long scroll. */
.bundle-world{min-height:0;padding-bottom:100px;overflow:hidden}
.bundle-head{margin:65px 0 35px 5vw}
.artifact-layout{min-height:570px}
.artifact-copy{padding-left:5vw}
.artifact-viewport{height:570px}
.artifact-card{height:470px;width:min(335px,70%)}
.artifact-card.wallpaper-card{height:460px;width:330px}
.artifact-card.tracker-card,.artifact-card.cards-card{background:#f5f3ed}
.artifact-card.tracker-card img,.artifact-card.cards-card img{object-fit:contain;background:#f5f3ed}
.artifact-card.cards-card img{background:#15191d}
.artifact-buy{
 display:inline-flex;align-items:center;justify-content:space-between;gap:22px;
 padding:14px 17px;margin-top:26px;background:#dec38f;color:#102232;
 font-size:12px;font-weight:700;letter-spacing:.02em;
 box-shadow:0 16px 32px #0005;transition:transform .2s,box-shadow .2s;
}
.artifact-buy:hover{transform:translateY(-3px);box-shadow:0 20px 38px #0008}
.bundle-includes{margin-top:20px}
.bundle-includes>div{font-size:14px}

.purchase-path{max-width:520px;border-top:1px solid #c1d2d456;margin:30px 0;display:grid}
.purchase-path>div{display:flex;gap:19px;padding:14px 0;border-bottom:1px solid #c1d2d456;color:#d8e4e4;font-size:14px}
.purchase-path b{font:500 12px "IBM Plex Mono",monospace;color:#e0bf87}
.hero-foot,.test-note,.test-promise li{font-size:12px}
.hero .text-link{font-size:12px}
.quiz-preview span{font-size:12px}
.result-disclaimer{font-size:12px!important}

@media(max-width:1100px){
 .preview-station{padding-left:6vw;padding-right:6vw}
 .station-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:35px}
 .station-copy h2{font-size:clamp(55px,6vw,78px)}
 .station-stage{min-height:470px}
 .station-actions{gap:16px}
}
@media(max-width:900px){
 .station-layout{grid-template-columns:1fr;margin:65px auto 60px;gap:42px}
 .station-copy h2{max-width:720px}
 .station-copy>p:not(.eyebrow){max-width:660px}
 .station-visual{width:min(100%,690px);justify-self:center}
 .station-stage{height:600px;max-height:600px}
 .artifact-layout{grid-template-columns:1fr;gap:25px}
 .artifact-copy{padding-left:0}
 .artifact-viewport{height:560px}
}
@media(max-width:700px){
 .preview-station{padding:82px 22px 65px}
 .station-layout{display:flex;flex-direction:column;align-items:stretch;gap:38px;margin:53px auto 50px}
 .station-copy h2{font-size:clamp(50px,11.8vw,74px);margin-bottom:20px}
 .station-copy>p:not(.eyebrow){font-size:15px}
 .station-tabs{margin-top:25px}
 .station-tab{min-height:55px;font-size:14px}
 .station-detail{min-height:0;padding-top:20px}
 .station-detail h3{font-size:29px}
 .station-actions .button{font-size:10px}
 .station-visual{width:100%;transform:none;padding:14px}
 .station-visual:hover{transform:none}
 .station-visual-top,.station-visual-bottom{font-size:8px;letter-spacing:.04em}
 .station-stage{height:calc(116vw - 32px);min-height:360px;max-height:550px}
 .station-sheet{width:min(79%,390px);height:87%;transform:translate(-50%,-50%) scale(.86)}
 .station-sheet.is-active{transform:translate(-50%,-50%) scale(1)}
 .method-ribbon{grid-template-columns:1fr}
 .method-ribbon>div,.method-ribbon>div:first-child{padding:14px 0;border:0;border-bottom:1px solid #b9cbd03d;display:flex;align-items:baseline;gap:18px}
 .method-ribbon>div:last-child{border:0}
 .method-ribbon b{flex:0 0 125px}
 .method-ribbon span{font-size:13px}
 .bundle-world{padding-bottom:80px}
 .bundle-head{margin:46px 0 35px}
 .artifact-layout{min-height:0;gap:20px}
 .artifact-copy{padding-left:0}
 .artifact-viewport{height:465px;margin:0 -22px}
 .artifact-card{height:370px;width:265px}
 .artifact-card.wallpaper-card{height:350px;width:245px}
 .bundle-includes>div{font-size:12px}
 .result-bridge{grid-template-columns:86px 1fr;gap:13px;padding:11px}
 .result-bridge-image{height:124px}
 .result-bridge-copy strong{font-size:22px}
 .result-bridge-copy p{font-size:11px}
 .hero .text-link{font-size:11px}
 .hero-foot{font-size:10px}
}
@media(max-width:390px){
 .station-stage{min-height:335px}
 .station-visual-bottom span:last-child{display:none}
 .artifact-card{height:335px;width:235px}
 .artifact-viewport{height:420px}
 .method-ribbon b{flex-basis:115px}
}
@media(prefers-reduced-motion:reduce){
 .station-sheet,.station-visual,.station-tab,.artifact-buy{transition:none}
}