:root{--bg-color:#000;--text-main:#f5f5f7;--text-muted:#86868b;--accent:#2cc78f;--accent-rgb:44, 199, 143;--glass-bg:#1a221fa6;--glass-border:#ffffff14;--panel-bg:#1f2422;--item-bg:#2a302e;--item-hover:#383f3c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}*{box-sizing:border-box}html,body,#root{min-height:100vh}.mac-container{flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.ambient-glow{background:radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .25), transparent 60%);filter:blur(80px);z-index:0;pointer-events:none;width:800px;height:600px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.mac-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);z-index:100;border-radius:999px;justify-content:space-between;align-items:center;width:min(90%,800px);height:52px;padding:0 20px;display:flex;position:fixed;top:24px;box-shadow:0 12px 40px #0006}.logo{letter-spacing:-.01em;color:var(--text-main);align-items:center;gap:6px;font-size:16px;font-weight:600;display:flex}.pro-badge{letter-spacing:.05em;background:rgba(var(--accent-rgb), .15);color:var(--accent);text-transform:uppercase;border:1px solid rgba(var(--accent-rgb), .3);-webkit-backdrop-filter:blur(12px);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;box-shadow:0 4px 12px #0000001a,inset 0 1px #fff3}.nav-btn{background:var(--text-main);color:var(--bg-color);cursor:pointer;border:none;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500;transition:transform .2s,opacity .2s}.nav-btn:hover{opacity:.9;transform:scale(1.04)}.mac-hero{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:180px;display:flex;position:relative}.hero-title{letter-spacing:-.04em;background:linear-gradient(#fff 0%,#ffffff80 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(52px,8vw,86px);font-weight:700;line-height:1.05}.hero-subtitle{color:var(--text-muted);letter-spacing:-.01em;max-width:500px;margin-top:24px;font-size:clamp(18px,2vw,24px);font-weight:400}.mac-showcase{perspective:1200px;justify-content:center;width:100%;margin-top:80px;padding-bottom:72px;display:flex}.mac-footer{z-index:1;color:var(--text-muted);letter-spacing:.01em;padding-bottom:36px;font-size:13px;font-weight:500;position:relative}.clipboard-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(40px)saturate(200%);width:320px;transform-style:preserve-3d;text-align:left;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;animation:8s ease-in-out infinite float;display:flex;transform:rotateX(8deg)translateY(0);box-shadow:0 40px 80px -20px #000c,inset 0 0 0 1px #ffffff0d,0 20px 40px #00000080}@keyframes float{0%,to{transform:rotateX(8deg)translateY(0)}50%{transform:rotateX(8deg)translateY(-20px)}}.panel-header{letter-spacing:.01em;color:var(--text-main);border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:16px 16px 12px;font-size:14px;font-weight:600;display:flex}.panel-logo{object-fit:contain;width:18px;height:24px}.panel-section{flex-direction:column;gap:8px;padding:12px 12px 0;display:flex}.panel-section:last-child{padding-bottom:12px}.section-title{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:2px;padding-left:4px;font-size:11px;font-weight:500;display:flex}.section-title svg{opacity:.7}.panel-item{background:var(--item-bg);color:#e5e5e5;cursor:default;letter-spacing:.01em;border:1px solid #0000;border-radius:8px;padding:10px 14px;font-size:13px;transition:background .15s,border .15s}.panel-item:hover{background:var(--item-hover);border:1px solid #ffffff14}.panel-images{gap:8px;margin-top:2px;display:flex}.img-item{background:var(--item-bg);border:1px solid #ffffff0f;border-radius:8px;flex:1;height:85px;transition:transform .2s,filter .2s;position:relative;overflow:hidden}.img-item:hover{filter:brightness(1.1);transform:scale(1.02)}.img-1{background:linear-gradient(150deg,#5fe0b8 0%,#2cc78f 100%)}.img-1:after{content:"";background:#ffffff26;border-top-right-radius:100px;height:40px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #fff6}.img-2{background:#34c896}.img-2:before{content:"";background:#fff3;border-radius:3px;height:12px;position:absolute;top:6px;left:6px;right:6px}.img-2:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:10px;right:12px;box-shadow:-8px 0 #fff,-16px 0 #fff}