@charset "UTF-8";
:root{--ink:#080e1c;--night:#0c1426;--text:#111c30;--muted:#5c6679;--paper:#f7f8fb;--blue:#688fff;--blue-bright:#4074f5;--line:#dce1eb;--green:#7bdfa8;--wrap:1280px;--gutter:clamp(22px,5.5vw,88px);color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:105px}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#eef2ff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{max-width:100%;display:block}svg{width:24px;height:24px;flex-shrink:0;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p,figure{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #7ba4ff;outline-offset:6px}::selection{background:#8dacf7;color:#07122d}.wrap{max-width:calc(var(--wrap) + var(--gutter)*2);padding-inline:var(--gutter);margin-inline:auto}.section-pad{padding-block:128px}.section-light{background:var(--paper);color:var(--text)}.eyebrow{font-size:10px;line-height:1.6;font-weight:600;letter-spacing:.18em}.section-heading h2,.workspace-heading h2{font-size:clamp(36px,4.05vw,57px);line-height:1.08;font-weight:560;letter-spacing:-.048em;margin-top:22px}.section-description{font-size:18px;line-height:1.7;color:var(--muted);max-width:470px}.section-heading>.section-description{margin-top:25px}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;transform:translateY(-180%);background:#fff;color:var(--text);padding:14px 20px;border-radius:7px}.skip-link:focus{transform:none}.header{position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid #e3ecff0c}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:93px;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand>span{font-size:24px;font-weight:650;letter-spacing:-1px}.brand-light{font-weight:390}.brand img{margin-left:-4px}.navigation{display:flex;gap:32px;align-items:center;font-size:12px;color:#b5bfd3}.navigation a{transition:color .2s}.navigation a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:27px}.language-switch{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.03em;color:#9daac2}.language-switch a{padding:10px 2px}.language-switch a[aria-current]{color:#fff;font-weight:700}.language-switch>span{color:#49556c}.header-cta{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:550;border:1px solid #a9c7ff38;padding:11px 15px;border-radius:5px}.header-cta svg{width:15px;height:15px}.header-cta:hover{background:#ffffff0a;border-color:#a9c7ff75}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#12244890 0,transparent 50%),#080e1c}.hero-inner{min-height:810px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;position:relative;padding-top:115px;padding-bottom:60px}.hero-copy{position:relative;z-index:3;padding-bottom:35px}.hero .eyebrow{color:#a0b6e6;display:flex;align-items:center;gap:12px}.signal-dot{width:5px;height:5px;background:#8db1ff;border-radius:50%;box-shadow:0 0 12px #86aeff;flex-shrink:0}.hero h1{font-size:clamp(54px,5.8vw,84px);line-height:1.035;letter-spacing:-.06em;font-weight:550;margin-top:30px;white-space:nowrap}.hero h1>span{color:#86a6ff}.hero-description{font-size:17px;line-height:1.75;max-width:415px;color:#aebad0;margin-top:28px}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:27px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;font-size:12px;font-weight:600;line-height:1.3;padding:19px 23px;border-radius:6px;min-height:54px;transition:background .2s,transform .2s,box-shadow .2s}.button-primary{background:#4777ef;color:#fff;box-shadow:0 4px 30px #2a5ee92e,inset 0 1px #ffffff2b}.button-primary:hover{background:#5b89ff;transform:translateY(-2px);box-shadow:0 9px 35px #326aff44}.button svg{width:18px;height:18px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:500;color:#d8e2fa}.text-link svg{width:17px;height:17px}.text-link:hover{color:#fff}.beta-hint{display:flex;align-items:center;gap:9px;color:#7e8da9;font-size:10px;margin-top:21px}.beta-hint svg{width:16px;height:16px;stroke-width:1.3}.projection-stage{position:relative;width:100%;height:600px;margin-left:36px;z-index:1;perspective:1400px}.glass-pane{position:absolute;border:1px solid #83b7ff60;border-radius:20px;background:linear-gradient(130deg,#7596fb22,#2873e408 60%,#b7e7ff2a);box-shadow:inset 0 1px 1px #d1ecff5a,0 0 40px #3563b208;backdrop-filter:blur(4px)}.glass-pane span{position:absolute;font-size:8px;letter-spacing:.3em;color:#a8c5f270;left:25px;bottom:20px}.pane-back{width:88%;height:67%;left:15%;top:11%;transform:rotateY(-23deg) rotateZ(-7deg);border-color:#7cacf639}.pane-middle{width:93%;height:69%;left:11%;top:17%;transform:rotateY(-18deg) rotateZ(5deg);border-color:#92c5ff75;background:linear-gradient(145deg,#8db9fd37,#1a437b10 58%,#6bc3f338)}.hero-screenshot{position:absolute;width:132%;max-width:860px;left:-13%;top:9%;height:82%;display:flex;align-items:center;justify-content:center;transform:rotateY(-12deg) rotateZ(-2deg);filter:drop-shadow(-10px 35px 32px #00000060)}.hero-screenshot img{width:100%;height:100%;object-fit:contain;max-width:none}.shot-caption{position:absolute;bottom:4%;left:15%;display:flex;align-items:center;gap:13px;letter-spacing:.2em;font-size:8px;color:#667ea7}.shot-caption span{display:block;width:28px;height:1px;background:#698bb956}.projector-light{position:absolute;z-index:-1;width:80%;height:790px;right:-8%;top:40px;pointer-events:none}.light-cone{position:absolute;inset:0;background:linear-gradient(270deg,#bfe7ff51,#7aa9ff0d 53%,transparent 92%);clip-path:polygon(0 4%,100% 49%,100% 51%,0 96%);filter:blur(1px);opacity:.7}.light-line{position:absolute;top:50%;right:0;left:0;height:1px;transform:rotate(-8deg);background:linear-gradient(270deg,#e6f6ffb8,transparent);box-shadow:0 0 13px #a3d2ff42}.light-source{position:absolute;right:1%;top:49.7%;width:10px;height:8px;border-radius:50%;background:#d5f1ff;box-shadow:0 0 35px 8px #93c7ff74,0 0 130px 50px #77b0ff26}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.4;pointer-events:none;background-image:radial-gradient(circle at 24% 34%,#bdd5ff64 .6px,transparent 1px),radial-gradient(circle at 71% 77%,#bdd5ff3a .5px,transparent 1px),radial-gradient(circle at 67% 21%,#bdd5ff4a .5px,transparent 1px);background-size:367px 317px,293px 431px,541px 353px}.format-bar{display:flex;justify-content:space-between;align-items:center;min-height:105px;position:relative;z-index:2;border-top:1px solid #7b9bd21d;gap:25px}.format-bar p{display:flex;gap:12px;font-size:12px;color:#7e8da9}.format-bar strong{font-weight:550;color:#cbd8ef}.format-tokens{display:flex;gap:12px;align-items:center}.format-tokens span{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;letter-spacing:.02em;padding:7px 11px;color:#92a3c2;border:1px solid #c0d5ff16;border-radius:4px}.format-tokens .native-format{color:#bfd1ff;border-color:#6f99f440;background:#597ede10}
.intro-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:120px}.intro .eyebrow,.workspace .eyebrow,.reports .eyebrow,.faq .eyebrow{color:#5075b7}.intro-point{display:flex;gap:25px;padding:25px 0 30px;border-bottom:1px solid var(--line)}.intro-point:first-child{padding-top:3px}.intro-point:last-child{border-bottom:0;padding-bottom:0}.point-number{font-size:11px;font-family:"SFMono-Regular",monospace;letter-spacing:-.05em;color:#5874ab;padding-top:5px}.intro-point h3{font-size:21px;font-weight:570;letter-spacing:-.025em;line-height:1.4}.intro-point p{font-size:14px;color:var(--muted);line-height:1.7;margin-top:8px}.workspace{padding:5px 0 130px}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:80px;margin-bottom:50px}.workspace-heading>.section-description{max-width:420px;padding-bottom:4px;font-size:16px}.workspace-demo{border-top:1px solid #cbd4e3;padding-top:35px}.workspace-control{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:20px;min-height:128px}.workspace-tabs{display:flex;gap:7px;align-items:center}.workspace-tabs button{appearance:none;border:1px solid transparent;background:transparent;color:#59667b;padding:15px 20px;border-radius:6px;font-size:15px;display:flex;align-items:center;gap:10px;transition:background .2s,color .2s,border-color .2s}.workspace-tabs button>span{font-size:10px;color:#95a1b5;font-family:monospace}.workspace-tabs button[aria-selected=true]{border-color:#d6dfef;background:#e8eef9;color:#1c438e;box-shadow:0 2px 4px #22376805}.workspace-tabs button[aria-selected=true]>span{color:#4b78c3}.workspace-tabs button:hover{background:#edf1f8}.workspace-caption h3{font-size:18px;font-weight:570;letter-spacing:-.025em}.workspace-caption p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:8px;max-width:465px}.workspace-panel{background:#e7edf5;border:1px solid #d5deeb;border-radius:13px;padding:30px 28px 0;box-shadow:0 25px 55px #1329450a;overflow:hidden}.screenshot-canvas{height:570px;position:relative;display:flex;align-items:center;justify-content:center}.screenshot-canvas img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px #1b345516);transition:opacity .2s}.area-highlight{position:absolute;opacity:0;border:2px solid #5985ec;box-shadow:0 0 0 4px #5686f42a;border-radius:9px;pointer-events:none;transition:opacity .3s}.workspace-demo[data-view=outline] .area-highlight{opacity:1;left:.3%;top:15.4%;bottom:2%;width:20.5%}.workspace-demo[data-view=comments] .area-highlight{opacity:1;right:.3%;top:15.4%;bottom:2%;width:20.4%}.screenshot-footer{height:55px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#77869b;font-size:10px}.screenshot-footer>span{display:flex;align-items:center;gap:8px}.real-dot{height:4px;width:4px;background:#6487a8;border-radius:100%}.enlarge-button{background:transparent;border:0;padding:12px 0 12px 12px;display:flex;align-items:center;gap:9px;font-size:10px;color:#3d5e91}.enlarge-button svg{height:13px;width:13px}.enlarge-button:hover{color:#163d7f}
.production{position:relative;background:#0b1424;isolation:isolate;overflow:hidden}.production-grid>*{min-width:0}.production-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:95px;align-items:center}.production .eyebrow{color:#83b3ae}.production h2{font-size:clamp(40px,4.5vw,63px)}.production .section-description{color:#9cadc3;font-size:16px;max-width:410px}.production-tags{display:flex;flex-direction:column;gap:12px;margin-top:28px;font-size:12px;color:#c0d4d3}.production-tags span{display:flex;align-items:center;gap:10px}.production-tags svg{width:15px;height:15px;color:#84c9a5;stroke-width:1.5}.production .text-link{margin-top:31px;font-size:11px;color:#a7c2d6}.production-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 37%,#10443956,transparent 43%)}.production-visual{padding-top:10px}.file-journey{position:relative;display:flex;align-items:center;justify-content:center;height:330px;perspective:1000px;isolation:isolate}.file-journey:before{content:"";position:absolute;width:85%;height:1px;background:linear-gradient(90deg,transparent,#4c8ec070,#6ba18460,transparent);top:50%;z-index:-1}.file-card{display:flex;align-items:center;justify-content:center;flex-direction:column;width:170px;min-width:0;height:238px;background:linear-gradient(140deg,#3348602b,#172b3515);border:1px solid #87b7c62b;border-radius:14px;box-shadow:0 15px 40px #00000020;flex-shrink:0;position:relative}.file-card img{width:90px;height:90px;object-fit:contain}.file-card strong{font-family:"SFMono-Regular",Consolas,monospace;font-size:17px;font-weight:450;letter-spacing:-.05em;margin-top:10px;color:#dfebf6}.file-card>span{font-size:6.5px;letter-spacing:.14em;line-height:1.6;color:#7c929f;margin-top:12px;text-align:center;white-space:nowrap}.file-original{transform:rotateY(20deg) rotateZ(-9deg) translateX(22px);z-index:1}.file-reference{width:190px;height:273px;z-index:3;transform:translateY(-10px);background:linear-gradient(150deg,#405e6736,#12352b50);border-color:#7ab89c4a;box-shadow:0 30px 70px #00000040,inset 0 1px 0 #b4fbd23f}.file-reference img{width:108px;height:108px}.file-reference strong{color:#c0f1d5}.file-reference>span{color:#93c6b0;font-size:6.1px}.file-pdf{transform:rotateY(-20deg) rotateZ(9deg) translateX(-22px);z-index:1}.pdf-icon{width:60px;height:77px;background:linear-gradient(135deg,#f0f5f3,#becacb);border-radius:5px;position:relative;padding:13px 10px;box-shadow:0 3px 12px #0003}.pdf-icon>span{display:block;background:#6c82987a;width:70%;height:3px;margin-bottom:9px}.pdf-icon i{display:block;height:2px;background:#95a5ab88;margin-bottom:5px}.pdf-icon i:nth-of-type(2){width:72%}.pdf-icon b{position:absolute;bottom:10px;right:9px;letter-spacing:.05em;font-size:8px;font-weight:600;color:#566f78}.reference-rim{position:absolute;inset:0;pointer-events:none;border-radius:14px;box-shadow:0 0 45px #64da9f09}.production-visual-caption{font-size:11px;letter-spacing:.02em;text-align:center;color:#93b3b1;margin-top:2px}.production-steps{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:31px 0 0;margin:31px 0 0;border-top:1px solid #829eb622;counter-reset:steps}.production-steps li{font-size:11px;line-height:1.7;counter-increment:steps}.production-steps li:before{content:"0" counter(steps);display:block;font-family:monospace;font-size:9px;color:#5d8c93;margin-bottom:7px}.production-steps strong{font-size:11px;font-weight:500;color:#becfdc;display:block}.production-steps span{display:block;color:#778ca4;margin-top:5px}
.reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px;align-items:start}.reports .section-description{font-size:16px;max-width:360px}.report-index{padding-top:0}.report-row{display:flex;gap:22px;align-items:center;padding:21px 0;border-bottom:1px solid #dce2ed}.report-row:first-child{padding-top:0}.report-symbol{height:44px;width:44px;border:1px solid #dbe3f0;border-radius:11px;display:grid;place-items:center;background:#f0f3f8;color:#476589;flex-shrink:0}.report-symbol svg{width:22px;height:22px;stroke-width:1.3}.report-row h3{font-size:18px;font-weight:540;letter-spacing:-.025em}.report-row p{font-size:13px;color:#6c788c;line-height:1.5;margin-top:6px}.report-number{margin-left:auto;font-family:monospace;font-size:9px;color:#8b9cb8}.report-foot{margin-top:22px;color:#8a97a8;font-size:10px}.report-art{position:relative;width:220px;height:180px;margin-top:35px;perspective:900px}.report-art>div{position:absolute;left:40px;top:10px;width:125px;height:155px;border:1px solid #a6bade;border-radius:6px;transform:rotateY(-15deg) rotateZ(-10deg);background:#e3eaf578}.report-art>div:nth-child(2){left:62px;top:7px;transform:rotateY(-15deg) rotateZ(0);background:#d9e4fa78}.report-art>div:last-child{left:86px;top:12px;transform:rotateY(-15deg) rotateZ(10deg);background:linear-gradient(140deg,#eef4ff,#dae4f8);box-shadow:0 20px 30px #5174ac18;padding:25px 20px}.report-art span{font-size:12px;font-weight:650;color:#7592b8;letter-spacing:-1px}.report-art i{display:block;background:#a5bada66;height:3px;margin-top:12px}.report-art i:last-child{width:65%}
.faq{padding:0 0 120px}.faq-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding-top:90px;border-top:1px solid #dce1eb}.faq h2{font-size:clamp(34px,3.1vw,44px)}.faq-items details{border-bottom:1px solid #dce1eb;scroll-margin-top:120px}.faq-items details:first-child{border-top:1px solid #dce1eb}.faq-items summary{list-style:none;display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:15px;font-weight:520;line-height:1.5;padding:24px 0;cursor:pointer;letter-spacing:-.015em}.faq-items summary::-webkit-details-marker{display:none}.faq-items details p{font-size:14px;line-height:1.85;color:#667389;padding:0 35px 26px 0;max-width:650px}.faq-plus{height:14px;width:14px;position:relative;flex-shrink:0;color:#8b9eb9}.faq-plus:before,.faq-plus:after{content:"";position:absolute;height:1px;background:currentColor;width:12px;top:6px;left:1px}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}.faq-items details[open] .faq-plus:after{transform:rotate(0)}
.beta{position:relative;overflow:hidden;isolation:isolate;background:#080f20;padding-bottom:100px}.beta-inner{text-align:center;display:flex;align-items:center;flex-direction:column}.beta-inner>img{margin-bottom:30px;filter:drop-shadow(0 12px 25px #0008)}.beta .eyebrow{color:#8da5d6;font-size:8px}.beta h2{font-size:clamp(42px,5.15vw,75px);line-height:1.06;font-weight:540;letter-spacing:-.055em;margin-top:24px}.beta-inner>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#8f9fbf;max-width:490px;margin:24px 0 30px}.beta .button{margin-top:5px}.beta-beam{position:absolute;inset:0;z-index:-1;background:conic-gradient(from 252deg at 100% 62%,transparent 0deg,#16326420 13deg,#3765ab18 23deg,#7da8fa19 33deg,transparent 44deg);opacity:.85}.email-line{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#8d9fc2;margin-top:22px}.email-line a{padding:6px 0}.email-line a:hover{color:#fff}.copy-email{display:flex;background:transparent;border:0;padding:8px;color:#7a91bb}.copy-email svg{width:14px;height:14px}.copy-email:hover{color:#d5e1ff}.copy-status{display:block;font-size:10px;min-height:16px;color:#a9c3f7;margin-top:8px}.footer{background:#080e1b;border-top:1px solid #7c99cb19;padding:40px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand>span{font-size:21px}.footer p{font-size:10px;margin-top:9px;color:#6c7b99}.footer-links{display:flex;gap:29px;align-items:center;font-size:10px;color:#7889a9}.footer-links a{display:flex;gap:7px;align-items:center}.footer-links a:hover{color:#fff}.footer-links svg{height:12px;width:12px}.footer-links>span{color:#506180}.image-dialog{background:#10192c;color:#a9b8d5;border:1px solid #6b86bc3b;border-radius:16px;width:min(1420px,95vw);max-height:94svh;max-width:95vw;padding:40px 20px 20px;overflow:auto;box-shadow:0 30px 120px #0009}.image-dialog::backdrop{background:#030812df;backdrop-filter:blur(8px)}.image-dialog img{width:100%;max-height:calc(88svh - 80px);object-fit:contain}.image-dialog>p{font-size:11px;text-align:center;margin-top:15px}.dialog-close{position:absolute;right:12px;top:5px;width:32px;height:32px;border:0;background:transparent;color:#b8c8e7;font-size:28px;line-height:1}.will-reveal{opacity:0;transform:translateY(16px);transition:opacity .65s,transform .65s}.will-reveal.is-visible{opacity:1;transform:translateY(0)}.not-found{min-height:100svh;display:grid;place-items:center;padding:40px;text-align:center}.not-found main{max-width:620px}.not-found img{margin:0 auto 35px}.not-found h1{font-weight:500;font-size:45px;letter-spacing:-.04em;margin:25px 0}.not-found p:not(.eyebrow){font-size:16px;line-height:1.8;color:#a0afcb}.not-found .button{margin:30px 0}.not-found .not-found-en{font-size:12px!important}.not-found-en a{text-decoration:underline}
@media(min-width:1600px){.hero-inner{min-height:875px}.projection-stage{height:660px}.projector-light{height:850px;right:-4%}.hero-screenshot{width:132%;max-width:940px;left:-8%}}
@media(max-width:1150px){:root{--gutter:40px}.hero-inner{min-height:760px;grid-template-columns:1fr 1fr}.hero h1{font-size:66px}.hero-description{max-width:350px;font-size:16px}.projection-stage{margin-left:3px;height:540px}.hero-screenshot{width:140%;left:-9%}.hero-buttons{gap:20px}.hero .button{padding:18px;font-size:11px}.hero-buttons>.text-link{font-size:11px}.intro-grid{gap:70px}.production-grid{gap:55px}.file-card{width:145px;height:218px}.file-reference{width:165px;height:250px}.file-reference>span{font-size:5.3px}.production-steps{gap:17px}.reports-grid{gap:80px}.workspace-control{gap:40px}.workspace-tabs button{padding:14px}.screenshot-canvas{height:480px}.navigation{gap:22px}.header-actions{gap:20px}.header-cta{padding:11px}.faq-grid{gap:65px}}
@media(max-width:900px){:root{--gutter:30px}.header-inner{min-height:82px;gap:20px}.brand>span{font-size:22px}.brand img{width:37px;height:37px}.header-cta{display:none}.navigation{font-size:11px;gap:20px}.header-actions{gap:0}.hero-inner{grid-template-columns:1fr;min-height:0;text-align:center;padding-top:158px;padding-bottom:35px;gap:20px}.hero-copy{padding:0}.hero .eyebrow,.hero-buttons,.beta-hint{justify-content:center}.hero h1{font-size:78px}.hero-description{max-width:490px;margin:25px auto 0;font-size:17px}.hero-buttons{margin-top:30px}.projection-stage{width:min(730px,100%);height:530px;margin:0 auto}.hero-screenshot{width:115%;height:91%;left:-7%;top:3%;transform:rotateY(-6deg) rotateZ(-1deg)}.pane-back{left:14%;top:8%;height:71%;width:79%}.pane-middle{left:11%;height:72%;top:13%;width:85%}.shot-caption{bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap}.projector-light{width:120%;height:930px;top:350px;right:-20%}.format-bar{min-height:115px}.format-bar p{flex-direction:column;gap:7px}.section-pad{padding-block:95px}.intro-grid{gap:55px;grid-template-columns:1fr 1fr}.intro h2{font-size:39px}.section-description{font-size:16px}.intro-point{gap:15px}.intro-point h3{font-size:19px}.intro-point p{font-size:13px}.workspace{padding-bottom:100px}.workspace-heading{gap:40px;align-items:start}.workspace-heading h2{font-size:42px}.workspace-heading>.section-description{font-size:14px;max-width:320px;margin-top:38px}.workspace-control{grid-template-columns:1fr;gap:25px;min-height:180px;margin-bottom:28px}.workspace-caption p{max-width:600px}.workspace-tabs{justify-content:center}.workspace-tabs button{padding:15px 27px}.workspace-caption{text-align:center;min-height:90px}.workspace-caption p{margin:9px auto 0}.workspace-panel{padding:22px 20px 0}.screenshot-canvas{height:auto;aspect-ratio:1.65}.production-grid{grid-template-columns:1fr;gap:55px}.production .section-heading{max-width:650px}.production .section-description{max-width:590px}.production-tags{flex-direction:row;flex-wrap:wrap;gap:15px 25px}.production-visual{max-width:640px;width:100%;margin-inline:auto}.file-card{width:175px;height:238px}.file-reference{width:200px;height:280px}.file-reference>span{font-size:6.3px}.production .text-link{margin-top:25px}.production-steps{gap:40px}.reports-grid{gap:60px}.reports h2{font-size:39px}.report-row h3{font-size:17px}.report-row{gap:16px}.report-row p{font-size:12px}.faq-grid{gap:45px;grid-template-columns:.8fr 1.2fr;padding-top:70px}.faq h2{font-size:35px}.faq-items summary{font-size:14px}.faq-items details p{font-size:13px}.footer-links{gap:20px}.footer-inner{gap:25px}.beta{padding-bottom:75px}}
@media(max-width:600px){:root{--gutter:23px;scroll-padding-top:85px}.header-inner{min-height:77px;gap:12px}.brand{gap:6px}.brand>span{font-size:22px}.brand img{height:36px;width:36px}.header-actions{margin-left:auto;margin-right:46px}.language-switch{gap:9px;font-size:10px}.menu-toggle{display:flex;position:absolute;right:var(--gutter);height:35px;width:30px;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:0}.menu-toggle>span{display:block;height:1px;width:19px;background:#c1ceea;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.navigation{display:none;position:absolute;top:76px;left:0;right:0;padding:20px var(--gutter) 26px;background:#0b1427fa;backdrop-filter:blur(20px);border-bottom:1px solid #3d527c;flex-direction:column;gap:0;align-items:stretch;font-size:15px}.navigation.is-open{display:flex}.navigation a{padding:14px 0}.hero-inner{padding-top:133px;padding-bottom:27px;gap:19px}.hero .eyebrow{font-size:8px;gap:9px;letter-spacing:.15em}.hero h1{font-size:clamp(43px,10.8vw,65px);margin-top:26px;line-height:1.055;letter-spacing:-.06em}.hero-description{font-size:15px;line-height:1.8;max-width:365px;margin-top:24px}.hero-buttons{margin-top:25px;gap:21px;flex-direction:column}.hero .button{font-size:12px;padding:18px 21px;min-width:235px}.hero-buttons>.text-link{font-size:11px}.beta-hint{margin-top:21px;font-size:9px}.projection-stage{width:calc(100% + 18px);margin-left:-9px;height:clamp(285px,76vw,425px)}.hero-screenshot{width:118%;height:100%;left:-9%;top:0;transform:rotateY(-6deg) rotateZ(-1deg)}.pane-back{border-radius:13px;top:16%;height:63%;left:17%;width:75%;transform:rotateY(-23deg) rotateZ(-7deg)}.pane-middle{border-radius:13px;top:22%;height:61%;left:13%;width:80%}.glass-pane span{font-size:5px;left:15px;bottom:14px}.shot-caption{font-size:5.5px;letter-spacing:.18em;bottom:0;gap:8px}.shot-caption span{width:17px}.projector-light{top:420px;width:180%;height:480px;right:-70%}.format-bar{padding-block:25px;flex-direction:column;gap:21px}.format-bar p{font-size:11px;flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:center}.format-tokens{gap:9px}.format-tokens span{font-size:10px;padding:7px 12px}.section-pad{padding-block:75px}.intro-grid{grid-template-columns:1fr;gap:45px}.section-heading h2,.workspace-heading h2{font-size:39px;letter-spacing:-.045em;line-height:1.12;margin-top:19px}.eyebrow{font-size:8px;letter-spacing:.15em}.section-description{font-size:15px;line-height:1.8}.section-heading>.section-description{margin-top:22px}.intro-points{padding-left:3px}.intro-point{gap:22px;padding:22px 0}.intro-point h3{font-size:20px}.intro-point p{font-size:14px}.workspace{padding-top:0;padding-bottom:75px}.workspace-heading{flex-direction:column;gap:23px;margin-bottom:30px}.workspace-heading>.section-description{margin-top:0;max-width:430px;font-size:15px}.workspace-demo{padding-top:22px}.workspace-control{gap:23px;min-height:190px;margin-bottom:15px}.workspace-tabs{gap:3px;justify-content:space-between}.workspace-tabs button{font-size:13px;gap:8px;padding:12px 11px}.workspace-tabs button>span{font-size:8px}.workspace-caption h3{font-size:19px}.workspace-caption p{font-size:13px;line-height:1.8;max-width:340px}.workspace-caption{min-height:112px}.workspace-panel{margin-inline:-8px;padding:11px 9px 0;border-radius:9px}.screenshot-canvas{aspect-ratio:1.37}.screenshot-footer{height:49px;font-size:8px;gap:8px}.screenshot-footer>span{gap:5px}.enlarge-button{gap:5px;font-size:9px;white-space:nowrap}.enlarge-button svg{width:11px;height:11px}.workspace-demo[data-view=outline] .area-highlight,.workspace-demo[data-view=comments] .area-highlight{top:24.5%;bottom:13.5%;border-radius:4px}.production-grid{gap:28px}.production h2{font-size:44px}.production .section-description{font-size:15px}.production-tags{gap:13px;font-size:11px;flex-direction:column}.production .text-link{font-size:10px}.file-journey{height:290px;margin-inline:-10px}.file-card{width:112px;height:184px;border-radius:10px}.file-card img{height:66px;width:66px}.file-card strong{font-size:14px;margin-top:7px}.file-card>span{font-size:4.8px;letter-spacing:.075em;margin-top:10px}.file-original{transform:rotateY(20deg) rotateZ(-9deg) translateX(12px)}.file-pdf{transform:rotateY(-20deg) rotateZ(9deg) translateX(-12px)}.file-reference{width:132px;height:220px}.file-reference img{width:86px;height:86px}.file-reference>span{font-size:4.4px}.pdf-icon{width:45px;height:60px;padding:10px 7px}.pdf-icon>span{margin-bottom:7px;height:2px}.pdf-icon i{margin-bottom:4px;height:1.5px}.pdf-icon b{font-size:6px;bottom:8px;right:6px}.production-visual-caption{font-size:10px;margin-top:-4px}.production-steps{gap:16px;margin-top:27px;padding-top:26px}.production-steps li{font-size:10px;line-height:1.7}.production-steps strong{font-size:10px}.reports-grid{grid-template-columns:1fr;gap:38px}.reports h2{font-size:39px}.report-art{display:none}.reports .section-description{max-width:370px;font-size:15px}.report-row{padding:21px 0;gap:18px}.report-row h3{font-size:19px}.report-row p{font-size:13px}.report-symbol{width:46px;height:46px}.report-foot{font-size:10px}.faq{padding-bottom:75px}.faq-grid{grid-template-columns:1fr;padding-top:60px;gap:35px}.faq h2{font-size:37px}.faq-items summary{font-size:15px;padding-block:23px}.faq-items details p{font-size:14px;padding-right:15px}.beta{padding-top:72px;padding-bottom:65px}.beta-inner>img{width:80px;height:80px;margin-bottom:24px}.beta .eyebrow{font-size:6.3px;letter-spacing:.13em}.beta h2{font-size:43px;line-height:1.1;margin-top:23px}.beta-inner>p:not(.eyebrow){font-size:14px;line-height:1.85;max-width:340px;margin:24px 0}.beta .button{font-size:12px;gap:20px}.email-line{font-size:11px;margin-top:20px}.footer{padding:30px 0}.footer-inner{align-items:start;flex-direction:column;gap:27px}.footer-links{width:100%;gap:25px;flex-wrap:wrap;font-size:10px}.footer-links>span{margin-left:auto}.image-dialog{padding:40px 7px 15px;max-width:97vw;width:97vw;border-radius:10px}.image-dialog>p{font-size:9px}.not-found h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}.will-reveal{opacity:1;transform:none}}
@media print{.header,.hero-grain,.projector-light,.glass-pane,.menu-toggle,.image-dialog,.report-art{display:none!important}body,.hero,.production,.beta,.footer{background:#fff!important;color:#000!important}.section-pad,.workspace,.faq{padding-block:35px}.hero-inner{min-height:0;padding-block:30px}.will-reveal{opacity:1;transform:none}.hero h1{font-size:45px}.section-description,.hero-description,.production .section-description{color:#333}.button{border:1px solid #888}.projection-stage{height:300px}.hero h1>span{color:#333}.format-bar{display:none}}

@media(max-width:360px){.hero h1{font-size:39px}.production h2{font-size:37px}.file-card{width:95px}.file-reference{width:115px}.file-card>span{font-size:4px}.file-reference>span{font-size:3.9px}.workspace-tabs button{padding:12px 8px;gap:5px}.format-bar p{font-size:10px}}
/* The SVG supplies its own window shadow. Keep its lettering in a flat plane;
   reserve the three-dimensional perspective for the projection panes behind it. */
.hero-screenshot{transform:rotate(-2deg);filter:none}
@media(max-width:900px){.hero-screenshot{transform:rotate(-1deg)}}
/* Clearly raised tabs retain a visible button shape in every state. */
.workspace-tabs button{border:1px solid #b9c7dd;background:#fff;box-shadow:0 2px 4px #16345a12,inset 0 1px #fff;color:#344b70}
.workspace-tabs button:hover{background:#edf3ff;border-color:#7c9bca;box-shadow:0 3px 7px #16345a1a}
.workspace-tabs button[aria-selected=true]{background:#315fc7;border-color:#264eaa;color:#fff;box-shadow:0 2px 5px #264eaa35,inset 0 1px #ffffff26}
.workspace-tabs button[aria-selected=true]>span{color:#dbe6ff}
.area-highlight{box-shadow:none}
.workspace-demo[data-view=write] .area-highlight,.area-highlight[hidden]{display:none;transition:none}
.screenshot-canvas .workspace-outgoing{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.screenshot-canvas #workspace-image,.screenshot-canvas .workspace-outgoing{transition:none}
.area-highlight{transition:none}
.workspace-outgoing-highlight{position:absolute;border:2px solid #5985ec;border-radius:9px;pointer-events:none;box-shadow:none}
@media(max-width:600px){.workspace-outgoing-highlight{border-radius:4px}}

/* Seven alternating sections. Navigation lands on the actual section edge. */
:root{scroll-padding-top:0}
main>section{scroll-margin-top:0}
.section-dark{position:relative;isolation:isolate;overflow:hidden;background:#080e1c;color:#eef2ff}
.brand-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(90deg,#080e1cf7 0%,#080e1cee 36%,#080e1cd9 68%,#080e1cbd 100%),url("assets/brand-background.png");
  background-size:cover,auto 140%;background-position:center,right -140px center;background-repeat:no-repeat}
.brand-backdrop:after{content:none}
.hero .projector-light{opacity:.45}
.beta .beta-beam{display:none}
.beta-inner>p:not(.eyebrow){color:#bcc9e0}
.format-tokens span{color:#bbcbe7;background:#080e1c77;border-color:#7891b737}
.workspace{padding-top:58px;padding-bottom:70px}
.workspace .eyebrow,.reports .eyebrow{color:#a1bdf2}
.workspace .section-description,.workspace-caption p{color:#b1c0d9}
.workspace-demo{border-top-color:#748fbd40}
.workspace-caption h3{color:#edf3ff}
.workspace-panel{background:transparent;border:0;padding:0;border-radius:0;box-shadow:none;overflow:visible}
.screenshot-footer{color:#9daeca}
.enlarge-button{color:#bad0f7}
.enlarge-button:hover{color:#fff}
.real-dot{background:#93b0de}
.workspace .brand-backdrop{background-image:url("assets/brand-light.svg");background-size:100% 100%;background-position:center}

.production.section-light{background:var(--paper);color:var(--text)}
.production .production-glow{display:none}
.production .eyebrow{color:#5075b7}
.production .section-description{color:var(--muted)}
.production-tags{color:#3d5365}
.production-tags svg{color:#337d5a}
.production .text-link{color:#315fc7}
.production .text-link:hover{color:#173f92}
.file-card{background:linear-gradient(140deg,#fff,#e6edf5);border-color:#c8d4e2;box-shadow:0 15px 40px #34496012}
.file-card strong{color:#2a405a}
.file-card>span{color:#64798d}
.file-reference{background:linear-gradient(150deg,#f8fffc,#dfede6);border-color:#a0c4af;box-shadow:0 20px 45px #325b4517,inset 0 1px #fff}
.file-reference strong{color:#26593d}
.file-reference>span{color:#527b65}
.file-journey:before{background:linear-gradient(90deg,transparent,#88a5bf,#87b39c,transparent)}
.production-visual-caption{color:#607a78}
.production-steps{border-top-color:#cfdce2}
.production-steps strong{color:#354d62}
.production-steps span{color:#657486}
.production-steps li:before{color:#567f83}

.reports .section-description{color:#b1c0d9}
.report-row{border-bottom-color:#7d98c536}
.report-row h3{color:#eef3ff}
.report-row p{color:#b1c0d9}
.report-symbol{background:#192b47c9;border-color:#7599d342;color:#afcaff}
.report-number,.report-foot{color:#99adce}
.report-art>div{border-color:#8fabd67a}
.reports .brand-backdrop{background-image:url("assets/brand-screen.svg");background-size:auto 100%;background-position:right -80px center}
.beta .brand-backdrop{background-position:center,right -160px center;background-size:cover,auto 160%}
.navigation{gap:24px}

@media(max-width:1050px){
  .header-actions{margin-left:auto;margin-right:46px}
  .menu-toggle{display:flex;position:absolute;right:var(--gutter);height:35px;width:30px;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:0}
  .menu-toggle>span{display:block;height:1px;width:19px;background:#c1ceea;transition:transform .2s}
  .menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:20px var(--gutter) 26px;background:#0b1427fa;backdrop-filter:blur(20px);border-bottom:1px solid #3d527c;flex-direction:column;gap:0;align-items:stretch;font-size:15px}
  .navigation.is-open{display:flex}
  .navigation a{padding:14px 0}
}
/* Compact section entrances, including the FAQ's own internal top spacing. */
.section-pad{padding-block:58px}
.faq{padding-bottom:58px}
.faq-grid{padding-top:58px}
@media(max-width:900px){.workspace{padding-top:48px;padding-bottom:58px}.section-pad{padding-block:48px}.faq-grid{padding-top:48px}.faq{padding-bottom:48px}.brand-backdrop{background-position:center,right -300px center}}
@media(max-width:600px){
  .workspace{padding-top:36px;padding-bottom:45px}
  .section-pad{padding-block:36px}
  .faq-grid{padding-top:36px}
  .faq{padding-bottom:36px}
  .workspace-panel{margin-inline:0;padding:0}
  .brand-backdrop{background-size:cover,auto 105%;background-position:center,right -300px center}
  .workspace .brand-backdrop{background-size:100% 100%;background-position:center}
  .reports .brand-backdrop{background-size:auto 75%;background-position:right -400px center}
  .beta .brand-backdrop{background-size:cover,auto 130%;background-position:center,right -310px center}
}
@media print{.brand-backdrop{display:none}.section-dark{background:white;color:black}}

/* Keep the opening compact and the format badges genuinely interactive. */
.hero-inner{min-height:0;padding-top:112px;padding-bottom:16px;align-items:start}
.hero-copy{padding-top:20px;padding-bottom:0}
.projection-stage{height:510px}
.format-bar{justify-content:flex-end;min-height:0;padding-block:10px 18px;margin-top:-12px;border-top:0}
.format-tokens a{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;letter-spacing:.02em;padding:7px 11px;color:#bbcbe7;background:#080e1c77;border:1px solid #7891b737;border-radius:4px;transition:background .15s,border-color .15s}
.format-tokens a:hover{background:#284373;border-color:#86a6ff}
.format-tokens a:focus-visible{outline:2px solid #a6c5ff;outline-offset:4px}
#faq-import{scroll-margin-top:36px}

/* All three windows share their top edge, regardless of aspect ratio. */
.screenshot-canvas #workspace-image,.screenshot-canvas .workspace-outgoing{object-position:center top}
.report-symbol svg[viewBox="0 0 512 512"]{stroke:none}
.reports .brand-backdrop{background-size:auto 150%;background-position:right -80px center}

/* Equal sheets: the screenplay sits above and in front of its reference. */
.file-original,.file-reference{width:170px;height:238px}
.file-original{z-index:3;transform:translate(6px,14px) rotate(-9deg)}
.file-pdf{transform:translate(-22px,14px) rotate(9deg)}
.file-reference{z-index:2;transform:translateY(15px)}
.file-reference img{width:90px;height:90px}
.file-reference>span{font-size:6.5px}
.beta .brand-backdrop{background-size:cover,auto 160%;transform:scaleX(1.5);transform-origin:right center}

@media(max-width:1200px) and (min-width:901px){.file-original,.file-reference{width:145px;height:218px}.file-reference>span{font-size:5.3px}}
@media(max-width:900px){
  .hero-inner{padding-top:110px;padding-bottom:20px}
  .hero-copy{padding-top:0}
  .projection-stage{height:450px}
  .file-original,.file-reference{width:175px;height:238px}
  .file-reference>span{font-size:6.3px}
}
@media(max-width:600px){
  .hero-inner{padding-top:105px;padding-bottom:12px}
  .projection-stage{height:clamp(285px,76vw,425px)}
  .format-bar{padding-block:10px 18px;margin-top:0;justify-content:center}
  .format-tokens a{font-size:10px;padding:7px 12px}
  .file-original,.file-reference{width:112px;height:184px}
  .file-original{transform:translate(2px,12px) rotate(-9deg)}
  .file-pdf{transform:translate(-12px,12px) rotate(9deg)}
  .file-reference{transform:translateY(12px)}
  .file-reference img{width:66px;height:66px}
  .file-reference>span{font-size:4.4px}
  .reports .brand-backdrop{background-size:auto 115%;background-position:right -380px center}
}
@media(max-width:370px){.file-original,.file-reference{width:95px}.file-reference>span{font-size:3.9px}}

.header .brand img{width:84px;height:84px}
.brand>span{font-weight:550}
.hero .button,.beta .button{min-height:40px;min-width:0;padding:11px 16px;font-size:11px;gap:12px}
.hero .button svg,.beta .button svg{width:15px;height:15px}
.production-steps li:before{content:none}
@media(min-width:901px){.hero-screenshot{width:100%;max-width:none;left:0;top:0;height:100%}}
@media(max-width:900px){.header .brand img{width:68px;height:68px}}
@media(max-width:600px){.header .brand img{width:64px;height:64px}.beta-hint{font-size:8.5px}}

.workspace-demo{padding-top:22px}
.workspace-control{align-items:start;min-height:0}
.pdf-icon{display:block;padding:0;background:none;box-shadow:none;border-radius:0;overflow:visible;filter:none;stroke:none}
@media(min-width:901px){.workspace-control{margin-bottom:25px}}

/* One editorial grid aligns both workspace descriptions with the intro copy. */
.keep-together{white-space:nowrap}
.workspace-tabs{justify-content:flex-start;gap:7px}
@media(max-width:900px){
  .workspace-tabs{justify-content:center}
  .workspace-heading{flex-direction:column;gap:23px}
  .workspace-heading>.section-description{margin-top:0;max-width:600px}
}
@media(min-width:901px){
  .intro-grid,.workspace-heading,.workspace-control{
    display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
    column-gap:clamp(55px,8.34vw,120px)
  }
  .workspace-heading>.section-description{max-width:none}
  .intro #intro-title{font-size:clamp(36px,3.8vw,54px)}
}

/* Collapse the header only when the measured navigation row no longer fits. */
.header .navigation-measure{display:flex!important;position:fixed!important;visibility:hidden;pointer-events:none;width:max-content;max-width:none;flex-direction:row!important;gap:24px!important;padding:0!important;border:0!important;inset:0 auto auto -10000px;background:none;backdrop-filter:none;font-size:12px}
.header .navigation-measure a{padding:0!important;white-space:nowrap}
.header[data-fit-navigation] .header-actions{margin:0}
.header[data-fit-navigation] .menu-toggle{display:none}
.header[data-fit-navigation] .navigation:not(.navigation-measure){display:flex;position:static;flex-direction:row;align-items:center;gap:24px;padding:0;border:0;background:none;backdrop-filter:none;font-size:12px}
.header[data-fit-navigation] .navigation:not(.navigation-measure) a{padding:0;white-space:nowrap}
.header[data-fit-navigation].is-compact .header-actions{margin-left:auto;margin-right:46px}
.header[data-fit-navigation].is-compact .menu-toggle{display:flex;position:absolute;right:var(--gutter);height:35px;width:30px;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:0}
.header[data-fit-navigation].is-compact .menu-toggle>span{display:block;height:1px;width:19px;background:#c1ceea;transition:transform .2s}
.header[data-fit-navigation].is-compact .navigation:not(.navigation-measure){display:none;position:absolute;top:100%;left:0;right:0;padding:20px var(--gutter) 26px;background:#0b1427fa;backdrop-filter:blur(20px);border-bottom:1px solid #3d527c;flex-direction:column;gap:0;align-items:stretch;font-size:15px}
.header[data-fit-navigation].is-compact .navigation.is-open:not(.navigation-measure){display:flex}
.header[data-fit-navigation].is-compact .navigation:not(.navigation-measure) a{padding:14px 0}