.fx-guided-page{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr);gap:18px 36px;align-items:start;padding-top:18px;padding-bottom:30px}.fx-guided-heading{grid-column:1/-1;display:block;margin:0}.fx-guided-heading .fx-eyebrow{font-size:12px;letter-spacing:.1em}.fx-guided-heading h1{font:700 clamp(34px,3.1vw,46px)/1.05 var(--fixapp-font-display);letter-spacing:-.025em;margin:7px 0 0}.fx-guided-heading h1 em{font-style:normal;color:var(--fixapp-red)}.fx-guided-intro{position:static;align-self:start;margin:0}.fx-guided-form{padding:22px 24px;border-radius:18px}.fx-guide-progress{font-size:13px;gap:8px}.fx-guided-form fieldset{margin:18px 0}.fx-guided-form legend{font-size:27px;margin-bottom:14px}.fx-guided-form [data-guide-step="2"] .fx-guide-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.fx-guided-form [data-guide-step="2"] .fx-guide-choices label{padding:11px;gap:9px;min-height:62px;font-size:15px;line-height:1.3;border-radius:10px}.fx-guided-form [data-guide-step="2"] .fx-guide-choices label:has(:checked){padding:10px}.fx-guided-form input[type=radio]{width:18px;height:18px;accent-color:var(--fixapp-red)}.fx-guide-nav{margin-top:18px;padding-top:16px}.fx-guide-nav button{min-height:44px;padding:10px 18px;font-size:16px}.fx-guided-form .fx-button{min-height:44px;padding:11px 20px;font-size:16px}.fx-guided-form :focus-visible{outline-color:var(--fixapp-red)}.fx-guide-paths{grid-column:1/-1;border-top:1px solid var(--fixapp-line);padding-top:18px}.fx-guide-paths ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:22px;margin:0;padding:0}.fx-guide-paths li{display:flex;gap:12px;align-items:center;min-width:0}.fx-guide-path-icon{display:grid;place-items:center;color:var(--fixapp-red);width:38px;height:38px;flex-shrink:0;border-radius:10px;background:var(--fixapp-brand-soft)}.fx-guide-paths h2{font:600 17px/1.2 var(--fixapp-font-body);letter-spacing:0;margin:0 0 4px}.fx-guide-paths p{font-size:14px;line-height:1.4;color:var(--fixapp-muted);margin:0}.fx-guide-path-footer{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-size:13px;line-height:1.4;color:var(--fixapp-muted)}.fx-guide-path-footer a{font-weight:600;color:var(--fixapp-ink);text-underline-offset:3px}.fx-guide-path-footer a:hover{color:var(--fixapp-red)}
.fx-device-visual{--device-angle:-18deg;--device-lift:0px;--device-screen-lift:10px;background:var(--fixapp-night);color:var(--fixapp-paper);border:1px solid var(--fixapp-ink);border-radius:18px;margin-top:26px;padding:22px 22px 16px;overflow:hidden;isolation:isolate}.fx-device-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.fx-device-top .fx-eyebrow{font-size:11px;color:var(--fixapp-hero-accent);letter-spacing:.12em}.fx-device-top>[data-device-model]{font-size:12px;white-space:nowrap;color:var(--fixapp-hero-muted)}.fx-device-stage{position:relative;height:340px;perspective:1100px;overflow:visible;display:grid;grid-template-rows:minmax(0,1fr);place-items:center}.fx-device-halo{position:absolute;inset:30px -10px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--fixapp-red) 18%,transparent),transparent 68%);opacity:.8}.fx-device-shadow{position:absolute;width:160px;height:45px;bottom:2px;left:50%;transform:translateX(-50%) rotate(-15deg);border-radius:50%;background:#0008;filter:blur(12px)}.fx-device-assembly{position:relative;width:200px;height:400px;transform-style:preserve-3d;transform:translateY(5px) scale3d(.73,.73,.73) rotateX(27deg) rotateY(var(--device-angle)) rotateZ(-12deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.fx-device-frame{position:absolute;inset:0;transform:translateZ(-8px);filter:drop-shadow(5px 10px 0 #08090b) drop-shadow(0 12px 20px #0008)}.fx-device-frame>svg{display:block}.fx-device-part{position:absolute;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.7,.2,1),box-shadow .5s,opacity .5s}.fx-device-battery{left:19px;top:126px;width:85px;height:211px;background:linear-gradient(120deg,#34363b,#151619 70%);border:1px solid var(--fixapp-scroll);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:var(--fixapp-hero-muted);transform:translateZ(0px);box-shadow:3px 4px 0 #08090b}.fx-device-battery span{font:600 9px var(--fixapp-font-body);letter-spacing:.16em}.fx-cell-brand{font:600 18px var(--fixapp-font-body);letter-spacing:-.06em}.fx-cell-lines{width:45px;height:15px;background:repeating-linear-gradient(to bottom,var(--fixapp-muted) 0 1px,transparent 1px 4px);opacity:.7}.fx-device-port{width:130px;height:62px;left:35px;bottom:9px;transform:translateZ(1px)}.fx-device-screen{inset:1px;border:2px solid var(--fixapp-scroll);border-radius:31px;background:linear-gradient(120deg,#767a83,#25262a);padding:4px;transform:translateZ(var(--device-screen-lift));box-shadow:3px 5px 0 #08090b;backface-visibility:visible}.fx-device-screen-inner{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#454951,#090a0c 65%);height:100%;border-radius:25px;border:1px solid #090a0c;display:grid;place-items:center}.fx-device-screen-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#ffffff14 45%,transparent 65%);pointer-events:none}.fx-device-island{position:absolute;left:50%;top:11px;transform:translateX(-50%);width:61px;height:17px;border-radius:20px;background:#020304;border:1px solid #25262a}.fx-device-display-brand{font:600 32px var(--fixapp-font-body);letter-spacing:-.08em;color:var(--fixapp-paper)}.fx-device-display-brand span{color:var(--fixapp-hero-accent)}.fx-device-homebar{position:absolute;bottom:8px;left:50%;width:61px;height:3px;border-radius:10px;background:var(--fixapp-hero-muted);transform:translateX(-50%)}.fx-device-crack{position:absolute;inset:0;height:100%;width:100%;color:var(--fixapp-hero-accent);opacity:0}.fx-device-board-glow{position:absolute;left:113px;top:38px;width:55px;height:270px;border-radius:9px;border:2px solid var(--fixapp-hero-accent);box-shadow:0 0 22px var(--fixapp-red);transform:translateZ(3px);opacity:0;transition:opacity .5s}.fx-device-liquid{position:absolute;inset:0;transform:translateZ(70px);opacity:0;transition:opacity .5s}.fx-device-liquid span{position:absolute;width:15px;height:22px;border:1px solid var(--fixapp-hero-muted);background:#e0e1e330;border-radius:60% 40% 60% 40%;transform:rotate(30deg)}.fx-device-liquid span:nth-child(1){left:130px;top:80px}.fx-device-liquid span:nth-child(2){left:40px;top:180px;width:20px;height:30px}.fx-device-liquid span:nth-child(3){left:145px;top:285px}.fx-device-software{position:absolute;inset:0;display:none;place-content:center;gap:10px;background:#151619ed;color:var(--fixapp-hero-accent);font:500 45px var(--fixapp-font-body);text-align:center}.fx-device-software span{height:3px;width:80px;border-radius:3px;background:var(--fixapp-scroll)}.fx-device-software span:nth-child(2){width:55px;background:var(--fixapp-hero-accent)}.fx-device-software span:nth-child(3){width:65px}/* Component selection: finite movement, no continuous auto-rotation. */
.fx-device-visual.is-exploded .fx-device-screen,.fx-device-visual[data-component=battery] .fx-device-screen,.fx-device-visual[data-component=charging] .fx-device-screen,.fx-device-visual[data-component=power] .fx-device-screen,.fx-device-visual[data-component=liquid] .fx-device-screen{transform:translate3d(45px,-35px,105px);opacity:.3}.fx-device-visual.is-exploded .fx-device-battery{transform:translate3d(-15px,0,30px)}.fx-device-visual[data-component=battery] .fx-device-battery{transform:translate3d(-28px,-3px,85px);border-color:var(--fixapp-hero-accent);box-shadow:0 0 0 2px var(--fixapp-red),4px 6px 0 #08090b}.fx-device-visual[data-component=screen] .fx-device-screen{transform:translate3d(30px,-18px,100px);border-color:var(--fixapp-hero-accent);box-shadow:0 0 0 1px var(--fixapp-red),3px 5px 0 #08090b}.fx-device-visual[data-component=charging] .fx-device-port{transform:translate3d(0,30px,100px);filter:drop-shadow(0 0 8px var(--fixapp-red))}.fx-device-visual[data-component=power] .fx-device-board-glow,.fx-device-visual[data-component=liquid] .fx-device-board-glow{opacity:1}.fx-device-visual[data-component=liquid] .fx-device-liquid{opacity:1}.fx-device-visual[data-component=power] .fx-device-display-brand{opacity:.15}.fx-device-visual[data-component=software] .fx-device-software,.fx-device-visual[data-component=recovery] .fx-device-software{display:grid}.fx-device-visual[data-component=screen].is-changing .fx-device-crack{animation:fx-screen-repair 1.8s both}.fx-device-visual[data-component=battery].is-changing .fx-device-battery{animation:fx-part-change 1.2s both}.fx-device-visual[data-component=charging].is-changing .fx-device-port{animation:fx-port-change 1.2s both}@keyframes fx-screen-repair{0%,40%{opacity:1}100%{opacity:0}}@keyframes fx-part-change{0%{opacity:1;transform:translate3d(-28px,-3px,85px)}40%{opacity:0;transform:translate3d(-90px,-10px,100px)}50%{opacity:0;transform:translate3d(-65px,30px,85px)}100%{opacity:1;transform:translate3d(-28px,-3px,85px)}}@keyframes fx-port-change{0%{opacity:1;transform:translate3d(0,30px,100px)}40%{opacity:0;transform:translate3d(0,100px,100px)}50%{opacity:0;transform:translate3d(0,80px,100px)}100%{opacity:1;transform:translate3d(0,30px,100px)}}
.fx-device-visual{margin:0;padding:16px 18px;border-radius:18px}.fx-device-stage{height:328px}.fx-device-assembly{transform:translateY(-8px) scale3d(.65,.65,.65) rotateX(27deg) rotateY(var(--device-angle)) rotateZ(-12deg)}.fx-device-top{min-height:20px}.fx-device-top .fx-eyebrow{font-size:10px}.fx-device-top>[data-device-model]{font-size:11px}
@media(max-width:1100px) and (min-width:801px){.fx-guided-page{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);column-gap:24px}.fx-guided-form [data-guide-step="2"] .fx-guide-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-guided-form{padding:20px}.fx-device-stage{height:365px}.fx-device-assembly{transform:translateY(-8px) scale3d(.7,.7,.7) rotateX(27deg) rotateY(var(--device-angle)) rotateZ(-12deg)}.fx-guide-paths ul{gap:16px}.fx-guide-paths h2{font-size:16px}.fx-guide-paths p{font-size:13px}}
@media(max-width:800px){.fx-guided-page{display:grid;grid-template-columns:1fr;gap:18px;padding-top:22px;padding-bottom:30px}.fx-guided-heading h1{font-size:34px;max-width:500px}.fx-guided-intro{width:100%}.fx-device-visual{padding:12px 16px}.fx-device-stage{height:260px}.fx-device-assembly{transform:translateY(34px) scale3d(.32,.32,.32) rotateX(27deg) rotateY(var(--device-angle)) rotateZ(-12deg)}.fx-guide-workflow{min-width:0}.fx-guided-form{padding:20px 18px}.fx-guided-form [data-guide-step="2"] .fx-guide-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-guided-form [data-guide-step="2"] .fx-guide-choices label{font-size:15px;min-height:76px}.fx-guide-paths ul{grid-template-columns:1fr;gap:16px}.fx-guide-path-footer{display:block}.fx-guide-path-footer a{display:block;margin-top:12px}.fx-device-top{min-height:18px}}
@media(prefers-reduced-motion:reduce){.fx-device-assembly,.fx-device-part,.fx-device-board-glow,.fx-device-liquid{transition:none!important}.fx-device-visual *{animation:none!important}.fx-device-crack{opacity:0!important}}
@supports not (transform-style:preserve-3d){.fx-device-assembly{transform:scale3d(.6,.6,.6)}}
