/* System font stack keeps this preview self-contained. */
dialog{border:1px solid #ddd;border-radius:22px;padding:40px;max-width:480px;width:90%;color:#242424;background:#f8f8f6}dialog::backdrop{background:#1116;backdrop-filter:blur(6px)}dialog p{line-height:1.65;color:#666}dialog h2{font-weight:500;font-size:28px;letter-spacing:-.04em}#close-dialog{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:28px}
:root{--paper:#f8f8f6;--ink:#242424;--muted:#72726e;--panel:#d1d1ce;--blue:#153ee8;--line:#d8d8d3;--radius:30px;font-family:'General Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}html{scroll-behavior:smooth;scroll-padding-top:165px}::selection{background:#bdd0ff}.skip{position:fixed;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:0}#header{height:110px;position:relative;z-index:30}.header-inner{position:fixed;top:0;left:2%;width:96%;height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;transition:width .35s,left .35s,background .35s,height .35s,top .35s;border:1px solid transparent;border-radius:22px}.scrolled .header-inner{width:77%;left:11.5%;top:12px;height:68px;background:#f4f4f0b8;backdrop-filter:blur(24px) saturate(1.5);border-color:#ffffff8c;box-shadow:0 6px 26px #00000008}.wordmark{font-size:36px;font-weight:700;letter-spacing:-2px;line-height:1}.wordmark span{color:var(--blue)}.main-nav{display:flex;gap:36px;font-size:16px}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:24px}.language{border:0;background:transparent;font-size:14px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--blue);color:white;border:0;border-radius:11px;padding:16px 25px;min-height:48px}.button:hover{background:#082ac2}.button.secondary{background:#e7e7e2;color:var(--ink)}.button.dark{background:var(--ink)}.text-link{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid;padding-bottom:7px}.hero{margin:0 2%;background:var(--panel);border-radius:var(--radius);min-height:850px;overflow:clip;padding:118px 5% 0;position:relative}.product-nav{position:sticky;top:94px;margin:26px auto -94px;transform:translateY(0);z-index:20;width:min(750px,87%);height:68px;background:#e9e9e5c9;border:1px solid #ffffff66;backdrop-filter:blur(24px) saturate(1.4);border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:14px}.product-nav strong{font-size:23px;letter-spacing:-1px}.product-links{display:flex;gap:6px}.product-links a{padding:10px 12px;font-size:14px;border-radius:9px}.product-links a:hover{background:#ccccca}.product-nav .button{font-size:14px;padding:10px 18px;min-height:42px}.hero-heading{display:flex;justify-content:space-between;align-items:end;margin:34px 0 52px}.eyebrow{font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:500}.hero h1{font-size:clamp(48px,5.3vw,88px);font-weight:500;letter-spacing:-.065em;line-height:1.03;margin:16px 0 0;max-width:800px}.hero-heading p{max-width:230px;line-height:1.5;font-size:16px;margin-bottom:6px}.app-window{background:#171719;color:#f2f2f2;border:1px solid #4b4b4d;border-radius:18px 18px 0 0;box-shadow:0 35px 65px #0003;overflow:hidden;max-width:1170px;margin:auto;transform:translateY(calc(var(--hero,0)*-25px));text-align:left}.app-top{height:52px;border-bottom:1px solid #39393a;display:flex;align-items:center;gap:25px;padding:0 20px}.traffic{display:flex;gap:7px}.traffic i{width:9px;height:9px;border-radius:50%;background:#f36961}.traffic i:nth-child(2){background:#e3c056}.traffic i:nth-child(3){background:#70b582}.app-search{border:1px solid #3c3c3e;border-radius:20px;padding:7px 16px;width:53%;font-size:13px;color:#aaa}.app-body{display:grid;grid-template-columns:180px 1fr;min-height:375px}.app-sidebar{padding:23px 16px;background:#1c1c1e;border-right:1px solid #333;font-size:13px}.app-sidebar p{font-size:12px;color:#888;margin:22px 0 10px}.app-sidebar div{padding:9px 10px;border-radius:7px}.app-sidebar .chosen{background:#343436}.app-content{padding:20px;min-width:0}.app-content h3{font-size:21px;font-weight:500;margin:0 0 20px}.app-filters{display:flex;gap:8px;color:#bbb;font-size:12px;margin-bottom:14px}.app-filters span{border:1px solid #404042;border-radius:7px;padding:6px 12px}.sample-row{display:grid;grid-template-columns:22px minmax(135px,1.2fr) minmax(90px,1fr) 46px 46px;align-items:center;gap:16px;padding:12px 14px;border-bottom:1px solid #333;font-size:12px}.sample-row.selected{background:var(--blue);border-radius:7px;border-color:transparent}.sample-row small{display:block;color:#a7a7ae;font-size:12px;margin-top:5px}.sample-row.selected small{color:#c5d1ff}.wave{display:flex;align-items:center;gap:2px;height:29px;overflow:hidden}.wave i{background:currentColor;display:block;min-width:2px;flex:1;border-radius:1px;opacity:.65}.app-player{border-top:1px solid #333;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aaa}.app-player span:first-child{color:white}.hero-caption{display:flex;justify-content:space-between;gap:20px;margin:24px 0;font-size:13px;color:#555}.intro{padding:110px 8% 105px;display:grid;grid-template-columns:1.7fr 1fr;gap:10%;align-items:end}.intro h2,.section-title{font-size:clamp(35px,4vw,66px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:0}.intro p,.body-copy{font-size:18px;line-height:1.65;color:#62625e}.story{height:230vh;margin:0 2%;position:relative}.story-inner{position:sticky;top:90px;min-height:620px;height:calc(100vh - 115px);max-height:920px;border-radius:var(--radius);background:#e9e9e4;overflow:hidden;display:grid;grid-template-columns:36% 64%;align-items:center;padding:6%}.story-copy{position:relative;z-index:2}.story-copy h2{font-size:clamp(34px,3.8vw,62px);line-height:1.07;letter-spacing:-.055em;font-weight:500;margin:28px 0 24px}.story-copy p{line-height:1.6;color:#666;max-width:300px}.step-count{font-size:14px}.progress-track{display:flex;gap:6px;margin-top:45px;max-width:210px}.progress-track i{height:3px;flex:1;background:#bbb}.progress-track i:first-child{background:var(--blue)}.scene{position:relative;height:420px;margin-left:30px}.sort-files{position:absolute;inset:30px 0 80px}.file-chip{position:absolute;width:150px;padding:17px 14px;border:1px solid #d5d5d0;background:#f9f9f6;box-shadow:0 10px 20px #00000009;border-radius:11px;top:calc(var(--y)*1%);left:calc(var(--x)*1%);transform:translate(calc(var(--sort,0)*var(--dx)*1px),calc(var(--sort,0)*var(--dy)*1px)) rotate(calc(var(--rot)*1deg*(1 - var(--sort,0))));font-size:12px;z-index:2}.file-chip b{font-weight:500;display:block;margin-top:9px}.file-chip .wave{height:30px;color:var(--chip)}.sort-bins{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:absolute;bottom:0;left:0;right:0}.bin{height:125px;border:1px solid #c7c7c0;border-radius:12px;background:#ddddd5;padding:15px;font-size:13px}.bin small{display:block;margin-top:7px;color:#777}.bin:nth-child(2){background:#dddfe8}.bin:nth-child(3){background:#e3ddce}.sort-scan{height:2px;background:var(--blue);position:absolute;top:calc(20% + var(--sort,0)*65%);width:100%;opacity:calc(sin(var(--sort,0)*3.14));box-shadow:0 0 25px #153ee870}.story.dark .story-inner{background:#222225;color:#f8f8f5}.story.dark .story-copy p{color:#aaa}.match-center{width:100%;position:absolute;top:25px;background:#343438;padding:22px;border-radius:13px}.match-center .wave{height:65px;color:#7a8fff}.match-results{position:absolute;top:150px;width:100%;display:grid;gap:12px}.match-result{display:flex;align-items:center;justify-content:space-between;background:#303034;padding:20px;border-radius:12px;opacity:clamp(.12,var(--match,0),1);transform:translateY(calc(35px*(1 - var(--match,0))));transition:opacity .1s}.match-result:nth-child(2){opacity:clamp(.12,calc(var(--match,0)*1.5 - .45),1)}.match-result:nth-child(3){opacity:clamp(.12,calc(var(--match,0)*2 - 1),1)}.match-result span{font-size:14px}.match-result .wave{width:35%;color:#919eff}.match-result b{font-weight:400;font-size:13px;color:#a8b3ff}.drag-source{background:#f8f8f5;border:1px solid #ddd;border-radius:12px;padding:20px;width:65%;position:absolute;left:0;top:35px}.drag-source .wave{color:#153ee8}.timeline{position:absolute;bottom:5px;right:0;width:88%;height:240px;background:#fafaf7;border:1px solid #d1d1c9;border-radius:12px;padding:20px;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 59px,#e4e4de 60px)}.timeline .track{height:43px;border-bottom:1px solid #ddd;font-size:12px;color:#888;padding:12px 0}.drag-clip{position:absolute;left:17%;top:75px;width:60%;background:#153ee8;color:white;border-radius:6px;padding:14px;transform:translate(calc(var(--drag,0)*70px),calc(var(--drag,0)*195px));box-shadow:0 12px 22px #0002;z-index:3}.drag-clip:after{content:'↖';position:absolute;right:-8px;bottom:-30px;font-size:45px;color:#222;text-shadow:1px 1px white}.drag-clip .wave{height:35px}.feature-grid{padding:100px 6%;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.feature-grid article{border-top:1px solid #bbb;padding-top:22px}.feature-grid h3{font-size:24px;font-weight:500;letter-spacing:-.03em}.feature-grid p{color:#666;line-height:1.65}.feature-number{font-size:13px;color:#888}.cta-section{margin:0 2% 30px;background:#153ee8;color:white;border-radius:var(--radius);padding:80px 6%;display:flex;align-items:end;justify-content:space-between;gap:40px}.cta-section h2{font-size:clamp(38px,5vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.03;margin:0 0 20px}.cta-section p{color:#d5deff}.cta-section .button{background:white;color:#111;white-space:nowrap}footer{background:#202020;color:#fafaf6;padding:65px 6% 24px;border-radius:30px 30px 0 0}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:80px}.footer-brand .wordmark{font-size:65px}.footer-brand p{color:#aaa;max-width:220px;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:16px;font-size:14px}.footer-links span{color:#8b8b86;margin-bottom:5px}.footer-bottom{border-top:1px solid #444;padding-top:23px;display:flex;justify-content:space-between;color:#92928e;font-size:12px}.page-shell{padding:50px 6% 100px}.page-title{font-size:clamp(60px,9vw,140px);line-height:1;letter-spacing:-.075em;font-weight:500;margin:15px 0 65px}.page-lead{font-size:23px;line-height:1.5;max-width:650px;margin:-30px 0 65px;color:#666}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:90px}.resource-card{padding:35px;background:#e7e7e2;border-radius:22px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.resource-card.blue{background:#153ee8;color:white}.resource-card h2{font-size:36px;font-weight:500;letter-spacing:-.04em;margin:15px 0}.resource-card p{max-width:360px;line-height:1.6}.resource-card .arrow{align-self:flex-end;font-size:30px}.support-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:60px 0;border-top:1px solid #c9c9c2}.support-section h2{font-size:40px;font-weight:500;letter-spacing:-.045em;margin:0 0 25px}.support-section p{line-height:1.7;color:#666}details{border-bottom:1px solid #ccc;padding:23px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:18px}summary:after{content:'+'}details[open] summary:after{content:'−'}details p{max-width:620px;line-height:1.7;color:#666}.contact-form{display:grid;gap:22px}.contact-form label{font-size:14px;display:grid;gap:10px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #aaa;padding:12px 0;border-radius:0;min-height:48px}.contact-form textarea{height:120px;resize:vertical}.contact-form .button{justify-self:start}.form-note{font-size:13px;line-height:1.5;color:#777}.legal-layout{display:grid;grid-template-columns:220px 1fr;gap:65px}.legal-nav{display:flex;flex-direction:column;gap:20px;font-size:14px;align-self:start;position:sticky;top:130px}.legal-copy{max-width:760px}.legal-copy section{margin-bottom:45px}.legal-copy h2{font-size:26px;letter-spacing:-.025em;font-weight:500}.legal-copy p,.legal-copy li{font-size:17px;line-height:1.8;color:#63635f}.legal-copy a{text-decoration:underline}.notice{background:#e8e8e2;border-radius:12px;padding:20px;line-height:1.6;margin-bottom:35px}.spec-table{width:100%;border-collapse:collapse}.spec-table td{padding:22px 0;border-bottom:1px solid #ccc;line-height:1.5}.spec-table td:first-child{color:#777;width:40%}.guide-steps{max-width:850px}.guide-step{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:40px 0;border-top:1px solid #ccc}.guide-step>span{font-size:14px;color:#777}.guide-step h2{margin:0 0 15px;font-size:29px;font-weight:500}.guide-step p{line-height:1.7;color:#666}.release-box{max-width:780px;background:#e7e7e1;border-radius:24px;padding:40px}.release-box h2{font-size:32px;font-weight:500}.release-box p{line-height:1.7}.release-status{font-size:13px;text-transform:uppercase;letter-spacing:.06em}.about-mark{font-size:clamp(100px,25vw,360px);font-weight:600;letter-spacing:-.085em;text-align:center;background:#d1d1cc;border-radius:24px;padding:50px;margin:35px 0 70px}.mobile-nav{display:none}
@media(min-width:1600px){.hero{min-height:1000px}.app-window{max-width:1350px}.app-body{min-height:450px}.sample-row{padding:18px 14px}}@media(max-width:900px){.scrolled .header-inner{width:94%;left:3%}.main-nav{gap:20px}.hero{padding:110px 5% 0;min-height:680px}.hero-heading{display:block}.hero-heading p{max-width:450px}.app-body{grid-template-columns:130px 1fr}.sample-row{grid-template-columns:18px 1fr 80px;gap:8px}.sample-row>span:nth-last-child(-n+2){display:none}.app-sidebar{padding:15px 8px}.intro{padding:75px 6%;gap:6%}.story-inner{padding:5%;grid-template-columns:38% 62%}.scene{margin-left:15px}.file-chip{width:115px}.feature-grid{gap:25px}.support-section{gap:40px}.header-actions .text-link{display:none}}@media(max-width:620px){#header{height:88px}.header-inner{height:85px;padding:0 10px}.wordmark{font-size:30px}.main-nav{display:none}.menu-toggle{display:block}.header-actions{gap:14px}.scrolled .header-inner{height:58px}.mobile-nav.open{display:flex;position:fixed;top:80px;left:3%;right:3%;background:#f8f8f6f5;backdrop-filter:blur(20px);padding:25px;border-radius:18px;flex-direction:column;gap:25px;box-shadow:0 12px 30px #0002}.product-nav{top:82px;height:58px;width:92%;padding:8px 10px;margin-top:15px;margin-bottom:-73px;border-radius:15px}.product-links a{font-size:12px;padding:8px}.product-links a:last-child{display:none}.product-nav strong{font-size:20px}.product-nav .button{font-size:12px;padding:9px;min-height:37px}.hero{padding:92px 5% 0;min-height:625px;border-radius:22px}.hero-heading{margin:30px 0}.hero h1{font-size:46px}.hero-heading p{font-size:15px;max-width:260px}.app-window{width:155%;max-width:none;margin-left:0;border-radius:12px 12px 0 0}.app-body{grid-template-columns:105px 1fr;min-height:290px}.app-sidebar{font-size:11px}.app-content{padding:13px}.app-content h3{font-size:17px}.sample-row{padding:9px;grid-template-columns:15px 1fr 70px;font-size:11px}.app-filters{font-size:10px}.app-filters span{padding:5px}.app-top{padding:0 12px;height:40px}.app-search{font-size:11px}.hero-caption{font-size:12px}.hero-caption span:last-child{display:none}.intro{display:block;padding:65px 7%}.intro h2{font-size:38px}.intro p{font-size:17px;margin-top:28px}.story{height:200vh}.story-inner{top:82px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:32px 24px;min-height:610px;height:calc(100svh - 100px);border-radius:22px}.story-copy h2{font-size:35px;margin:14px 0}.story-copy p{font-size:15px;margin:12px 0;max-width:none}.progress-track{display:none}.scene{height:290px;min-height:290px;margin:15px 0 0;transform:scale(.9);transform-origin:center bottom}.file-chip{width:100px;padding:10px;font-size:10px}.sort-bins{gap:5px}.bin{height:90px;font-size:11px;padding:10px}.match-center{top:0;padding:14px}.match-center .wave{height:40px}.match-results{top:100px;gap:7px}.match-result{padding:12px}.match-result span{font-size:12px}.timeline{height:175px}.drag-clip{top:45px;transform:translate(calc(var(--drag,0)*35px),calc(var(--drag,0)*145px));padding:10px}.drag-source{top:0;padding:13px}.feature-grid{grid-template-columns:1fr;padding:60px 7%;gap:30px}.feature-grid h3{margin:15px 0}.cta-section{padding:50px 7%;display:block}.cta-section .button{margin-top:20px}.footer-top{grid-template-columns:1fr 1fr;gap:40px;padding-bottom:50px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:20px;line-height:1.5}.page-shell{padding:35px 6% 65px}.page-title{font-size:62px;margin-bottom:45px}.page-lead{font-size:19px;margin-top:0}.resource-grid{grid-template-columns:1fr;margin-bottom:55px}.resource-card{min-height:230px;padding:27px}.support-section{grid-template-columns:1fr;gap:20px;padding:38px 0}.support-section h2{font-size:33px}.legal-layout{grid-template-columns:1fr;gap:30px}.legal-nav{position:static;flex-direction:row;flex-wrap:wrap}.legal-copy p,.legal-copy li{font-size:16px}.guide-step{grid-template-columns:35px 1fr;gap:12px}.release-box{padding:25px}.spec-table td{font-size:14px}.about-mark{padding:35px 10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.story{height:auto;margin-bottom:25px}.story-inner{position:relative;top:auto;--sort:1!important;--match:1!important;--drag:1!important}.app-window{transform:none}}