/* One coordinate system. Dimensions are derived from a 304.1 × 215 mm footprint. */
.mac-story{height:510svh;position:relative;border-top:1px solid var(--line)}
.mac-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,#101822 0,#06090d 35%,#030304 70%);--scene-fade:1}
.story-copy{position:absolute;top:36%;left:max(5vw,calc((100vw - 1440px)/2));right:auto;width:26vw;max-width:365px;text-align:left;z-index:4;pointer-events:none;opacity:var(--scene-fade);background:none;border:0;padding:0;box-shadow:none}
.story-copy .eyebrow{font-size:9px;letter-spacing:.17em;color:#7e8996}
.story-copy h2{font-size:clamp(32px,3.2vw,49px);font-weight:590;letter-spacing:-.045em;line-height:1.08;margin:10px 0 12px;color:#e9edef}
.story-copy p{font-size:13px;color:#838d99;line-height:1.5;margin:0}
.copy-enter{animation:copyEnter .55s var(--ease2)}
@keyframes copyEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.mac-cinematic{position:absolute;inset:0;opacity:var(--scene-fade);pointer-events:none}
.mac-stage{position:absolute;inset:0;perspective:6000px;perspective-origin:50% 52%;transform-style:preserve-3d}
.macbook{position:absolute;width:min(59vw,76vh,1020px);height:0;left:64%;top:67%;margin-left:calc(min(59vw,76vh,1020px) / -2);transform-style:preserve-3d;transform:translateY(var(--camera-y,-19vh)) rotateX(var(--camera,56deg)) rotateY(var(--yaw,-8deg)) scale(var(--camera-scale,.88));transform-origin:50% 0;--key-light:.3}
.base{position:absolute;width:100%;height:var(--depth);top:0;left:0;transform-style:preserve-3d;border-radius:2.1% 2.1% 3% 3%;background:linear-gradient(105deg,#7c858e,#b4bdc5 26%,#9da6af 65%,#727d88);border:1px solid #b6c0ca;box-shadow:inset 0 2px 2px #e4e9ed88,inset 0 -2px 3px #626c76}
.base-front{position:absolute;left:0;top:100%;width:100%;height:var(--base-thickness);transform:rotateX(-90deg);transform-origin:50% 0;background:linear-gradient(#a7b0b9,#636c76 80%,#535e69);border:1px solid #919ca6;border-top:0;border-radius:0 0 11px 11px}
.base-front:before{content:"";position:absolute;left:44%;top:-1px;width:12%;height:29%;border-radius:0 0 15px 15px;background:#636e79;box-shadow:inset 0 -1px #bbc5ce55}
.base-right,.base-left{position:absolute;top:0;width:var(--base-thickness);height:100%;background:linear-gradient(90deg,#5d6874,#8995a0);transform-origin:0 50%;transform:rotateY(90deg)}
.base-right{left:100%}.base-left{left:0}
.base-left:after{content:"";position:absolute;top:13%;left:4px;width:4px;height:9%;border-radius:3px;background:#27303b;box-shadow:0 43px #27303b,0 75px #27303b}
.hinge{position:absolute;top:-3px;left:10%;width:80%;height:6px;border-radius:3px;background:linear-gradient(#474e56,#1f262e);transform:translateZ(1px);pointer-events:none}
.lid-wrap{position:absolute;top:calc(-1 * var(--depth));left:0;width:100%;height:var(--depth);transform-origin:50% 100% 0;transform-style:preserve-3d;transform:rotateX(calc((var(--opening,2) - 180) * 1deg))}
.lid-front,.lid-back{position:absolute;inset:0;border-radius:2.8% 2.8% 1.8% 1.8%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lid-front{background:linear-gradient(120deg,#a0a9b2,#5c6873);border:1px solid #aeb8c3;box-shadow:inset 0 0 0 2px #080b0f}
.lid-front:before{content:"";position:absolute;inset:.5%;background:#080a0d;border-radius:2.1%;pointer-events:none}
.lid-back{transform:translateZ(calc(-1 * var(--lid-thickness))) rotateY(180deg);display:grid;place-items:center;background:linear-gradient(120deg,#7f8b97,#9ba6b1 45%,#6e7c89);border:1px solid #bbc5ce;box-shadow:0 1px 0 1px #53616e,0 3px 0 1px #84919d,0 6px 0 1px #5c6977}
.lid-back img{width:11%;height:15%;object-fit:contain;opacity:.68;filter:brightness(.4);transform:rotate(180deg)}
.screen{position:absolute;inset:1.4% 1.1% 5.6%;border-radius:1.8% 1.8% .8% .8%;overflow:hidden;isolation:isolate;background:#000;pointer-events:auto;container-type:inline-size;box-shadow:0 0 0 1px #000}
.notch{position:absolute;top:0;left:44%;width:12%;height:3.9%;background:#050607;border-radius:0 0 7px 7px;z-index:20;pointer-events:none}
.notch:after{content:"";position:absolute;top:28%;left:50%;height:4px;width:4px;background:#122032;border:1px solid #182b3b;border-radius:50%}
.keyboard{position:absolute;top:6.4%;left:4%;width:92%;height:52%;display:flex;flex-direction:column;gap:1.8%;transform:translateZ(1.5px);background:#7f8a95;border-radius:2%;padding:.6%;box-shadow:inset 0 1px 5px #131c26aa}
.keyrow{display:flex;flex:1;gap:.7%;min-height:0}
.mkey{flex:var(--units,1);min-width:0;position:relative;background:linear-gradient(170deg,#262c33,#11161c 82%);border:1px solid #111820;border-top-color:#434d57;border-radius:5px;box-shadow:0 2px 0 1px #080c11,inset 0 1px 0 #646c7344,inset 0 -2px 0 #05080c,0 0 3px rgb(255 255 255 / calc(var(--key-light) * .23));color:rgb(255 255 255 / var(--key-light));text-shadow:0 0 3px rgb(255 255 255 / calc(var(--key-light)*.7))}
.mkey .latin{position:absolute;top:12%;left:12%;font-size:clamp(5px,.8vh,10px);font-weight:400;line-height:1}
.mkey .arabic{position:absolute;bottom:9%;right:12%;font-family:Arial,sans-serif;font-size:clamp(7px,1vh,12px);line-height:1}
.mkey svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.function-row .mkey .latin{left:50%;top:18%;transform:translateX(-50%);font-size:7px}.function-row .mkey .arabic{font-size:5px;right:42%;bottom:11%}
.mkey.blank{visibility:hidden}.mkey.iso-return{position:absolute;right:.6%;top:33.9%;width:9.2%;height:32.3%;clip-path:polygon(0 0,100% 0,100% 100%,18% 100%,18% 50%,0 50%)}
.iso-return span{position:absolute;top:22%;left:35%;font-size:15px}
.mkey.arrows .latin{left:40%;top:12%;line-height:1.9;font-size:6px}.mkey.arrows:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#77849088}.mkey.arrow{height:49%;align-self:flex-end}.mkey.arrow .latin{left:40%;font-size:7px;top:30%}
.keyrow:last-of-type .mkey .latin{top:auto;bottom:15%;font-size:6px}.keyrow:last-of-type .mkey .arabic{bottom:auto;top:12%;font-size:10px}
.trackpad{position:absolute;left:29.9%;top:64.5%;width:40.2%;height:29.2%;border:1px solid #5c697788;border-radius:4.5%;background:linear-gradient(120deg,#9ca8b4,#a6b1ba 60%,#8c99a5);box-shadow:inset 0 1px 1px #d5dee655,0 1px 0 #c1ccd666}
.desktop-layer,.boot-layer,.app-layer{position:absolute;inset:0;transition:opacity .48s,transform .6s var(--ease2)}
.desktop-layer{opacity:0}.wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 120%,#ffd290 0,#e69983 19%,transparent 40%),radial-gradient(ellipse at 85% -50%,#4f92b1,transparent 75%),linear-gradient(132deg,#071d31,#28647e 32%,#04233e 34%,#396c86 52%,#061c3e 53%,#296682 79%,#435166)}
.wallpaper:before,.wallpaper:after{content:"";position:absolute;inset:-50%;border:4cqw solid #90dddc30;border-radius:42%;transform:rotate(-37deg) translateX(-18%);box-shadow:0 0 2cqw #7aced01a,inset 0 0 3cqw #09203955}
.wallpaper:after{transform:rotate(-37deg) translateX(18%);border-width:1.2cqw;border-color:#9ac4da22}
.mac-menubar{position:absolute;inset:0 0 auto;height:5.6%;min-height:18px;display:flex;align-items:center;justify-content:space-between;padding:0 1.8%;background:#1b34464d;color:#fff;font-size:1.15cqw;line-height:1;backdrop-filter:blur(12px);z-index:2}
.menu-left,.menu-right{display:flex;align-items:center;gap:1.3cqw}.menu-left img{width:1.3cqw;height:1.6cqw;filter:invert(1)}.menu-right{gap:1cqw}.menu-right svg{width:1.5cqw;height:1.5cqw;stroke:currentColor;fill:none;stroke-width:1.6}
.battery{width:2cqw;height:.9cqw;border:1px solid #fff9;padding:1px;border-radius:2px;display:block}.battery i{display:block;width:80%;height:100%;background:#fff;border-radius:1px}
.desktop-icons{position:absolute;right:3%;top:13%;display:grid;gap:2.5cqw;text-align:center}.desktop-icons>div{display:grid;justify-items:center;gap:.7cqw}.desktop-icons small{font-size:1.15cqw;text-shadow:0 1px 3px #000}.desktop-drive{width:4.5cqw;height:4.5cqw;border-radius:12%;background:linear-gradient(120deg,#e7eef0,#8c9ba7 70%,#d8e4e9);border:1px solid #fff6;box-shadow:inset 0 -7px 0 #657780,0 2px 4px #0006}.desktop-folder{width:5cqw;height:3.6cqw;background:linear-gradient(#81d6ec,#53a6d3);border-radius:3px;box-shadow:0 2px 4px #0005;position:relative}.desktop-folder:before{content:"";width:50%;height:5px;background:#6dc7ea;position:absolute;top:-4px;left:0;border-radius:3px 3px 0 0}
.dock{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.65cqw;padding:.65cqw 1cqw;border:1px solid #e4f0ff38;background:#9aacbf3d;border-radius:1.5cqw;backdrop-filter:blur(15px);box-shadow:0 5px 10px #0002}
.dock button{width:5cqw;height:5cqw;max-width:48px;max-height:48px;border:0;padding:0;background:none;cursor:pointer;transition:transform .25s var(--ease2);position:relative}.dock button:hover{transform:translateY(-6px) scale(1.12)}.dock img{display:block;width:100%;height:100%;object-fit:contain}.dock-nexa img{border-radius:23%}.dock-divider{width:1px;height:3.5cqw;background:#fff3;margin:0 .4cqw}
.desktop-toast{position:absolute;bottom:16%;left:15%;right:15%;text-align:center;background:#142331cc;padding:1.3cqw;font-size:1.5cqw;border-radius:9px;opacity:0;transform:translateY(8px);transition:.3s;pointer-events:none}.desktop-toast.visible{opacity:1;transform:none}
.boot-layer{z-index:5;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.5cqw;opacity:1;pointer-events:none}
.boot-layer>img{width:5.7cqw;height:7cqw;filter:invert(1)}.boot-track,.launch-track{width:16cqw;height:.42cqw;min-height:2px;border-radius:4px;background:#35373a;overflow:hidden}.boot-track i,.launch-track i{display:block;height:100%;background:#f0f2f4;transform-origin:left;transform:scaleX(0)}
.launch-layer{position:absolute;top:29%;left:33%;width:34%;height:40%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.6cqw;border:1px solid #fff2;border-radius:2cqw;background:#10202bdd;backdrop-filter:blur(20px);color:#fff;opacity:0;transform:translateY(3cqw) scale(.95);transition:opacity .45s,transform .6s var(--ease2);pointer-events:none}.launch-layer>img{width:7cqw;height:7cqw;border-radius:24%}.launch-layer strong{font-size:2cqw}.launch-status{font-size:1.3cqw;color:#b3c3d1}.launch-track{width:14cqw;height:2px}
.app-layer{inset:7.5% 2% 3%;opacity:0;transform:translateY(4%) scale(.98);pointer-events:none;z-index:7}
[data-state=closed] .boot-layer>*,[data-state=closed] .desktop-layer{opacity:0}
[data-state=desktop] .boot-layer,[data-state=launch] .boot-layer,[data-state=app] .boot-layer,[data-state=hide] .boot-layer{opacity:0}
[data-state=desktop] .desktop-layer,[data-state=launch] .desktop-layer,[data-state=app] .desktop-layer,[data-state=hide] .desktop-layer{opacity:1}
[data-state=launch] .launch-layer{opacity:1;transform:none}
[data-state=launch] .dock-nexa{animation:dockBounce .8s var(--ease2) infinite alternate}
@keyframes dockBounce{to{transform:translateY(-1.6cqw)}}
[data-state=app] .app-layer{opacity:1;transform:none;pointer-events:auto}
.story-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:22px;width:max-content;max-width:95%;z-index:8;font-size:11px;color:#8b949e}
.story-hint{font:8px ui-monospace,monospace;letter-spacing:.12em;white-space:nowrap;color:#74808e}
.story-progress{width:72px;height:2px;background:#252b34}.story-progress i{display:block;width:100%;height:100%;background:#a8b6c3;transform-origin:left;transform:scaleX(0)}
.story-controls button{appearance:none;border:0;background:none;color:#d6e0e8;padding:10px 0;cursor:pointer;font-size:11px;white-space:nowrap;transition:color .2s}.story-controls button:hover{color:var(--mint)}.story-controls .scene-skip{color:#717d89}

/* The same live app reflows into a readable, touch-sized preview on mobile. */
.preview-app{height:100%;display:grid;grid-template-columns:24% minmax(0,1fr);border:1px solid #8b9aa644;border-radius:1.4cqw;background:rgb(12 17 22 / var(--glass-opacity,.95));box-shadow:0 1cqw 4cqw #0007;overflow:hidden;color:#e4e9ef;font-size:1.7cqw;line-height:1.45;text-align:left}
.preview-sidebar{border-right:1px solid #fff1;padding:2.2cqw 1.1cqw;display:flex;flex-direction:column;min-width:0;background:#ffffff03}
.preview-brand{display:flex;align-items:center;gap:1cqw;padding:0 .8cqw 2.7cqw}.preview-brand img{width:3cqw;height:3cqw;border-radius:22%}.preview-brand strong{font-size:1.85cqw;font-weight:600}
.preview-sidebar nav{position:relative;display:flex;flex-direction:column;gap:.7cqw}
.preview-sidebar nav button{position:relative;display:flex;align-items:center;gap:1.15cqw;padding:1.2cqw .9cqw;border:0;border-radius:.7cqw;background:none;color:#8996a5;font-size:1.6cqw;text-align:left;cursor:pointer;z-index:1;transition:color .25s}
.preview-sidebar nav button img{width:2cqw;height:2cqw;opacity:.65;object-fit:contain}.preview-sidebar nav button[aria-selected=true]{color:#f1f6fa}.preview-sidebar nav button[aria-selected=true] img{opacity:1}
.sidebar-indicator{position:absolute;top:0;left:0;background:#ffffff0c;border:1px solid #ffffff08;border-radius:.8cqw;transition:transform .35s var(--ease2),width .35s,height .35s;pointer-events:none}
.preview-status{display:flex;align-items:center;gap:.6cqw;color:#899f9b;font-size:1.15cqw;margin:auto .7cqw 0;padding-top:1.5cqw}.preview-status i,.status-dot{display:inline-block;width:.6cqw;height:.6cqw;background:#8cd5b8;border-radius:50%;margin-right:.4cqw}.preview-version{color:#5c6a77;font-size:1cqw;padding:.6cqw .7cqw 0}
.preview-body{min-width:0;display:flex;flex-direction:column;position:relative}.preview-body:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--glass-grain,.04);background:radial-gradient(ellipse at 100% 0,#bad5e880,transparent 75%)}
.preview-toolbar{height:5.6cqw;flex-shrink:0;display:flex;align-items:center;gap:2cqw;padding:0 2cqw;border-bottom:1px solid #ffffff0a;color:#9cabb7;font-size:1.3cqw}
.window-controls{display:flex;gap:.7cqw}.window-controls button{padding:0;width:1.05cqw;height:1.05cqw;border:0;border-radius:50%;background:#fc635e;cursor:pointer}.window-controls button:nth-child(2){background:#edbf4a}.window-controls button:nth-child(3){background:#40bf72}
.hide-shortcut{margin-left:auto;background:transparent;border:1px solid #ffffff0c;border-radius:.4cqw;color:#7f8d9c;padding:.25cqw .7cqw;font-size:1.2cqw;cursor:pointer}
.preview-content{flex:1;min-height:0;position:relative;overflow:hidden}.preview-pane{height:100%;padding:3cqw;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#35424c transparent}.preview-pane[hidden]{display:none}.preview-pane.active{animation:paneEnter .38s var(--ease2)}
@keyframes paneEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.preview-pane h3{font-size:2.6cqw;line-height:1.15;font-weight:570;letter-spacing:-.04em;margin:0 0 1.2cqw}.preview-pane p{font-size:1.5cqw;color:#8796a5;line-height:1.6;margin:0}
.micro-label{display:block;font:700 1cqw ui-monospace,monospace;letter-spacing:.11em;color:#6e8393}.overview-greeting .micro-label{margin-bottom:1.5cqw}
.overview-tools{display:grid;grid-template-columns:1fr 1fr;margin-top:3.1cqw;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}
.overview-tools button{padding:1.7cqw .2cqw;display:flex;align-items:center;gap:1.1cqw;appearance:none;border:0;border-bottom:1px solid #ffffff08;background:none;color:#cbd5df;font-size:1.55cqw;cursor:pointer;text-align:left;transition:color .2s,background .2s}.overview-tools button:nth-child(odd){margin-right:2cqw}.overview-tools button:nth-last-child(-n+2){border-bottom:0}.overview-tools img{width:2cqw;height:2cqw;opacity:.7}.overview-tools button:hover{color:#8ce5c4;background:#ffffff03}.tool-arrow{margin-left:auto;color:#697b88}
.recent-item{margin-top:2.4cqw}.recent-item>span{font:1cqw ui-monospace,monospace;color:#657885;letter-spacing:.1em}.recent-item button{margin-top:.7cqw;display:flex;align-items:center;gap:1.2cqw;width:100%;background:none;border:0;padding:.8cqw 0;color:#afbfcb;font-size:1.4cqw;cursor:pointer}.recent-item button>span:last-child{margin-left:auto}.file-token{display:inline-grid;place-items:center;flex-shrink:0;font:700 .95cqw ui-monospace,monospace;letter-spacing:-.02em;border:1px solid currentColor;width:3.2cqw;height:3.9cqw;border-radius:.35cqw;opacity:.85}
.pdf{color:#ee958e}.ppt{color:#e9af89}.doc{color:#8cb6e8}.xls{color:#8fcbb0}.txt{color:#c2cbd4}.img{color:#baa8d9}.mint{color:#9cd7bc}
.overview-foot{display:flex;justify-content:space-between;margin-top:2cqw;padding-top:1.8cqw;border-top:1px solid #ffffff0a;font-size:1.1cqw;color:#7f929f}.preview-app kbd{font-family:inherit;border:1px solid #fff2;border-radius:.4cqw;padding:.1cqw .6cqw;margin-left:.5cqw;color:#c2d0db}
.preview-browser-bar{display:flex;align-items:center;gap:1cqw;margin:-1cqw -1cqw 0}.preview-browser-bar>button{border:0;background:none;color:#aab7c3;font-size:2.3cqw;padding:.2cqw;cursor:pointer}.preview-browser-bar>button:disabled{opacity:.3;cursor:default}.url-field{display:flex;align-items:center;gap:.6cqw;background:#ffffff07;border:1px solid #ffffff0c;border-radius:.8cqw;padding:.5cqw 1cqw;flex:1;min-width:0}.url-field input{width:100%;min-width:0;background:none;border:0;outline:none;color:#a2b0bd;font-size:1.4cqw}
.browser-sample{margin-top:2cqw;border:1px solid #ffffff0a;border-radius:1cqw;padding:3cqw 2.5cqw;min-height:28cqw;background:radial-gradient(ellipse at 90% 0,#254d6133,transparent 65%),#090e13;text-align:center}.browser-sample>.micro-label{font-size:.9cqw}.browser-sample>img{width:5cqw;height:5cqw;margin:2cqw auto 1.3cqw;border-radius:25%}.browser-sample h3{margin-top:1.5cqw}.browser-links{display:flex;justify-content:center;gap:1cqw;margin-top:2cqw}.browser-links button,.browser-home{border:1px solid #ffffff15;color:#b0c4d1;font-size:1.2cqw;background:#ffffff04;border-radius:.7cqw;padding:.7cqw 1cqw;cursor:pointer}.browser-home{margin-top:3cqw}.preview-pane .preview-caption{font-size:1cqw;margin-top:1.2cqw;color:#5f7180}.refreshing{animation:paneEnter .4s}
.note-switcher{display:flex;gap:.6cqw;border-bottom:1px solid #fff1;padding-bottom:1.5cqw;margin-bottom:2.5cqw}.note-switcher button{background:none;color:#7e909c;border:0;border-radius:.6cqw;font-size:1.4cqw;padding:.7cqw 1cqw;cursor:pointer}.note-switcher button.active{background:#ffffff0c;color:#dce6ee}.note-editor{display:flex;flex-direction:column;height:calc(100% - 10cqw);gap:1.2cqw}.note-editor textarea{background:transparent;border:0;padding:0;width:100%;flex:1;resize:none;outline:none;color:#c6d3dc;font-size:1.9cqw;line-height:1.8}.note-footer{display:flex;justify-content:space-between;color:#617989;font-size:1cqw;padding-top:1cqw}
.file-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8cqw}.file-heading h3{font-size:2cqw;margin:0}.file-heading>span{font-size:1.2cqw;color:#6f8494}.file-workspace{display:grid;grid-template-columns:41% 1fr;gap:1.5cqw;height:calc(100% - 5cqw)}.preview-file-list{display:flex;flex-direction:column;gap:.3cqw;min-width:0}.preview-file-list button{display:flex;align-items:center;gap:.8cqw;text-align:left;border:1px solid transparent;border-radius:.7cqw;padding:.65cqw;background:none;color:#899cab;font-size:1.1cqw;cursor:pointer;min-width:0}.preview-file-list button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-file-list .file-token{width:2.7cqw;height:3.1cqw;font-size:.7cqw}.preview-file-list button[aria-pressed=true]{background:#ffffff08;border-color:#ffffff0a;color:#d7e5ed}
.document-preview{background:#070c10;border:1px solid #fff1;border-radius:.8cqw;overflow:hidden;min-width:0}.document-preview header{padding:1cqw;border-bottom:1px solid #fff1;display:flex;flex-direction:column;gap:.3cqw}.document-preview header strong{font-size:1.1cqw;font-weight:500}.document-preview header span{font-size:.9cqw;color:#667e8c}.document-canvas{padding:1.5cqw;height:calc(100% - 5cqw);overflow:auto}.sample-paper{background:#e4e8e9;color:#263e4c;padding:2cqw 1.7cqw;min-height:100%;border-radius:1px;box-shadow:0 2px 8px #0002}.sample-paper>span{font: .8cqw ui-monospace,monospace;color:#647a86}.sample-paper h4{font-size:2.7cqw;line-height:1.1;letter-spacing:-.05em;font-weight:600;margin:1.5cqw 0}.sample-paper p{font-size:1cqw;color:#536a76;line-height:1.7}.sample-paper hr{border:0;border-top:1px solid #a8b9c366;margin:1.6cqw 0}.sample-paper small{font-size:.65cqw;margin-top:2cqw;display:block;color:#82939b}.sample-slide{background:#1f4251;height:75%;padding:2cqw;display:flex;flex-direction:column;justify-content:center}.sample-slide>span{font-size:.8cqw;color:#9ac6cd}.sample-slide h4{font-size:3cqw;line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:2cqw 0}.sample-slide p{font-size:.9cqw;color:#a6c5ca}.sample-sheet{border-collapse:collapse;width:100%;font-size:1cqw;color:#b0cbbc}.sample-sheet td,.sample-sheet th{padding:.8cqw .5cqw;border:1px solid #8db09b33;text-align:left}.sample-sheet th{background:#5b9f7c22}.sample-sheet tr:last-child{color:#bde7cf;background:#72b38d22}.sample-text{color:#aec5d2;font-size:1.05cqw;white-space:pre-wrap;line-height:1.8;margin:0}.sample-image{height:100%;background:radial-gradient(ellipse at 0 20%,#89bdbf,transparent 70%),linear-gradient(140deg,#041c33,#396982 49%,#adc3b9 50%,#294a6c);border-radius:.5cqw;display:flex;align-items:end;padding:1.5cqw;color:#d7ebe9;font-size:1.3cqw}.sample-image.landscape{background:linear-gradient(160deg,#99b1b5 45%,#4f7775 45%,#254e54 64%,#173141 64%)}
.preview-settings{margin:1.2cqw 0}.preview-settings>div{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.95cqw 0;border-bottom:1px solid #ffffff09;font-size:1.2cqw}.preview-settings dt{color:#8b9daa}.preview-settings dd{margin:0;text-align:right;color:#c4d1db}.preview-settings dd.mint{color:#9cd7bc}.preview-settings .preview-license{font:1cqw ui-monospace,monospace}.preview-switch{display:block;width:3.8cqw;height:2.1cqw;border:0;border-radius:10cqw;background:#354550;padding:.3cqw;cursor:pointer;transition:background .3s}.preview-switch[aria-checked=true]{background:#6aaa91}.preview-switch i{display:block;width:1.5cqw;height:1.5cqw;background:#f4f6f7;border-radius:50%;transition:transform .25s}.preview-switch[aria-checked=true] i{transform:translateX(1.7cqw)}
.glass-range{display:block;margin-top:1.7cqw;font-size:1.2cqw;color:#8fa5b1}.glass-range>span,.glass-range small{display:flex;justify-content:space-between;align-items:center}.glass-range output{color:#b4e2cd}.glass-range input{display:block;width:100%;accent-color:#9bcfb9;height:1.2cqw;margin:1.2cqw 0;cursor:pointer}.glass-range small{color:#5d7685;font-size:.95cqw}

/* A compact product summary, rather than a second full application. */
.product-summary{padding:100px 0 105px;border-top:1px solid var(--line);background:linear-gradient(#080b10,#050609)}
.summary-heading{text-align:center;margin-bottom:42px}.summary-heading h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.065em;line-height:1.03;font-weight:600;margin:18px 0}.summary-heading h2 span{color:#798592}
.tool-summary{max-width:1030px;margin:auto;border:1px solid #ffffff12;border-radius:22px;background:#0b0e13;overflow:hidden}
.summary-tabs{display:flex;position:relative;margin:12px;padding:0;background:#ffffff03;border:1px solid #ffffff08;border-radius:12px}
.summary-tabs button{border:0;background:none;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 12px;color:#788391;cursor:pointer;font-size:13px;font-weight:530;position:relative;transition:color .3s}.summary-tabs button[aria-selected=true]{color:#e7eef2}.summary-tabs img{width:17px;height:17px;opacity:.7}.tab-indicator{position:absolute;left:0;top:0;height:100%;border-radius:10px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff09;transition:transform .4s var(--ease2),width .4s var(--ease2);pointer-events:none}
.summary-panel{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:35px 48px 45px;min-height:260px;align-items:center}.summary-panel[hidden]{display:none}.summary-panel.active{animation:paneEnter .5s var(--ease2)}
.summary-copy h3{font-size:28px;font-weight:530;letter-spacing:-.04em;margin:0 0 14px}.summary-copy p{font-size:14px;line-height:1.7;color:#8b96a3;max-width:340px;margin:0}.summary-copy>button{margin-top:24px;background:none;border:0;color:#acc3d0;padding:0;display:flex;gap:18px;font-size:12px;cursor:pointer}.summary-copy>button:hover{color:#9fe4cb}
.summary-visual{min-height:200px;display:grid;place-items:center}.mini-browser,.mini-note,.mini-settings,.mini-files{width:100%;max-width:330px;border:1px solid #ffffff0d;background:#080c11;border-radius:12px;padding:20px;color:#9aaab8}.mini-browser{padding:0;overflow:hidden}.mini-address{font-size:12px;padding:12px;border-bottom:1px solid #ffffff0a;display:flex;color:#607280}.mini-address span{margin-left:auto;font-size:10px;color:#8498a8}.mini-browser-page{display:flex;align-items:center;gap:22px;padding:32px 24px}.mini-browser-page img{width:43px;height:43px;border-radius:11px}.mini-browser-page b{font-size:17px;line-height:1.3;font-weight:500;letter-spacing:-.03em;color:#bccbd7}.mini-note>span{font:9px ui-monospace,monospace;letter-spacing:.1em;color:#718697}.mini-note>b{display:block;font-size:17px;font-weight:500;margin:16px 0 8px;color:#c1ccd5}.mini-note p{font-size:12px;line-height:1.8;margin:0}.mini-note i{display:block;height:13px;width:1px;background:#b0cfda;margin-top:8px}.mini-files>div{display:grid;grid-template-columns:36px 1fr;column-gap:14px;align-items:center}.mini-files .file-token{width:34px;height:43px;font-size:9px;grid-row:span 2;border-radius:4px}.mini-files b{font-size:15px;font-weight:500;color:#b9c7d0}.mini-files small{font-size:11px;color:#6a7d8a}.mini-files p{font-size:9px;color:#708291;margin:26px 0 0;line-height:1.8;white-space:nowrap}.mini-settings>div:not(.mini-range){display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff08;font-size:12px}.mini-settings kbd{font-size:12px;color:#c0d1db}.mini-settings b{font-weight:400;color:#a7d9c3}.mini-range{height:3px;background:#25313a;margin-top:19px}.mini-range i{display:block;width:70%;height:100%;background:#9fc7b6}
.faq-section{padding:105px 0 115px;border-top:1px solid var(--line);background:#050608}.faq-heading{text-align:center;margin-bottom:46px}.faq-heading h2{font-size:clamp(35px,4.5vw,61px);line-height:1;letter-spacing:-.055em;font-weight:560;margin:17px 0}
.faq-list{max-width:780px;margin:0 auto}.question{border-bottom:1px solid #ffffff12}.question h3{margin:0;font-weight:450;font-size:16px}.question h3 button{background:none;border:0;color:#cdd5dd;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;width:100%;padding:25px 0;cursor:pointer}.question button>span{font-size:23px;line-height:1;font-weight:300;color:#73808e;transition:transform .45s var(--ease2)}.question button[aria-expanded=true]>span{transform:rotate(45deg)}.answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s var(--ease2),opacity .35s}.answer>div{overflow:hidden;min-height:0}.question.open .answer{grid-template-rows:1fr;opacity:1}.answer p{font-size:14px;color:#8c98a5;line-height:1.8;max-width:680px;margin:0;padding:0 30px 24px 0}.answer a{color:#a6c0d2;text-decoration:underline;text-underline-offset:3px}
.final-cta{border-top:1px solid var(--line);padding:115px 0!important;background:radial-gradient(ellipse at 50% 100%,#11203066,transparent 70%),#030507;text-align:center}.final-cta h2{font-size:clamp(46px,6.2vw,89px);font-weight:610;line-height:.98;letter-spacing:-.065em;margin:18px 0 25px}.final-cta p{max-width:590px;margin:auto;color:#8793a0;font-size:15px;line-height:1.7}.purchase-meta{display:flex;justify-content:center;gap:22px;margin:28px 0 0;flex-wrap:wrap;font-size:10px;color:#718393}.purchase-meta span:first-child{color:#b4c8d5}

@media(min-width:961px) and (max-height:750px){.story-copy{top:33%}.story-copy h2{font-size:32px;margin:7px 0}.story-copy p{font-size:11px}.macbook{width:70vh;margin-left:-35vh;top:66%}.story-controls{bottom:10px}}
@media(max-width:1050px){.story-controls{gap:15px}.story-hint{font-size:7px}.summary-panel{gap:24px;padding:25px 30px 35px}}
@media(max-width:960px),(prefers-reduced-motion:reduce){
  .mac-story{height:auto;padding:60px 0 40px;background:#060a0f;scroll-margin-top:72px}.mac-sticky{position:relative;height:auto;overflow:visible;background:none}.story-copy{position:relative;inset:auto;margin:0 24px 32px;width:auto;max-width:none;text-align:center;opacity:1}.story-copy h2{font-size:32px}.story-copy p{font-size:12px}.mac-cinematic{position:relative;inset:auto;opacity:1}.mac-stage{position:relative;inset:auto;perspective:none;transform-style:flat}.macbook{position:relative;top:0;left:0;width:calc(100% - 32px);max-width:710px;height:auto;margin:0 auto;transform:none!important;transform-style:flat}.base,.hinge,.lid-back{display:none}.lid-wrap{position:relative;inset:auto;width:100%;height:auto;transform:none;transform-style:flat}.lid-front{position:relative;inset:auto;border-radius:20px;background:#0a1018;padding:9px 8px 18px;border:1px solid #506271;box-shadow:0 18px 60px #0006}.lid-front:before{display:none}.screen{position:relative;inset:auto;width:100%;height:530px;border-radius:12px;container-type:normal}.notch{width:20%;left:40%;height:13px}.app-layer{inset:22px 0 0}.desktop-layer{pointer-events:auto}.mac-menubar{height:21px;min-height:0;font-size:8px}.menu-left{gap:8px}.menu-left img{width:10px;height:11px}.menu-left span{display:none}.menu-right svg{width:12px;height:12px}.menu-right time{font-size:8px}.battery{width:17px;height:8px}.desktop-icons{gap:25px;top:60px}.desktop-icons small{font-size:11px}.desktop-drive{width:40px;height:40px}.desktop-folder{width:42px;height:32px}.dock{gap:7px;padding:8px 10px;border-radius:14px;bottom:14px}.dock button{width:34px;height:34px}.dock-divider{height:28px;margin:0 4px}.desktop-toast{font-size:12px;padding:12px}.boot-layer,.launch-layer{display:none}
  .preview-app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);border-radius:9px;font-size:13px;background:#0c1219}.preview-sidebar{padding:8px 5px;display:block;border:0;border-bottom:1px solid #fff1}.preview-brand,.preview-status,.preview-version{display:none}.preview-sidebar nav{flex-direction:row;gap:0;justify-content:space-between}.preview-sidebar nav button{flex:1;min-width:0;flex-direction:column;gap:6px;padding:8px 2px;font-size:9px;border-radius:6px;white-space:nowrap}.preview-sidebar nav button img{width:17px;height:17px}.sidebar-indicator{border-radius:6px}.preview-toolbar{height:36px;font-size:11px;padding:0 14px;gap:12px}.window-controls{gap:5px}.window-controls button{width:8px;height:8px}.hide-shortcut{font-size:10px;border-radius:4px;padding:2px 7px}.preview-pane{padding:21px 17px}.preview-pane h3{font-size:24px;margin-bottom:12px}.preview-pane p{font-size:12px;line-height:1.7}.micro-label{font-size:9px}.overview-greeting .micro-label{margin-bottom:14px}.overview-tools{margin-top:24px}.overview-tools button{font-size:13px;padding:16px 2px;gap:10px}.overview-tools button:nth-child(odd){margin-right:16px}.overview-tools img{width:18px;height:18px}.recent-item{margin-top:20px}.recent-item>span{font-size:9px}.recent-item button{font-size:12px;gap:10px;margin-top:7px;padding:8px 0}.file-token{font-size:8px;width:28px;height:35px;border-radius:3px}.overview-foot{margin-top:18px;padding-top:16px;font-size:9px;gap:6px}.status-dot{width:4px;height:4px;margin-right:4px}.preview-app kbd{border-radius:4px;padding:1px 4px;margin-left:4px}
  .preview-browser-bar{gap:8px;margin:-3px -3px 0}.preview-browser-bar>button{font-size:22px}.url-field{border-radius:6px;padding:5px 8px;gap:6px}.url-field input{font-size:12px}.browser-sample{padding:30px 15px;margin-top:20px;min-height:270px;border-radius:8px}.browser-sample>.micro-label{font-size:8px}.browser-sample>img{width:49px;height:49px;margin:20px auto 16px}.browser-sample h3{margin-top:15px}.browser-links{gap:9px;margin-top:22px}.browser-links button,.browser-home{font-size:11px;border-radius:6px;padding:8px 12px}.browser-home{margin-top:25px}.preview-pane .preview-caption{font-size:9px;margin-top:15px}
  .note-switcher{gap:4px;padding-bottom:15px;margin-bottom:22px}.note-switcher button{padding:8px 11px;font-size:11px;border-radius:6px}.note-editor{height:calc(100% - 75px);gap:16px}.note-editor textarea{font-size:15px;line-height:1.8}.note-footer{font-size:9px;padding-top:10px;gap:10px}
  .file-heading{margin-bottom:16px}.file-heading h3{font-size:20px;margin:0}.file-heading>span{font-size:11px}.file-workspace{display:flex;flex-direction:column;gap:14px;height:calc(100% - 37px)}.preview-file-list{flex-direction:row;overflow-x:auto;flex-shrink:0;gap:5px;padding-bottom:5px}.preview-file-list button{flex-shrink:0;gap:7px;font-size:10px;padding:7px;border-radius:6px}.preview-file-list .file-token{width:23px;height:27px;font-size:6px}.preview-file-list button>span:last-child{max-width:84px}.document-preview{min-height:0;flex:1;border-radius:7px}.document-preview header{padding:8px 12px;gap:2px;flex-direction:row;justify-content:space-between}.document-preview header strong{font-size:10px}.document-preview header span{font-size:8px}.document-canvas{height:calc(100% - 32px);padding:13px}.sample-paper{padding:18px 22px;min-height:100%}.sample-paper>span{font-size:7px}.sample-paper h4{font-size:25px;margin:12px 0}.sample-paper p{font-size:10px}.sample-paper hr{margin:13px 0}.sample-paper small{font-size:7px;margin-top:16px}.sample-slide{padding:20px;min-height:160px}.sample-slide>span{font-size:8px}.sample-slide h4{font-size:29px;margin:18px 0}.sample-slide p{font-size:10px}.sample-sheet{font-size:11px}.sample-sheet td,.sample-sheet th{padding:10px 8px}.sample-text{font-size:12px}.sample-image{min-height:180px;font-size:12px;padding:15px}
  .preview-settings{margin:8px 0}.preview-settings>div{padding:9px 0;font-size:11px;gap:10px}.preview-settings .preview-license{font-size:8px}.preview-switch{width:34px;height:19px;padding:3px}.preview-switch i{width:13px;height:13px}.preview-switch[aria-checked=true] i{transform:translateX(15px)}.glass-range{margin-top:16px;font-size:11px}.glass-range input{height:15px;margin:10px 0}.glass-range small{font-size:9px}
  .story-controls{position:relative;left:0;bottom:0;transform:none;margin:17px auto 0;width:calc(100% - 48px);justify-content:space-between;gap:12px}.story-hint{font-size:7px}.story-progress,.scene-skip{display:none}.story-controls button{font-size:11px}
}
@media(max-width:640px){.product-summary,.faq-section{padding:70px 0}.summary-heading h2{font-size:40px}.summary-heading{margin-bottom:28px}.summary-tabs{margin:7px;border-radius:9px}.summary-tabs button{padding:13px 4px;gap:6px;font-size:10px}.summary-tabs img{width:14px;height:14px}.summary-panel{grid-template-columns:1fr;gap:26px;padding:25px 24px 30px;min-height:390px}.summary-copy h3{font-size:26px}.summary-copy p{font-size:13px}.summary-copy>button{margin-top:18px}.summary-visual{min-height:160px}.mini-browser,.mini-note,.mini-settings,.mini-files{max-width:none}.faq-heading{margin-bottom:30px}.faq-heading h2{font-size:36px}.faq-list{padding:0 8px}.question h3{font-size:14px}.question h3 button{padding:22px 0}.answer p{font-size:13px}.final-cta{padding:78px 0!important}.final-cta h2{font-size:48px}.final-cta p{font-size:13px;padding:0 10px}.purchase-meta{gap:12px;font-size:9px}.tool-summary{border-radius:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.load-stagger{opacity:1!important;transform:none!important;filter:none!important}.macbook{max-width:710px}.story-copy{opacity:1}.app-layer{transform:none}.preview-pane.active{animation:none}}
.preview-brand{appearance:none;background:none;border:0;color:inherit;text-align:left;cursor:pointer}
.mac-story{height:440svh}
@media(max-width:960px),(prefers-reduced-motion:reduce){.mac-story{height:auto}.overview-tools{margin-top:19px}.overview-tools button{padding-block:13px}.recent-item{margin-top:17px}.overview-foot{margin-top:14px;padding-top:12px}}

@media(min-width:961px){.preview-settings>div{font-size:clamp(9px,1.4cqw,13px)}.preview-settings .preview-license{font-size:clamp(8px,1.1cqw,11px)}.preview-file-list button{font-size:clamp(8px,1.25cqw,12px)}}