@font-face{font-family:LocalSystem;src:local("SF Pro Display");font-display:swap}
:root{--header-height:60px;--paper:#fafbfdf0;--ink:#202a3a;--muted:#6e7786;--blue:#2869ed;--line:#e5e8ee;--soft:#f1f4f9;--icon-fill:none;color-scheme:light;font-family:LocalSystem,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;color:var(--ink);background:#fafbfd}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,select,input{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #6b9bff}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}button:disabled{cursor:default}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.section-shell{max-width:1240px;margin:0 auto;padding-left:40px;padding-right:40px}.skip-link{position:fixed;top:-80px;left:20px;z-index:30;padding:12px 20px;background:white;border:2px solid var(--blue);border-radius:8px}.skip-link:focus{top:15px}.site-header{height:var(--header-height);position:sticky;top:0;z-index:20;background:#eff2f7;border-bottom:1px solid #52607812;box-shadow:0 1px 8px #192d4805,inset 0 1px 0 #ffffff66}.nav-shell{height:100%;max-width:1320px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:720;letter-spacing:-.7px}.wordmark img{filter:drop-shadow(0 2px 2px #10223d12)}.nav-links{display:flex;gap:34px;font-size:14px;color:#636c7a;margin-left:auto;margin-right:36px}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;font-size:15px;font-weight:580;border-radius:10px;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-blue{background:var(--blue);color:#fff;box-shadow:0 5px 12px #2869ed20,inset 0 1px 0 #ffffff26}.button-blue:hover{background:#1b59d1;box-shadow:0 7px 17px #2869ed30}.button-dark{background:#243042;color:white}.button-dark:hover{background:#35455d}.button-small{min-height:39px;padding:0 16px;font-size:13px;border-radius:8px}.button-small .icon{width:16px;height:16px}.text-link{color:var(--blue);font-size:14px;font-weight:550;display:inline-flex;align-items:center;gap:8px}.text-link .icon{width:19px;height:19px;transition:transform .2s}.text-link:hover .icon{transform:translateX(4px)}.eyebrow{font-size:12px;letter-spacing:1.2px;font-weight:560;color:#737e90;display:inline-flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #2869ed08;flex:none}.hero{max-width:1400px;display:grid;grid-template-columns:38% 62%;align-items:center;padding-top:84px;padding-bottom:76px;min-height:670px;padding-left:72px;padding-right:34px;overflow:visible}.hero-copy{padding-bottom:18px;position:relative;z-index:1}.hero h1{font-size:clamp(42px,4.35vw,65px);line-height:1.22;font-weight:720;letter-spacing:-2.3px;margin:24px 0}.hero h1 span{color:var(--blue)}.hero-description{font-size:16px;line-height:1.95;letter-spacing:.2px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:31px}.hero-actions .text-link{font-size:13px}.hero-footnote{display:flex;align-items:center;gap:8px;font-size:11px;color:#8b939f;margin-top:19px}.hero-footnote .icon{width:13px;height:13px;color:#5a8b69}.hero-footnote>span{margin:0 3px}.hero-visual{position:relative;min-width:0;padding-left:24px}.hero-scene-wrap{border-radius:15px;box-shadow:0 28px 55px -24px #2f426d55,0 0 0 1px #13316b0a;background:#dce6ed;overflow:hidden;transform:perspective(1400px) rotateY(-4deg) rotateX(1deg);transform-origin:center right}.demo-stage{width:100%;aspect-ratio:900/560;position:relative;overflow:hidden;isolation:isolate}.story-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 14px 0 0}.story-steps{display:flex;align-items:center;gap:14px;flex:1}.story-step{display:inline-flex;align-items:center;gap:6px;font-size:11px;background:none;padding:7px 0;white-space:nowrap;color:#969daa;transition:color .2s}.story-step span{font-size:10px;font-variant-numeric:tabular-nums;color:inherit}.story-step.is-active{color:var(--blue);font-weight:650}.step-line{height:1px;background:#e4e8ef;flex:1;max-width:46px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#7a8492}.icon-button:hover{background:#e9edf5}.icon-button .icon{width:14px;height:14px}.demo-disclaimer{text-align:right;margin:10px 12px 0 0;font-size:10px;color:#9ba3ae}.intro-line{padding-top:18px;padding-bottom:34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:15px;letter-spacing:.3px}.intro-line-detail{font-size:12px;color:#969eab}.feature-section{padding-top:104px;padding-bottom:96px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:40px}.section-number{font-size:11px;letter-spacing:1.3px;color:#7e8a9c;margin-bottom:17px}h2{font-size:clamp(29px,3vw,40px);line-height:1.35;letter-spacing:-1.2px;font-weight:650}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);padding-bottom:5px}.source-tabs{display:flex;justify-content:center;gap:5px;width:max-content;max-width:100%;margin:0 auto 24px;padding:5px;background:#edf0f5;border-radius:11px}.source-tab{background:transparent;display:flex;align-items:center;justify-content:center;gap:9px;min-width:122px;padding:10px 18px;border-radius:7px;color:#838c9a;font-size:13px;transition:color .2s,background .2s,box-shadow .2s}.source-tab .icon{width:19px;height:19px}.source-tab:hover{color:var(--blue)}.source-tab.is-active{background:white;color:var(--blue);box-shadow:0 2px 5px #2138590d,0 0 0 1px #0c2c6808;--icon-fill:#fff}.source-panel{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(230px,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;box-shadow:0 8px 30px #1c346405}.source-visual{align-self:center;min-width:0;background:#f4f6fa;border-right:1px solid var(--line);padding:24px 24px 0}.source-visual .demo-stage{border-radius:10px;box-shadow:0 8px 22px #17365d15,0 0 0 1px #203d6510}.source-stage-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:10px;color:#8791a0;gap:6px;min-height:58px}.source-stage-footer>span{display:flex;align-items:center;gap:8px}.source-stage-footer .status-dot{width:5px;height:5px}.source-stage-footer button{font-size:11px;background:none;color:#4e6f9f;display:flex;align-items:center;gap:5px;padding:6px 0}.source-stage-footer button:hover{color:var(--blue)}.source-stage-footer .icon{width:13px;height:13px}.source-copy{padding:32px 30px;display:flex;flex-direction:column}.source-index{font-size:10px;color:#91a0b4;letter-spacing:1.2px}.source-copy h3{font-size:26px;line-height:1.4;letter-spacing:-.5px;margin-top:18px;font-weight:600}.source-copy>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:16px}.source-how{margin-top:24px}.tiny-label{font-size:10px;color:#a0a8b3;letter-spacing:1px}.source-how ol{list-style:none;counter-reset:steps;padding:0;margin:12px 0 0;display:grid;gap:9px}.source-how li{font-size:11px;color:#737e8d;display:flex;align-items:center;gap:8px;counter-increment:steps}.source-how li:before{content:counter(steps);width:17px;height:17px;border:1px solid #e3e8f1;display:grid;place-items:center;border-radius:50%;font-size:9px;color:#97a5b8}.source-hint{margin-top:auto;padding-top:24px;display:flex;gap:8px;align-items:flex-start;color:#7892b8}.source-hint .icon{width:14px;height:14px;margin-top:3px}.source-hint p{font-size:10px;line-height:1.8}.try-controls{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:19px 24px;margin-top:14px;border:1px solid var(--line);border-radius:10px;font-size:11px;background:#fff}.try-intro{display:flex;align-items:center;gap:9px;color:#606e83}.try-intro .icon{width:16px;height:16px}.opacity-control{display:flex;gap:10px;align-items:center;color:#7d8796;flex-wrap:wrap}input[type=range]{width:126px;height:18px;accent-color:var(--blue);cursor:pointer}output{font-size:11px;min-width:36px;font-variant-numeric:tabular-nums;color:#50627e}.fps-control{display:flex;align-items:center;gap:10px;color:#7d8796}.fps-control select{border:1px solid #e2e7ee;border-radius:6px;padding:6px 8px;background:#fafbfd;color:#50627e;font-size:11px}.pause-control{display:flex;align-items:center;gap:6px;font-size:11px;color:#5575a8;background:#f2f6fd;border-radius:6px;padding:8px 11px;min-width:95px;justify-content:center}.pause-control .icon{width:13px;height:13px}.pause-control:hover{background:#e7effd}.controls-note{font-size:10px;line-height:1.8;color:#9ba3ae;margin:13px 0 0;text-align:center}.space-section{background:#f0f4fa;border-top:1px solid #e9eef5;border-bottom:1px solid #e9eef5}.space-layout{display:grid;grid-template-columns:43% 57%;align-items:center;gap:20px;min-height:490px;padding-top:65px;padding-bottom:65px}.space-copy>p{font-size:13px;line-height:2;color:var(--muted);margin-top:20px}.space-copy .text-link{margin-top:24px;font-size:12px}.space-copy .quiet-note{font-size:10px;color:#9aa4b3;max-width:300px;margin-top:24px}.space-art{height:340px;position:relative}.mini-workspace{position:absolute;width:68%;height:220px;border:1px solid #d0dce9;border-radius:13px;background:linear-gradient(140deg,#e8d5c6,#b7c9d0);box-shadow:0 20px 35px -20px #3e5b7b40;overflow:hidden}.workspace-one{top:8px;left:0;transform:rotate(-4deg)}.workspace-label{position:absolute;top:28px;left:16px;font-size:8px;line-height:12px;color:#3b536b}.mini-browser{width:78%;height:145px;background:white;border-radius:6px;position:absolute;left:20px;top:46px;box-shadow:0 8px 20px #17304d1a;overflow:hidden}.mini-chrome{height:16px;padding-left:7px;display:flex;gap:3px;align-items:center;background:#f7f7f7}.mini-chrome i{width:4px;height:4px;border-radius:50%;background:#d3d8dd}.mini-chrome i:first-child{background:#ff6057}.mini-chrome i:nth-child(2){background:#febc2e}.mini-chrome i:nth-child(3){background:#28c840}.mini-landscape{height:calc(100% - 16px);position:relative;overflow:hidden}.landscape{background:linear-gradient(180deg,#efd7b6 0%,#d8bd9c 52%,#829b8e 100%);isolation:isolate}.landscape-sun{position:absolute;right:26%;top:16%;width:22%;aspect-ratio:1;border-radius:50%;background:#fff5d2;box-shadow:0 0 34px #fff1cf77}.landscape-hill{position:absolute;width:130%;height:100%;border-radius:50% 60% 0 0;transform:rotate(-22deg);bottom:-52%;left:-38%}.hill-back{background:#92a596;left:17%;bottom:-35%;transform:rotate(26deg)}.hill-front{background:#5e7f73}.mini-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#ffffff25;padding-left:2px;border:1px solid #ffffff55}.workspace-two{bottom:0;right:0;background:linear-gradient(135deg,#cbdcf3,#d8e8e8);transform:rotate(2deg);z-index:2}.mini-notes{position:absolute;top:42px;left:24px;width:64%;height:159px;background:#fffefa;border-radius:6px;padding:22px 18px;box-shadow:0 4px 14px #375a7b12}.mini-notes>span{font-size:11px;font-weight:650}.mini-notes i{display:block;background:#ebebe8;height:3px;margin-top:9px;width:90%}.mini-notes i:nth-child(3){width:75%}.mini-notes small{font-size:8px;color:#aaa;display:block;margin-top:18px}.mini-floater{position:absolute;right:15px;bottom:22px;width:42%;height:112px;border-radius:8px;overflow:hidden;box-shadow:0 8px 18px #1c3a6238;border:1px solid #ffffff77}.mini-floater .mini-landscape{height:100%}.mini-live{position:absolute;left:8px;bottom:7px;font-size:8px;color:white;display:flex;align-items:center;gap:4px}.mini-live b{width:4px;height:4px;background:#e2f6c7;border-radius:50%}.space-path{position:absolute;right:10px;top:24px;width:134px;z-index:3;color:#7e9dc6}.space-path svg{width:100%;height:65px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-dasharray:3 4}.space-path span{display:block;font-size:10px;transform:rotate(5deg);text-align:right}.details-section{padding-top:96px;padding-bottom:82px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:48px}.detail-item h3{font-size:16px;font-weight:600;letter-spacing:-.3px;margin-top:27px}.detail-item p{font-size:12px;line-height:1.9;color:#8a93a1;margin-top:11px}.detail-art{height:170px;border-radius:12px;background:#f0f3f8;position:relative;overflow:hidden;color:#7c8da7;border:1px solid #e9edf4}.tiny-menu-bar{height:27px;background:#e0e7f1;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:0 12px;font-size:8px}.tiny-menu{position:absolute;right:22px;top:30px;width:176px;padding:11px;border:1px solid #d6dfe9;background:#fff9;backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 12px 20px #384c6a12;font-size:10px}.tiny-menu>span{display:flex;align-items:center;gap:6px;height:25px}.tiny-menu .icon{width:13px;height:13px}.tiny-menu kbd{font:inherit;margin-left:auto;font-size:8px;color:#9aa7b8}.tiny-menu hr{border:0;border-top:1px solid #dfe5ee;margin:4px 0}.tiny-menu small{margin-left:auto;font-size:16px}.keys-art{display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:20px}.keys-art kbd{display:grid;place-items:center;width:49px;height:49px;font-size:22px;font-family:inherit;font-weight:500;background:linear-gradient(#fff,#f3f6fb);border:1px solid #dbe2ee;border-radius:10px;box-shadow:0 4px 0 #d6dfea,0 8px 12px #223b5e0c;transform:rotate(-7deg)}.keys-art kbd:nth-child(2){transform:rotate(3deg)}.keys-art kbd:nth-child(3){transform:rotate(-3deg);background:#e7efff;color:var(--blue)}.keys-art>span{position:absolute;bottom:26px;font-size:9px;letter-spacing:.3px;color:#a1adbd}.stack-card{position:absolute;width:115px;height:75px;border-radius:7px;border:1px solid #cfdae8;background:white;box-shadow:0 5px 10px #26426d0d}.card-back{left:25px;top:21px;background:#e8eef6;padding:12px;color:#a2b2c8}.card-middle{left:59px;top:47px;background:#f6f9ff}.card-front{left:92px;top:74px;padding:14px;background:#fcfdff}.card-front>span{font-size:9px;color:#6c7e98}.card-front>div{height:3px;background:#e5edf7;margin-top:8px;border-radius:3px}.card-front>div i{display:block;height:100%;width:72%;border-radius:3px;background:#7ba2ef}.card-front small{font-size:7px;color:#a8b3c2;display:block;margin-top:6px}.stack-chart{display:flex;align-items:flex-end;gap:7px;height:40px;margin:16px}.stack-chart i{height:16px;width:8px;background:#a2bce7;border-radius:2px}.stack-chart i:nth-child(2){height:23px}.stack-chart i:nth-child(3){height:20px}.stack-chart i:nth-child(4){height:32px}.stack-chart i:nth-child(5){height:36px;background:#709de4}.pace-art{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px}.pace-numbers{display:flex;align-items:center;gap:14px;position:relative}.pace-numbers>span{font-size:13px;color:#9caac0}.pace-numbers strong{font-size:32px;font-weight:600;color:var(--blue);line-height:1;position:relative}.pace-numbers small{position:absolute;left:13px;bottom:-12px;font-size:8px;font-weight:400;color:#8c9fb8}.pace-line{height:1px;background:#dce4ef;width:100%;margin:27px 0 15px;position:relative}.pace-line i{position:absolute;right:10px;top:-2px;width:5px;height:5px;background:#8bacdf;border-radius:50%}.pace-art>span:last-child{font-size:9px;color:#a1adbd}.detail-footnote{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin-top:50px;padding-top:29px;border-top:1px solid var(--line);font-size:11px;color:#8e99a8}.detail-footnote>span{display:flex;gap:6px;align-items:center}.detail-footnote .icon{width:13px;height:13px;color:#89a4c4}.privacy-section{display:flex;align-items:center;gap:33px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:48px;padding-bottom:48px}.privacy-icon{width:76px;height:76px;border:1px solid #dbe3ed;border-radius:22px;display:grid;place-items:center;background:linear-gradient(#fff,#f3f6fa);box-shadow:0 5px 9px #20375907;flex:none}.privacy-icon .icon{width:31px;height:31px;color:#7188ab;stroke-width:1.3}.privacy-section h2{font-size:25px;letter-spacing:-.5px;margin-top:9px}.privacy-section p{font-size:12px;line-height:1.9;color:#8e99a8;margin-top:12px}.privacy-section .eyebrow{font-size:10px}.privacy-mark{font-size:10px;letter-spacing:2px;line-height:1.8;color:#b1bdcc;margin-left:auto}.privacy-mark .icon{width:15px;height:15px;margin-left:9px}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;padding-top:94px;padding-bottom:92px}.faq-section h2{font-size:35px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:13px;font-weight:520;color:#4c596c}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:16px;height:16px;color:#9ba8ba;transition:transform .2s}.faq-list details[open] .icon{transform:rotate(180deg)}.faq-list p{font-size:12px;line-height:1.9;color:#8792a3;margin:0 25px 22px 0}.closing-section{text-align:center;padding-top:20px;padding-bottom:90px}.closing-section>img{margin:auto;filter:drop-shadow(0 9px 12px #203c6815);transform:rotate(-5deg)}.closing-section h2{font-size:35px;margin:22px 0 26px;line-height:1.45}.closing-section>p{font-size:11px;color:#96a0af;margin-top:20px}.site-footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px}.site-footer .wordmark{font-size:19px}.site-footer>p{font-size:11px;color:#a0a9b6}.site-footer>span{font-size:10px;color:#a4adb9;margin-left:auto}dialog{border:1px solid #dfe5ed;border-radius:20px;padding:42px 38px 36px;width:min(430px,calc(100% - 36px));text-align:center;color:var(--ink);background:#fafbfd;box-shadow:0 30px 90px #19345a30}dialog::backdrop{background:#192d4866;backdrop-filter:blur(6px)}dialog>img{margin:0 auto 20px}dialog .dialog-close{position:absolute;right:15px;top:15px;font-size:23px;line-height:1}dialog .eyebrow{font-size:10px}dialog h2{font-size:32px;margin:12px 0 16px}dialog>p{font-size:14px;line-height:1.8;color:#768396}dialog .dialog-note{font-size:11px;color:#9aa5b3;margin:18px 0 24px}dialog .button{font-size:13px;min-height:45px}
@media(min-width:1600px){.hero{padding-top:105px;padding-bottom:95px;min-height:750px}.hero h1{font-size:68px}.hero-visual{padding-left:40px}}
@media(max-width:1100px){.hero{padding-left:40px;padding-right:30px;grid-template-columns:40% 60%;padding-top:70px;min-height:610px}.hero h1{font-size:47px}.hero-description{font-size:14px}.hero-actions{gap:18px}.hero-actions .button{font-size:13px;padding:0 15px}.hero-actions .text-link{font-size:11px}.hero-visual{padding-left:10px}.source-copy{padding:25px 23px}.source-copy h3{font-size:23px}.source-how{margin-top:18px}.source-hint{padding-top:18px}.source-visual{padding:18px 18px 0}.source-panel{grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}.try-controls{gap:16px;padding:17px}.try-intro{display:none}.detail-grid{gap:18px}.detail-art{height:152px}.keys-art{gap:5px}.keys-art kbd{width:42px;height:45px}.tiny-menu{right:10px;width:160px}.pace-numbers{gap:10px}.card-back{left:15px}.card-middle{left:42px}.card-front{left:69px}.space-path{right:0;top:38px;width:110px}}
@media(max-width:850px){.nav-shell{padding:0 28px}.nav-links{gap:23px;margin-right:10px;font-size:12px}.section-shell{padding-left:28px;padding-right:28px}.hero{grid-template-columns:1fr;max-width:750px;padding-top:48px;padding-bottom:36px;text-align:center}.hero-copy{padding-bottom:0}.hero h1{font-size:59px;margin-top:20px}.hero-description{font-size:15px}.hero-actions{justify-content:center;margin-top:26px}.hero-actions .button{font-size:14px;padding:0 22px}.hero-actions .text-link{font-size:13px}.hero-footnote{justify-content:center}.hero-visual{padding-left:0;max-width:660px;width:100%;margin:40px auto 0}.hero-scene-wrap{transform:none}.story-controls{margin:20px 0 0}.story-steps{justify-content:center}.story-step{font-size:12px}.step-line{max-width:60px}.demo-disclaimer{margin-right:0}.intro-line{padding-top:24px;padding-bottom:28px;font-size:13px}.intro-line-detail{font-size:10px}.feature-section{padding-top:72px;padding-bottom:68px}.source-panel{grid-template-columns:1fr}.source-visual{border-right:0;border-bottom:1px solid var(--line);padding:20px 20px 0}.source-copy{display:grid;grid-template-columns:1.4fr 1fr;column-gap:28px;padding:25px 28px}.source-index{grid-column:1}.source-copy h3{grid-column:1;font-size:25px;margin-top:12px}.source-copy h3 br{display:none}.source-copy>p{grid-column:1;max-width:340px;margin-top:12px}.source-how{grid-column:2;grid-row:1/4;margin-top:0;align-self:center}.source-hint{grid-column:1/-1;padding-top:18px}.space-layout{grid-template-columns:1fr;gap:26px;padding-top:55px;padding-bottom:60px}.space-copy{text-align:center}.space-copy .quiet-note{margin:20px auto 0;max-width:100%}.space-art{max-width:570px;width:100%;margin:auto;height:330px}.space-path{right:20px;top:20px;width:125px}.detail-grid{grid-template-columns:1fr 1fr;gap:35px 28px}.detail-art{height:180px}.tiny-menu{right:30px;top:35px;width:190px}.tiny-menu-bar{height:30px}.keys-art kbd{width:55px;height:55px;margin:0 3px}.stack-card{width:140px;height:86px}.card-back{left:26px;top:24px}.card-middle{left:63px;top:50px}.card-front{left:100px;top:78px}.pace-numbers{gap:20px}.pace-numbers strong{font-size:38px}.pace-numbers>span{font-size:16px}.pace-line{max-width:220px}.detail-footnote{gap:18px}.privacy-section{gap:24px}.privacy-mark{display:none}.faq-section{gap:32px;grid-template-columns:1fr;padding-top:65px;padding-bottom:65px}.faq-section h2{font-size:32px}.faq-list summary{font-size:13px}.closing-section{padding-bottom:65px}.closing-section h2{font-size:31px}}
@media(max-width:540px){:root{--header-height:56px}.nav-shell{padding:0 20px;gap:16px}.wordmark{font-size:23px;gap:5px}.wordmark img{width:35px;height:35px}.nav-links{display:none}.button-small{font-size:12px;min-height:36px;padding:0 12px}.section-shell{padding-left:20px;padding-right:20px}.hero{padding-top:39px;padding-bottom:25px}.hero .eyebrow{font-size:11px}.hero h1{font-size:49px;letter-spacing:-1.8px;line-height:1.25;margin:20px 0}.hero-description{font-size:13px;line-height:1.9}.hero-actions{gap:18px;flex-direction:column;margin-top:25px}.hero-actions .button{min-height:48px}.hero-footnote{font-size:10px;margin-top:20px}.hero-visual{margin-top:35px}.hero-scene-wrap{border-radius:9px}.story-controls{gap:10px;margin-top:16px}.story-steps{gap:7px}.story-step{font-size:10px;gap:4px}.story-step span{font-size:8px}.step-line{min-width:5px}.story-controls .icon-button{min-width:26px;min-height:26px}.demo-disclaimer{font-size:8px;margin-top:8px}.intro-line{justify-content:center;font-size:12px;padding-top:20px;padding-bottom:23px}.intro-line-detail{display:none}.feature-section{padding-top:56px;padding-bottom:53px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{font-size:12px;margin-top:16px}.section-heading>p br{display:none}.section-heading h2{font-size:30px}.section-number{font-size:10px;margin-bottom:13px}.source-tabs{width:100%;padding:4px;gap:2px;margin-bottom:16px}.source-tab{min-width:0;flex:1;padding:9px 5px;gap:5px;font-size:11px}.source-tab .icon{width:16px;height:16px}.source-panel{border-radius:11px}.source-visual{padding:11px 11px 0}.source-visual .demo-stage{border-radius:5px}.source-stage-footer{padding:11px 0;min-height:45px;font-size:8px}.source-stage-footer button{font-size:9px}.source-stage-footer .status-dot{width:4px;height:4px}.source-stage-footer>span{gap:5px}.source-copy{padding:22px;grid-template-columns:1fr}.source-copy h3{font-size:25px;margin-top:12px}.source-copy>p{font-size:12px;margin-top:11px}.source-how{grid-column:1;grid-row:auto;margin-top:20px}.source-how ol{display:flex;gap:8px;flex-wrap:wrap}.source-how li{font-size:9px;gap:4px}.source-how li:before{width:14px;height:14px;font-size:8px}.source-hint{padding-top:17px}.source-hint p{font-size:10px}.try-controls{gap:14px;justify-content:space-between;padding:17px}.opacity-control{width:100%;justify-content:space-between;font-size:11px;gap:6px}.opacity-control input{flex:1;max-width:155px;min-width:80px}.fps-control{font-size:11px}.controls-note{font-size:9px;line-height:1.8;padding:0 4px;text-align:left}.space-layout{padding-top:50px;padding-bottom:40px;gap:25px}.space-copy h2{font-size:29px}.space-copy>p{font-size:12px;margin-top:17px}.space-copy .quiet-note{font-size:9px;max-width:280px}.space-art{height:270px}.mini-workspace{height:180px;width:76%;border-radius:9px}.workspace-one{top:5px}.workspace-two{bottom:2px}.workspace-label{font-size:8px;left:12px;top:10px}.mini-browser{top:35px;left:15px;height:125px}.mini-notes{top:32px;left:15px;height:130px;padding:17px 12px}.mini-notes>span{font-size:9px}.mini-notes small{font-size:6px;margin-top:13px}.mini-notes i{margin-top:7px}.mini-floater{width:45%;height:85px;bottom:17px;right:9px}.mini-live{font-size:7px}.space-path{right:0;top:12px;width:80px}.space-path span{font-size:8px}.details-section{padding-top:55px;padding-bottom:48px}.detail-grid{gap:30px 17px;margin-top:30px}.detail-art{height:135px;border-radius:8px}.detail-item h3{font-size:13px;line-height:1.5;margin-top:17px;letter-spacing:-.4px}.detail-item p{font-size:10px;line-height:1.85;margin-top:8px}.tiny-menu-bar{gap:9px;height:23px;padding:0 9px}.tiny-menu{right:7px;top:27px;width:calc(100% - 14px);padding:8px;font-size:8px}.tiny-menu>span{gap:4px;height:22px}.tiny-menu .icon{width:10px;height:10px}.tiny-menu kbd{font-size:7px}.keys-art{gap:4px}.keys-art kbd{width:34px;height:36px;border-radius:7px;font-size:17px;margin:0}.keys-art>span{font-size:7px;bottom:22px}.stack-card{width:86px;height:56px;border-radius:5px}.card-back{left:13px;top:18px}.card-middle{left:30px;top:39px}.card-front{left:48px;top:61px;padding:8px}.card-front>span{font-size:7px}.card-front small{font-size:5px;margin-top:4px}.card-front>div{margin-top:6px}.stack-chart{height:28px;margin:12px;gap:5px}.stack-chart i{width:6px;max-height:28px}.pace-art{padding:13px}.pace-numbers{gap:9px}.pace-numbers>span{font-size:10px}.pace-numbers strong{font-size:24px}.pace-numbers small{font-size:7px;left:6px;bottom:-12px}.pace-line{margin:24px 0 14px}.pace-art>span:last-child{font-size:7px}.detail-footnote{font-size:9px;gap:13px 16px;padding-top:23px;margin-top:31px}.detail-footnote .icon{width:11px;height:11px}.privacy-section{gap:17px;padding-top:35px;padding-bottom:35px;align-items:flex-start}.privacy-icon{width:45px;height:45px;border-radius:13px;margin-top:8px}.privacy-icon .icon{width:23px;height:23px}.privacy-section .eyebrow{font-size:8px}.privacy-section h2{font-size:21px;line-height:1.45;margin-top:8px;letter-spacing:-.7px}.privacy-section p{font-size:10px;line-height:1.9;margin-top:10px}.privacy-section p br{display:none}.faq-section{padding-top:50px;padding-bottom:50px;gap:24px}.faq-section h2{font-size:29px}.faq-list summary{font-size:12px;line-height:1.6;padding:19px 0;gap:16px}.faq-list p{font-size:11px;margin-right:10px}.closing-section{padding-top:10px;padding-bottom:47px}.closing-section>img{width:84px;height:84px}.closing-section h2{font-size:29px;margin-top:19px;margin-bottom:22px}.closing-section .button{font-size:13px;min-height:45px}.closing-section>p{font-size:10px}.site-footer{gap:14px;padding-top:20px;padding-bottom:23px}.site-footer .wordmark{font-size:17px;gap:4px}.site-footer .wordmark img{width:26px;height:26px}.site-footer>p{display:none}.site-footer>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-scene-wrap{transform:none}.button:hover{transform:none}}

/* Keep explanatory copy readable; lighter tones belong to illustrative UI. */
.eyebrow,.section-number,.hero-description,.section-heading>p,.source-copy>p,.source-how li,.space-copy>p,.detail-item p,.privacy-section p,.faq-list p,dialog>p{color:#667181}
.hero-footnote,.intro-line-detail,.demo-disclaimer,.source-index,.tiny-label,.source-hint,.controls-note,.space-copy .quiet-note,.detail-footnote,.closing-section>p,.site-footer>p,.site-footer>span,dialog .dialog-note{color:#6b7789}
.source-stage-footer,.opacity-control,.fps-control{color:#657185}
.source-copy>p{font-size:13px}.source-how li{font-size:12px}.source-hint p{font-size:11px}.detail-item p,.privacy-section p{font-size:13px}.faq-list p{font-size:14px}.faq-list summary{font-size:14px}.controls-note{font-size:11px}.space-copy .quiet-note{font-size:11px}.story-step{color:#6b7789}.story-step.is-active{color:var(--blue)}
@media(max-width:540px){.source-copy>p{font-size:13px}.source-how ol{display:grid;gap:9px}.source-how li{font-size:12px;gap:7px}.source-how li:before{width:17px;height:17px;font-size:9px}.source-hint p{font-size:11px}.detail-item p{font-size:12px}.detail-item p br{display:none}.privacy-section p{font-size:12px}.faq-list p,.faq-list summary{font-size:13px}.source-tab{min-height:42px}.source-stage-footer button{font-size:10px;min-height:36px}.source-stage-footer{font-size:9px}.source-stage-footer>span{max-width:48%;line-height:1.5}.pause-control{min-height:36px;font-size:12px}.fps-control select{font-size:12px;min-height:36px}.story-controls .icon-button{min-width:34px;min-height:34px}.story-step{min-height:36px}.controls-note,.space-copy .quiet-note{font-size:11px}.hero-footnote{font-size:10px}.closing-section>p,.site-footer>span{font-size:11px}}

/* Compact glass navigation: translucency affects only the background. */
.site-header .wordmark{font-size:20px;gap:8px;letter-spacing:-.5px}
.site-header .wordmark img{width:32px;height:32px;filter:drop-shadow(0 1px 2px #16243d26)}
.site-header .nav-links{font-size:13px;color:#202c3f;gap:28px}
.site-header .nav-links a:hover{color:#0f2c4d}
.site-header .button-small{min-height:32px;padding:0 13px;font-size:12px;border-radius:7px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header{background:rgba(239,242,247,.62);-webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%)}
}
@media(max-width:850px){.site-header .nav-links{gap:22px;font-size:12px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .site-header{background:#eff2f7;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* System chrome in the small, static illustrations uses the same native marks. */
.workspace-menu { position:absolute; top:0; left:0; right:0; height:21px; padding:0 11px; display:flex; align-items:center; gap:9px; color:#303b48; background:#f7f9fc6b; box-shadow:0 1px #ffffff38; }
.workspace-menu .ui-icon { width:10px; height:10px; }
.workspace-menu .ui-icon--apple { width:8px; height:10px; }
.workspace-menu .ui-icon--ifloat { width:12px; height:12px; }
.workspace-menu strong { margin-right:auto; font-size:7px; font-weight:600; }
.workspace-menu time { font-size:7px; font-variant-numeric:tabular-nums; }
.mini-video-play .ui-icon { width:16px; height:16px; }
.tiny-menu-bar { gap:12px; color:#37465b; background:#e0e7f1b8; }
.tiny-menu-bar>[data-ui-icon="apple"] { margin-right:auto; }
.tiny-menu-bar .ui-icon { width:12px; height:12px; }
.tiny-menu-bar .ui-icon--apple { width:10px; height:12px; }
.tiny-menu-bar .ui-icon--battery { width:20px; height:12px; }
.tiny-menu-bar .tiny-menu-trigger { width:27px; height:23px; margin-right:-4px; border-radius:4px; background:#6272872b; }
.tiny-menu-bar .ui-icon--ifloat { width:17px; height:17px; }
.tiny-menu-bar time { font-size:9px; font-variant-numeric:tabular-nums; }
.tiny-menu .tiny-window-icon { color:#527bb5; }
.tiny-menu .ui-icon { width:13px; height:13px; }
.tiny-menu small .ui-icon { width:10px; height:10px; }
.dialog-close .ui-icon { width:18px; height:18px; }
@media(max-width:540px) {
  .workspace-menu { height:18px; padding:0 10px; gap:7px; }
  .workspace-menu strong,.workspace-menu time { font-size:6px; }
  .workspace-menu .ui-icon { width:9px; height:9px; }
  .workspace-menu .ui-icon--apple { width:7px; height:9px; }
  .workspace-menu .ui-icon--ifloat { width:11px; height:11px; }
  .workspace-label { top:23px; font-size:7px; line-height:10px; }
  .mini-browser { top:38px; height:122px; }
  .mini-notes { top:38px; height:124px; }
  .detail-item { min-width:0; }
  .tiny-menu-bar { gap:8px; }
  .tiny-menu-bar>[data-ui-icon="battery"],.tiny-menu-bar>[data-ui-icon="control-center"] { display:none; }
  .tiny-menu-bar .tiny-menu-trigger { width:23px; height:21px; margin-right:0; }
}

/* Extra feature illustrations share a fixed artboard and scale inside each card. */
.detail-illustration { display:block; width:100%; height:100%; max-width:100%; overflow:hidden; }
.detail-artwork-shadow { filter:drop-shadow(0 4px 5px #35578713); }
.detail-artwork-label { fill:#8193ab; font-size:9px; font-weight:500; font-family:inherit; }

/* Alternate full-width section backgrounds while retaining the content widths. */
:root { --section-base:#fafbfd; --section-tint:#f3f6fa; }
main > section, .site-footer {
  --section-background:var(--section-base);
  position:relative;
  isolation:isolate;
  background:var(--section-background);
}
main > section:nth-of-type(even), .site-footer { --section-background:var(--section-tint); }
main > section::before, .site-footer::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:var(--section-background);
  box-shadow:0 0 0 100vmax var(--section-background);
  /* Clip only the backdrop so illustration shadows remain intact. */
  clip-path:inset(0 -100vmax);
}
.space-section, .privacy-section, .site-footer {
  background:var(--section-background);
  border-color:transparent;
}