:root{--ink:#202125;--muted:#62656d;--accent:#ec421f;--line:#dadde2;--paper:#f5f6f8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}p{font-size:1.0625rem;line-height:1.65;color:var(--muted)}header{position:sticky;top:16px;margin:16px auto 0;z-index:10;width:min(1160px,calc(100% - 40px));display:flex;align-items:center;justify-content:space-between;border:1px solid #fff;background:#ffffffb8;backdrop-filter:blur(24px);border-radius:20px;padding:13px 20px;box-shadow:0 5px 24px #1a263a08}.brand{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:650;letter-spacing:-.04em}.brand img{border-radius:8px}nav{display:flex;align-items:center;gap:30px;font-size:.9375rem}nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 28px;border-radius:100px;background:var(--ink);color:white;font-size:1rem;font-weight:550;transition:transform .25s,background .25s;box-shadow:0 5px 12px #20212512}.button:hover{background:var(--accent);color:white;transform:translateY(-2px)}.small{padding:11px 19px;font-size:.875rem}.hero{text-align:center;padding:78px 24px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 86%,#fdcbbd80,transparent 58%)}.pill{display:inline-flex;border:1px solid var(--line);border-radius:30px;padding:9px 15px;gap:16px;color:var(--muted);font-size:.8125rem}.pill span+span{border-left:1px solid var(--line);padding-left:16px}h1{font-size:clamp(3.1rem,7vw,6.5rem);font-weight:550;line-height:1.04;letter-spacing:-.065em;margin:28px 0}em{font-style:normal;color:var(--accent)}.hero>p{max-width:550px;margin:0 auto;font-size:1.1875rem}.actions{display:flex;justify-content:center;align-items:center;gap:28px;margin:30px 0 56px}.text-link{font-size:1rem;text-decoration:underline;text-decoration-color:#b8bbc2;text-underline-offset:6px}.hero-stage{max-width:1060px;margin:0 auto;position:relative;padding:16px 16px 0;border:1px solid #fff;border-radius:28px 28px 0 0;background:#ffffff50;box-shadow:0 0 0 8px #ffffff26,0 30px 100px #533b2922;animation:arrive 1s both}.hero-screen{width:100%;height:auto;display:block;border-radius:15px 15px 0 0;box-shadow:0 5px 30px #0002}.caption{display:block;background:#fafafbe8;padding:12px;font-size:.8125rem;color:var(--muted)}.principles{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:28px 24px;border-bottom:1px solid var(--line);font-size:.875rem;color:var(--muted)}.section{max-width:1160px;margin:0 auto;padding:100px 24px}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:0 70px;margin-bottom:42px}.eyebrow,.number{font-size:.75rem;letter-spacing:.13em;font-weight:600;color:var(--muted)}.section-head .eyebrow{grid-column:1/-1}h2{font-size:clamp(2.2rem,4.4vw,4rem);font-weight:550;letter-spacing:-.055em;line-height:1.08;margin:20px 0}h3{font-size:2rem;font-weight:550;letter-spacing:-.045em;line-height:1.15;margin:20px 0 12px}.section-head p{align-self:end;max-width:380px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:34px;border:1px solid #fff;border-radius:26px;background:linear-gradient(135deg,#ffffffda,#eaeef388);box-shadow:0 2px 4px #22202a03;overflow:hidden}.wide{grid-column:span 2}.card p{max-width:560px}.screen{display:block;width:100%;height:auto;border-radius:12px;margin-top:26px;border:1px solid #d7dbe1;box-shadow:0 18px 30px #17253b12}.technical{border:1px solid var(--line);background:#fff8;border-radius:16px;margin:36px 0;padding:20px;display:grid;gap:12px;font-size:.875rem}.technical i{display:block;height:6px;width:85%;border-radius:3px;background:var(--accent);animation:breathe 5s infinite}.technical b{font-size:.8125rem;font-weight:400;color:var(--muted)}.fine{font-size:.8125rem!important;line-height:1.6}.editorial{display:grid;grid-template-columns:1.3fr 1fr;gap:40px 80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editorial>.eyebrow{grid-column:1/-1}.editorial>div{align-self:end}.switch{text-align:center}.switch>p{max-width:560px;margin:24px auto}.browser-list{font-size:1.25rem;margin:40px 0;color:var(--ink)}.browser-list span{color:#a6a9b0;padding:0 12px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:20px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:1.0625rem;font-weight:550;list-style:none;padding-right:28px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0}details[open] summary:after{content:'−'}details p{font-size:1rem;margin-bottom:0}.closing{text-align:center;padding:95px 24px 100px;background:radial-gradient(ellipse at 50% 100%,#fbc6b975,transparent 65%)}.closing img{border-radius:16px}.closing h2{margin:26px 0}.closing .button{margin:10px 0}footer{max-width:1160px;margin:0 auto;padding:38px 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px}footer p{font-size:.875rem;grid-column:1}footer>div{grid-column:2;grid-row:1/3;display:flex;justify-content:flex-end;gap:24px;align-items:center;font-size:.875rem}footer small{grid-column:1/-1;color:var(--muted);font-size:.75rem;margin-top:25px}.intro{max-width:1160px;padding:100px 24px 30px;margin:auto}.intro p{max-width:680px;font-size:1.1875rem}.intro h2{font-size:2rem;max-width:680px}.intro .button{margin-top:18px}.comparison-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:30px}.comparison-cards h2{font-size:2.6rem}.comparison-cards .card{transition:transform .25s,box-shadow .25s}.comparison-cards .card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #2021250a}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:white}table{width:100%;border-collapse:collapse;text-align:left;min-width:620px;font-size:1rem}caption{text-align:left;padding:24px;font-weight:600}th,td{padding:22px 24px;border-top:1px solid var(--line);line-height:1.5}thead th{background:#f0f2f5}td:nth-child(2),thead th:nth-child(2){background:#fff3ee}th{font-weight:550}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:0}.two-col li{font-size:1.0625rem;line-height:1.65;color:var(--muted);padding:7px 0}.two-col ul{padding-left:20px}.skip{position:absolute;left:20px;top:-70px;z-index:30;padding:15px;background:white}.skip:focus{top:20px}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes arrive{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes breathe{50%{width:35%}}@media(max-width:760px){header{width:calc(100% - 24px);padding:12px;top:8px}nav{gap:16px}nav a:first-child{display:none}.brand{font-size:1.125rem}.small{padding:10px 14px}.hero{padding-top:55px}.hero>p{font-size:1.0625rem}.actions{flex-direction:column;gap:22px;margin-bottom:40px}.hero-stage{padding:8px 8px 0;border-radius:18px 18px 0 0}.caption{font-size:.75rem}.principles{gap:16px 25px;font-size:.8125rem}.section{padding:65px 20px}.section-head,.editorial,.faq,.two-col{grid-template-columns:1fr;gap:20px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.card{padding:26px}.browser-list{font-size:1rem;line-height:2.4}.browser-list span{padding:0 6px}.faq{padding-top:0}.closing{padding:65px 20px}footer{grid-template-columns:1fr}footer>div{grid-column:1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap}footer small{line-height:1.6}.intro{padding:70px 20px 25px}.intro h1{font-size:3.2rem}.comparison-cards{grid-template-columns:1fr;padding-top:15px}.two-col{padding-top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* A quiet masthead; the product is the interface. */
header{position:relative;top:auto;width:min(1320px,calc(100% - 80px));margin:0 auto;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;padding:30px 0}.brand-note{font-size:.75rem;font-weight:400;letter-spacing:0;margin-left:20px;color:var(--muted)}nav{gap:32px}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.hero{padding-top:60px;background:radial-gradient(ellipse at 50% 75%,#ffd3c5,transparent 65%)}.hero h1{font-size:clamp(4rem,8.5vw,8rem);margin:24px 0;letter-spacing:-.075em}.hero>p{max-width:470px}.actions{margin-bottom:45px}.hero-stage{max-width:1180px;padding:10px 10px 0;border-radius:25px;background:#fff6}.demo-controls{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.demo-controls button{border:1px solid #d8d5d1;border-radius:100px;padding:12px 20px;background:#fff8;color:var(--muted);transition:all .35s}.demo-controls button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.demo-controls button:hover{transform:translateY(-3px)}.demo-frame{position:relative;aspect-ratio:1280/840;overflow:hidden;border-radius:17px;box-shadow:0 24px 60px #50342620}.demo-image,.zen-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(.98);transition:opacity .6s,transform .8s cubic-bezier(.22,1,.36,1);pointer-events:none}.demo-image.active,.zen-screen.active{opacity:1;transform:scale(1)}.zen-screen{overflow:hidden}.zen-screen img{width:100%;height:103.5%;object-fit:cover;transform:translateY(-3.4%)}.caption{background:none;padding:17px}.visual-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:140px;padding-bottom:140px}.story-copy p{max-width:350px}.composer-stage{background:radial-gradient(ellipse at center,#c9c1fb77,transparent 70%);position:relative;text-align:center}.composer-stage video{width:min(100%,340px);border-radius:26px;box-shadow:0 35px 90px #33226625}.play-toggle{display:block;margin:20px auto 0;border:0;background:none;text-decoration:underline;text-underline-offset:5px;color:var(--muted);font-size:.875rem}.space-orbits{display:flex;gap:18px;padding:30px 0}.space-orbits i{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffb0,transparent 40%),#fc9140;box-shadow:0 0 30px #fc914060;animation:orb-float 4s ease-in-out infinite}.space-orbits i:nth-child(2){background-color:#d95b96;animation-delay:-1s}.space-orbits i:nth-child(3){background-color:#8975e7;animation-delay:-2s}.space-orbits i:nth-child(4){background-color:#50b9aa;animation-delay:-3s}.split-story{max-width:1320px;text-align:center;background:#ebeef2;border-radius:40px;padding:70px 50px}.story-heading p{margin:20px auto 35px}.split-stage{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px #192a4225}.split-stage>img{width:100%;display:block}.split-preview{position:absolute;top:4.5%;left:16.5%;right:.7%;bottom:.7%;display:grid;grid-template-columns:1fr 1fr;background:#f9f8f6;gap:5px;transition:opacity .6s,transform .6s}.split-preview>div{border:1px solid #ddd;padding:15%;text-align:left;background:linear-gradient(160deg,#e4e9e7,#fff)}.split-preview>div+div{background:linear-gradient(160deg,#f7e8da,#fff)}.split-preview strong{font-size:.8rem;color:var(--muted);font-weight:400}.split-preview span{font-size:clamp(1.2rem,3vw,3rem);letter-spacing:-.05em;display:block;margin-top:35px}.split-preview p{font-size:1rem}.split-stage:not(.is-split) .split-preview{opacity:0;transform:scale(.98);pointer-events:none}#split-toggle{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);border:1px solid #fff6;border-radius:50px;background:#222;color:white;padding:13px 22px}.utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:140px}.utility-grid h2{font-size:clamp(2.3rem,3.6vw,3.4rem)}.login-demo{max-width:400px;margin:35px 0 25px;padding:30px;border:1px solid white;border-radius:24px;background:#ffffffb8;box-shadow:0 25px 70px #2021250c;position:relative}.demo-label{font-size:.7rem;color:var(--muted);display:block;margin-bottom:22px}.login-demo label{display:block;font-size:.8rem;margin-top:18px}.login-demo input{display:block;width:100%;border:1px solid #ddd;border-radius:10px;background:#fff9;padding:13px;font:inherit;margin-top:8px}#fill-trigger{margin-top:22px;border:0;border-radius:30px;background:var(--ink);color:white;padding:12px 20px}#fill-picker{border-radius:15px;background:#f6f7fa;box-shadow:0 15px 30px #2222;padding:16px;margin-top:14px;animation:arrive .3s both}#fill-picker>span{font-size:.75rem;color:var(--muted)}#fill-account{border:0;padding:15px 0 0;background:none;display:flex;justify-content:space-between;width:100%;font-size:.875rem}#fill-account span{color:var(--accent)}#fill-status{display:block;font-size:.7rem;color:var(--muted);margin-top:18px}.console-preview{margin:50px 0 30px;border:1px solid #d3d9e6;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 25px 70px #2021250c}.console-preview>div{background:#e7edf9;padding:16px;word-spacing:12px;font-size:.8rem}.console-preview b{border-bottom:2px solid #6088d6;padding-bottom:16px;word-spacing:normal}.console-preview code{display:block;padding:24px;line-height:2.8;font-size:.95rem;min-height:205px}.console-preview code span{color:#ae4f37}.quiet-strip{display:grid;grid-template-columns:1.4fr 1fr;gap:10px 65px;border-top:1px solid var(--line)}.quiet-strip p{align-self:center}.quiet-strip>a{grid-column:2}.faq{padding-top:0}.faq h2{font-size:2.5rem}.faq details{padding:16px 0}.closing{padding:90px 20px 120px}footer{max-width:1320px}@keyframes orb-float{50%{transform:translateY(-8px) scale(1.08)}}@media(max-width:760px){header{width:calc(100% - 40px);padding:24px 0}.brand-note{display:none}nav{gap:18px;font-size:.8rem}nav a:first-child{display:block}.hero{padding-top:35px}.hero h1{font-size:clamp(3.5rem,13vw,5rem)}.hero .actions{flex-direction:row;gap:16px}.hero .button{padding:15px 20px;font-size:.875rem}.demo-controls{gap:5px}.demo-controls button{font-size:.75rem;padding:10px 12px}.hero-stage{padding:5px 5px 0}.demo-frame{border-radius:10px}.visual-story{grid-template-columns:1fr;gap:35px;padding-top:80px;padding-bottom:80px}.composer-stage video{max-width:280px}.split-story{margin:0 12px;padding:45px 15px;border-radius:25px}.split-preview>div{padding:10%}.split-preview p{display:none}.split-preview span{margin-top:20px}#split-toggle{bottom:10px;font-size:.75rem;padding:9px 13px}.utility-grid{grid-template-columns:1fr;gap:55px;padding-top:75px}.login-demo{max-width:none}.quiet-strip{grid-template-columns:1fr;gap:10px}.quiet-strip>a{grid-column:1}.console-preview{margin-top:30px}footer .brand-note{display:none}}@media(prefers-reduced-motion:reduce){.demo-image,.zen-screen{transition:none}.space-orbits i{animation:none}}
.hero{position:relative;isolation:isolate;overflow:visible;background:none}.hero::before{content:"";position:absolute;inset:0 0 -220px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,#ffd3c5 0%,#ffd3c580 35%,transparent 70%);mask-image:linear-gradient(#000 55%,transparent 100%)}.hero-stage{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.console-real{display:block;width:100%;height:auto;border-radius:15px;box-shadow:0 25px 60px #20212518;margin:38px 0 25px}
.split-real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(.985);transition:opacity .65s,transform .8s cubic-bezier(.22,1,.36,1)}.split-stage.is-split .split-real{opacity:1;transform:scale(1)}
#fill-trigger{background:linear-gradient(120deg,#f09149dd,#ffbd8455);color:#573116;border:1px solid #ffffffcc;box-shadow:0 8px 25px #ed813233,inset 0 1px #ffffffb0;backdrop-filter:blur(18px)}.fill-story.visible #fill-trigger{animation:fill-arrive .8s .35s both}@keyframes fill-arrive{from{opacity:0;transform:translateY(-15px) scale(.9)}to{opacity:1;transform:none}}

/* Full native frames, without edge cropping. */
.split-stage {aspect-ratio:1280/840;height:auto;}
.split-stage img {width:100%;height:100%;object-fit:contain;}
.console-real {width:100%;height:auto;object-fit:contain;max-height:none;}
.autofill-videos {display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:920px;margin:46px auto 0;}
.autofill-videos h3 {font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0 0 18px;}
.recording-stage {position:relative;overflow:hidden;border-radius:28px;background:#eeebf8;border:1px solid #fff;box-shadow:0 28px 80px #39315c12;}
.recording-stage video {display:block;width:100%;height:auto;}
.recording-stage .play-toggle {bottom:16px;right:16px;}
.dev-story .console-real {margin-top:42px;}
@media(max-width:680px){.autofill-videos{grid-template-columns:1fr;max-width:440px;gap:36px}.recording-stage{border-radius:22px}}
/* Focus hero keeps the page; only the native window title strip is outside the frame. */
.hero-stage[data-mode="zen"] .demo-frame {aspect-ratio:1280/812;}
.hero-stage[data-mode="zen"] .demo-image[data-screen="zen"] {top:-3.4483%;height:103.4483%;object-fit:fill;transform:none;}

.feature-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;margin:50px 0 30px}.feature-index h3{font-size:20px;font-weight:550;margin:0 0 20px;letter-spacing:-.4px}.feature-index ul{list-style:none;padding:0;margin:0}.feature-index li{font-size:14px;line-height:1.6;color:#666971;padding:8px 0;border-bottom:1px solid #dedfe55c}.feature-index .fine{max-width:720px;line-height:1.7}.recording-stage video,.composer-stage video{contain:paint;backface-visibility:hidden;transform:translateZ(0)}@media(max-width:900px){.feature-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.feature-index-grid{grid-template-columns:1fr;gap:32px}}
.legal-page{max-width:850px;min-height:65vh;padding-top:90px;padding-bottom:110px}.legal-page h1{font-size:clamp(2.8rem,6vw,5rem);margin:20px 0}.legal-page .legal-intro{font-size:1.2rem;max-width:700px}.legal-page h2{font-size:1.65rem;margin:44px 0 12px}.legal-page p,.legal-page li{font-size:1rem;line-height:1.75;color:var(--muted)}.legal-page ul{padding-left:22px}.legal-page a{text-decoration:underline;text-decoration-color:#b8bbc2;text-underline-offset:4px}.legal-updated{font-size:.85rem!important}.legal-links{display:flex;gap:22px;flex-wrap:wrap;font-size:.85rem}