:root{
  --desktop:#7f7f7f;
  --window:#d9d9d9;
  --light:#fff;
  --mid:#bdbdbd;
  --dark:#3b3b3b;
  --black:#000;
  --blue:#000080;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--desktop);color:#111;font-family:"Courier New",Courier,monospace;overflow-x:hidden}
a{color:inherit}
img,video{display:block;width:100%}
button{font:inherit}
.desktop-noise{position:fixed;inset:0;z-index:-1;opacity:.12;background-image:radial-gradient(#000 0.6px,transparent .7px);background-size:4px 4px;pointer-events:none}
.system-bar{position:fixed;z-index:100;left:0;right:0;top:0;height:28px;background:#efefef;border-bottom:2px solid #111;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px;box-shadow:0 1px 0 #fff}
.system-left,.system-right{display:flex;align-items:center;gap:14px;white-space:nowrap}
.apple{font-size:15px}.strong{font-weight:700}.menu-item{text-decoration:none}.menu-item:hover{background:#111;color:#fff;padding:6px 4px;margin:-6px -4px}
.desktop{padding:54px 26px 26px;max-width:1500px;margin:0 auto}
.mac-window{background:var(--window);border:2px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #777,7px 7px 0 rgba(0,0,0,.28);margin-bottom:34px}
.window-titlebar{height:26px;background:#efefef;border-bottom:2px solid #000;display:flex;align-items:center;gap:8px;padding:3px 5px;position:relative;overflow:hidden}
.window-box{width:14px;height:14px;background:#ddd;border:2px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #777;flex:0 0 auto}
.window-title{font-weight:700;font-size:12px;background:#efefef;padding:0 6px;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.window-lines{height:14px;flex:1;background:repeating-linear-gradient(to bottom,#000 0,#000 1px,transparent 1px,transparent 3px)}
.status-bar{border-top:2px solid #000;background:#efefef;padding:5px 8px;font-size:10px;letter-spacing:.02em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hero-window{margin-top:0}.hero-screen{height:min(78vh,840px);min-height:590px;position:relative;overflow:hidden;background:#000}
.hero-video{position:absolute;inset:0;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.18) brightness(.72)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.16) 67%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 52%)}
.hero-content{position:absolute;inset:0;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:48px 46px 42px}
.startup-copy{display:flex;gap:28px;align-items:flex-start;margin-top:auto;margin-bottom:auto;max-width:1000px}
.startup-icon{width:92px;height:92px;border:3px solid #fff;display:grid;place-items:center;font:bold 44px/1 Arial,sans-serif;box-shadow:6px 6px 0 #fff;flex:0 0 auto}
.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(62px,10vw,160px);line-height:.78;letter-spacing:-.075em;margin:10px 0 26px;max-width:1000px}
.hero-sub{max-width:560px;font-size:14px;line-height:1.6;margin:0}.tiny{font-size:10px;letter-spacing:.08em}.small{font-size:12px}.mono{font-family:"Courier New",monospace}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
.mac-btn{display:inline-block;background:#d9d9d9;color:#000;border:2px solid #000;padding:10px 15px;text-decoration:none;box-shadow:inset 2px 2px #fff,inset -2px -2px #777,3px 3px 0 #000;font-size:12px;font-weight:700}
.mac-btn:active{transform:translate(2px,2px);box-shadow:inset 2px 2px #777,inset -2px -2px #fff,1px 1px 0 #000}.mac-btn.primary{outline:2px solid #000;outline-offset:3px}.small-btn{padding:7px 11px}
.split-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:26px;margin-bottom:34px}.split-row .mac-window{margin:0}
.window-content{padding:24px}.copy-panel{min-height:310px;display:flex;flex-direction:column;justify-content:center}.copy-panel h2{font:700 clamp(40px,6vw,82px)/.95 Arial,Helvetica,sans-serif;letter-spacing:-.05em;margin:18px 0}.copy-panel>p:last-child{max-width:730px;font-size:14px;line-height:1.7}
.note-content{padding:28px;text-align:center;display:flex;min-height:310px;flex-direction:column;align-items:center;justify-content:center}.pixel-face{font-size:42px;margin-bottom:14px}.big-note{font:bold clamp(44px,6vw,74px)/.82 Arial,sans-serif;letter-spacing:-.05em;margin:14px 0 26px}
.folder-toolbar,.mail-toolbar{display:flex;align-items:center;gap:8px;background:#c7c7c7;padding:7px 8px;border-bottom:2px solid #000;font-size:11px}.toolbar-item{border:1px solid #777;padding:4px 7px;background:#ddd;box-shadow:inset 1px 1px #fff}.toolbar-item.active{background:#000;color:#fff}.toolbar-spacer{flex:1}
.icon-grid{padding:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;background:#efefef}
.file-icon{margin:0;text-align:center;min-width:0}.thumb{background:#fff;border:2px solid #000;padding:4px;box-shadow:3px 3px 0 #777;aspect-ratio:4/3;overflow:hidden}.thumb.portrait{aspect-ratio:4/5}.thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.08)}.file-icon figcaption{font-size:10px;margin-top:8px;background:#fff;display:inline-block;padding:2px 4px;border:1px dotted transparent}.file-icon:hover figcaption{background:#000;color:#fff}.wide-file{grid-column:span 2}.wide-file .thumb{aspect-ratio:16/8.8}
.motion-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);gap:26px;margin-bottom:34px}.motion-layout .mac-window{margin:0}.video-frame{padding:10px;background:#111}.video-frame video{max-height:680px;object-fit:contain;background:#000}.list-view{background:#fff;min-height:460px}.list-head,.movie-row{display:grid;grid-template-columns:1.7fr 1fr 70px;gap:8px;align-items:center}.list-head{font-size:10px;font-weight:700;background:#c7c7c7;border-bottom:2px solid #000;padding:6px 8px}.movie-row{width:100%;text-align:left;border:0;border-bottom:1px solid #bbb;background:#fff;padding:9px 8px;font-size:10px;cursor:pointer}.movie-row:hover,.movie-row.active{background:#000080;color:#fff}.movie-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.services-row{grid-template-columns:1.5fr .9fr}.service-list{background:#efefef}.service-item{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:20px;border-bottom:1px solid #777}.service-icon{width:42px;height:42px;display:grid;place-items:center;border:2px solid #000;background:#fff;box-shadow:2px 2px 0 #777;font-size:20px}.service-item strong{font:700 28px/1 Arial,sans-serif}.service-item p{margin:7px 0 0;font-size:11px;line-height:1.5}.specs{text-align:left}.disk-icon{width:92px;height:78px;background:#ddd;border:3px solid #000;box-shadow:inset 2px 2px #fff,inset -2px -2px #777,4px 4px 0 #777;display:grid;place-items:center;font:bold 30px Arial;margin:4px auto 22px}.specs h3{text-align:center;font-size:18px}.specs p{font-size:11px;border-top:1px solid #999;padding-top:7px}
.contact-window{margin-bottom:26px}.contact-body{min-height:360px;padding:38px;background:#fff;display:flex;flex-direction:column;justify-content:center}.contact-body h2{font:700 clamp(52px,8vw,110px)/.84 Arial,Helvetica,sans-serif;letter-spacing:-.07em;margin:16px 0 34px}.contact-actions{display:flex;gap:14px;flex-wrap:wrap}.desktop-footer{max-width:1500px;margin:0 auto;padding:0 26px 28px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:10px}.desktop-footer a{color:#000}
@media(max-width:1000px){.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-file{grid-column:span 2}.split-row,.motion-layout{grid-template-columns:1fr}.hero-screen{min-height:640px}.system-right span:first-child{display:none}}
@media(max-width:700px){.system-bar{font-size:10px}.system-left{gap:8px}.system-left .menu-item:not(.strong){display:none}.desktop{padding:46px 10px 14px}.hero-content{padding:34px 20px 24px}.startup-copy{display:block}.startup-icon{width:64px;height:64px;font-size:28px;margin-bottom:22px}.hero h1{font-size:18vw}.hero-screen{height:82svh;min-height:600px}.split-row{gap:18px}.icon-grid{grid-template-columns:1fr;padding:14px}.wide-file{grid-column:auto}.wide-file .thumb,.thumb,.thumb.portrait{aspect-ratio:4/5}.motion-layout{gap:18px}.list-head,.movie-row{grid-template-columns:1.3fr 90px 48px}.service-item{grid-template-columns:46px 1fr;padding:16px}.contact-body{padding:24px 18px}.contact-body h2{font-size:15vw}.desktop-footer{padding:0 10px 20px;flex-direction:column}.status-bar{font-size:9px}}