@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.static{position:static}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.inline{display:inline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-sans:"Inter var", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Liberation Mono", Menlo, monospace;--ink:#f6f7f9;--muted:#9ca5b2;--muted-strong:#c6cbd3;--line:#ffffff1a;--surface:#ffffff0e;--blue:#9dc5ff;--background:#090b0e;--section-gap:160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}body.demo-open{overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:inherit;text-decoration:none}main{background:linear-gradient(#ffffff05 0,#0000 26%),radial-gradient(circle at 50% 11%,#6591d214,#0000 32%);min-height:100vh;position:relative;overflow:hidden}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.workflow,.screenshots,.capabilities,.pricing,.faq,.download{padding:var(--section-gap) 0 0}.page-glow{filter:blur(1px);pointer-events:none;border-radius:999px;position:absolute}.page-glow-one{background:radial-gradient(circle,#587eb421,#0000 68%);width:640px;height:640px;top:140px;left:calc(50% - 320px)}.page-glow-two{background:radial-gradient(circle,#705faf1f,#0000 70%);width:420px;height:420px;top:1180px;right:-250px}.site-header{z-index:10;justify-content:space-between;align-items:center;height:92px;display:flex;position:relative}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:16px;font-weight:620;display:inline-flex}.brand-icon{border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff24,0 8px 24px #00000040}.site-header nav{color:#a7adb7;align-items:center;gap:31px;font-size:13px;display:flex}.site-header nav a{transition:color .2s}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:#fff}.status-pill{border:1px solid var(--line);color:#dce0e6;background:#ffffff09;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.hero{text-align:center;padding-top:102px;position:relative}.hero h1{letter-spacing:-.072em;margin:0 0 24px;font-size:clamp(64px,8.3vw,112px);font-weight:560;line-height:.94}.hero h1 em{color:#858e9b;font-style:normal;font-weight:420}.hero-copy{color:#a7afba;letter-spacing:-.015em;max-width:700px;margin:0 auto;font-size:18px;line-height:1.62}.hero-actions{justify-content:center;align-items:center;gap:28px;margin-top:35px;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:0 20px;font-size:13px;font-weight:600;display:inline-flex}.button-primary{color:#0b0d10;background:#f2f4f7;box-shadow:inset 0 0 0 1px #ffffffb3,0 10px 35px #00000059}.button-primary:hover{background:#fff;transform:translateY(-1px)}.text-link{color:#d4d8de;align-items:center;gap:10px;font-size:13px;font-weight:520;display:inline-flex}.text-link span{color:#7f8996}.text-link-button{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.text-link-button svg{color:#7f8996;fill:currentColor;width:16px;height:16px}.text-link-button:hover,.text-link-button:focus-visible{color:#fff}.text-link-button:focus-visible{outline-offset:7px;border-radius:3px;outline:1px solid #ffffff6b}.platform-note{color:#707987;margin:22px 0 0;font-size:11px}.platform-note span{color:#aeb5bf;margin-right:5px;font-size:14px}.product-stage{isolation:isolate;height:720px;margin-top:72px;position:relative}.halo{z-index:-1;filter:blur(100px);background:#7caef42e;border-radius:50%;width:820px;height:430px;position:absolute;top:7%;left:50%;transform:translate(-50%)}.hero-library{filter:drop-shadow(0 50px 70px #0000008c);width:1000px;height:auto;position:absolute;top:36px;left:50%;transform:translate(-50%)}.hero-note{z-index:2;width:330px;height:auto;position:absolute}.hero-note-xcode{bottom:30px;left:-20px}.hero-note-safari{top:80px;right:-14px}.demo-floating-promo{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(135deg,#2b3543fa,#1b222cfa);border:1px solid #9dc5ff61;border-radius:16px;align-items:stretch;width:min(344px,100vw - 44px);padding:8px;transition:opacity .24s,transform .24s,visibility .24s,border-color .2s;display:flex;position:fixed;bottom:22px;right:22px;transform:translateY(16px)scale(.98);box-shadow:0 24px 70px #000000ad,0 0 0 1px #9dc5ff14,inset 0 1px #ffffff24}.demo-floating-promo.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.demo-floating-promo[hidden]{display:none}.demo-floating-promo:hover,.demo-floating-promo:focus-within{border-color:#9dc5ffa6}.demo-floating-open{color:#eef2f7;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:0 26px 0 0;display:grid}.demo-floating-poster{aspect-ratio:16/9;background:#05070a;border:1px solid #ffffff40;border-radius:10px;width:128px;display:block;position:relative;overflow:hidden}.demo-floating-poster img{object-fit:cover}.demo-floating-play{color:#111820;background:#f2f6fc;border:1px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .2s,background .2s;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000080}.demo-floating-play svg{fill:currentColor;width:16px;height:16px;display:block}.demo-floating-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.demo-floating-copy strong{color:#f8fbff;letter-spacing:-.01em;font-size:14px;font-weight:620;line-height:1.25}.demo-floating-copy>span{color:#b8d4fa;font-size:12px;line-height:1.3}.demo-floating-open:hover .demo-floating-play,.demo-floating-open:focus-visible .demo-floating-play{background:#fff;transform:translate(-50%,-50%)scale(1.08)}.demo-floating-open:focus-visible{outline-offset:3px;border-radius:10px;outline:1px solid #ffffff6b}.demo-floating-dismiss{color:#d3dfed;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;top:7px;right:7px}.demo-floating-dismiss svg,.demo-close svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;display:block}.demo-floating-dismiss svg{width:12px;height:12px}.demo-floating-dismiss:hover,.demo-floating-dismiss:focus-visible{color:#fff;background:#ffffff14;outline:none}.demo-dialog{z-index:1000;color:#fff;background:#05070a;border:0;width:100vw;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.demo-dialog-shell{place-items:center;width:100%;height:100%;padding:48px;display:grid}.demo-video{aspect-ratio:16/9;object-fit:contain;background:#05070a;border:1px solid #ffffff1c;border-radius:20px;width:min(92vw,1500px);max-height:calc(100dvh - 96px);box-shadow:0 40px 120px #0000009e}.demo-close{z-index:2;color:#dce1e7;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;position:fixed;top:24px;right:26px}.demo-close svg{width:22px;height:22px}.demo-close:hover,.demo-close:focus-visible{background:#ffffff1a;border-color:#ffffff47;outline:none}.screenshot-viewer{border-radius:24px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 280px;gap:18px;min-height:610px;padding:18px;display:grid;overflow:hidden}.screenshot-stage{cursor:zoom-in;background:radial-gradient(circle at 80% 10%,#6c97d526,#0000 38%),#0406096b;border:0;border-radius:16px;grid-row:1/3;place-items:center;min-width:0;padding:15px;display:grid;position:relative;overflow:hidden}.screenshot-stage img{object-fit:contain;width:100%;height:100%;max-height:590px}.screenshot-count{border:1px solid var(--line);color:#cbd1da;font-family:var(--font-mono);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07090cb8;border-radius:999px;padding:7px 10px;font-size:9px;position:absolute;top:14px;left:14px}.screenshot-copy{align-self:start;padding:15px 10px}.screenshot-copy h2,.screenshot-copy h3{letter-spacing:-.045em;margin:0 0 12px;font-size:27px;font-weight:530;line-height:1.05}.screenshot-copy>p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.screenshot-arrows{gap:8px;margin-top:24px;display:flex}.screenshot-arrows button,.screenshot-dialog-bar button{border:1px solid var(--line);color:#dce1e7;cursor:pointer;background:#ffffff0b;border-radius:50%;width:38px;height:38px}.screenshot-thumbnails{grid-template-columns:repeat(2,1fr);align-self:end;gap:8px;display:grid}.screenshot-thumbnails button{aspect-ratio:360/232;border:1px solid var(--line);opacity:.5;cursor:pointer;background:#07090c;border-radius:9px;padding:0;transition:opacity .2s,border-color .2s,transform .2s;overflow:hidden}.screenshot-thumbnails button:hover{opacity:.82;transform:translateY(-1px)}.screenshot-thumbnails button.active{opacity:1;border-color:#9dc5ffb8}.screenshot-thumbnails img{object-fit:contain;width:100%;height:100%}.screenshot-dialog{color:#fff;background:#090b0ef7;border:1px solid #ffffff24;border-radius:22px;width:min(94vw,1500px);max-width:none;margin:auto;padding:12px;box-shadow:0 50px 160px #000c}.screenshot-dialog::backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000c}.screenshot-dialog-bar{justify-content:space-between;align-items:center;padding:4px 5px 12px 10px;display:flex}.screenshot-dialog>img{border-radius:12px;width:100%;height:auto}.section-heading{justify-content:flex-end;align-items:flex-end;margin-bottom:55px;display:flex}.section-heading.section-heading-left{justify-content:flex-start}.section-heading h1,.section-heading h2,.download h2{letter-spacing:-.055em;margin:15px 0 0;font-size:clamp(39px,5vw,66px);font-weight:510;line-height:1.04}.section-heading>h2{margin-top:0}.screenshots-page .screenshots{padding-top:80px}.screenshots-page .section-heading h1{margin-top:0}.screenshots-intro{max-width:640px;color:var(--muted);margin:24px 0 0;font-size:16px;line-height:1.7}.screenshots-link{margin-top:48px}.screenshots-preview{border-radius:18px;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:32px;padding:24px;transition:border-color .2s;display:grid}.screenshots-preview:hover,.screenshots-preview:focus-visible{border-color:#9dc5ff66}.screenshots-preview img{border-radius:8px;width:180px;height:auto}.screenshots-preview h2{letter-spacing:-.035em;margin:0;font-size:24px;font-weight:530;line-height:1.2}.screenshots-preview p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.6}.screenshots-preview>span{color:var(--blue);font-size:24px}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.workflow-card{border-radius:18px;min-height:238px;padding:29px}.workflow-card h3{letter-spacing:-.025em;margin:65px 0 13px;font-size:20px;font-weight:540}.workflow-card p{color:#858e9a;margin:0;font-size:13px;line-height:1.65}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fff1,#ffffff06);border:1px solid #ffffff17;box-shadow:inset 0 1px #ffffff09,0 28px 65px #00000026}.feature-number{color:#626b77;font-family:var(--font-mono);font-size:10px}.feature-layout{--feature-card-padding:38px;--feature-card-gap:18px;gap:var(--feature-card-gap);display:grid}.feature-card{min-width:0;padding:var(--feature-card-padding,38px);border-radius:18px}.feature-card h3{color:#edf0f3;letter-spacing:-.04em;margin:0 0 16px;font-size:28px;font-weight:530;line-height:1.15}.feature-card p{color:#939ca8;margin:0;font-size:14px;line-height:1.75}.feature-access-intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}.feature-access-intro>div:first-child{max-width:510px}.feature-shortcut{justify-items:center;gap:18px;padding:8px 0;display:grid}.feature-keys{gap:10px;display:flex}.feature-keys kbd{color:#e0e6ef;width:66px;height:66px;font-family:var(--font-sans);background:linear-gradient(150deg,#ffffff14,#ffffff05);border:1px solid #ffffff29;border-bottom-width:4px;border-radius:13px;place-items:center;font-size:30px;display:grid;box-shadow:0 8px 16px #00000026}.feature-shortcut>span{color:#939ca8;font-size:12px}.feature-access-options{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:34px 0 0;padding-top:28px;display:grid}.feature-card dt,.feature-card h4{color:#d7dde5;letter-spacing:-.015em;margin:0 0 8px;font-size:15px;font-weight:550}.feature-card dd{color:#939ca8;margin:0;font-size:13px;line-height:1.7}.feature-card .feature-footnote{color:#7e8896;margin-top:26px;font-size:12px}.arrangement-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px;display:grid}.arrangement-comparison figure{min-width:0;margin:0}.arrangement-scene{aspect-ratio:16/10;background:#0d1117;border:1px solid #ffffff1f;border-radius:12px;position:relative;overflow:hidden}.arrangement-note{background:#2c3b50;border:1px solid #b9cce74d;border-radius:6px;width:26%;height:24%;padding:0;display:block;position:absolute}.arrangement-note:nth-of-type(2){background:#343944;border-color:#c4ccda40}.arrangement-note:nth-of-type(3){background:#3c3545;border-color:#d2c1e140}.arrangement-freeform .arrangement-note{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.arrangement-freeform .arrangement-note[data-dragging=true]{cursor:grabbing;border-color:#a9bdd9}.arrangement-freeform .arrangement-note:focus-visible{outline-offset:-4px;outline:2px solid #b9d3f5}.arrangement-stack{transition:transform .3s,opacity .3s;position:absolute;inset:0}.arrangement-stack .arrangement-note{right:5%}.arrangement-stack .arrangement-note:first-of-type{top:9%}.arrangement-stack .arrangement-note:nth-of-type(2){top:38%}.arrangement-stack .arrangement-note:nth-of-type(3){top:67%}.arrangement-edge[data-revealed=false] .arrangement-stack{opacity:0;transform:translate(33%)}.arrangement-toggle{color:#b9c6d8;cursor:pointer;background:#26313f;border:1px solid #b9cce74d;border-right:0;border-radius:6px 0 0 6px;place-items:center;width:24px;height:48px;padding:0;transition:opacity .18s;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.arrangement-cue{fill:none;stroke:#8fa8c7;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:56px;height:32px;position:absolute;top:calc(50% - 12px);right:34px}.arrangement-edge[data-revealed=true] .arrangement-toggle{opacity:0;pointer-events:none}.arrangement-edge[data-revealed=true] .arrangement-cue{display:none}.arrangement-toggle:hover{background:#344357}.arrangement-toggle:focus-visible{outline-offset:-4px;outline:2px solid #b9d3f5}.arrangement-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.arrangement-comparison figcaption{text-align:center;margin-top:16px}.arrangement-comparison figcaption h4{margin:0}.arrangement-comparison figcaption p{margin-top:6px;font-size:12px}@media (prefers-reduced-motion:reduce){.arrangement-stack,.arrangement-toggle{transition:none}}.feature-everyday{gap:var(--feature-card-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.feature-everyday>.feature-card{flex-direction:column;display:flex}.feature-everyday .note-demo-scene{flex:1;margin-top:28px}.feature-check{border:1px solid #566171;border-radius:4px;flex:0 0 15px;place-items:center;width:15px;height:15px;font-size:10px;display:grid}.feature-check.is-checked{color:#bdd6f8;background:#9dc5ff1a;border-color:#9dc5ff4d}.controls-comparison{row-gap:28px;column-gap:calc(var(--feature-card-gap) + 2 * var(--feature-card-padding) + 2px);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;display:grid}.controls-comparison figure{min-width:0;margin:0}.note-demo-scene{border:1px solid var(--line);background:#0d1117;border-radius:12px;grid-template-columns:minmax(0,1fr);place-items:center;min-height:310px;padding:24px;display:grid}.note-demo-preview{justify-self:center;width:290px;max-width:100%;position:relative}.controls-toolbar{color:#c3cfdf;background:#242c38;border:1px solid #b9cce738;border-radius:8px;justify-content:flex-start;align-items:center;gap:15px;height:34px;padding:0 14px;display:flex;position:absolute;top:-44px;left:0}.controls-toolbar b{font-size:15px;line-height:1}.note-demo-preview svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px;width:16px;height:16px;display:block}.controls-divider{background:#b9cce72e;width:1px;height:16px}.controls-color{background:#455d7c;border:1px solid #7991af;border-radius:50%;flex:0 0 12px;width:12px;height:12px}.note-demo-note{background:#202a38;border:1px solid #b9cce738;border-radius:10px;height:164px;padding:16px 20px;position:relative}.controls-more{color:#9aabc1;letter-spacing:2px;font-size:11px;position:absolute;top:16px;right:18px}.note-demo-lines{gap:9px;margin-top:32px;display:grid}.note-demo-lines i,.note-demo-task i{background:#516075;border-radius:2px;width:75%;height:3px}.note-demo-lines i:nth-child(2){width:58%}.note-demo-lines i:nth-child(3){width:66%}.note-demo-checklist{gap:12px;margin-top:32px;display:grid}.note-demo-task{align-items:center;gap:10px;display:flex}.note-demo-task:nth-child(2) i{width:58%}.note-demo-task:nth-child(3) i{width:66%}.note-demo-attachment{margin-top:24px}.note-demo-attachment .note-demo-lines{margin-top:0}.note-demo-image{color:#8294aa;background:#19212b;border:1px solid #b9cce729;border-radius:6px;place-items:center;height:64px;margin-top:12px;display:grid}.note-demo-image svg{width:28px;height:28px}.controls-note-mic{color:#9aabc1;position:absolute;bottom:13px;right:14px}.controls-comparison figcaption{text-align:center;margin-top:16px}.controls-comparison figcaption h4{margin:0}.controls-comparison figcaption p{margin-top:6px;font-size:12px}.feature-library{flex-direction:column;display:flex}.feature-library-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:28px 0 0;display:grid}.feature-library-details>div{border-top:1px solid var(--line);padding-top:20px}.feature-ownership{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}.feature-ownership .text-link{margin-top:22px}.feature-source{border:1px solid var(--line);background:#080a0d73;border-radius:12px;min-width:0;overflow:hidden}.feature-source-header{border-bottom:1px solid var(--line);color:#98a3b2;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;font-size:11px;display:flex}.feature-source-header>span:last-child{color:#737e8e;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.feature-source pre{color:#aeb8c5;font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:22px 20px;font-size:12px;line-height:1.85}.feature-extras{margin-top:40px}.feature-extras-label{color:#a4adba;margin:0 0 18px;font-size:14px}.feature-extras-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-extra{border-radius:18px;flex-direction:column;min-width:0;padding:28px;scroll-margin-top:24px;display:flex}.feature-extra-icon{color:#c5d0df;background:#ffffff09;border:1px solid #ffffff1c;border-radius:14px;flex:0 0 52px;place-items:center;width:52px;height:52px;margin-bottom:26px;display:grid}.feature-extra-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.feature-extra h3{color:#d7dde5;letter-spacing:-.025em;margin:0 0 14px;font-size:20px;font-weight:530;line-height:1.2}.feature-extra p{color:#939ca8;margin:0;font-size:13px;line-height:1.7}.feature-extra .feature-requirement{color:#7e8999;margin-top:auto;padding-top:24px;font-size:11px}.feature-extra .text-link{margin-top:16px;font-size:12px}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.pricing-card{border-radius:22px;flex-direction:column;min-height:610px;padding:42px;display:flex}.pricing-card.featured{background:radial-gradient(circle at 78% 15%,#6a91cc29,#0000 34%),linear-gradient(145deg,#ffffff13,#ffffff06);border-color:#9dc5ff33}.plan-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.plan-top h3{letter-spacing:-.04em;margin:0;font-size:30px;font-weight:530;line-height:1}.plan-badge{color:#b8d4fa;font-family:var(--font-mono);letter-spacing:.12em;background:#9dc5ff12;border:1px solid #9dc5ff33;border-radius:999px;padding:7px 10px;font-size:8px}.plan-price{letter-spacing:-.06em;margin:48px 0 0;font-size:clamp(48px,6vw,72px);font-weight:520;line-height:.95}.plan-price small{color:#7b8591;letter-spacing:0;margin-top:11px;font-size:11px;font-weight:450;display:block}.plan-copy{color:#929ba7;max-width:430px;margin:30px 0 28px;font-size:13px;line-height:1.7}.pricing-card ul{margin:0;padding:0;list-style:none}.pricing-card li{color:#abb3bd;border-bottom:1px solid #ffffff0f;align-items:center;gap:11px;padding:11px 0;font-size:11px;display:flex}.pricing-card li span{color:#83d9a6}.plan-action{margin-top:auto;padding-top:34px}.button-plan{width:100%}.button-secondary{color:#e3e7ec;background:#ffffff0e;border:1px solid #ffffff21}.button-secondary:hover{background:#ffffff16;border-color:#ffffff38;transform:translateY(-1px)}.plan-status{color:#858f9c;font-family:var(--font-mono);letter-spacing:.1em;text-align:center;text-transform:uppercase;margin-top:13px;font-size:9px;display:block}.plan-status-pro{color:#b8d4fa}.pricing-note{color:#626c78;text-align:center;margin:22px 0 0;font-size:10px}.faq-list{border-top:1px solid #ffffff17}.faq-list details{border-bottom:1px solid #ffffff17}.faq-list summary{cursor:pointer;color:#d4d9df;justify-content:space-between;align-items:center;gap:30px;min-height:78px;font-size:16px;font-weight:510;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#6f7985;font-size:18px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#87919d;max-width:790px;margin:-7px 0 29px;font-size:13px;line-height:1.75}.download{text-align:center;padding-bottom:150px}.download img{border-radius:20px;margin-inline:auto;box-shadow:0 25px 65px #0006}.download h2{margin-top:40px;font-size:clamp(42px,5.5vw,72px)}.download>p{color:#808995;margin:22px 0 0;font-size:15px}.download-button{margin-top:23px}.site-footer{color:#6d7682;border-top:1px solid #ffffff12;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:102px;font-size:11px;display:grid}.site-footer .brand{color:#c9cfd7}.site-footer .brand-icon{border-radius:8px;width:30px;height:30px}.site-footer p{text-align:center}.site-footer>div{justify-content:flex-end;gap:24px;display:flex}.site-footer a:hover{color:#dce1e7}.legal-page{background-repeat:no-repeat;background-size:100% 1200px;min-height:100vh;padding-bottom:80px}.legal-header{border-bottom:1px solid #ffffff12}.legal-wrap{width:min(760px,100% - 48px);margin:0 auto;padding:100px 0 80px}.legal-wrap h1{letter-spacing:-.065em;margin:0 0 15px;font-size:clamp(48px,8vw,82px);font-weight:530;line-height:1}.legal-date{color:#6d7681;font-size:12px}.legal-intro{color:#bdc4cd;border-radius:16px;margin:50px 0;padding:28px 30px;font-size:16px;line-height:1.7}.legal-wrap section{border-top:1px solid #ffffff13;padding:34px 0}.legal-wrap h2{color:#edf0f3;letter-spacing:-.025em;margin:0 0 15px;font-size:20px;font-weight:540}.legal-wrap section p,.legal-wrap li{color:#929ba7;font-size:14px;line-height:1.8}.legal-wrap ul{padding-left:19px;list-style-type:disc}.legal-wrap a{color:#d9e5f5;text-underline-offset:4px;text-decoration:underline}.legal-footer{color:#717b87;border-top:1px solid #ffffff13;width:min(760px,100% - 48px);margin:0 auto;padding-top:30px;font-size:11px}@media (max-width:900px){.shell{width:min(100% - 32px,700px)}.site-header nav a{display:none}.site-header nav a.mobile-nav-link{display:inline}.hero{padding-top:70px}.product-stage{height:590px;margin-top:65px}.hero-library{width:820px;top:42px}.hero-note{width:275px}.hero-note-xcode{bottom:24px;left:-28px}.hero-note-safari{top:62px;right:-30px}.workflow-grid{grid-template-columns:1fr}.screenshot-viewer{grid-template-rows:auto;grid-template-columns:1fr;min-height:0}.screenshot-stage{grid-row:auto;min-height:430px}.screenshot-thumbnails{grid-template-columns:repeat(4,1fr)}.workflow-card{min-height:210px}.workflow-card h3{margin-top:45px}.feature-access-intro,.feature-ownership{grid-template-columns:1fr;gap:30px}.feature-shortcut{justify-items:start}.feature-everyday,.feature-extras-grid,.arrangement-comparison,.controls-comparison,.pricing-grid{grid-template-columns:1fr}}@media (max-width:620px){:root{--section-gap:96px}.shell{width:calc(100% - 30px)}.site-header{height:76px}.brand{font-size:14px}.brand-icon{width:34px;height:34px}.status-pill{padding:8px 10px;font-size:11px}.hero{padding-top:55px}.hero h1{font-size:clamp(48px,15vw,70px);line-height:.98}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;gap:18px}.platform-note{margin-top:18px}.product-stage{height:455px;margin-top:48px}.hero-library{width:625px;top:52px}.hero-note{width:205px}.hero-note-xcode{bottom:24px;left:-4px}.hero-note-safari{top:45px;right:-4px}.demo-floating-promo{width:min(310px,100vw - 24px);bottom:12px;right:12px}.demo-floating-open{grid-template-columns:112px minmax(0,1fr);gap:10px}.demo-floating-poster{width:112px}.demo-floating-copy strong{font-size:12px}.demo-dialog-shell{padding:12px}.demo-video{border-radius:13px;width:100%;max-height:calc(100dvh - 24px)}.demo-close{top:16px;right:16px}.section-heading{margin-bottom:35px}.section-heading h1,.section-heading h2{font-size:44px}.screenshots-page .screenshots{padding-top:55px}.screenshots-intro{font-size:15px}.screenshots-preview{grid-template-columns:90px minmax(0,1fr) auto;gap:16px;padding:20px}.screenshots-preview img{width:90px}.screenshots-preview h2{font-size:19px}.screenshots-preview p{font-size:12px}.screenshot-viewer{padding:10px}.screenshot-stage{min-height:260px;padding:6px}.screenshot-copy{padding:10px 6px}.screenshot-thumbnails{grid-template-columns:repeat(2,1fr)}.feature-layout{--feature-card-padding:25px}.feature-card,.feature-extra{padding:25px}.feature-card h3{font-size:26px}.feature-access-options,.feature-library-details{grid-template-columns:1fr;gap:22px}.feature-source-header{flex-wrap:wrap}.pricing-card{min-height:auto;padding:30px 26px}.plan-price{margin-top:36px}.plan-action{margin-top:30px}.faq-list summary{min-height:70px;font-size:14px}.download{padding-bottom:100px}.site-footer{grid-template-columns:1fr 1fr;padding:25px 0}.site-footer p{display:none}.legal-wrap{padding-top:70px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}