/* R4 — an image-ready product presentation, tactile Mac controls, and lifestyle cards. */
.a .start-feedback{font-size:12px;line-height:1.5;margin:12px 0 0;min-height:18px;color:#81533c}.a .start-feedback:empty{display:none}
.a .desk-sync .desk-plate{object-fit:fill;object-position:center;filter:none;transition:opacity 1s}.a .desk-sync .desk-plate-night{opacity:0}.a .desk-sync.night .desk-plate-night{opacity:1}.a .desk-sync.night .desk-plate-day{opacity:0}
.a .desk-sync .display-photo{width:100%;height:100%;object-fit:cover;background:none}.a .desk-sync .monitor-rig{opacity:0;transform:translateY(12px);cursor:default;transition:opacity 1.15s,transform 1.15s}.a .desk-sync .monitor-rig.placed{opacity:1;transform:none}.a .desk-sync .macbook{transform-origin:center 85%;transition:transform .8s cubic-bezier(.22,.8,.3,1),opacity .65s}.a .desk-sync[data-step="0"][data-presentation="waiting"] .macbook{transform:perspective(600px) rotateX(76deg);opacity:.6}.a .desk-sync:not([data-step="0"]) .macbook{transform:none}.a .desk-sync.night .macbook-hardware,.a .desk-sync.night .monitor-panel>img,.a .desk-sync.night .monitor-base,.a .desk-sync.night .monitor-stem{filter:brightness(.62) saturate(.7)}.a .desk-sync.night .device-label{color:#e1eaf2}.a .desk-sync.night .monitor-display,.a .desk-sync.night .laptop-display{box-shadow:0 0 calc(45px * var(--screen-glow)) #e6f4ff6e}.a .desk-sync .connection-status{max-width:90%;font-size:11px;white-space:normal;text-align:center}.a .desk-sync .monitor-panel{transition:top .06s linear}.a .desk-sync .monitor-stem{transition:top .06s linear}.a .desk-sync .display-osd{width:63%;padding:4%;bottom:8%}.a .desk-sync .osd-bars{gap:2px}.a .desk-sync .display-osd>span{font-size:18px}.a .desk-sync .display-osd b{font-size:11px}.a .desk-sync .laptop-display .display-osd{width:72%;padding:4%}.a .desk-sync .laptop-display .display-osd b{font-size:8px}.a .desk-sync .laptop-display .display-osd>span{font-size:12px}.a .desk-sync .scene-notice button{display:block;margin:10px auto 0;font-size:12px;padding:8px 16px;min-height:44px}
.a .presentation-timeline{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;width:100%;font-size:11px;color:#71808b}.a .presentation-timeline span{padding:8px 0;border-bottom:2px solid transparent;transition:color .4s,border-color .4s}.a .presentation-timeline span.active{color:#493266;border-color:#8661ad}.a .presentation-timeline i{width:24px;height:1px;background:#c8d4df}.a #replay-presentation{min-height:44px;padding:8px 16px}
.a .sync-controls{min-height:150px;gap:16px}.a .sync-controls .range-shell{display:flex;align-items:center;gap:10px;min-width:0;flex:1;max-width:520px}.a .sync-controls .color-controls label{font-size:13px;min-width:110px}.a .sync-controls input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:56px;min-height:56px;padding:5px;border:1px solid #d5dce5;border-radius:30px;background:#e4e9f0;box-shadow:inset 0 2px 4px #2436570d;cursor:grab;touch-action:pan-y}.a .sync-controls input[type=range]::-webkit-slider-runnable-track{height:44px;border-radius:25px;background:transparent}.a .sync-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #c4b2da;box-shadow:0 2px 7px #33234f20}.a .sync-controls input[type=range]::-moz-range-track{height:44px;border-radius:25px;background:transparent}.a .sync-controls input[type=range]::-moz-range-thumb{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #c4b2da;box-shadow:0 2px 7px #33234f20}.a .sync-controls input[type=range]:active{cursor:grabbing}.a .sync-controls input[type=range]:focus-visible{outline:3px solid #9775bf;outline-offset:4px}.a .sync-controls .range-caption{flex:none;font-size:11px}.a .sync-controls .calibration-prompt{border:0;background:transparent}.a .sync-controls .calibration-prompt.visible{border-radius:12px;background:#eee8f6}.a .sync-controls .calibration-prompt p{font-size:13px;line-height:1.65}
.a .keyboard-controls{display:flex;flex-direction:column;align-items:center;gap:12px}.a .keyboard-controls .keyboard-label{margin:0;letter-spacing:.04em}.a .mac-keyboard{display:flex;gap:6px;align-items:stretch;padding:7px;border-radius:13px;border:1px solid #b5bdc7;background:linear-gradient(#dce2e9,#afb8c4);box-shadow:0 3px 0 #8c97a6,0 7px 16px #24365714}.a .mac-keyboard .key-button,.a .mac-keyboard .key-escape{width:68px;min-width:68px;height:65px;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #10141b;border-radius:7px;background:linear-gradient(#24272c,#14161a);color:#eef2f7;box-shadow:inset 0 1px 1px #ffffff26,0 2px 0 #22262e;padding:5px}.a .mac-keyboard .key-escape{align-items:flex-start;justify-content:flex-start;width:48px;min-width:48px;padding:13px 9px;font-size:11px;color:#bdc4cd}.a .mac-keyboard .key-button:disabled{opacity:.52}.a .mac-keyboard .key-button:active{transform:translateY(1px);box-shadow:inset 0 1px 4px #000}.a .key-sun{width:29px;height:29px}.a .key-sun.small{width:24px;height:24px;margin:2.5px 0}.a .mac-keyboard .key-button small{font-size:10px;color:#c5cbd4;font-weight:400;line-height:1}.a .brightness-level{font-size:12px;font-variant-numeric:tabular-nums;color:#647183;letter-spacing:.1em}
.a .height-controls{display:flex;align-items:center;justify-content:center;gap:40px;width:100%;max-width:600px}.a .height-control{display:flex;flex-direction:column;align-items:center;gap:7px;flex:none}.a .height-control>label{font-size:12px;white-space:nowrap}.a .height-end{font-size:10px;color:#7d8490}.a .vertical-range-shell{display:flex;align-items:center;justify-content:center;width:64px;height:198px}.a .sync-controls input#height-slider{writing-mode:vertical-lr;direction:rtl;width:56px;height:198px;min-height:198px;margin:0;padding:5px;touch-action:none}.a .sync-controls input#height-slider::-webkit-slider-runnable-track{width:44px;height:100%;border-radius:25px}.a .sync-controls input#height-slider::-moz-range-track{width:44px;height:100%;border-radius:25px}.a .height-action{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;max-width:270px}.a .height-number{font-size:32px;font-variant-numeric:tabular-nums;font-weight:400;color:#35485e;line-height:1;margin:0}.a .height-number small{font-size:12px;color:#87919c}.a .height-action .hint{text-align:left;font-size:13px;line-height:1.7}.a .height-action .primary{font-size:13px;padding-inline:22px}.direction-02 .height-controls,.direction-03 .height-controls{gap:17px}.direction-02 .height-action,.direction-03 .height-action{flex:1}.direction-02 .height-action .primary,.direction-03 .height-action .primary{padding-inline:12px}.direction-02 .color-controls,.direction-03 .color-controls{flex-direction:column;align-items:stretch}.direction-02 .range-shell,.direction-03 .range-shell{max-width:none}.direction-03 .mac-keyboard{gap:4px;padding:6px}.direction-03 .mac-keyboard .key-button{width:62px;min-width:62px}.direction-03 .mac-keyboard .key-escape{display:none}.direction-02 .presentation-timeline,.direction-03 .presentation-timeline{gap:6px}.direction-02 .presentation-timeline i,.direction-03 .presentation-timeline i{width:10px}.direction-02 .presentation-timeline span,.direction-03 .presentation-timeline span{font-size:10px}.direction-04 .sync-controls:has(.height-controls){max-width:680px}
.a #feature-dialog{width:min(940px,calc(100vw - 40px));max-width:940px;padding:0;border-radius:18px;border:1px solid #d8e0e7;background:#fafaf8;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 25px 100px #17283c40}.a .feature-reveal.lifestyle-reveal{display:grid;grid-template-columns:46% 54%;padding:0;text-align:left;background:#fafaf8}.a .lifestyle-image{position:relative;min-height:520px;overflow:hidden}.a .lifestyle-image .feature-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;margin:0;max-height:none}.a .lifestyle-number{position:absolute;left:25px;bottom:25px;color:white;text-shadow:0 1px 8px #0008;font-size:9px;letter-spacing:.14em}.a .lifestyle-copy{padding:50px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.a .lifestyle-copy .eyebrow{font-size:9px;letter-spacing:.14em;color:#79727d}.a .lifestyle-label{font-size:12px;margin:24px 0 12px;color:#82798b}.a .lifestyle-copy h2{font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(30px,3.3vw,43px);font-weight:500;line-height:1.45;letter-spacing:.025em;margin:0 0 30px;color:#3d3748}.a .feature-detail{border-top:1px solid #dcd7df;padding-top:20px;display:flex;gap:13px;align-items:flex-start;width:100%}.a .feature-detail .feature-icon{width:30px;height:30px;flex:none;display:block;margin:2px 0;color:#8b719e}.a .feature-detail h3{font-size:14px;line-height:1.5;margin:0 0 7px;color:#5e5071}.a .feature-detail p{font-size:12px;line-height:1.8;color:#867c8f;margin:0}.a .lifestyle-copy .primary{margin:30px 0 0;font-size:13px;padding:13px 25px;min-height:46px}
@media(max-width:820px){.a .sync-controls{padding:22px 20px}.a .sync-controls .range-shell{max-width:none}.a .sync-controls .color-controls{flex-direction:column;align-items:stretch;gap:12px}.a .sync-controls .color-controls label{text-align:center}.a .keyboard-controls{width:100%}.a .height-controls{max-width:500px;gap:30px}.a .height-control{min-width:66px}.a .height-action{max-width:220px;align-items:flex-start}.a .height-action .primary{min-width:0;width:100%;font-size:12px;padding:12px}.a .sync-controls input#height-slider{width:56px;height:178px;min-height:178px}.a .vertical-range-shell{height:178px}.a .desk-sync .display-osd{padding:4%;width:65%}.a .desk-sync .display-osd>span{font-size:12px}.a .desk-sync .display-osd b{font-size:8px}.a .desk-sync .laptop-display .display-osd>span{font-size:8px}.a .desk-sync .laptop-display .display-osd b{font-size:6px}.a .desk-sync .osd-bars{height:3px;gap:1px;margin-top:7%}.a .desk-sync .laptop-display .osd-bars{height:2px}.a .desk-sync .connection-status{font-size:8px;padding:4px 8px}.a #feature-dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 28px);border-radius:14px}.a .feature-reveal.lifestyle-reveal{display:flex;flex-direction:column}.a .lifestyle-image{width:100%;min-height:0;height:240px;flex:none}.a .lifestyle-image .feature-photo{object-position:center 45%}.a .lifestyle-copy{padding:25px 25px 28px}.a .lifestyle-copy .eyebrow{font-size:8px}.a .lifestyle-label{margin:16px 0 7px;font-size:11px}.a .lifestyle-copy h2{font-size:30px;line-height:1.4;margin-bottom:20px}.a .feature-detail{padding-top:16px}.a .feature-detail h3{font-size:12px}.a .feature-detail p{font-size:11px}.a .lifestyle-copy .primary{margin-top:20px;width:100%}.a .lifestyle-number{left:20px;bottom:18px;font-size:8px}.direction-03 .mac-keyboard .key-escape{display:flex}.direction-03 .mac-keyboard .key-button{width:68px;min-width:68px}}
@media(max-width:380px){.a .height-controls{gap:18px}.a .lifestyle-image{height:190px}.a .lifestyle-copy{padding:22px}.a .lifestyle-copy h2{font-size:27px}.a .lifestyle-label{margin-top:12px}.a .presentation-timeline{gap:6px;font-size:10px}.a .presentation-timeline i{width:12px}}
@media(prefers-reduced-motion:reduce){.a .desk-sync *{transition:none!important;animation:none!important}.a .desk-sync[data-step="0"][data-presentation="waiting"] .macbook{transform:none}}

.a .desk-sync[data-phase="feedback-error"] .scene-notice{opacity:1;transform:translateX(-50%);pointer-events:auto}
/* Typography and pale lilac action follow the generated lifestyle-card art direction. */
.a .lifestyle-copy h2{font-family:inherit;font-weight:650;letter-spacing:-.025em;color:#2f2b35}.a .lifestyle-copy .primary{width:100%;background:#e0d5ee;color:#58446f}.a .lifestyle-copy .primary:hover{background:#d4c3e8}
.a .task-header h3{text-wrap:balance}.a .height-action .primary{white-space:nowrap}
/* R5 corrections only: stronger color-temperature feedback and complete mobile portraits. */
.a .desk-sync .monitor-display .temperature-cast{position:absolute;inset:0;z-index:1;background:var(--temperature-color);opacity:var(--temperature-opacity,0);mix-blend-mode:multiply;pointer-events:none;transition:opacity .18s,background-color .18s}
.a .desk-sync .display-osd{z-index:2}.a .desk-sync[data-step="1"] .display-photo{transition:filter .18s,opacity .5s}
.a .desk-sync .laptop-display .display-photo{filter:hue-rotate(0deg) saturate(1.08) brightness(var(--laptop-light))}
.a .lifestyle-image picture{display:block;position:absolute;inset:0;width:100%;height:100%}
@media(max-width:820px){.a .lifestyle-image{height:auto!important;min-height:0;aspect-ratio:3/2;flex:none}.a .lifestyle-image .feature-photo{object-fit:contain;object-position:center;width:100%;height:100%;background:#eeeae7}}
/* Keep the existing intro arrangements, with text-driven spacing before the art. */
.direction-01 .start-view,.direction-03 .start-view{display:flex;flex-direction:column;gap:32px;padding-bottom:16px}
.direction-01 .start-copy,.direction-03 .start-copy{order:0;width:100%;padding-bottom:0}
.direction-01 .start-bg,.direction-03 .start-bg{position:relative;order:1;inset:auto;flex:1;width:100%;min-height:320px}
.direction-03 .start-bg{width:calc(100% - 24px);margin-inline:12px}
@media(max-width:820px){.direction-02 .start-view{display:flex;flex-direction:column;gap:32px;padding-bottom:16px}.direction-02 .start-copy{order:0;width:100%;padding-bottom:0}.direction-02 .start-bg{position:relative;order:1;inset:auto;flex:1;width:100%;min-height:260px}.direction-01 .start-bg,.direction-03 .start-bg{min-height:260px}}