:root{--bg: #fafafa;--card: #ffffff;--card-border: rgba(0,0,0,.08);--card-hover: #f3f3f3;--text: #1a1a1a;--text-2: rgba(0,0,0,.55);--text-3: rgba(0,0,0,.35);--accent: #e07028;--accent-dim: rgba(224,112,40,.08);--accent-glow: rgba(224,112,40,.18);--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", ui-sans-serif, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--radius: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.goo-defs{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;clip-path:inset(50%);border:0;pointer-events:none}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--sans);font-synthesis:none;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--accent-dim);color:var(--text)}:focus:not(:focus-visible){outline:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.012;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(20px,-14px)}}@keyframes bloop-left{0%{opacity:0;transform:translate3d(6px,0,0) scale3d(.001,.6,1)}8%{opacity:1}to{opacity:1;transform:translateZ(0) scaleZ(1)}}@keyframes bloop-right{0%{opacity:0;transform:translate3d(-6px,0,0) scale3d(.001,.6,1)}8%{opacity:1}to{opacity:1;transform:translateZ(0) scaleZ(1)}}@keyframes pill-content-in{0%,40%{opacity:0;transform:translate3d(0,1px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes brand-settle{0%{opacity:0;transform:translate3d(0,-4px,0) scale3d(.12,.55,1)}20%{opacity:1}to{opacity:1;transform:translateZ(0) scaleZ(1)}}.nav-bar{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 16px 0;display:flex;justify-content:center;pointer-events:none}html.js .nav-bar:not(.nav-ready) .nav-island,html.js .nav-bar:not(.nav-ready) .island-brand,html.js .nav-bar:not(.nav-ready) .island-left,html.js .nav-bar:not(.nav-ready) .island-right,html.js .nav-bar:not(.nav-ready) .island-pill-content{opacity:0;visibility:hidden}.nav-island{pointer-events:auto;position:relative;display:grid;grid-template-columns:auto auto auto;align-items:center;column-gap:8px;overflow:visible;will-change:transform}.nav-bar.nav-runtime .nav-island{animation:nav-island-drop .52s cubic-bezier(.22,1,.36,1) both}html:not(.js) .nav-island{animation:slideDown .6s cubic-bezier(.18,1,.3,1) both}.island-brand,.island-left,.island-right{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:48px;border-radius:999px;background:linear-gradient(180deg,#101012f7,#08080afa);border:1px solid rgba(255,255,255,.09);box-shadow:0 1px #ffffff0f inset,0 8px 22px #00000038,0 0 0 1px #00000038;backdrop-filter:none;-webkit-backdrop-filter:none;transition:box-shadow .2s var(--ease),border-color .2s;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;isolation:isolate}.nav-bar.nav-runtime .island-brand,.nav-bar.nav-runtime .island-left,.nav-bar.nav-runtime .island-right{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px #ffffff0f inset,0 8px 22px #00000038,0 0 0 1px #00000038}.island-left{justify-self:end}.island-brand{justify-self:center}.island-right{justify-self:start}.nav-bar.nav-runtime .island-brand,.nav-bar.nav-runtime .island-left,.nav-bar.nav-runtime .island-right,.nav-bar.nav-runtime .island-pill-content{will-change:transform,opacity}.island-brand:hover,.island-left:hover,.island-right:hover{border-color:#ffffff21;box-shadow:0 1px #ffffff14 inset,0 10px 26px #00000042,0 0 0 1px #0003}.island-brand{flex:0 1 auto;justify-content:center;min-width:clamp(210px,24vw,290px);padding:0 30px;font-weight:520;font-size:.92rem;letter-spacing:-.024em;color:#fffffff5;text-rendering:optimizeLegibility;background:linear-gradient(180deg,#1c1c1ffa,#0a0a0cfa);white-space:nowrap;transform-origin:center;z-index:2}.nav-bar.nav-runtime .island-brand{animation:nav-brand-settle .56s cubic-bezier(.22,1,.36,1) both}html:not(.js) .island-brand{animation:brand-settle .6s cubic-bezier(.32,.72,.24,1) .1s both}.island-brand img{width:24px;height:24px;border-radius:6px;flex-shrink:0}.island-left{padding:0 18px;font-size:.78rem;font-weight:600;letter-spacing:-.01em;color:#ffffffeb;white-space:nowrap;transform-origin:right center}.nav-bar.nav-runtime .island-left{animation:nav-pill-left .5s cubic-bezier(.22,1,.36,1) .46s both}html:not(.js) .island-left{animation:bloop-left .55s cubic-bezier(.32,.72,.24,1) 1.15s both}.island-left img{width:24px;height:24px;border-radius:6px;flex-shrink:0}.island-pill-content{display:inline-flex;align-items:center;gap:8px;transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity}.island-pill-content img,.island-pill-content svg,.island-pill-content span{transform:translateZ(0);backface-visibility:hidden}.island-left .island-pill-content,.island-right .island-pill-content{animation:none}html:not(.js) .island-left .island-pill-content,html:not(.js) .island-right .island-pill-content{animation:pill-content-in .28s ease-out 1.5s both}.island-left:hover{color:#fffffff2}.island-left:active{transform:scale(.97)}.island-left:focus-visible{outline:2px solid rgba(255,147,71,.9);outline-offset:2px}.island-right{padding:0 20px;font-size:.78rem;font-weight:600;letter-spacing:-.01em;color:#fffffff2;white-space:nowrap;transform-origin:left center}.nav-bar.nav-runtime .island-right{animation:nav-pill-right .5s cubic-bezier(.22,1,.36,1) .46s both}html:not(.js) .island-right{animation:bloop-right .55s cubic-bezier(.32,.72,.24,1) 1.15s both}.island-right:hover{color:#fff}.island-right:active{transform:scale(.97)}.island-right:focus-visible{outline:2px solid rgba(255,147,71,.9);outline-offset:2px}.apple-mark{display:block;flex-shrink:0;width:1.08em;height:1.34em}.apple-mark--btn{width:1.35em;height:1.64em}.apple-mark--lg{width:1.5em;height:1.82em}@media (max-width: 680px){.nav-bar{padding:10px 12px 0}.nav-island{width:min(100%,360px);grid-template-columns:minmax(0,1fr) auto;column-gap:8px}.island-left{display:none}.island-brand,.island-right{height:44px}.island-brand{min-width:0;width:100%;justify-self:stretch;padding:0 18px;font-size:.88rem}.island-right{padding:0 16px;font-size:.74rem}}@media (max-width: 440px){.nav-bar{padding:10px 10px 0}.nav-island{width:100%;max-width:100%;column-gap:6px}.island-brand,.island-right{height:40px}.island-brand{padding:0 14px;font-size:.8rem}.island-right{padding:0 13px;font-size:.7rem}.island-pill-content{gap:6px}.island-brand img,.island-left img{width:20px;height:20px;border-radius:5px}}@keyframes nav-island-drop{0%{transform:translate3d(0,-8px,0)}to{transform:translateZ(0)}}@keyframes nav-brand-settle{0%{transform:translateZ(0)}68%{transform:translateZ(0) scale3d(1.004,1.001,1)}to{transform:translateZ(0)}}@keyframes nav-pill-left{0%{opacity:0;transform:translate3d(28px,0,0)}72%{opacity:1;transform:translate3d(-2px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes nav-pill-right{0%{opacity:0;transform:translate3d(-28px,0,0)}72%{opacity:1;transform:translate3d(2px,0,0)}to{opacity:1;transform:translateZ(0)}}.hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:130px 24px 80px;overflow-x:clip;overflow-y:visible;overflow-clip-margin:200px}.hero-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);filter:blur(100px);opacity:.35;animation:drift 14s ease-in-out infinite}.hero-content{position:relative;z-index:2;text-align:center;max-width:960px;animation:fadeUp .7s var(--ease) .1s both}.hero h1{font-family:var(--sans);font-weight:700;font-size:clamp(3rem,8.2vw,6rem);line-height:1.02;letter-spacing:-.028em;color:#111}.hero h1 em{font-style:normal;font-weight:600;color:#00000073}.hero h1 .apple-mark{display:inline-block;vertical-align:-.12em;width:.86em;height:1.05em;margin:0 -.04em 0 .22em;color:#00000073}.hero-sub{max-width:520px;margin:28px auto 0;font-size:1.08rem;line-height:1.55;font-weight:400;letter-spacing:-.011em;color:var(--text-2)}.hero-buttons{display:flex;gap:12px;justify-content:center;margin-top:40px;flex-wrap:wrap}.hero-meta{max-width:460px;margin:22px auto 0;font-size:.8rem;line-height:1.5;color:var(--text-3);letter-spacing:-.006em}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:9px;padding:11px 22px;border-radius:12px;font-size:.88rem;font-weight:600;font-family:var(--sans);letter-spacing:-.012em;transition:background .2s,border-color .2s,color .2s,transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);cursor:pointer}.btn>svg,.btn .apple-mark{transition:transform .35s cubic-bezier(.22,1,.36,1)}.btn:hover>svg,.btn:hover .apple-mark{transform:scale(1.12) rotate(-3deg)}.btn:active{transform:translateY(0) scale(.98);transition-duration:.08s}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn-primary{background:#000;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 3px #0000001f,0 6px 20px #0000001a}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translate(-120%);transition:transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}.btn-primary>*{position:relative;z-index:1}.btn-primary:hover{background:#111;transform:translateY(-2px);box-shadow:0 3px 10px #00000029,0 14px 34px #00000029}.btn-primary:hover:before{transform:translate(120%)}.btn-ghost{background:transparent;color:var(--text);border:1px solid rgba(0,0,0,.14)}.btn-ghost:hover{background:#00000008;border-color:#00000038;transform:translateY(-2px);box-shadow:0 2px 6px #0000000d,0 10px 24px #0000000f}.btn-lg{padding:14px 28px;font-size:.92rem;border-radius:12px}.btn-price-pill{display:inline-flex;align-items:center;margin-left:2px;padding:3px 9px;border-radius:999px;background:#000;color:#fff;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;transition:background .2s,transform .28s cubic-bezier(.22,1,.36,1)}.btn-price-pill--lg{padding:4px 11px;font-size:.82rem}.btn-ghost:hover .btn-price-pill{background:#1d1d1f}@media (prefers-reduced-motion: reduce){.btn,.btn>svg,.btn .apple-mark,.btn-primary:before{transition:none!important;transform:none!important}}.hero-device{position:relative;z-index:2;margin-top:140px;margin-bottom:48px;width:100%;max-width:1040px;scroll-margin-top:72px}.hero-notch-callout{position:absolute;top:-45px;right:30%;width:120px;z-index:5;display:flex;align-items:flex-start;gap:4px;pointer-events:none;animation:fadeUp .7s var(--ease) .2s both}.hero-notch-callout-label{color:#1c20289e;font-size:.82rem;font-weight:500;font-style:italic;letter-spacing:-.005em;line-height:1.1;white-space:nowrap;padding-right:4px}.hero-notch-callout-arrow{width:80px;height:40px;overflow:visible;display:block}.hero-notch-callout-arrow path{stroke:#1c202880;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.device-bezel{position:relative;z-index:2;border-radius:12px;overflow:hidden;border:2px solid #2a2a2e;background:#1a1a1e;box-shadow:0 60px 120px #0000008c}.device-screen{position:relative;aspect-ratio:16/10;overflow:hidden;background:#000;container-type:inline-size;container-name:devscreen;transform:translateZ(0)}.screen-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(0);background:url(/assets/monterey-graphic-C02fZniC.jpg) center 42% / cover no-repeat,#2d1f4a}.lock-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;padding:var(--mock-notch-h, 34px) 24px 30px;background:radial-gradient(circle at 50% 72%,rgba(255,255,255,.05),transparent 55%),linear-gradient(180deg,#1208248c,#12082459 45%,#1208248c),url(/assets/monterey-graphic-C02fZniC.jpg) center 42% / cover no-repeat,#2d1f4a;border:0;font:inherit;color:inherit;cursor:pointer;overflow:hidden;transition:opacity .6s var(--ease),transform .6s var(--ease),filter .6s var(--ease);will-change:opacity,transform,filter}.lock-screen::-moz-focus-inner{border:0}.lock-screen:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:-4px}.hero-device:not(.is-locked) .lock-screen{opacity:0;transform:scale(1.04);filter:blur(10px);pointer-events:none}.hero-device.is-unlocking .lock-screen{opacity:0;transform:scale(1.035);filter:blur(8px);pointer-events:none}.lock-date{margin-top:clamp(26px,9cqw,68px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.08rem,2.25cqw,1.7rem);font-weight:600;color:#dcbefff2;letter-spacing:-.035em;line-height:1.08;margin-bottom:6px}.lock-time{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif;font-size:clamp(4.9rem,11.2cqw,7.9rem);font-weight:700;color:#dcbefffa;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;line-height:.9;text-shadow:0 2px 18px rgba(0,0,0,.25)}.lock-widgets{display:flex;gap:22px;margin-top:16px;color:#e6cdffe6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.96rem,1.75cqw,1.28rem);font-weight:600;letter-spacing:-.025em}.lock-widget{display:inline-flex;align-items:center;gap:6px}.lock-widget svg{width:1.06em;height:1.06em}.lock-hint{margin-top:auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1rem,1.8cqw,1.26rem);font-weight:600;letter-spacing:-.02em;color:transparent;background-image:linear-gradient(100deg,#f0e1ff80,#f0e1ff80 38%,#fff,#f0e1ff80 62%,#f0e1ff80);background-size:260% 100%;background-repeat:no-repeat;background-position:100% 0;-webkit-background-clip:text;background-clip:text;animation:lock-shimmer 2.8s linear infinite}@keyframes lock-shimmer{0%{background-position:100% 0}to{background-position:0% 0}}.preview-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;font-size:.82rem;font-weight:500;font-style:italic;color:#1c202899;letter-spacing:-.006em;transition:opacity .45s var(--ease),transform .45s var(--ease);animation:hint-nudge 2.6s ease-in-out infinite}.preview-hint-arrow{width:.68em;height:.68em;color:#e07028cc}.hero-device:not(.is-locked) .preview-hint{opacity:0;transform:translateY(-4px);pointer-events:none;animation:none}@keyframes hint-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.hero-device.is-locked .hero-notch-callout{opacity:0;animation:none;pointer-events:none}@media (prefers-reduced-motion: reduce){.lock-hint{animation:none;color:#ffffffe6;background:none;-webkit-background-clip:border-box;background-clip:border-box}.preview-hint{animation:none}.hero-device.is-locked:hover .notch-lock-icon,.hero-device.is-locked:focus-within .notch-lock-icon{animation:none}}.macbook-top-ui{position:absolute;top:0;left:0;right:0;z-index:25;display:flex;flex-direction:column;align-items:center;pointer-events:none;margin:0;padding:0}.macbook-top-ui.hero-showcase-ui{--mock-menubar-h: 31px;--mock-notch-h: 34px;--mock-notch-w: clamp(148px, 19cqw, 198px);--mock-panel-w: min(440px, calc(100% - 180px) )}.macbook-top-ui.hero-showcase-ui .hardware-notch{width:var(--mock-notch-w)}@supports not (width: 1cqw){.macbook-top-ui.hero-showcase-ui .hardware-notch{width:clamp(132px,17vw,186px)}}.macos-menubar{position:relative;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;column-gap:8px;min-height:var(--mock-menubar-h, 37px);height:var(--mock-menubar-h, 37px);padding:0 18px;box-sizing:border-box;margin:0;background:linear-gradient(180deg,#ccaac547,#a36d9924 55%,#784a7600);backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%);font-size:10px;font-weight:500;letter-spacing:-.014em;color:#ffffffe6;line-height:1;z-index:4}.menubar-left{display:flex;align-items:center;gap:0 12px;justify-self:start;align-self:end;height:18px;padding-left:2px;margin-bottom:6px;position:relative;z-index:7}.menubar-right{display:flex;align-items:center;justify-content:flex-end;gap:6px;justify-self:end;align-self:end;height:18px;padding-right:2px;margin-bottom:6px;position:relative;z-index:7}.menubar-app{font-weight:600;color:#fffffff0}.menubar-menu{color:#ffffffdb}.menubar-apple{display:block;flex-shrink:0}.menubar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.92}.menubar-sf{width:12px;height:12px;display:block}.menubar-clock{display:inline-flex;align-items:center;gap:.38em;margin-left:3px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,ui-sans-serif,system-ui,sans-serif;font-weight:590;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-feature-settings:"kern" 1,"tnum" 1;color:#fffffff2}.menubar-notch-area{display:flex;justify-content:center;align-items:flex-start;align-self:start;position:relative;z-index:8;margin:0;padding:0;height:var(--mock-menubar-h, 37px)}.notch-drop-stack{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;min-height:var(--mock-menubar-h, 37px)}.hero-showcase-ui .macos-menubar{width:100%;border-bottom:none}.macos-dock{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:10px;padding:6px calc(8px + var(--dock-pad-r, 0px)) 11px calc(8px + var(--dock-pad-l, 0px));transition:padding .05s linear;background:linear-gradient(180deg,#ffffff42,#ffffff1a 18%,#7a54d71f);border-radius:18px;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 20px 44px #0000003d,0 1px #ffffff57 inset,0 -1px #00000014 inset;z-index:3;pointer-events:auto}.dock-tile{position:relative;cursor:pointer;display:flex;width:36px;height:36px;border-radius:8px;overflow:visible;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;color:inherit;text-decoration:none;background:transparent;box-shadow:none;transform-origin:center bottom;transform:translate(var(--tx, 0px),var(--dl, 0px)) scale(var(--ds, 1));transition:transform .05s linear,filter .12s ease;will-change:transform}.dock-tile--current:after{content:"";position:absolute;left:50%;bottom:-7px;width:4px;height:4px;border-radius:999px;transform:translate(-50%);background:#fffffff2;box-shadow:0 0 0 1px #ffffff2e,0 2px 4px #0000003d}.dock-tile:not(.dock-tile--trash){background:linear-gradient(180deg,#fdfdfd,#eff1f4);box-shadow:inset 0 0 0 .5px #00000024,inset 0 1px #ffffffe6,0 1px 1px #00000014}.dock-tile--trash{width:34px;height:40px;background:transparent}.dock-tile:hover{filter:brightness(1.04)}.dock-tile:focus-visible{outline:2px solid rgba(255,147,71,.9);outline-offset:2px}.dock-tile img{width:100%;height:100%;object-fit:contain;display:block;border-radius:22%;filter:drop-shadow(0 6px 8px rgba(0,0,0,.26)) drop-shadow(0 1px 2px rgba(0,0,0,.12))}.dock-tile--trash svg{width:84%;height:84%;display:block;filter:drop-shadow(0 8px 10px rgba(0,0,0,.22)) drop-shadow(0 1px 1px rgba(0,0,0,.1))}.dock-divider{width:1px;height:34px;align-self:center;margin:0 2px 0 4px;background:#ffffff57;border-radius:999px;opacity:.8}.dock-trash-anchor{position:relative;display:flex;align-items:flex-end;flex-shrink:0}.dock-offer{position:absolute;right:22px;bottom:74px;width:208px;padding:6px;border-radius:14px;background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.18),transparent 28%),linear-gradient(180deg,#523e7257,#2a1d3c47);border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 40px #140c2638,0 4px 12px #00000014,inset 0 1px #ffffff3d,inset 0 -1px #ffffff0d;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);color:#ffffffeb;z-index:4;opacity:0;transform:translateY(8px) scale(.985);pointer-events:none;transition:opacity .2s ease,transform .22s var(--ease)}.dock-offer.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dock-offer-kicker{margin:0;padding:4px 8px 6px;font-size:.57rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffcc9ed1}.dock-offer-copy{margin:0;padding:0 10px 8px;font-size:.72rem;line-height:1.35;color:#ffffffa3}.dock-offer-menu{display:flex;flex-direction:column;gap:2px;padding-top:1px}.dock-offer-code-label{display:none}.dock-offer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;padding:0 10px;border-radius:9px;color:#ffffffeb}.dock-offer-row--button{width:100%;border:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;font:inherit;font-size:.78rem;font-weight:500;text-align:left;cursor:pointer}.dock-offer-row--button:hover{background:#ffffff14}.dock-offer-row--accent{color:#ffcd9df5}.dock-offer-row--accent:hover{background:#ffb06d1f}.dock-offer-label{font-size:.78rem;font-weight:500;letter-spacing:-.01em;color:inherit}.dock-offer-value{font-size:.77rem;font-weight:600;color:#ffffffad}.dock-offer-code{font-size:.8rem;font-weight:650;letter-spacing:.12em;color:#fffffff0}.hardware-notch{width:var(--mock-notch-w, min(124px, 22vw));height:var(--mock-notch-h, 37px);margin:0;background:linear-gradient(180deg,#060608,#09090c);border-radius:0;clip-path:url(#topnote-hardware-silhouette);-webkit-clip-path:url(#topnote-hardware-silhouette);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #000000b8,0 2px 6px #0003;display:block;padding:0;box-sizing:border-box;flex-shrink:0;position:relative;transform:translateZ(0) scale(1);transform-origin:center top;transition:transform .26s var(--ease),box-shadow .26s var(--ease),filter .26s var(--ease);will-change:transform}.notch-cam{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#5684625c,#121216fa);box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #0006;flex-shrink:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);z-index:1;opacity:1;transition:opacity .35s var(--ease) .15s,transform .45s var(--ease) .15s}.notch-lock-icon{position:absolute;left:50%;top:50%;width:clamp(18px,56%,28px);height:clamp(18px,56%,28px);display:block;color:#fffffffa;transform:translate3d(-50%,-50%,0);opacity:0;pointer-events:none;z-index:2;filter:drop-shadow(0 1px 0 rgba(255,255,255,.16)) drop-shadow(0 6px 10px rgba(0,0,0,.26));backface-visibility:hidden;will-change:opacity,filter;transition:opacity .3s var(--ease),filter .35s var(--ease)}.notch-lock-body,.notch-lock-shackle{transform-box:view-box;transform-origin:center;transition:transform .42s cubic-bezier(.2,.92,.24,1),opacity .28s var(--ease)}.notch-lock-shackle{transform-origin:18.6px 12.1px}.hero-device.is-locked .notch-lock-icon{opacity:1}.hero-device.is-locked:hover .notch-lock-icon,.hero-device.is-locked:focus-within .notch-lock-icon{animation:locked-lock-shake .5s cubic-bezier(.2,.9,.25,1) 1}.hero-device.is-locked:hover .hardware-notch,.hero-device.is-locked:focus-within .hardware-notch{transform:translateZ(0) scale(1.055);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #000000bd,0 5px 14px #0000003d}.hero-device.is-unlocking .notch-lock-icon{opacity:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.18)) drop-shadow(0 10px 18px rgba(0,0,0,.32))}.hero-device.is-unlocking .notch-lock-body{transform:none}.hero-device.is-unlocking .notch-lock-shackle{transform:translate(-.2px,-.55px) rotate(30deg)}.hero-device.is-locked .notch-cam{opacity:0;transform:translate(-50%,-50%) scale(.35);transition:opacity .2s var(--ease),transform .25s var(--ease)}.hero-device.is-unlocking .notch-cam{opacity:0;transform:translate(-50%,-50%) scale(.22);transition:opacity .12s linear,transform .18s var(--ease)}@keyframes locked-lock-shake{0%,to{transform:translate3d(-50%,-50%,0) rotate(0)}22%{transform:translate3d(calc(-50% - .8px),-50%,0) rotate(-8deg)}44%{transform:translate3d(calc(-50% + 1px),-50%,0) rotate(7deg)}68%{transform:translate3d(calc(-50% - .5px),-50%,0) rotate(-4deg)}84%{transform:translate3d(calc(-50% + .35px),-50%,0) rotate(2deg)}}.hero-device.is-locked .menubar-left,.hero-device.is-locked .menubar-right{opacity:0;pointer-events:none}.hero-device .menubar-left,.hero-device .menubar-right{transition:opacity .45s var(--ease) .2s}.hero-device .macos-menubar{transition:background .5s var(--ease),backdrop-filter .5s var(--ease)}.hero-device.is-locked .macos-menubar{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.hero-device.is-locked .notch-panel--showcase{opacity:0;animation:none;pointer-events:none}.notch-panel-inner{position:relative;width:100%;--showcase-edge-pad: 22px;background:linear-gradient(180deg,#101012f5,#0b0b0df0);border-radius:0 0 24px 24px;clip-path:url(#notch-panel-silhouette);overflow:hidden;backdrop-filter:blur(26px) saturate(1.15);-webkit-backdrop-filter:blur(26px) saturate(1.15);filter:drop-shadow(0 20px 32px rgba(0,0,0,.5))}.notch-panel-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff14;pointer-events:none;z-index:2}.notch-panel-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 75% 86%,rgba(255,255,255,.1),transparent 24%),linear-gradient(180deg,#ffffff14,#fff0 22%);opacity:.42;pointer-events:none;z-index:1}.np-header{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) var(--mock-notch-w) auto;align-items:center;column-gap:12px;padding:10px var(--showcase-edge-pad);border-bottom:1px solid rgba(255,255,255,.05)}.np-header-left,.np-header-right{display:flex;align-items:center;gap:8px;min-width:0}.np-header-left{justify-self:start}.np-header-right{justify-self:end}.np-toolbar-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#ffffff8c;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:0;font:inherit}.np-toolbar-button:focus-visible{outline:2px solid rgba(255,147,71,.8);outline-offset:1px}.np-title{font-size:.82rem;color:#ffffff94;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-body{min-height:144px}.np-editor{padding:12px var(--showcase-edge-pad) 32px;position:relative}.np-ed-heading{font-size:.76rem;font-weight:600;color:#ffffffd9;margin-bottom:6px}.np-ed-highlight{display:inline-block;font-size:.66rem;background:#ffb45026;color:#ffc88cd9;padding:1px 4px;border-radius:3px;margin-bottom:8px}.np-ed-check{display:flex;align-items:center;gap:6px;margin:3px 0}.check-done{width:12px;height:12px;border-radius:3px;background:#ff93472e;border:1.2px solid var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.check-done:after{content:"";position:absolute;width:5px;height:3px;border-left:1.3px solid var(--accent);border-bottom:1.3px solid var(--accent);transform:rotate(-45deg) translate(.5px,-.5px)}.check-label{font-size:.64rem;color:#ffffff8c}.np-ed-text{font-size:.62rem;color:#fff6;margin-top:8px;line-height:1.5}.np-format-bar{position:absolute;bottom:10px;right:var(--showcase-edge-pad);display:flex;gap:0;background:#ffffff0a;border-radius:5px;padding:2px 3px}.np-format-bar span{font-size:.55rem;font-weight:600;color:#ffffff47;width:16px;height:15px;display:flex;align-items:center;justify-content:center;border-radius:2px}.notch-panel--showcase{position:relative;width:var(--mock-panel-w, min(560px, calc(100% - 120px) ));max-width:100%;align-self:center;z-index:6;margin-top:calc(-1 * var(--mock-menubar-h, 31px));overflow:visible;transform-origin:top center;animation:showcasePanel 9s cubic-bezier(.22,1,.36,1) infinite both;will-change:transform,opacity,filter}.notch-panel--showcase.is-manual{animation:none;opacity:1;transform:none;filter:none}.notch-panel--showcase .notch-panel-inner{background:linear-gradient(180deg,#060606,#020202);border-color:#ffffff0f;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px #ffffff0d inset}.notch-panel--showcase .notch-panel-inner:before,.notch-panel--showcase .notch-panel-inner:after{opacity:0}.notch-panel--showcase .notch-panel-inner>*{opacity:1}.notch-panel--showcase.is-manual .notch-panel-inner>*{animation:none;opacity:1;transform:none}.notch-panel--showcase .np-editor{min-height:134px}.notch-panel--showcase.is-refreshing .notch-panel-inner>*{animation:showcaseRefresh .18s cubic-bezier(.22,1,.36,1)}@keyframes showcasePanel{0%,14%{opacity:0;transform:scale(.32,.04);filter:blur(3px)}22%{opacity:1;transform:scale(1.01);filter:blur(0)}28%,86%{opacity:1;transform:scale(1);filter:blur(0)}94%,to{opacity:0;transform:scale(.32,.04);filter:blur(3px)}}@keyframes showcaseRefresh{0%{opacity:.82;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.notch-panel--showcase,.notch-panel--showcase .notch-panel-inner>*{animation:none!important}.notch-panel--showcase{opacity:1;transform:none;filter:none}.notch-panel--showcase .notch-panel-inner>*{opacity:1}}.desk-widgets{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.dfile{position:absolute;display:flex;flex-direction:column;align-items:center;width:clamp(66px,8wh,94px);gap:clamp(3px,.45cqw,6px);opacity:0;animation:fileIn .55s cubic-bezier(.22,1,.36,1) both;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;transition:transform .24s cubic-bezier(.22,1,.36,1),filter .24s ease,opacity .24s ease}.dfile-visual{width:clamp(32px,4.4cqw,48px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;filter:drop-shadow(0 5px 8px rgba(0,0,0,.22)) drop-shadow(0 1px 2px rgba(0,0,0,.18))}.dfile:hover,.dfile:focus-visible{transform:translateY(-2px) scale(1.03)}.dfile:focus-visible{outline:none}.dfile.is-active .dfile-visual{filter:drop-shadow(0 10px 18px rgba(0,0,0,.26)) drop-shadow(0 0 0 rgba(0,0,0,0))}.dfile.is-active .dfile-label{color:#fff}.dfile-doc{width:86%;height:100%}.df-body{fill:url(#paperGrad);stroke:#4e525d2e;stroke-width:.45}.df-fold{fill:url(#foldGrad)}.df-fold-edge{stroke:#4e525d38;stroke-width:.55;fill:none}.df-lines line{stroke:#5c62706b;stroke-width:2;stroke-linecap:round}.dfile-folder{width:108%;height:70%}.df-folder-back{fill:url(#folderBack)}.df-folder-front{fill:url(#folderFront)}.df-folder-lip{stroke:#ffffff57;stroke-width:.7;fill:none}.dfile-label{font-size:clamp(7px,.82cqw,10px);font-weight:500;color:#fffffff7;text-shadow:0 1px 2px rgba(0,0,0,.75),0 0 4px rgba(0,0,0,.45),0 0 1px rgba(0,0,0,.7);letter-spacing:-.01em;line-height:1.15;text-align:center;white-space:nowrap;max-width:112%}.dfile--features{top:23%;left:5%;animation-delay:.45s}.dfile--faq{top:49%;left:7%;animation-delay:.6s}.dfile--shortcuts{top:58%;right:7%;animation-delay:.75s}.dfile .dfile-doc{filter:drop-shadow(0 4px 6px rgba(0,0,0,.08))}@keyframes fileIn{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.cta h2 em{font-style:normal;font-weight:500;color:#0000006b}.cta{position:relative;padding:100px 24px 80px;text-align:center;overflow:hidden}.cta-glow{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);width:500px;height:350px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);filter:blur(90px);opacity:.12}.cta-inner{position:relative;z-index:2}.cta h2{font-family:var(--sans);font-weight:600;font-size:clamp(2.05rem,4.8vw,3.55rem);line-height:1.05;letter-spacing:-.022em;color:#111;margin-bottom:14px}.cta p{font-size:1rem;color:var(--text-2);margin-bottom:28px}.foot{border-top:1px solid var(--card-border);padding:20px 24px}.foot-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.foot-brand{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:500;color:var(--text-2)}.foot-brand img{width:18px;height:18px;border-radius:4px;opacity:.7}.foot p{font-size:.74rem;color:var(--text-3)}@media (max-width:680px){.hero{padding:102px 18px 56px}.hero h1{font-size:2.22rem}.hero-sub{max-width:380px;margin-top:16px;font-size:.94rem;line-height:1.55}.hero-buttons{margin-top:26px}.hero-device{margin-top:36px;margin-bottom:16px}.hero-notch-callout{top:-64px;right:20%;gap:3px}.hero-notch-callout-arrow{width:96px;height:44px}.hero-notch-callout-label{font-size:.78rem}.macbook-top-ui.hero-showcase-ui{--mock-menubar-h: 25px;--mock-notch-h: 27px;--mock-notch-w: clamp(108px, 23cqw, 146px);--mock-panel-w: min(348px, calc(100% - 38px) )}.desk-widgets{display:none}.macos-menubar{font-size:8px;padding:0 10px}.np-header{grid-template-columns:minmax(0,1fr) var(--mock-notch-w) auto;column-gap:7px;padding:7px 14px 8px}.np-title{font-size:.72rem}.np-header-right{gap:4px}.np-toolbar-button{width:21px;height:21px}.np-body{min-height:148px}.notch-panel--showcase .np-editor{min-height:150px}.np-editor{padding:10px 14px 30px}.np-ed-heading{font-size:.67rem;margin-bottom:5px}.np-ed-highlight{font-size:.58rem;margin-bottom:7px}.np-ed-check{gap:5px;margin:2px 0}.check-done{width:10px;height:10px;border-radius:2px}.check-label{font-size:.57rem}.np-ed-text{font-size:.56rem;margin-top:7px;line-height:1.42}.np-format-bar{bottom:10px;right:14px;padding:2px}.np-format-bar span{width:14px;height:13px;font-size:.5rem}.dock-tile{width:22px;height:22px;border-radius:6px}.dock-tile img{width:22px;height:22px}.macos-dock{padding:3px 5px;gap:6px;border-radius:7px;bottom:4px}.foot-inner{flex-direction:column;gap:6px;text-align:center}}@media (max-width:440px){.hero{padding:96px 14px 48px}.hero h1{font-size:1.84rem}.hero-sub{font-size:.88rem;line-height:1.5}.hero-buttons{flex-direction:column;align-items:stretch}.btn{justify-content:center}.notch-panel--showcase{width:calc(100% - 12px)}.hero-notch-callout{display:none}.macbook-top-ui.hero-showcase-ui{--mock-menubar-h: 22px;--mock-notch-h: 24px;--mock-notch-w: clamp(92px, 27cqw, 124px);--mock-panel-w: min(286px, calc(100% - 12px) )}.hardware-notch{padding:0;border-radius:0}.notch-cam{width:6px;height:6px}.np-header{grid-template-columns:minmax(0,1fr) var(--mock-notch-w);padding:6px 12px 7px}.np-title{font-size:.64rem}.np-header-right,.menubar-left,.menubar-right{display:none}.macos-menubar{grid-template-columns:1fr;justify-items:center;min-height:var(--mock-menubar-h, 22px);height:var(--mock-menubar-h, 22px);padding:0;border-bottom:none}.menubar-notch-area{justify-self:center}.np-body{min-height:122px}.notch-panel--showcase .np-editor{min-height:124px}.np-editor{padding:9px 12px 24px}.np-ed-heading{font-size:.61rem}.np-ed-highlight{font-size:.54rem;padding:1px 4px}.check-label{font-size:.53rem}.np-ed-text{font-size:.52rem;line-height:1.35}.np-format-bar{bottom:10px;right:12px}.np-format-bar span{width:12px;height:12px;font-size:.46rem}.macos-dock{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.nav-island{animation:none!important;filter:none!important}.island-brand,.island-left,.island-right{animation:none!important;opacity:1!important;transform:none!important}.island-left .island-pill-content,.island-right .island-pill-content{animation:none!important;opacity:1!important}.dfile{animation:none!important;opacity:1!important;transform:none!important}}
