:root{--paper:#f6f5f1;--ink:#20211f;--muted:#686a65;--accent:#b39257;--accent-ink:#715625;--silver:#caccc4;--line:#dfdfd8;--panel:#242524;--serif:ui-serif,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--ease:cubic-bezier(.22,.68,0,1.01)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-weight:550;letter-spacing:-.052em;line-height:1.05;text-wrap:balance}h1{font-size:clamp(48px,5.4vw,82px)}h2{font-size:clamp(36px,4.2vw,60px)}h3{letter-spacing:-.025em}p{line-height:1.65;color:var(--muted)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:112px}.section-heading{max-width:680px;margin-bottom:52px}.section-heading p{font-size:18px;max-width:580px;margin-top:22px}.centered{text-align:center;margin-inline:auto}.skip-link{position:fixed;left:20px;top:-70px;z-index:20;padding:12px 18px;background:var(--ink);color:white;border-radius:8px}.skip-link:focus{top:12px}.site-header{height:72px;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid transparent}.site-header.scrolled{border-bottom-color:var(--line)}.nav-wrap{height:100%;width:min(1360px,calc(100% - 72px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;font-weight:650;letter-spacing:-.035em;font-size:20px}.brand img{flex-shrink:0}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px}.site-header nav>a:not(.button){color:#535550}.site-header nav>a:hover{color:var(--accent-ink)}.button{border:1px solid transparent;background:var(--ink);color:white;padding:14px 23px;border-radius:8px;font-size:14px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;line-height:1.2;transition:background .2s,border-color .2s}.button:hover{background:#393b36}.button.accent{background:var(--accent);color:#171710}.button.accent:hover{background:#bda06c}.button.secondary{background:transparent;color:var(--ink);border-color:#d4d5cd}.button.secondary:hover{border-color:var(--muted)}.button.small{padding:10px 17px;min-height:38px;font-size:12px}.nav-toggle{display:none}.hero{padding-top:56px;text-align:center;overflow:hidden}.hero-copy p:not(.system-note){font-size:19px;margin-top:25px;line-height:1.5}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-copy .system-note{font-size:12px;margin-top:15px;color:#777970}.macbook{position:relative;width:min(1120px,94vw);aspect-ratio:4610/2669;margin:40px auto 0}.macbook-hardware{position:absolute;inset:0;width:100%;height:100%}.macbook-screen{position:absolute;left:10.673%;top:2.136%;width:78.633%;height:86.587%;border-radius:12px 12px 0 0;overflow:hidden;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 640' preserveAspectRatio='none'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H1000V640H0Z M464 0V9Q464 14 469 14H531Q536 14 536 9V0Z'/%3E%3C/svg%3E");mask-size:100% 100%;background:#000;color:#f2f2eb}.foundation-screen{display:grid;place-items:center;font-family:var(--serif);font-size:36px}.foundation-focus{text-align:center}.foundation-focus p{margin-top:20px}.site-footer{padding-block:32px;display:flex;align-items:center;gap:24px;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.site-footer .brand{font-size:17px;color:var(--ink)}.footer-links{display:flex;gap:24px}.site-footer a:hover{color:var(--accent-ink)}dialog{border:1px solid var(--line);border-radius:20px;padding:38px;width:min(440px,calc(100% - 32px));background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#0005;backdrop-filter:blur(5px)}dialog h2{font-size:30px;margin:18px 0}dialog p{margin-bottom:24px}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:27px;padding:5px 10px}[hidden]{display:none!important}
@media(min-width:1400px){.hero{padding-top:66px}}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.site-header nav{gap:17px}.nav-wrap{width:calc(100% - 44px)}.section{padding-block:84px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:64px}.nav-wrap{width:calc(100% - 32px)}.brand{font-size:19px}.nav-toggle{display:flex;flex-direction:column;gap:6px;width:44px;height:44px;justify-content:center;align-items:center;border:0;background:transparent}.nav-toggle span{width:21px;height:1.5px;background:var(--ink)}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:18px 24px 24px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #00000008;align-items:stretch;font-size:15px;gap:0}.site-header nav.open{display:flex;flex-direction:column}.site-header nav>a,.site-header nav>button{padding:14px 12px;min-height:46px}.hero{padding-top:43px}.hero-copy p:not(.system-note){font-size:17px;margin-top:21px;max-width:330px;margin-inline:auto}.desktop-break{display:none}.hero-copy .system-note{font-size:11px}.actions{gap:9px;margin-top:25px}.button{padding:14px 18px}.macbook{width:calc(100% - 28px);margin-top:35px;aspect-ratio:4/3}.macbook picture{display:none}.macbook-screen{inset:0;width:100%;height:100%;border-radius:18px;mask-image:none}.section{padding-block:70px}.section-heading{margin-bottom:32px}.section-heading p{font-size:16px;margin-top:18px}.site-footer{flex-wrap:wrap;gap:24px;padding-block:28px}.footer-links{gap:19px;flex-wrap:wrap}.site-footer>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.plain-link{border:0;background:transparent;font:inherit;padding:9px 0;color:#535550}.prose{max-width:760px}.prose h1{font-size:48px;margin:60px 0 32px}.prose p{margin-bottom:24px}.prose>.button{margin-top:16px}
@media(min-width:701px){.hero{padding-top:32px}.hero h1{font-size:clamp(54px,4.7vw,68px)}.hero-copy p:not(.system-note){margin-top:18px;font-size:18px}.hero .actions{margin-top:22px}.hero-copy .system-note{margin-top:12px}.macbook{width:min(1020px,91vw);margin-top:28px}}
.demo-caption{font-size:12px;margin:10px 0 0;color:var(--muted)}.demo-caption span{color:#777970;margin-left:8px}.metric{font-family:var(--serif);display:flex;flex-direction:column}.meter{height:.75cqw;min-height:3px;border-radius:10px;background:#484944;overflow:hidden}.meter>span{display:block;height:100%;width:var(--value);border-radius:inherit;background:var(--silver)}.saver-focus{padding-top:140px}.focus-display{width:min(1256px,calc(100% - 72px));border-radius:24px;overflow:hidden;box-shadow:0 34px 65px -40px #0006;aspect-ratio:16/10}.focus-caption{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-top:25px}.focus-caption>span:last-child{color:var(--accent-ink)}
@media(max-width:700px){.demo-caption{font-size:10px;line-height:1.6;margin:16px 20px 0}.demo-caption span{display:block;margin-left:0}.macbook{aspect-ratio:auto}.macbook-screen{position:relative;height:auto}.meter{height:5px}.saver-focus{padding-top:88px}.focus-display{width:calc(100% - 28px);aspect-ratio:auto;border-radius:19px}.focus-caption{font-size:11px;gap:25px;align-items:start}.focus-caption>span:first-child{max-width:220px}.focus-caption>span:last-child{white-space:nowrap}}


.surfaces{padding-top:74px}.surface-composition{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;grid-template-rows:1fr 1fr}.surface-ambient{grid-row:span 2;min-width:0}.surface-saver{height:340px;border-radius:18px;overflow:hidden;background:#000;display:flex;align-items:center}.surface-label{padding:26px 0 0}.surface-label h3{font-size:23px;font-weight:550}.surface-label p{font-size:14px;margin-top:6px}.surface-label a{display:inline-block;color:var(--accent-ink);font-size:13px;margin-top:15px}.surface-label a span{margin-left:8px}.surface-quick{border-bottom:1px solid var(--line);padding:22px 26px 27px;background:#eeeee7;border-radius:16px 16px 0 0;display:flex;flex-direction:column;justify-content:space-between}.surface-menu-preview{display:flex;align-items:center;gap:16px;font-size:11px;padding:10px 14px;background:#ffffffad;border:1px solid #fff;border-radius:7px;box-shadow:0 6px 20px #30352c0d}.mini-quota{margin-left:auto;display:flex;gap:5px;align-items:center;padding:5px 7px;border-radius:4px;background:#1d211317}.mini-quota b{font-weight:500}.surface-widget{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 26px;background:#eeeee7;border-radius:0 0 16px 16px}.surface-widget .surface-label{max-width:200px;padding:0}.widget-title{display:flex;align-items:center;gap:5px;font:18px var(--serif)}.widget-title img{filter:brightness(0) invert(.93)}.widget-title i{font-size:11px}.desktop-stage{position:relative;height:550px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 90% 85%,#c0c3b8,transparent 62%),linear-gradient(125deg,#d9ddd5,#e7e5d9 40%,#c9ccc2);box-shadow:inset 0 0 0 1px #0000000a}.desktop-stage:before{content:"";position:absolute;width:120%;height:140%;left:-60%;top:0;transform:rotate(-24deg);background:linear-gradient(90deg,#f3f1e950,#fafbf2ae 55%,#a2a89a20);border-radius:45%;box-shadow:30px 0 80px #7b857322;pointer-events:none}.desktop-menubar{position:relative;height:37px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f2f3ea80;backdrop-filter:blur(20px);padding:0 20px;font-size:12px;border-bottom:1px solid #ffffff38}.desktop-menu-left,.desktop-menu-right{display:flex;align-items:center;gap:20px}.desktop-menu-left b{font-weight:600}.desktop-menu-right{gap:13px}.quota-toggle{border:0;display:flex;gap:7px;align-items:center;background:transparent;border-radius:5px;min-height:30px;padding:4px 8px;font-size:12px}.quota-toggle[aria-expanded=true]{background:#20231c20}.desktop-watermark{position:absolute;top:32%;left:7%;font-size:clamp(40px,5vw,67px);line-height:1.08;letter-spacing:-.055em;font-weight:500;color:#47504294}.quota-dropdown{position:absolute;right:70px;top:45px;width:314px;padding:14px;background:#eeeee5e8;border:1px solid #fff9;border-radius:13px;box-shadow:0 20px 42px #303b3835;backdrop-filter:blur(20px);font-size:12px}.dropdown-title{display:flex;justify-content:space-between;align-items:center;padding:1px 2px 12px;font-weight:550}.fresh-dot{font-size:10px;color:#676f5b;font-weight:400}.fresh-dot:before{content:"";display:inline-block;width:5px;height:5px;background:#708765;border-radius:50%;margin-right:5px;vertical-align:2px}.menu-quota-card{background:linear-gradient(120deg,#343632,#23251f);color:#f0f1e9;border-radius:12px;padding:17px}.current-label{margin-left:auto;font:9px -apple-system,BlinkMacSystemFont,sans-serif;border:1px solid #b4baaa40;border-radius:4px;padding:3px 5px;color:#d4d8c8}.menu-reading{display:flex;justify-content:space-between;align-items:center;margin:22px 0}.menu-reading>div:first-child{display:flex;flex-direction:column;font-family:var(--serif)}.menu-reading strong{font-size:58px;line-height:1;font-weight:400;letter-spacing:-.06em}.menu-reading>div>span{font-size:22px;color:#bfc4b5}.menu-plan{display:flex;flex-direction:column;gap:6px;border-left:1px solid #ffffff24;padding-left:19px;width:35%;color:#c7ccbe}.menu-plan small{font-size:9px}.menu-plan>span{font-family:var(--serif);font-size:22px}.menu-weekly{display:flex;justify-content:space-between;font-size:9px;color:#c5c9bd;margin-bottom:8px}.menu-weekly b{font-weight:400}.menu-quota-card .meter{height:5px}.dropdown-secondary{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;border-bottom:1px solid #0000000d}.dropdown-secondary i{font:italic 12px var(--serif);margin-left:3px}.dropdown-secondary b{font-weight:500}.dropdown-settings{display:flex;justify-content:space-between;padding:12px 4px 0;font-size:11px;color:#5c604f}.desktop-hint{position:absolute;bottom:25px;left:30px;font-size:12px;color:#5d6558}.menu-section .demo-caption{margin-top:22px}.accounts-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.account-copy>p{font-size:18px;max-width:370px;margin-top:25px}.account-principles{margin-top:34px;display:grid;gap:17px;font-size:13px;color:#696d63}.account-principles>div{display:flex;align-items:center;gap:12px}.principle-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.accounts-window{border:1px solid #d9dbd1;border-radius:15px;background:#fcfcf9;overflow:hidden;box-shadow:0 22px 45px -24px #333b352c}.window-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;height:47px;padding:0 16px;border-bottom:1px solid #e7e8e1;background:#efefe9}.traffic-lights{display:flex;gap:6px}.traffic-lights i{width:9px;height:9px;background:#d6d8ce;border:1px solid #0000000c;border-radius:50%}.traffic-lights i:nth-child(1){background:#ef847b}.traffic-lights i:nth-child(2){background:#eac269}.traffic-lights i:nth-child(3){background:#a3c48e}.accounts-window-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 24px 15px}.accounts-window-heading h3{font-size:17px;font-weight:600}.accounts-window-heading>span{font-size:11px;color:var(--muted)}.account-entry{display:flex;align-items:center;gap:13px;position:relative;margin:0 20px;padding:20px 6px;border-bottom:1px solid #e6e7df}.account-entry>div:first-of-type{display:flex;flex-direction:column;gap:6px}.account-entry b{font-size:15px;font-weight:550}.account-entry i{font:italic 15px var(--serif);margin-left:7px}.account-entry small{font-size:10px;color:#747a6b}.account-amount{margin-left:auto;display:flex;flex-direction:column;text-align:right;gap:5px;padding-right:10px}.account-amount strong{font:24px var(--serif)}.account-status-dot{position:absolute;right:-1px;top:28px;width:5px;height:5px;background:var(--accent);border-radius:50%}.accounts-foot{padding:18px 25px;display:flex;justify-content:space-between;font-size:10px;color:#83897b}
@media(max-width:1000px){.accounts-section{gap:45px}.surface-widget{gap:18px;padding:20px 16px}.surface-label h3{font-size:21px}.desktop-menu-left{gap:15px}}
@media(max-width:700px){.surface-composition{grid-template-columns:1fr;gap:28px}.surface-ambient{grid-row:auto}.surface-saver{height:auto;background:none;overflow:visible}.surface-label{padding:22px 3px 0}.surface-quick{border-radius:16px;padding:25px 20px;border-bottom:0;min-height:200px}.surface-menu-preview{gap:12px}.surface-widget{border-radius:16px;padding:24px 20px;gap:20px;flex-direction:row-reverse;justify-content:space-between}.surface-widget .surface-label{max-width:155px}.surface-widget h3{font-size:22px}.widget-title{font-size:16px}.widget-title i{font-size:10px}.desktop-stage{width:calc(100% - 28px);height:550px;border-radius:17px}.desktop-menu-left>span:not(:first-child){display:none}.desktop-menu-left{gap:10px}.desktop-menubar{padding:0 13px;font-size:11px}.desktop-menu-right{gap:4px}.menu-system{display:none}.menu-date{font-size:9px}.quota-dropdown{right:12px;left:12px;width:auto;max-width:330px;margin-left:auto}.desktop-watermark{display:none}.desktop-hint{bottom:22px;left:0;right:0;text-align:center;font-size:11px}.accounts-section{grid-template-columns:1fr;gap:34px}.account-copy>p{font-size:16px;margin-top:20px}.account-principles{margin-top:23px;gap:13px}.account-entry{margin:0 14px;gap:10px;padding-block:19px}.account-entry b{font-size:13px}.account-entry i{font-size:14px;margin-left:4px}.account-entry>img{width:23px;height:23px}.account-amount strong{font-size:22px}.accounts-window-heading{padding-inline:20px}.accounts-foot{padding-inline:20px}}
@media(max-width:360px){.surface-widget{gap:12px;padding:18px 14px}.surface-widget h3{font-size:20px}.surface-label p{font-size:13px}}
.switch-section{background:#eeeee8}.switch-list-title{display:flex;align-items:center;gap:9px;margin-bottom:26px}.switch-list-title h3{font:24px var(--serif)}.switch-list-title>span{margin-left:auto;font-size:11px;color:var(--muted)}.switch-row{display:flex;align-items:center;gap:13px;min-height:90px;padding:15px 10px;border-top:1px solid #e5e7dd}.selection-mark{width:7px;height:7px;background:#d4d8ca;border-radius:50%;flex-shrink:0}.is-current .selection-mark{background:var(--accent);box-shadow:0 0 0 4px #b392571a}.switch-account{display:flex;flex-direction:column;gap:5px}.switch-account i{font:italic 23px var(--serif)}.switch-account small{font-size:10px;color:#717969}.switch-row>strong{font:25px var(--serif);margin-left:auto}.switch-row>button{border:1px solid #cdd1c3;border-radius:7px;padding:9px 13px;font-size:11px;min-width:68px;min-height:40px;background:#f8f9f3;transition:background .2s}.switch-row>button:hover{background:#ecefe3}.switch-row>button[aria-disabled=true]{border-color:transparent;background:#b3925718;color:#725628;cursor:default}.switch-result-label{font-size:12px;color:#bcc4b0}.switch-mini-menubar{display:flex;align-items:center;gap:7px;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:7px;padding:9px 12px;font-size:12px;margin-top:20px}.switch-mini-menubar img{filter:brightness(0) invert(.95)}.switch-mini-menubar b{font-weight:500}.switch-mini-menubar span{font-size:9px;margin-left:auto;color:#b8c3ab}.switch-result-metric{display:flex;flex-direction:column;font-family:var(--serif);padding:25px 0 24px}.switch-result-metric i{font-size:22px;color:#bfc8b3}.switch-result-metric strong{font-size:92px;line-height:1.12;letter-spacing:-.07em;font-weight:400}.switch-result-metric>span{font-size:27px;color:#c2cab8}.switch-result-footer{font-size:10px;color:#aab79b;display:flex;gap:7px;align-items:center}.sync-dot{height:5px;width:5px;background:#a8b39b;border-radius:50%}.switch-status{text-align:center;min-height:40px;font-size:13px;margin:23px auto 0;color:#696f60}.changed{animation:account-change .42s var(--ease)}@keyframes account-change{from{opacity:.35;filter:blur(2px);transform:translateY(3px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(max-width:700px){.switch-list-title{gap:7px;margin-bottom:18px}.switch-list-title>span{font-size:10px}.switch-row{gap:9px;padding:14px 3px;min-height:86px}.switch-account i{font-size:21px}.switch-account small{font-size:9px}.switch-row>strong{font-size:23px}.switch-row>button{min-width:61px;min-height:44px;padding:9px;font-size:11px}.switch-result-metric{padding:22px 0;align-items:center}.switch-result-metric strong{font-size:90px}.switch-result-metric i{font-size:22px}.switch-result-footer{justify-content:center}.switch-mini-menubar{margin-top:15px}.switch-status{font-size:12px;max-width:310px;min-height:43px}}
.immersive{min-height:800px;height:90svh;max-height:1100px;background:#080908;color:#efefe5;display:grid;place-items:center;text-align:center;position:relative}.immersive-inner{width:min(560px,calc(100% - 50px))}.immersive-value>span{font:clamp(140px,18vw,248px)/.95 var(--serif);letter-spacing:-.065em}.immersive-value h2{font:clamp(36px,4vw,55px)/1.15 var(--serif);letter-spacing:-.025em;color:#bfc3b5;margin-top:9px}.immersive-meter{width:72%;margin:52px auto 0;text-align:left}.immersive-meter>span{font-size:10px;letter-spacing:.08em;color:#9da692}.immersive-meter .meter{height:5px;margin-top:14px;background:#34392f}.immersive-meter .meter>span{transition:width .6s var(--ease)}.immersive-inner>p{font:italic 21px var(--serif);color:#b8c0ad;margin-top:27px}.quota-states{display:flex;gap:8px;justify-content:center;margin-top:50px}.quota-states button{border:1px solid #51564a;background:transparent;color:#bec5b4;border-radius:100px;min-width:58px;min-height:36px;font-size:11px}.quota-states button[aria-pressed=true]{background:#d0d4c8;color:#171b12;border-color:#d0d4c8}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.provider-grid article{text-align:center;padding:30px 20px 40px;border-bottom:1px solid var(--line)}.provider-grid article:nth-child(n+4){border-bottom:0;padding-top:45px}.provider-grid article:not(:nth-child(3n)){border-right:1px solid var(--line)}.provider-grid img{width:36px;height:36px;object-fit:contain;margin-bottom:20px}.provider-grid h3{font-size:19px;font-weight:550}.provider-grid p{font-size:13px;line-height:1.7;margin-top:10px}.support-label{display:inline-block;font-size:10px;color:#69745d;margin-top:19px}.support-label:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#809372;margin-right:5px;vertical-align:2px}.provider-details{max-width:750px;margin:45px auto 0;text-align:center;font-size:12px;color:var(--muted)}summary{cursor:pointer;min-height:36px;padding:8px;line-height:1.4}summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}details p{margin:12px 0;font-size:13px}details a{color:var(--accent-ink);font-size:12px;display:inline-block;padding:7px 0}.settings-section{background:#eeeee8}.settings-window{display:grid;grid-template-columns:205px 1fr;max-width:950px;min-height:625px;border:1px solid #d7d9cf;border-radius:16px;overflow:hidden;background:#fbfbf8;box-shadow:0 25px 60px -30px #31383135;font-size:13px;color:#2e322a}.settings-sidebar{padding:28px 12px;background:#e6e7df;display:flex;flex-direction:column;border-right:1px solid #d8dbcf}.settings-brand{display:flex;align-items:center;gap:7px;padding:0 8px 30px;font-size:16px;letter-spacing:-.03em}.settings-tabs{display:flex;flex-direction:column;gap:6px}.settings-tabs>button{border:0;background:transparent;border-radius:7px;text-align:left;padding:12px 13px;display:flex;align-items:center;gap:10px;min-height:44px;color:inherit}.settings-tabs>button[aria-selected=true]{background:#b392571d}.settings-tabs>button>span{font-size:21px;line-height:1;width:22px;text-align:center;color:#6d7363}.settings-tabs>button[aria-selected=true]>span{color:var(--accent-ink)}.settings-demo-note{font-size:10px;margin:auto 12px 0;color:#7e8574}.settings-content{padding:31px 36px 20px;min-width:0;display:flex;flex-direction:column}.settings-panel>h3{font-size:24px;font-weight:550;margin-bottom:25px}.settings-intro{display:flex;align-items:center;gap:14px;margin-bottom:29px}.settings-intro>div{display:flex;flex-direction:column;gap:7px}.settings-intro b{font-size:24px;letter-spacing:-.04em}.settings-intro span{color:#737b67;font-size:12px}.settings-panel fieldset{border:0;padding:0;margin:0 0 27px}.settings-panel legend{font-weight:550;margin-bottom:17px;padding:0;font-size:12px}.appearance-options{display:flex;gap:17px}.appearance-options label{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px;cursor:pointer}.appearance-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.appearance-tile{width:108px;height:70px;border-radius:7px;background:linear-gradient(130deg,#d6dddf,#e9dfcb);position:relative;box-shadow:inset 0 0 0 1px #0001;border:3px solid transparent;display:block}.appearance-tile>i{position:absolute;left:13%;top:20%;width:75%;height:67%;background:#fafaf6;border-radius:4px;box-shadow:0 3px 8px #0002}.appearance-tile>i:before{content:"";position:absolute;inset:0 auto 0 0;width:28%;background:#d9dccf;border-radius:4px 0 0 4px}.appearance-tile>i:after{content:"87%";position:absolute;left:35%;top:25%;font:20px var(--serif);color:#32372a}.dark-tile{background:linear-gradient(130deg,#29312d,#645d50)}.dark-tile>i{background:#30342b}.dark-tile>i:before{background:#474b40}.dark-tile>i:after{color:#e3e9d6}.system-tile{background:linear-gradient(90deg,#d6dddf 50%,#4c5144 50%)}.system-tile>i{background:linear-gradient(90deg,#fafaf6 50%,#30342b 50%)}.system-tile>i:after{color:#b39257}.appearance-options input:checked+.appearance-tile{outline:2px solid var(--accent);outline-offset:3px}.appearance-options input:focus-visible+.appearance-tile{outline:3px solid var(--accent-ink);outline-offset:4px}.setting-row{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dde0d466;font-size:12px}.setting-row select{font-size:11px;border:1px solid #d2d7c7;background:#fff;color:#343a2b;border-radius:5px;padding:6px 24px 6px 9px;max-width:190px;min-height:31px}.toggle-input{appearance:none;width:32px;height:19px;border-radius:20px;background:#c4cabb;position:relative;border:0;flex-shrink:0;cursor:pointer;margin:0;transition:background .2s}.toggle-input:before{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .2s}.toggle-input:checked{background:var(--accent)}.toggle-input:checked:before{transform:translateX(13px)}.setting-value{color:#737b67;font-size:11px;text-align:right}.settings-feedback{margin-top:auto;padding-top:24px;font-size:10px;line-height:1.55;color:#707965}.settings-help{font-size:13px;margin-bottom:18px}.small-help{font-size:11px}.settings-connection{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dbe0d1;padding:17px 0}.settings-connection>div{display:flex;flex-direction:column;gap:6px}.settings-connection b{font-weight:500}.settings-connection i{font:italic 15px var(--serif);margin-left:5px}.settings-connection small{font-size:10px;color:#757e69}.settings-connection>span{margin-left:auto;font-size:10px;color:#6d795e}.settings-menu-preview{display:flex;align-items:center;gap:18px;background:#e4e8de;border:1px solid #d8dece;border-radius:9px;padding:12px 16px;margin:30px 0 35px;font-size:12px}.settings-menu-preview>span:last-child{margin-left:0}#settings-menu-indicator{margin-left:auto;display:flex;align-items:center;gap:7px;min-width:60px;justify-content:center}.settings-saver-preview{aspect-ratio:16/10;border-radius:12px;overflow:hidden;margin-bottom:18px}.settings-window[data-preview-appearance=dark]{background:#242821;color:#e5e9df;border-color:#4c5344}.settings-window[data-preview-appearance=dark] .settings-sidebar{background:#343b2d;border-color:#4c5344}.settings-window[data-preview-appearance=dark] .settings-help,.settings-window[data-preview-appearance=dark] .settings-feedback,.settings-window[data-preview-appearance=dark] .settings-intro span{color:#b3bea6}.settings-window[data-preview-appearance=dark] .settings-menu-preview{background:#c6cebd;color:#2c3324}.settings-window[data-preview-appearance=dark] .settings-connection>img[src*="codex"]{filter:invert(.93)}.settings-window[data-preview-appearance=dark] .setting-value,.settings-window[data-preview-appearance=dark] .settings-connection small,.settings-window[data-preview-appearance=dark] .settings-connection>span{color:#adbba0}.native-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 55px;margin-top:60px}.native-grid svg{width:30px;height:30px;stroke:#858d79;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;margin-bottom:17px}.native-grid h3{font-size:18px;font-weight:550}.native-grid p{font-size:13px;margin-top:8px}.open-source{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);align-items:center}.open-source>div>p{margin-top:22px;font-size:17px}.text-link{display:inline-block;font-size:13px;color:var(--accent-ink);margin-top:25px}.text-link>span{margin-left:9px}.repository-panel{padding:27px 28px;border:1px solid #dadfd0;border-radius:13px;background:#f9faf5}.repo-heading{display:flex;align-items:center;gap:10px;font-size:19px}.repo-heading svg{width:25px;height:25px;fill:none;stroke:#697660;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.repo-heading b{font-weight:550;letter-spacing:-.02em}.repo-heading>span{font-size:10px;border:1px solid #d5dccb;border-radius:20px;padding:3px 8px;color:#697660;margin-left:auto}.open-source .repository-panel>p{font-size:13px;margin-top:17px}.repo-meta{display:flex;gap:22px;font-size:11px;color:#6c765f;margin-top:25px}.repo-meta>span:first-child:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#be856c;margin-right:6px}.repo-links{display:flex;gap:24px;flex-wrap:wrap;padding-top:23px;border-top:1px solid #dee3d4;margin-top:24px;font-size:11px}.repo-links a:hover{color:var(--accent-ink)}.final-cta{text-align:center;padding:95px 0 100px;background:linear-gradient(#f0f0e8,#f6f5f1)}.final-icon{width:88px;height:88px;margin-bottom:25px}.final-cta h2{font-size:clamp(44px,5.8vw,80px)}.final-cta .actions{margin-top:35px}.release-specs{font-size:12px;margin-top:21px}.release-specs>span{padding:0 9px}.install-details{font-size:12px;margin:25px auto 0;max-width:580px;color:var(--muted)}.install-details ol{text-align:left;padding-left:24px;line-height:1.75}.install-details li{margin-top:9px}.install-details p{font-size:12px}.settings-panel:focus-visible{outline:2px solid var(--accent);outline-offset:10px}
@media(max-width:900px){.settings-window{grid-template-columns:180px 1fr}.settings-content{padding:28px 24px 20px}.appearance-tile{width:95px}.appearance-options{gap:13px}.open-source{gap:50px}.native-grid{gap:45px 25px}}
@media(max-width:700px){.immersive{min-height:650px;height:85svh}.immersive-value>span{font-size:150px}.immersive-value h2{font-size:40px}.immersive-meter{width:78%;margin-top:45px}.immersive-inner>p{font-size:19px}.quota-states button{min-height:44px;min-width:60px}.provider-grid{grid-template-columns:1fr 1fr;margin-top:20px}.provider-grid article{padding:30px 10px!important;border-bottom:1px solid var(--line)!important;border-right:0!important}.provider-grid article:nth-child(odd){border-right:1px solid var(--line)!important}.provider-grid article:nth-last-child(-n+2){border-bottom:0!important}.provider-grid img{width:32px;height:32px;margin-bottom:15px}.provider-grid h3{font-size:17px}.provider-grid p{font-size:11px;min-height:56px}.support-label{margin-top:9px}.provider-details{margin-top:28px;font-size:11px}.settings-window{width:calc(100% - 28px);display:block;min-height:600px}.settings-sidebar{padding:16px 10px 9px;border:0;border-bottom:1px solid #d5d9cb}.settings-brand{padding:0 7px 16px}.settings-brand img{width:28px;height:28px}.settings-demo-note{display:none}.settings-tabs{overflow-x:auto;flex-direction:row;gap:4px;padding:5px 2px 6px;scrollbar-width:thin}.settings-tabs>button{white-space:nowrap;padding:10px;font-size:11px;flex-shrink:0;gap:6px}.settings-tabs>button>span{font-size:15px;width:16px}.settings-content{padding:25px 21px 21px;min-height:465px}.settings-panel>h3{font-size:22px;margin-bottom:25px}.settings-intro b{font-size:22px}.settings-intro span{font-size:11px}.appearance-options{justify-content:space-between;gap:10px}.appearance-tile{width:80px;height:60px}.appearance-options label{font-size:10px}.appearance-tile>i:after{font-size:15px}.setting-row{font-size:11px;gap:12px}.setting-row select{max-width:150px;font-size:10px;min-height:36px}.settings-feedback{padding-top:22px}.settings-connection{gap:9px}.settings-connection b{font-size:12px}.settings-connection small{font-size:9px}.settings-connection>span{font-size:9px}.settings-connection>img{width:23px;height:23px}.settings-saver-preview{aspect-ratio:auto}.native-grid{grid-template-columns:1fr 1fr;gap:38px 25px;margin-top:40px}.native-grid h3{font-size:17px}.native-grid p{font-size:12px}.open-source{grid-template-columns:1fr;gap:35px}.open-source>div>p{font-size:16px}.repository-panel{padding:24px 22px}.repo-links{gap:19px;font-size:10px}.final-cta{padding:75px 0}.final-icon{width:72px;height:72px}.release-specs{font-size:10px}.release-specs>span{padding:0 4px}.install-details{font-size:11px}.install-details p{font-size:11px}}
@media(max-width:360px){.settings-content{padding:22px 16px}.appearance-tile{width:70px}.appearance-options{gap:8px}.settings-panel .setting-row{font-size:10px}}
.error-page{max-width:820px;min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;padding-block:60px}.error-page h1{font-size:clamp(44px,6vw,74px)}.error-page p{font-size:16px}.hero .macbook{transition:transform .8s var(--ease);transform:perspective(1600px) rotateX(var(--device-x,0deg)) rotateY(var(--device-y,0deg));transform-origin:center}.hero .meter>span{transform-origin:left;animation:meter-arrive 1.1s var(--ease) both;animation-delay:.25s}.quota-dropdown:not([hidden]){animation:menu-arrive .3s var(--ease)}.settings-panel:not([hidden]){animation:panel-arrive .3s var(--ease)}.site-header nav>a[aria-current=location]{color:var(--accent-ink)}.site-footer a,.text-link,.repo-links a{padding-block:6px}.settings-tabs button{scroll-margin-inline:6px}.settings-window[data-preview-appearance=dark] .settings-tabs>button>span{color:#bdc6b0}.settings-window[data-preview-appearance=dark] .settings-tabs>button[aria-selected=true]>span{color:#d4bc91}.settings-window[data-preview-appearance=dark] .settings-demo-note{color:#aeb9a0}
@keyframes card-arrive{from{opacity:.2;filter:blur(5px);transform:translateY(5px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes meter-arrive{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bar-arrive{from{transform:scaleY(.1);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes menu-arrive{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-arrive{from{opacity:.65}to{opacity:1}}
@media(min-width:701px) and (max-height:950px){.hero{padding-top:16px}.hero h1{font-size:58px;line-height:1.02}.hero-copy p:not(.system-note){font-size:16px;margin-top:16px}.hero .actions{margin-top:20px}.hero .system-note{margin-top:10px}.hero .macbook{width:min(1020px,calc((100svh - 400px)*1.727),91vw);min-width:640px;margin-top:28px}}
@media(max-width:700px){.section-heading p br{display:none}.section-heading p{max-width:340px;margin-inline:0}.section-heading.centered p{margin-inline:auto}.switch-row>strong{padding-right:3px}.hero .macbook{transform:none!important}.settings-tabs{scroll-padding-inline:8px}.provider-grid article img{object-fit:contain}.section-heading h2{line-height:1.08}}
@media(prefers-reduced-motion:reduce){.hero .macbook{transform:none!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.native-saver{display:block;width:100%;height:100%;background:#000}.native-saver>img{display:block;width:100%;height:100%;object-fit:contain}.surface-quick{padding-top:25px!important}.native-accounts .section-heading{max-width:700px}.native-window-scroll{overflow:auto;border-radius:16px;background:#eee;box-shadow:0 24px 55px -32px #30312d50;scrollbar-width:thin;scrollbar-color:#b6b7af #eeeeea}.native-window-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.native-window-image{display:block;width:100%;height:auto}.native-accounts .native-window-scroll{max-width:740px;margin:auto}.mobile-pan-hint{display:none}.native-settings{max-width:740px}.native-settings-tabs{display:flex;justify-content:center;gap:8px;margin:0 auto 28px;overflow:auto;padding:6px}.native-settings-tabs button{border:1px solid transparent;border-radius:8px;background:transparent;padding:12px 20px;font-size:14px;white-space:nowrap;min-height:44px}.native-settings-tabs button[aria-selected=true]{background:#fff;border-color:#d7d8ce;box-shadow:0 3px 9px #00000005}.native-settings-tabs button:hover{color:var(--accent-ink)}.native-switch-toolbar{display:flex;align-items:center;justify-content:space-between;max-width:1040px;margin:0 auto 24px;gap:20px}.switch-steps{list-style:none;padding:0;display:flex;gap:28px;font-size:13px;color:var(--muted);margin:0}.switch-steps li{padding:6px 0;border-bottom:2px solid transparent}.switch-steps li[aria-current=step]{color:var(--accent-ink);border-color:var(--accent)}.native-switch-stage{position:relative;height:734px;max-width:1040px;margin:auto;border-radius:24px;overflow:hidden}.native-switch-intro{position:absolute;left:68px;top:109px;color:#363a32}.native-switch-intro>span:first-child{font:28px var(--serif)}.native-switch-intro p{white-space:pre-line;margin-top:14px;font-size:17px;line-height:1.6}.switch-guide-arrow{display:block;font-size:52px;font-weight:200;color:#92977f;margin-top:12px}.native-switch-panel{position:absolute;width:372px;right:65px;top:84px;filter:drop-shadow(0 20px 30px #24271c30)}.native-switch-panel>img{display:block;width:100%;height:auto}.native-hotspot{position:absolute;background:transparent;border:2px solid transparent;border-radius:10px;padding:0}.native-hotspot:hover:not(:disabled){background:#ffffff0b;border-color:#d4ba8260}.native-hotspot:focus-visible{outline:3px solid #d5b373;outline-offset:3px}.switch-open{left:1.1%;bottom:1%;width:10.2%;aspect-ratio:38/34;box-shadow:0 0 0 2px #d5b373a0}.native-chooser{position:absolute;width:252px;right:455px;top:489px;filter:drop-shadow(0 16px 20px #24271c38);z-index:2;animation:native-chooser-in .3s var(--ease)}.native-chooser>img{display:block;width:100%;height:auto;border-radius:18px}.chooser-close{left:85%;top:6%;width:11%;height:17%}.chooser-account{left:5.5%;width:89%;height:18%}.chooser-alpha{top:24.5%}.chooser-beta{top:45%}.demo-pointer{position:absolute;left:var(--pointer-x,65%);top:var(--pointer-y,80%);width:25px;height:32px;z-index:6;pointer-events:none;display:none;transition:left .65s var(--ease),top .65s var(--ease);filter:drop-shadow(1px 2px 2px #0003)}.is-playing .demo-pointer{display:block}.native-switch-stage[data-state=switching] .native-chooser{opacity:.65;transition:opacity .3s}.native-switch-stage[data-state=success] .switch-open{box-shadow:none}.native-switch-stage[data-state=success] .native-switch-panel{animation:panel-arrive .4s var(--ease)}.switch-status{max-width:900px;min-height:48px}.native-switch-stage[data-state=choosing] .switch-guide-arrow{opacity:0}@keyframes native-chooser-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1000px){.native-switch-intro{left:35px;top:89px}.native-switch-panel{right:30px;width:340px}.native-chooser{right:385px;top:449px}.native-switch-stage{height:684px}.native-switch-intro p{font-size:15px}}
@media(max-width:700px){.macbook .native-saver{display:block}.macbook-screen{height:auto!important}.native-saver{height:auto;aspect-ratio:16/10}.native-saver>img{aspect-ratio:16/10;height:auto;object-fit:contain}.focus-display{aspect-ratio:16/10}.surface-saver{aspect-ratio:16/10!important;max-height:none!important}.surface-saver .native-saver{height:100%}.native-window-image{width:800px;max-width:none}.native-window-scroll{border-radius:12px}.mobile-pan-hint{display:block!important;margin-top:8px}.native-settings.wrap{width:calc(100% - 28px)}.native-settings-tabs{justify-content:flex-start;gap:4px;margin-bottom:16px}.native-settings-tabs button{font-size:12px;padding:10px 13px}.native-switch-toolbar{flex-direction:column;gap:16px;margin-bottom:20px}.switch-steps{gap:17px;font-size:11px}.native-switch-stage{height:694px;border-radius:18px}.native-switch-intro{top:69px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:14px}.native-switch-intro>span:first-child{font-size:20px}.native-switch-intro p{font-size:11px;margin:0}.switch-guide-arrow{display:none}.native-switch-panel{width:min(330px,calc(100% - 24px));right:50%;transform:translateX(50%);top:129px}.native-chooser{width:252px;right:50%;transform:translateX(50%);top:454px;animation:native-mobile-chooser .3s var(--ease)}.native-switch-stage[data-state=success] .native-switch-panel{animation:none}.switch-status{font-size:12px;min-height:65px}@keyframes native-mobile-chooser{from{opacity:0;margin-top:8px}to{opacity:1;margin-top:0}}}
@media(max-width:360px){.native-switch-stage{height:584px}.native-chooser{top:394px;width:236px}.native-switch-intro{left:16px;right:16px}.switch-steps{gap:12px;font-size:10px}.native-window-image{width:760px}}
@media(prefers-reduced-motion:reduce){.demo-pointer{display:none!important}.native-chooser,.native-switch-panel{animation:none!important;transition:none!important}}
.native-zoom{display:none}
@media(max-width:700px){.native-window-image{width:100%;max-width:100%}.native-window-scroll.is-zoomed .native-window-image{width:800px;max-width:none}.native-zoom{display:block;margin:16px auto 0;padding:10px 16px;border:1px solid #ced0c4;background:transparent;border-radius:8px;min-height:44px;font-size:12px;color:var(--accent-ink)}}

@media(min-width:901px){.hero{padding:68px 0 64px;min-height:min(790px,calc(100svh - 72px));display:grid;align-items:center;text-align:left}.hero-layout{width:min(1600px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr);gap:48px;align-items:center}.hero-visual{grid-column:1;grid-row:1;min-width:0}.hero-copy{grid-column:2;grid-row:1;width:100%;max-width:510px;margin:0;padding-left:clamp(30px,3.3vw,52px)}.hero h1{font-size:clamp(48px,4.2vw,68px)}.hero-copy p:not(.system-note){font-size:18px;line-height:1.6;margin-top:24px}.hero-copy .desktop-break{display:none}.hero .actions{justify-content:flex-start;margin-top:30px}.hero-copy .system-note{margin-top:17px;font-size:12px}.hero .macbook{width:116%;min-width:0;margin:0;max-width:none}}
@media(min-width:901px) and (max-width:1150px){.hero-layout{width:calc(100% - 48px);gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr)}.hero h1{font-size:46px}.hero-copy p:not(.system-note){font-size:16px}.hero .button{padding:13px 16px}}
@media(max-width:900px){.hero-layout{display:flex;flex-direction:column}.hero-copy{width:calc(100% - 40px);margin-inline:auto}.hero-visual{width:100%}}

.desktop-scene{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(138deg,#e1ded6 0%,#eeebe4 39%,#c3c6be 40%,#d4d6ce 65%,#a8ada5 100%);border:1px solid #d1d2c8;border-radius:20px}
.desktop-scene::before{content:"";position:absolute;inset:20% -30% -75% 20%;border-radius:50%;transform:rotate(-24deg);border:1px solid #ffffff60;background:linear-gradient(120deg,#ffffff4d,#ffffff08 65%);box-shadow:0 -12px 30px #444b3010;z-index:-1;pointer-events:none}
.desktop-bar{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;gap:12px;background:#f8f8f274;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff65;color:#30332e;position:relative;z-index:2;font-size:12px}
.desktop-app{font-weight:600;white-space:nowrap}.desktop-app>span{font-weight:400;margin-left:20px}.desktop-tray{display:flex;align-items:center;gap:15px;height:100%}.desktop-clock{white-space:nowrap;font-size:11px;font-weight:500}
.desktop-quota-button{display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;background:transparent;min-width:77px;height:32px;padding:6px 10px;transition:background .2s,box-shadow .2s;position:relative;flex-shrink:0}.desktop-quota-button img{display:block;width:auto;height:18px;max-width:60px}.desktop-quota-button:hover{background:#ffffff55;border-color:#ffffff55}.desktop-quota-button[aria-expanded=true]{background:#484f4226;box-shadow:inset 0 1px 2px #27311f0d;border-color:#737c6520}.desktop-quota-button:active{background:#484f4240}.desktop-dropdown{position:absolute;top:44px;right:26px;width:310px;z-index:3;filter:drop-shadow(0 12px 20px #1b211d30);transform-origin:80% 0}.desktop-dropdown>img{display:block;width:100%;height:auto}
[data-native-menu],#switch-native-menu{mask-image:url("assets/native/menu-mask.svg");mask-size:100% 100%;mask-repeat:no-repeat}.is-open .desktop-dropdown{animation:desktop-menu-arrive .25s var(--ease)}
@keyframes desktop-menu-arrive{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.surface-composition{grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;gap:42px 28px}.surface-ambient{grid-row:auto}.surface-saver{height:auto;aspect-ratio:16/10}.surface-quick{padding:0!important;border:0;background:none;display:block}.surface-quick .surface-label{padding-top:26px}.menu-peek{height:auto;aspect-ratio:4/3}.menu-peek .desktop-dropdown{width:62%;right:13%;top:46px}.menu-peek::after{content:"";position:absolute;inset:auto 0 0;height:18px;z-index:4;background:linear-gradient(transparent,#ccd0c43d);pointer-events:none}.menu-peek .desktop-tray{gap:8px}.menu-peek .desktop-clock{font-size:10px}.menu-peek .desktop-quota-button{min-width:68px}
.surface-widget{grid-column:1/-1;display:grid;grid-template-columns:1fr 240px;gap:45px;padding:0;background:none;border-radius:0}.surface-widget .surface-label{max-width:none;padding:0}.surface-widget .surface-label h3{font-size:30px}.surface-widget .surface-label p{font-size:15px;margin-top:14px}.widget-desktop{border-radius:20px}.widget-canvas{position:relative;width:100%;aspect-ratio:800/430}.desktop-widget{display:block;position:absolute;filter:drop-shadow(0 9px 12px #24271c26)}.widget-large{width:45%;left:3.5%;top:9.3%}.widget-medium{width:45%;left:51%;top:9.3%}.widget-small{width:21.25%;left:51%;top:53.5%}
@media(max-width:1000px){.surface-widget{grid-template-columns:1fr 190px;gap:28px}.surface-widget .surface-label h3{font-size:26px}.menu-peek .desktop-app{display:none}.menu-peek .desktop-bar{justify-content:flex-end}.desktop-clock{font-size:10px}}
@media(max-width:700px){.surface-composition{grid-template-columns:1fr;gap:40px}.surface-quick{min-height:0}.menu-peek{aspect-ratio:1.35}.menu-peek .desktop-app{display:block}.menu-peek .desktop-bar{justify-content:space-between;padding:0 10px}.menu-peek .desktop-dropdown{width:70%;right:9%;top:45px}.surface-widget{display:flex;flex-direction:column;align-items:stretch;gap:22px}.surface-widget .surface-label{max-width:none;padding:0 3px}.surface-widget .surface-label h3{font-size:23px}.surface-widget .surface-label p{font-size:14px;margin-top:6px}.widget-desktop{border-radius:16px;margin-inline:-6px}.widget-desktop .desktop-bar{padding:0 12px;height:30px}.widget-desktop .desktop-app>span{display:none}.widget-canvas{aspect-ratio:550/775}.widget-large{width:61.8%;left:6%;top:4%}.widget-medium{width:61.8%;left:36.9%;top:51%}.widget-small{width:29.2%;left:6%;top:73.4%}.desktop-dropdown{max-width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.is-open .desktop-dropdown{animation:none}}

.desktop-demo-pointer{position:absolute;width:27px;height:34px;left:calc(75% + 40px);top:130px;z-index:5;opacity:0;pointer-events:none;transition:left .7s var(--ease),top .7s var(--ease),opacity .2s}.is-demonstrating .desktop-demo-pointer{opacity:1}.is-clicking .desktop-quota-button{background:#3e49393d}.desktop-wifi{width:18px;height:18px}
@media(min-width:901px){.section-heading,.native-accounts .section-heading{max-width:none}.section-heading h2 br,.final-cta h2 br{display:none}.section-heading.centered p{margin-inline:auto;max-width:760px}.saver-focus{padding-top:90px}.saver-focus .section-heading{margin-bottom:38px}}

.native-switch-stage .desktop-bar{height:44px;padding-inline:24px}.switch-desktop-status{position:absolute;right:251px;translate:50% 0;display:grid;place-items:center;min-width:80px;height:34px;padding:6px 10px;border-radius:7px;background:#484f4226;box-shadow:inset 0 1px 2px #27311f0d}.switch-desktop-status img{display:block;width:auto;height:18px;max-width:60px}
@media(max-width:1000px){.switch-desktop-status{right:200px}.native-switch-stage .desktop-wifi{display:none}}
@media(max-width:700px){.native-switch-stage .desktop-bar{padding-inline:16px}.native-switch-stage .desktop-app>span,.native-switch-stage .desktop-clock{display:none}.switch-desktop-status{right:25%}}

h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
.section-heading p,.hero-copy>p:not(.system-note),.surface-label p,.open-source>div>p{font-family:var(--serif);font-style:italic}
.surface-label h3,.native-grid h3{font-weight:400}
.surface-label .plain-link{display:inline-block;margin-top:15px;color:var(--accent-ink);font-size:13px;padding:0;min-height:22px}
.menu-peek.is-pointing .desktop-demo-pointer{left:var(--menu-pointer-x);top:20px}
.codex-demo{position:absolute;left:4%;top:92px;width:40%;height:520px;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#333}
.codex-demo-window{position:absolute;inset:0;border-radius:17px;background:#fafaf9;border:1px solid #bfc1bb;box-shadow:0 20px 45px #30392b26;overflow:hidden;transition:opacity .35s,transform .35s}
.codex-titlebar{height:43px;display:flex;align-items:center;gap:24px;padding:0 17px;border-bottom:1px solid #deded9;background:#f2f2f0;font-size:12px}.codex-titlebar b{font-weight:500}.codex-traffic{color:#bcbeb7;letter-spacing:4px;font-size:11px}
.codex-workspace{display:flex;height:calc(100% - 96px)}.codex-sidebar{width:46%;padding:23px 16px;background:#efefed;display:flex;flex-direction:column;gap:18px;font-size:12px}.codex-sidebar small{color:#91928e;margin-top:10px}.codex-canvas{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:20px;text-align:center;color:#999b95;font-size:12px}
.codex-profile{position:absolute;left:18px;bottom:66px;width:calc(100% - 36px);max-width:310px;padding:15px;background:#fafaf9ed;border:1px solid #d4d5d0;border-radius:20px;box-shadow:0 10px 30px #2222;backdrop-filter:blur(20px)}.codex-person{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #e1e1dc;margin-bottom:7px}.codex-person>div{display:flex;flex-direction:column;gap:3px}.codex-person strong{font-size:17px;font-weight:500}.codex-person>div>span{color:#979893;font-size:14px}.codex-avatar{width:29px;height:29px;background:#d47845;border-radius:50%;display:inline-grid;place-items:center;color:white;font-size:11px;flex-shrink:0}.codex-profile-row{height:35px;display:flex;align-items:center;gap:10px;font-size:15px}.codex-profile-row>span:first-child{width:18px;color:#747671;font-size:20px}.codex-profile-row>i{margin-left:auto;font-style:normal;color:#9a9b96;font-size:13px}.codex-help{border-top:1px solid #e1e1dc;margin-top:7px;padding-top:7px;height:42px}.codex-logout>span:last-child{font-size:15px;width:auto;color:inherit}.codex-footer{position:absolute;bottom:0;left:0;right:0;height:53px;display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid #e2e2de;font-size:12px;background:#efefed}.codex-footer>span:last-child{margin-left:auto}
.codex-relaunch{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;opacity:0;pointer-events:none;color:#51564c;font-size:14px;transition:opacity .35s}.restart-spinner{width:20px;height:20px;border:2px solid #7775;border-top-color:#747b69;border-radius:50%;animation:restart-spin 1s linear infinite}
.native-switch-stage[data-state=signing-out] .codex-logout{background:#eee6d8;border-radius:7px;color:#715625;padding-inline:5px}.native-switch-stage[data-state=restarting] .codex-demo-window{opacity:0;transform:scale(.97)}.native-switch-stage[data-state=restarting] .codex-relaunch{opacity:1}.native-switch-stage[data-state=success] .codex-avatar{background:#78866e}
.native-switch-intro{top:635px;left:4%;width:40%;text-align:center}.native-switch-intro p{font:italic 18px var(--serif);margin:0}.switch-desktop-status{border:1px solid transparent;cursor:pointer}.native-switch-panel[hidden]{display:none!important}.switch-steps{gap:20px}.native-chooser{z-index:4}
@keyframes restart-spin{to{transform:rotate(360deg)}}
@media(min-width:701px) and (max-width:1000px){.codex-demo{left:3%;width:40%;height:480px}.codex-profile{left:12px;width:calc(100% - 24px);padding:12px}.codex-profile-row{font-size:13px}.native-switch-panel{width:34%;right:3%}.native-chooser{right:39%;top:390px}.native-switch-intro{top:600px;left:3%}.switch-desktop-status{right:20%}}
@media(max-width:700px){.native-switch-stage{height:960px}.codex-demo{top:75px;left:18px;right:18px;width:auto;height:350px}.codex-titlebar{height:34px}.codex-profile{left:12px;bottom:45px;max-width:240px;padding:10px 13px;border-radius:15px}.codex-person{padding-bottom:8px;margin-bottom:4px}.codex-person strong{font-size:15px}.codex-profile-row{height:28px;font-size:13px}.codex-help{height:32px;margin-top:4px}.codex-footer{height:40px}.codex-workspace{height:calc(100% - 74px)}.codex-person>div>span{font-size:12px}.codex-profile-row>span:first-child{font-size:17px}.codex-logout>span:last-child{font-size:13px}.native-switch-intro{top:440px;left:18px;right:18px;width:auto;display:block}.native-switch-intro p{font-size:14px}.native-switch-panel{top:480px;width:min(276px,calc(100% - 30px));right:50%;transform:translateX(50%)}.native-chooser{top:677px;right:50%;width:252px;transform:translateX(50%)}.switch-steps{font-size:10px;gap:12px}.switch-status{min-height:60px}.codex-canvas{font-size:10px}}
@media(prefers-reduced-motion:reduce){.codex-demo-window,.codex-relaunch{transition:none}.restart-spinner{animation:none}}

.brand{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;font-size:24px}.site-header nav>a:not(.button){font-family:var(--serif);font-style:italic;font-size:17px}
.surface-saver{border-radius:24px;overflow:hidden;background:#000;isolation:isolate}.surface-saver .native-saver{border-radius:inherit;overflow:hidden}
#services-screenshot{aspect-ratio:740/520;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 92%,transparent 100%);border-radius:16px 16px 0 0;box-shadow:none;background:transparent}#services-screenshot .native-window-image{width:100%;max-width:100%}
.native-menu-stack{position:relative;width:100%;aspect-ratio:372/600}.native-menu-stack img{display:block;width:100%;height:auto}.menu-measure{visibility:hidden}.native-menu-stack .menu-layer{position:absolute;inset:0;animation:menu-card-reveal .6s var(--ease) both;animation-delay:var(--reveal-delay)}.menu-layer-0{clip-path:inset(0 0 70%);--reveal-delay:0s}.menu-layer-1{clip-path:inset(30% 0 39%);--reveal-delay:.13s}.menu-layer-2{clip-path:inset(61% 0 8%);--reveal-delay:.26s}.menu-layer-3{clip-path:inset(92% 0 0);--reveal-delay:.39s}.is-open .desktop-dropdown{animation:none}.native-chooser{animation:chooser-soft-in .4s var(--ease)}
@keyframes menu-card-reveal{from{opacity:0;translate:0 -12px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes chooser-soft-in{from{opacity:0;translate:0 -8px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@media(max-width:700px){
 .site-header nav{display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .35s var(--ease),visibility .35s}.site-header nav.open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.site-header nav>a{opacity:0;translate:0 -5px;transition:opacity .25s,translate .3s}.site-header nav.open>a{opacity:1;translate:0 0}.site-header nav.open>a:nth-child(2){transition-delay:.035s}.site-header nav.open>a:nth-child(3){transition-delay:.07s}.site-header nav.open>a:nth-child(4){transition-delay:.105s}.site-header nav.open>a:nth-child(5){transition-delay:.14s}.nav-toggle span{transition:transform .3s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
 .hero .macbook{width:calc(100% - 12px);aspect-ratio:4610/2669;margin-top:34px}.hero .macbook>picture{display:block}.hero .macbook-screen{position:absolute;inset:auto;left:10.673%;top:2.136%;width:78.633%;height:86.587%!important;border-radius:5px 5px 0 0;overflow:hidden}.hero .macbook-screen .native-saver{height:100%;width:100%;aspect-ratio:auto}.hero .macbook-screen .native-saver>img{height:100%;object-fit:contain;aspect-ratio:auto}.surface-saver{border-radius:19px;overflow:hidden}.native-chooser{animation:chooser-soft-in .4s var(--ease)}
}
@media(prefers-reduced-motion:reduce){.native-menu-stack .menu-layer,.native-chooser{animation:none!important}.site-header nav,.site-header nav>a,.nav-toggle span{transition:none!important}.desktop-demo-pointer{display:none!important}}

.surfaces{padding-bottom:48px}.native-accounts{padding-top:48px}.switch-crop{position:relative;overflow:hidden;aspect-ratio:372/182;animation:menu-card-reveal .6s var(--ease) both;animation-delay:var(--reveal-delay)}.switch-crop img{position:absolute;top:0;width:100%;max-width:none;mask-image:url(assets/native/menu-mask.svg);mask-size:100% 100%}.switch-tools{aspect-ratio:372/44}.switch-tools img{top:auto;bottom:0}.native-switch-stage{height:660px}.native-chooser{top:300px}.codex-demo{height:460px}.native-switch-intro{top:575px}
@media(max-width:700px){.surfaces{padding-bottom:28px}.native-accounts{padding-top:28px}.native-switch-stage{height:650px;scroll-margin-top:76px}.native-switch-panel{top:48px;right:20px;transform:none;width:230px}.switch-desktop-status{right:70px}.native-chooser{top:145px;right:50%;width:230px}.codex-demo{top:325px;height:278px}.codex-profile-row:not(.codex-help):not(.codex-logout){display:none}.native-switch-intro{top:614px}.native-switch-intro p{font-size:12px;white-space:normal}.switch-steps{gap:9px}}
@media(prefers-reduced-motion:reduce){.switch-crop{animation:none}}

.switch-card img{position:static;width:96.774%;margin:1.613%;mask-image:none}.switch-card{aspect-ratio:372/182}

.switch-subtitle{font-size:clamp(22px,2.2vw,30px);margin-top:24px}.switch-section .section-heading p{margin-top:14px}

.switch-section{padding-bottom:48px}.switch-section .switch-status{min-height:0;margin-bottom:0}@media(max-width:700px){.switch-section{padding-bottom:32px}}

.language-switch{display:flex;align-items:center;gap:3px;font:13px -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}.language-switch button{border:0;background:none;color:var(--muted);padding:10px 5px;cursor:pointer}.language-switch button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.language-switch span{color:var(--muted)}
html:lang(zh-CN) h1,html:lang(zh-CN) h2,html:lang(zh-CN) h3,html:lang(zh-CN) .section-heading p,html:lang(zh-CN) .hero-copy>p,html:lang(zh-CN) .surface-label p,html:lang(zh-CN) .open-source>div>p,html:lang(zh-CN) .site-header nav>a:not(.button){font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-style:normal;letter-spacing:0}html:lang(zh-CN) h1,html:lang(zh-CN) h2{font-weight:500;line-height:1.25}html:lang(zh-CN) .section-heading br{display:none}html:lang(zh-CN) .hero h1{font-size:clamp(38px,4.3vw,62px)}html:lang(zh-CN) h2{font-size:clamp(30px,3.8vw,52px)}html:lang(zh-CN) .switch-subtitle{font-size:clamp(20px,2vw,28px)}
@media(max-width:700px){.language-switch{font-size:12px;gap:0}.language-switch button{min-height:44px}.nav-toggle{flex-shrink:0}.brand{font-size:22px;gap:8px}.brand img{width:27px;height:27px}html:lang(zh-CN) .hero h1{font-size:38px}html:lang(zh-CN) .section-heading p{line-height:1.8}html:lang(zh-CN) .switch-steps{font-size:10px;gap:8px}}

@media(min-width:701px){.site-header nav{margin-left:auto}}

html:lang(zh-CN) .hero-copy>p:not(.system-note){text-wrap:balance}

@media(min-width:701px) and (max-width:900px){.site-header nav>a:not(.button){font-size:13px;white-space:nowrap}.site-header nav{gap:8px}.site-header .brand{font-size:22px;margin-right:16px}.language-switch{margin:0}}
.providers{padding-bottom:40px}.native-section{padding-top:40px}@media(max-width:700px){.providers{padding-bottom:28px}.native-section{padding-top:28px}}