:root{--ink:#141622;--muted:#747581;--blue:#5157f7;--lime:#d4f584;--paper:#fcfcfa;--line:#e3e4e9;--navy:#141526;--ease:cubic-bezier(.22,.7,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:90px}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.08}h2{font-size:clamp(39px,4.8vw,68px);font-weight:650;letter-spacing:-.055em}h2>span{color:#8b8c97}p{color:var(--muted)}img{display:block;max-width:100%;height:auto}svg{display:block}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.section{padding-block:110px}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}::selection{background:#e2eeae}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #7482ff;outline-offset:5px}.skip-link{position:fixed;left:20px;top:-80px;background:var(--ink);color:white;padding:12px 20px;z-index:60;border-radius:8px}.skip-link:focus{top:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.55px;color:var(--blue);line-height:1.6;margin-bottom:21px}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:16px 23px;border-radius:9px;min-height:54px;font-size:13px;font-weight:600;line-height:1.5;transition:transform .22s var(--ease),box-shadow .22s,background .22s;white-space:nowrap}.primary{color:white;background:var(--blue);box-shadow:0 3px 0 #3238cb,inset 0 1px #ffffff33}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #3238cb,0 12px 28px #5157f725}.button.small{font-size:11px;padding:11px 16px;min-height:41px;border-radius:7px}.icon-button{display:grid;place-items:center;width:38px;height:38px;background:transparent;border-radius:8px}.icon-button:hover{background:#ededf5}.status-dot{display:inline-block;width:6px;height:6px;background:#55ad88;border-radius:50%;flex-shrink:0}.chrome-mark{width:22px;height:22px;display:block;border-radius:50%;background:conic-gradient(#ea4335 0 120deg,#fbbc05 120deg 240deg,#34a853 240deg 360deg);position:relative;transform:rotate(-30deg);flex-shrink:0}.chrome-mark:after{content:"";position:absolute;inset:5px;border:2px solid white;border-radius:50%;background:#4285f4}.announcement{background:var(--ink);color:#c7c8d3;display:flex;justify-content:center;align-items:center;gap:9px;padding:9px 15px;font-size:10px;letter-spacing:.1px}.announcement>span{background:var(--lime);width:5px;height:5px;border-radius:50%}.announcement a{color:var(--lime);margin-left:7px}.site-header{height:88px;position:sticky;top:0;z-index:30;background:#fcfcfaf0;backdrop-filter:blur(16px);border-bottom:1px solid #e3e4e980}.nav-wrap{display:flex;align-items:center;gap:30px;height:100%}.brand{display:inline-flex;align-items:center;gap:9px;font-size:22px;letter-spacing:-.85px;font-weight:700;white-space:nowrap}.brand img{width:38px;height:38px}.brand-light{font-weight:450;margin-left:3px}.site-header nav{display:flex;gap:30px;font-size:12px;color:#696b7a;margin-left:auto;margin-right:25px}.site-header nav a:hover{color:var(--blue)}.menu-toggle{display:none}.hero{padding:45px 0 30px}.hero-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.hero-topline .eyebrow{margin:0;display:flex;align-items:center;gap:8px;color:#797b8c;font-size:8px}.hero-edition{font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;color:#a2a3af}.hero-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:75px;align-items:end}.hero h1{position:relative;width:fit-content;max-width:100%;font-size:clamp(65px,7.5vw,112px);letter-spacing:-.065em;font-weight:700;line-height:1.02;word-spacing:.03em}.hero h1>span{color:var(--blue)}.headline-stroke{position:absolute;bottom:-10px;left:-2px;width:100%;height:16px;fill:none;stroke:var(--lime);stroke-width:9;z-index:-1;stroke-dasharray:710;stroke-dashoffset:710;animation:headlineDraw 1s .2s var(--ease) forwards}.hero-aside{padding-bottom:5px}.hero-aside>p:first-child{font-size:24px;line-height:1.3;letter-spacing:-.6px;font-weight:500;color:#4e5164;margin-bottom:13px}.hero-sub{font-size:13px;line-height:1.85;max-width:350px;margin-bottom:22px}.hero-aside>.button{font-size:12px;padding:13px 20px;min-height:48px}.hero-aside .watch-link{display:flex;margin-top:16px;font-size:11px;background:transparent;padding:0;gap:7px;align-items:center;color:#77798b}.watch-link>span{width:19px;height:19px;border-radius:50%;border:1px solid #dedfea;display:grid;place-items:center;font-size:6px;color:#686c84}.watch-link:hover{color:var(--blue)}.hero-foot{display:flex;align-items:center;gap:25px;margin-top:38px;padding-top:18px;border-top:1px solid var(--line);font-size:9px;color:#9395a2}.hero-foot>span{display:flex;align-items:center;gap:5px}.hero-foot .icon{color:#63997e;width:13px;height:13px}.hero-foot>a{margin-left:auto;color:#7b7e91}.hero-foot>a>span{margin-left:10px;color:var(--blue)}
.studio-exhibit{padding-top:11px;scroll-margin-top:95px}.exhibit-heading{display:flex;align-items:center;justify-content:space-between;padding:0 2px 14px;gap:15px}.exhibit-heading>div{display:flex;align-items:center;gap:9px}.small-square{width:6px;height:6px;background:var(--blue);display:block}.exhibit-heading h2{font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.3px;color:#7f8397}.exhibit-label{font:7px ui-monospace,monospace;letter-spacing:.5px;color:#b5b6c0;margin-left:15px}.motion-toggle{background:transparent;font-size:9px;color:#9093a6;padding:5px 0 5px 12px}.motion-toggle:hover{color:var(--blue)}.studio-stage{background:#dce0ff;border-radius:14px;padding:10px 10px 0;border:1px solid #cfd4f4;box-shadow:0 38px 65px -48px #3a3fbb65;position:relative;overflow:hidden}.studio-chrome{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 17px 7px;font-size:9px;color:#747994}.studio-chrome b{font-weight:400;color:#a4a9c6;padding:0 8px}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:6px;height:6px;background:#a8b0d3;border-radius:50%}.window-dots i:first-child{background:#d6a8b2}.window-dots i:nth-child(2){background:#c6bfa4}.window-dots i:nth-child(3){background:#a0c8b4}.local-label{display:flex;align-items:center;gap:5px;font:7px ui-monospace,monospace;letter-spacing:.7px}.local-label .icon{width:12px;height:12px}.story-window{height:475px;position:relative;background:radial-gradient(ellipse at 45% 0,#efefff,#cbd2ff);border-radius:7px;overflow:hidden}.scene{position:absolute;inset:0;padding:30px 50px;animation:sceneIn .5s var(--ease)}.example-page{height:100%;position:relative;background:#fff;border-radius:9px;box-shadow:0 17px 40px #454f9830;max-width:940px;margin:auto;border:1px solid #e4e7f1;overflow:visible}.example-page-nav{display:flex;align-items:center;height:43px;gap:25px;font-size:8px;padding:0 25px;border-bottom:1px solid #ececf6;color:#9fa3b5}.example-page-nav>b{font-size:11px;color:#313751;display:flex;gap:7px;align-items:center}.example-page-nav>b>span{width:9px;height:9px;display:block;background:#777af0;border-radius:3px}.example-status{font:6px ui-monospace,monospace;margin-left:auto}.example-page-content{padding:25px 37px 22px}.micro-label{font:6px ui-monospace,monospace;letter-spacing:1.5px;color:#8e94c3;margin-bottom:11px}.example-page-content h3{font-size:37px;line-height:1.08;letter-spacing:-1.8px;font-weight:650;color:#232a45;position:relative;z-index:1}.example-page-content>p:not(.micro-label){font-size:10px;line-height:1.7;color:#9298ae;margin-top:13px}.example-cards{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:20px}.example-cards>div{padding:15px 18px;border:1px solid #ececf5;border-radius:9px;min-width:0}.example-cards small{font-size:6px;font-weight:650;color:#73a28f;background:#edf7f2;padding:3px 5px;border-radius:3px;display:inline-block;margin-bottom:8px}.example-cards h4{font-size:12px;letter-spacing:-.3px;color:#404760}.example-cards p{font-size:8px;line-height:1.65;margin-top:8px}.example-action{margin-top:13px;background:#f0f0ff;color:#989dba;font-size:7px;padding:8px;border-radius:4px;display:flex;justify-content:space-between;gap:10px}.example-swatches{display:flex;gap:6px;margin-top:14px}.example-swatches i{width:34px;height:22px;background:#8281ea;border-radius:4px}.example-swatches i:nth-child(2){background:#b7dfcc}.example-swatches i:nth-child(3){background:#e5c69a}.sample-selection{position:absolute;inset:18px;border:1.5px solid #7879f1;border-radius:3px;pointer-events:none;animation:selectionBreathe 6s ease-in-out infinite}.sample-selection>i{position:absolute;width:6px;height:6px;background:white;border:1.5px solid #7779f2}.sample-selection>i:nth-child(1){left:-4px;top:-4px}.sample-selection>i:nth-child(2){right:-4px;top:-4px}.sample-selection>i:nth-child(3){left:-4px;bottom:-4px}.sample-selection>i:nth-child(4){right:-4px;bottom:-4px}.sample-selection>span{position:absolute;bottom:-26px;right:0;font:7px ui-monospace,monospace;background:#6265ea;color:white;padding:5px 9px;border-radius:4px;box-shadow:0 2px 6px #4649bb22}.floating-tool-palette{position:absolute;right:21px;top:100px;padding:12px 11px;display:flex;flex-direction:column;gap:15px;background:#232940;color:#fff;box-shadow:0 12px 32px #30395444;border-radius:10px;align-items:center;transform:rotate(2deg)}.floating-tool-palette>span:first-child{font:5px ui-monospace,monospace;letter-spacing:.8px;writing-mode:vertical-rl;color:#a3aacc}.floating-tool-palette>.icon{width:16px;height:16px}.floating-tool-palette>.icon:nth-child(3){color:#b6c0ff;box-shadow:0 0 0 7px #555da433;border-radius:2px}.palette-dot{width:10px;height:10px;background:var(--lime);border-radius:50%}.animated-pointer{position:absolute;right:24%;top:42%;display:flex;align-items:flex-end;gap:0;pointer-events:none;animation:cursorJourney 6s var(--ease) infinite;filter:drop-shadow(0 4px 4px #59628a2f)}.animated-pointer>svg{width:27px;height:32px;fill:var(--lime);stroke:#444a81;stroke-width:1.5}.animated-pointer>span{background:#4a4f96;color:white;font-size:7px;padding:5px 8px;border-radius:4px;white-space:nowrap;transform:translateY(15px)}.hero-markup{display:none;position:absolute;inset:0;pointer-events:none}.hero-step{position:absolute;left:6%;top:55%;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#7271ef;border:2px solid white;box-shadow:0 3px 8px #393d6d1a;color:white;font-size:10px;font-weight:650}.hero-markup>svg{position:absolute;right:12%;top:31%;width:24%;height:35%;fill:none;stroke:#6e6bea;stroke-width:3;stroke-linecap:round;stroke-dasharray:400;animation:drawLine 6s var(--ease) infinite}.hero-comment{position:absolute;right:3%;bottom:12%;background:var(--lime);color:#485543;font-size:8px;padding:8px 10px;border-radius:5px;transform:rotate(-3deg)}[data-scene=markup] .hero-markup{display:block}[data-scene=markup] .sample-selection{border-color:transparent;animation:none}[data-scene=markup] .sample-selection>i,[data-scene=markup] .sample-selection>span{display:none}[data-scene=markup] .example-page-content h3>span{background:linear-gradient(transparent 60%,#d9f4a6 60%)}.story-stage-foot{min-height:57px;display:flex;align-items:center;gap:20px;padding:14px 19px;color:#6b739c;font-size:10px;position:relative}.story-stage-foot>span:first-child{font:8px ui-monospace,monospace;color:#828bb6}.story-stage-foot>strong{font-size:12px;color:#444b76;font-weight:550;letter-spacing:-.15px}.story-stage-foot>span:nth-child(3){margin-left:auto;font-size:9px;max-width:410px}.stage-timer{position:absolute;bottom:0;left:-10px;right:-10px;height:2px;background:#c6ccf4}.stage-timer>i{display:block;width:100%;height:100%;background:#787bf5;transform-origin:left;animation:storyProgress 6s linear infinite}.scene-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);margin-top:15px;gap:10px}.scene-tabs button{background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;line-height:1.5;color:#8a8ea2;padding:16px 10px;border-bottom:2px solid transparent}.scene-tabs button>span{font:8px ui-monospace,monospace;color:#b1b4c3;margin-right:4px}.scene-tabs button>.icon{width:16px;height:16px}.scene-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.scene-tabs button[aria-selected=true]>span{color:#8b8ee8}.demo-note{text-align:center;font-size:9px;color:#a0a3b1;margin-top:16px;line-height:1.8}.demo-note button{background:transparent;color:#7f84b2;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:3px;margin-left:5px}.demo-note button:hover{color:var(--blue)}.record-window{max-width:720px;background:#171c2a;margin:0 auto;border-radius:9px;border:1px solid #5e6c9430;overflow:hidden;box-shadow:0 15px 30px #252b7144}.scene-record{padding:24px 65px}.record-title{height:30px;display:flex;align-items:center;gap:7px;color:#c2c9de;font:6px ui-monospace,monospace;padding:0 15px;letter-spacing:.7px}.record-title>span:last-child{margin-left:auto;color:#7d8aa6;font-size:5px}.record-light{width:4px;height:4px;border-radius:50%;background:#ef9396}.record-window>img{width:100%;max-height:270px;object-fit:contain;background:#11151f}.mini-record-controls{height:29px;display:flex;align-items:center;gap:10px;color:#7e8aa8;font-size:7px;padding:0 20px;border-top:1px solid #343b51}.mini-record-controls>span:first-child{color:#d2d7e5;font-size:8px}.mini-record-controls>.icon{margin-left:auto;width:12px;height:12px}.record-timeline{height:38px;margin:2px 30px 6px;border:1px solid #7d7fec;position:relative;background:#333963;overflow:hidden}.timeline-wave{height:100%;background:repeating-linear-gradient(90deg,transparent 0 6px,#9796e965 6px 8px,transparent 8px 11px);clip-path:polygon(0 30%,5% 15%,10% 40%,15% 5%,20% 35%,25% 10%,30% 20%,35% 5%,40% 35%,45% 20%,50% 0,55% 30%,60% 10%,65% 40%,70% 15%,75% 25%,80% 0,85% 35%,90% 15%,95% 30%,100% 10%,100% 90%,0 90%)}.playhead{position:absolute;width:2px;height:100%;top:0;left:0;background:var(--lime);animation:playhead 6s linear infinite}.trim-start,.trim-end{position:absolute;z-index:1;inset:0 auto 0 0;width:4px;background:#999af1}.trim-end{left:auto;right:0}.timeline-labels{display:flex;justify-content:space-between;padding:0 30px 11px;font:5px ui-monospace,monospace;color:#7683a3}.stage-floating-chip{position:absolute;bottom:31px;right:6%;background:#f8f9ff;border:1px solid #d6dafa;box-shadow:0 10px 20px #4d568f22;display:flex;align-items:center;gap:8px;padding:12px 15px;transform:rotate(-3deg);color:#747aaa;border-radius:7px;font-size:9px}.stage-floating-chip .icon{width:16px;height:16px}.scene-board{padding:20px 38px}.board-grid{height:100%;position:relative;padding:30px 40px;background-color:#fafbff;background-image:radial-gradient(#d0d5e7 1px,transparent 1px);background-size:17px 17px;border-radius:9px;border:1px solid #d5dbef}.board-heading{font-size:30px;line-height:1.15;color:#69709c;letter-spacing:-1.2px}.board-heading>span{color:#9aa1bc}.board-nodes{display:flex;gap:17px;align-items:center;justify-content:center;margin:35px auto}.board-nodes>div{width:130px;height:68px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #9eacf2;background:#eaedff;color:#7c83bd;border-radius:7px;font-size:14px;animation:nodeFloat 6s ease-in-out infinite}.board-nodes>div:nth-of-type(2){border-color:#9dcebd;background:#e3f4ed;color:#69a68f;animation-delay:.6s}.board-nodes>div:nth-of-type(3){border-color:#d1bc8a;background:#f6efdf;color:#b49962;animation-delay:1.2s}.board-nodes>.icon{width:19px;height:19px}.board-nodes>span{color:#8c99bd;font-size:27px}.board-sticky{position:absolute;right:4%;top:15%;padding:14px 20px;background:#e7f6a9;border:1px solid #d4e893;border-radius:2px;transform:rotate(6deg);box-shadow:0 10px 20px #323a6d15;color:#768b47;font-size:10px;line-height:1.8}.board-sticky>span{font-size:18px;display:block;line-height:1;margin-top:8px}.board-bottom{display:flex;justify-content:space-between;position:absolute;bottom:20px;left:35px;right:35px;gap:20px;font:7px ui-monospace,monospace;color:#a2abc0}.board-bottom>span:first-child{display:flex;align-items:center;gap:7px;color:#929cca}.board-bottom .icon{width:13px;height:13px}.scene-notes{padding:29px 65px}.example-notebook{height:100%;display:grid;grid-template-columns:1fr 1.6fr;background:#fdfcf8;border:1px solid #d5d8eb;border-radius:9px;box-shadow:0 15px 25px #323a7122;overflow:hidden}.example-notebook>aside{border-right:1px solid #e1e4f0;background:#f3f5fc;padding:22px 16px;display:flex;flex-direction:column;gap:14px}.example-notebook>aside>b{font-size:13px;color:#5d6690;display:flex;gap:8px;align-items:center;font-weight:550;margin-bottom:5px}.example-notebook>aside>b>.icon{width:17px;height:17px}.note-filter{background:#fff;border:1px solid #e1e5f3;border-radius:5px;padding:8px;color:#acb0c4;font-size:8px}.example-notebook>aside>span:not(.note-filter){padding:10px 12px;border-radius:5px;font-size:9px;color:#7e89a7}.note-selected{background:#e7eafb;border:1px solid #dce1f5}.example-notebook small{font-size:7px;color:#acb2c9;display:block;margin-top:4px}.example-notebook>div{padding:28px 33px}.note-paper-label{font:6px ui-monospace,monospace;letter-spacing:1px;color:#b4a57e;display:block;margin-bottom:16px}.example-notebook h3{font-size:29px;color:#6e7290;letter-spacing:-1.2px}.example-notebook>div>p{font-size:9px;margin-top:16px;color:#9fa3b6}.example-notebook blockquote{font-size:11px;color:#928e80;background:#f3efdf;padding:12px 15px;border-left:2px solid #d8c79b;margin:13px 0 18px}.example-todo{font-size:9px;color:#a1a5b8;margin:9px 0;display:flex;align-items:center;gap:7px}.example-todo>span{width:12px;height:12px;border:1px solid #ced3e4;border-radius:3px;display:grid;place-items:center;color:#95a683;font-size:8px}.note-source{font-size:7px;color:#b6b8c6;display:block;margin-top:20px}.statement-strip{margin-top:50px;border-block:1px solid #e7e9ef;background:#f5f6fc;overflow:hidden;padding:20px}.statement-strip>div{display:flex;justify-content:center;align-items:center;gap:40px}.statement-strip span{font:9px ui-monospace,monospace;letter-spacing:1.4px;white-space:nowrap;color:#959aae}.statement-strip i{font-style:normal;font-size:20px;color:#959cf0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px}.section-heading>p{font-size:14px;line-height:1.9;max-width:350px}.section-heading .eyebrow{margin-bottom:18px}.markup-workbench{border:1px solid #d7d9e9;border-radius:12px;overflow:hidden;background:#f6f7fb;box-shadow:0 25px 45px -40px #22245066}.workbench-top{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #e0e3ef;font:8px ui-monospace,monospace;color:#858ca3}.workbench-top small{font-size:6px;color:#b5b9c8;margin-left:15px}.workbench-top button{background:transparent;color:#7a83af;font-size:9px;font-family:inherit}.markup-toolbar{display:flex;justify-content:center;gap:8px;padding:18px}.markup-toolbar button{display:flex;align-items:center;gap:6px;border:1px solid #e4e6f2;border-radius:6px;background:#fff;padding:8px 14px;font-size:9px;color:#969cb3;transition:background .2s,color .2s}.markup-toolbar button>.icon{width:13px;height:13px}.markup-toolbar button>span{font-size:14px;line-height:1}.markup-toolbar button[aria-pressed=true]{color:#696add;background:#edeeff;border-color:#cbd0f5}.clarity-canvas{--reveal:78%;position:relative;max-width:1000px;margin:0 auto;background:#ebeef8;padding:30px 45px 45px;border-radius:7px;overflow:hidden;isolation:isolate}.clarity-paper{background:white;border:1px solid #e1e4ef;border-radius:7px;box-shadow:0 12px 25px #252d5a0e}.clarity-nav{height:43px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#929bb4;border-bottom:1px solid #edf0f6;padding:0 25px}.clarity-nav>span{display:flex;align-items:center;gap:7px;font-weight:550}.clarity-nav i{width:9px;height:9px;border-radius:3px;background:#9696e8}.clarity-nav small{font:6px ui-monospace,monospace;color:#b6bed0}.clarity-content{padding:30px 40px 32px}.clarity-content>small{font:6px ui-monospace,monospace;letter-spacing:1.4px;color:#929ac0}.clarity-content h3{font-size:35px;letter-spacing:-1.5px;color:#4a5274;margin-top:12px;line-height:1.08}.clarity-content-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;margin-top:26px}.ready-label{font-size:7px;background:#edf7f1;color:#91ae9e;padding:4px 6px;border-radius:3px}.clarity-content h4{font-size:14px;letter-spacing:-.4px;color:#616a88;margin-top:12px}.clarity-content-grid p{font-size:10px;color:#9aa4bb;line-height:1.8;margin-top:9px}.example-email{font:8px ui-monospace,monospace;color:#a2a9bd;display:block;margin-top:13px}.clarity-action-card{background:#f5f4fd;border:1px solid #e6e6f7;border-radius:8px;padding:17px 20px}.clarity-action-card>span{font:6px ui-monospace,monospace;letter-spacing:1px;color:#a7a9d1}.clarity-action-card>strong{font-size:21px;font-weight:550;line-height:1.15;color:#9695bd;display:block;margin-top:13px;letter-spacing:-.6px}.clarity-action-card i{font-style:normal;font-size:8px;display:block;color:#969ac0;margin-top:17px}.clarity-overlays{position:absolute;inset:0;pointer-events:none;clip-path:inset(0 calc(100% - var(--reveal)) 0 0);z-index:2}.clarity-overlays>div,.clarity-overlays>span,.clarity-overlays>svg{position:absolute;display:none}.effect-highlight{top:34%;left:8.6%;width:46%;height:28px;background:#dbf5a766;mix-blend-mode:multiply;transform:rotate(-1deg)}.effect-steps{left:7.3%;top:58%;width:24px;height:24px;border-radius:50%;background:#7171e5;color:white;border:2px solid white;box-shadow:0 2px 5px #1d2c5e1c;display:grid!important;place-items:center;font-size:10px}.effect-arrow{right:17%;top:30%;width:26%;height:40%;fill:none;stroke:#7772ee;stroke-width:3;stroke-linecap:round;stroke-dasharray:400;animation:drawLine 6s ease-out infinite}.effect-text{right:12%;bottom:12%;background:#eee9fe;color:#9b8fbd;font-size:9px;padding:8px 13px;border:1px solid #ded7f3;border-radius:5px;transform:rotate(-2deg)}.effect-redact{top:79%;left:8.6%;width:24%;height:13px;background:#3b425d;border-radius:1px;color:transparent}.effect-redact span{display:none}.effect-spotlight{inset:0;background:radial-gradient(ellipse at 71% 61%,transparent 0 20%,#1e23404f 23%)}.has-arrow .effect-arrow,.has-highlight .effect-highlight,.has-text .effect-text,.has-redact .effect-redact,.has-spotlight .effect-spotlight{display:block}.clarity-canvas:not(.has-steps) .effect-steps{display:none!important}.clarity-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--reveal);width:1px;background:#7c80d582;pointer-events:none}.clarity-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:27px;height:27px;border:1px solid #b6bce5;background:white;border-radius:50%;box-shadow:0 3px 7px #5966a91a;color:#8b93bd;font-size:12px}.before-label,.after-label{position:absolute;z-index:4;bottom:13px;left:24px;font:6px ui-monospace,monospace;letter-spacing:1px;color:#a9b1c6}.after-label{left:auto;right:23px;color:#8e91d1}.clarity-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 35px;font-size:10px;color:#a3a8ba}.clarity-bottom>input{flex:1;max-width:430px;accent-color:#787af0;height:3px;cursor:ew-resize;min-width:0}.clarity-bottom>span{font-size:8px;white-space:nowrap}.clarity-bottom b{font-weight:500;margin-left:18px;color:#9195bc}.feature-footline{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;font-size:9px;margin-top:25px;color:#9298ab}.feature-footline span:before{content:"+";color:#a4a4e4;margin-right:7px}.capture-section{background:#edf0fc;border-block:1px solid #e5e9f7}.capture-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:95px;align-items:center}.capture-layout>div:first-child>p:not(.eyebrow):not(.fine-print){font-size:14px;line-height:1.9;max-width:350px;margin-top:24px}.capture-layout h2{font-size:62px}.capture-layout h2>span{color:#8992b9}.capture-callout{display:flex;align-items:flex-start;gap:13px;margin-top:30px}.capture-callout>.icon{padding:8px;background:#e0e5fb;color:#8b93ca;box-sizing:content-box;border-radius:8px;width:20px;height:20px}.capture-callout strong{font-size:17px;color:#6c769f;display:block;font-weight:550;margin-bottom:6px}.capture-callout span{font-size:11px;color:#8c95b0;line-height:1.8}.fine-print{font-size:10px;color:#a2a8ba;line-height:1.8;margin-top:26px;max-width:360px}.scrolling-showcase{border:1px solid #d3daf2;border-radius:13px;background:#f9fbff;box-shadow:0 30px 50px -40px #353f8166;overflow:hidden}.scroll-top{padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e7f7;color:#8b95b1;font:8px ui-monospace,monospace;letter-spacing:.5px}.scroll-top>span{display:flex;gap:7px;align-items:center}.scroll-top i{width:5px;height:5px;border-radius:50%;background:#a4b0dd}.scroll-top small{font-size:6px;color:#b8c0d4}.scroll-viewport{height:370px;position:relative;overflow:hidden;padding:0 50px;background:linear-gradient(135deg,#e3e8fb,#f2f5fd)}.scroll-document{width:100%;padding:27px 33px;background:#fff;min-height:700px;box-shadow:0 0 25px #7483b71a;animation:scrollCapture 9s ease-in-out infinite}.scroll-brand{font-size:9px;color:#a3acc4}.scroll-document h3{font-size:34px;letter-spacing:-1px;color:#8d97bb;margin-top:23px}.scroll-picture{height:100px;margin:25px 0;background:#e6e6fb;position:relative;border-radius:7px;overflow:hidden;display:grid;place-items:center}.scroll-picture>span{font-size:105px;line-height:1;color:#d0cff2;transform:rotate(-12deg)}.scroll-document>b{font-size:15px;letter-spacing:-.3px;color:#98a2bf;display:block;margin-top:20px}.scroll-document p{font-size:10px;color:#b2bbcf;line-height:1.9;margin-top:10px}.scroll-blocks{display:flex;gap:9px;height:58px;margin-top:18px}.scroll-blocks>i{background:#e4f0e9;flex:1;border-radius:4px}.scroll-blocks>i:nth-child(2){background:#f1ebde}.scroll-blocks>i:nth-child(3){background:#e7e6f6}.scroll-picture.second{background:#e5f3e6}.scroll-picture.second>span{color:#c3dfc7}.capture-scanline{position:absolute;z-index:2;left:28px;right:28px;top:60%;height:1px;background:#8b98ee;box-shadow:0 -20px 40px #8595ed12;animation:scanPulse 2.5s ease-in-out infinite}.capture-scanline>span{position:absolute;right:0;top:7px;font:7px ui-monospace,monospace;background:#eef1ff;color:#939dd0;padding:5px 7px;border-radius:4px}.scroll-controls{padding:17px 17px;display:flex;align-items:center;gap:7px;border-top:1px solid #e1e7f5;color:#a5afc5;font-size:9px}.scroll-controls>.button{margin-left:auto;gap:6px;font-size:10px;padding:10px 12px;min-height:34px}.scroll-controls>.button>.icon{width:13px;height:13px}.kept-capture{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f3f6fdee;text-align:center;backdrop-filter:blur(4px);animation:sceneIn .4s var(--ease)}.kept-capture>.icon{width:39px;height:39px;color:#83ae92;background:#e4f4e9;border-radius:50%;padding:10px;margin-bottom:17px}.kept-capture h3{font-size:42px;letter-spacing:-1.8px;color:#6d7daa}.kept-capture p{font-size:11px;line-height:1.8;margin-top:15px;color:#98a7c5}.kept-capture>span{font:7px ui-monospace,monospace;letter-spacing:1px;color:#a5b0cb;margin-top:22px}.scrolling-showcase.stopped .scroll-document{animation-play-state:paused}.scrolling-showcase.stopped .capture-scanline{display:none}.video-theatre{border:1px solid #343747;border-radius:13px;background:#161923;box-shadow:0 25px 55px -45px #1d224a88;overflow:hidden}.theatre-top{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;font:8px ui-monospace,monospace;letter-spacing:.8px;color:#848aa4}.theatre-top>span:first-child{display:flex;align-items:center;gap:7px}.theatre-top i{width:5px;height:5px;border-radius:50%;background:var(--lime);display:block}.theatre-top>span:last-child{font-size:6px;color:#646c87}.video-poster{aspect-ratio:16/9;background:#161923}.video-poster video{display:block;width:100%;height:100%;object-fit:contain}.theatre-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 24px;font:6px ui-monospace,monospace;letter-spacing:.8px;color:#747e98}.theatre-bottom>span{display:flex;align-items:center;gap:18px}.theatre-bottom i{font-style:normal;color:#a4afd5}.theatre-bottom button{background:transparent;color:#b5bcea;font-size:9px}.video-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.video-benefits .icon{color:#9396d1;margin-bottom:17px;width:24px;height:24px}.video-benefits h3{font-size:22px;letter-spacing:-.6px;font-weight:600;margin-bottom:13px}.video-benefits p{font-size:12px;line-height:1.85}.tour-transcript{margin-top:28px;border-top:1px solid var(--line);padding-top:15px}.tour-transcript summary{font-size:9px;color:#969cae;cursor:pointer}.tour-transcript p{font-size:11px;line-height:1.9;margin-top:12px;max-width:950px}.ocr-section{background:#f2f3ed;border-block:1px solid #e7e9df}.ocr-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:23px}.ocr-demo{padding:35px;background:#fff;border:1px solid #e5e6df;border-radius:13px}.ocr-source{position:relative;border:1px solid #e3e6e0;background:repeating-linear-gradient(#fff 0 20px,#fafbf7 20px 21px);padding:25px 30px;border-radius:7px;overflow:hidden}.ocr-source>span{font:6px ui-monospace,monospace;letter-spacing:1px;color:#b1b5a9}.ocr-source>p{font-size:29px;letter-spacing:-.7px;line-height:1.15;color:#89947e;margin-top:17px;filter:blur(.25px)}.ocr-scanner{position:absolute;left:0;right:0;height:3px;background:#b1ce9177;box-shadow:0 -20px 40px #a8c78433;animation:ocrScan 4s ease-in-out infinite}.ocr-connector{height:39px;display:grid;place-items:center;color:#b2bca4;font-size:17px}.ocr-result{border:1px solid #dde4d2;border-radius:7px;background:#f4f8ee;padding:21px 25px}.ocr-result>span:first-child{display:flex;gap:6px;align-items:center;font:6px ui-monospace,monospace;letter-spacing:.7px;color:#a0b088}.ocr-result .icon{width:12px;height:12px}.ocr-result>p{font-size:13px;color:#929d82;margin-top:14px;line-height:1.8}.ocr-result button{display:inline-flex;align-items:center;gap:7px;border-radius:5px;border:1px solid #d4dfc6;background:#eef4e7;color:#8b9d73;font-size:9px;padding:7px 10px;margin-top:17px}.ocr-result>#copy-status{font-size:8px;color:#829a64;margin-left:10px;display:inline-block}.ocr-demo>.demo-note{font-size:8px;margin-top:18px;color:#aab2a1}.privacy-feature{border-radius:13px;background:#1d2530;padding:40px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.privacy-lock{width:90px;height:90px;position:relative;display:grid;place-items:center;margin:0 auto 30px}.privacy-lock>.icon{width:44px;height:44px;color:#b5d79e;stroke-width:1.2;z-index:1}.privacy-lock i{position:absolute;inset:0;border:1px solid #5f706a66;border-radius:22px;transform:rotate(14deg);background:#35433d55;animation:shieldTurn 10s ease-in-out infinite}.privacy-lock i:last-child{inset:-23px;border-radius:50%;background:none;border-color:#5f706a22;transform:rotate(-20deg);animation:none}.privacy-feature .eyebrow{font-size:7px;color:#879c87;margin-bottom:18px}.privacy-feature h3{font-size:40px;letter-spacing:-1.5px;color:#c3d1c0;font-weight:550}.privacy-feature>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#7e8c86;margin-top:22px;max-width:310px}.privacy-feature>a{display:flex;gap:8px;align-items:center;font-size:10px;color:#9db196;margin-top:25px}.privacy-feature>a>.icon{width:15px;height:15px}.privacy-caption{font:7px ui-monospace,monospace;letter-spacing:.5px;color:#6f8173;display:block;margin-top:auto;padding-top:25px}.organize-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.whiteboard-demo,.notes-demo{position:relative;border:1px solid #e0e3eb;border-radius:12px;min-height:460px;padding:25px 30px;overflow:hidden}.whiteboard-demo{background-color:#f9faff;background-image:radial-gradient(#cbd1e1 .8px,transparent .8px);background-size:16px 16px}.organize-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#9ba2bc;font:7px ui-monospace,monospace;letter-spacing:.6px}.organize-top>span{display:flex;align-items:center;gap:7px}.organize-top .icon{width:14px;height:14px}.organize-top>button{font-size:8px;background:transparent;color:#a6acc0}.whiteboard-demo>h3{font-size:33px;letter-spacing:-1.3px;color:#9098b5;line-height:1.12;margin-top:35px;font-weight:550}.canvas-diagram{display:flex;align-items:center;gap:10px;margin-top:35px}.canvas-diagram>span{border:1px solid #b1bdec;background:#e9ecfc;padding:18px 19px;border-radius:4px;font-size:11px;color:#949dcc;animation:nodeFloat 6s ease-in-out infinite}.canvas-diagram>span:nth-of-type(2){border-color:#aed4c6;background:#eaf4ef;color:#93b8a9;animation-delay:.7s}.canvas-diagram>span:nth-of-type(3){border-color:#d9ccac;background:#f6f0e5;color:#c2b18b;animation-delay:1.4s}.canvas-diagram>i{font-size:20px;font-style:normal;color:#b3bdd5}.draggable-sticky{position:absolute;left:55%;top:65%;width:175px;min-height:95px;border:1px solid #d8e5a9;background:#e9f4bb;color:#8c9f60;padding:16px;box-shadow:0 6px 14px #75804b13;transform:rotate(-5deg);font-size:11px;line-height:1.6;text-align:left;touch-action:none;user-select:none;cursor:grab;z-index:2}.draggable-sticky:active{cursor:grabbing}.draggable-sticky>i{display:block;font-size:23px;font-style:normal;line-height:1;margin-top:8px;color:#b0c585}.board-demo-bottom{position:absolute;bottom:17px;left:26px;right:26px;display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#b2b8cb}.board-demo-bottom>button{background:transparent;color:#a2abc5;padding:0;font-size:7px}.drag-hint{position:absolute;font-size:8px;color:#b9c2a4;bottom:48px;left:30px}.notes-demo{background:#faf8f1}.notes-demo .organize-top{color:#b1a88e}.notes-demo .organize-top button{color:#b9b097}.pin-label{display:block;font:6px ui-monospace,monospace;letter-spacing:1px;color:#c2b698;margin-top:34px}.notes-demo>h3{font-size:34px;line-height:1.1;letter-spacing:-1.3px;color:#9b927f;margin-top:16px;font-weight:550}.notes-demo>p{font-size:10px;color:#b9ae99;margin-top:19px}.notes-demo>blockquote{font-size:13px;background:#f1ecdd;padding:15px 18px;border-left:2px solid #dfd3ac;color:#b2a580;margin:17px 0 21px}.notes-demo>label{display:flex;align-items:center;gap:8px;color:#b5ad9a;font-size:10px;margin-top:10px;cursor:pointer}.notes-demo input{accent-color:#b0b98c;width:13px;height:13px;margin:0}.notes-demo>label:has(input:checked){text-decoration:line-through;color:#bfc3ad}.notes-demo-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:29px;font-size:7px;color:#c0b8a4}.workspace-section{background:#1b1d32;color:#fff;overflow:hidden}.workspace-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;align-items:center}.workspace-layout h2{font-size:64px;color:#f0f0fc}.workspace-layout h2>span{color:#9b9ffa}.workspace-layout .eyebrow{color:#7d82b8}.workspace-layout>div>p:not(.eyebrow):not(.workspace-caption){font-size:13px;line-height:1.9;color:#979db7;max-width:335px;margin-top:24px}.layout-controls{display:flex;gap:7px;margin-top:26px}.layout-controls>button,.dock-controls>button{padding:9px 12px;background:#252940;border:1px solid #343b56;border-radius:6px;font-size:10px;color:#898fb2}.layout-controls>button[aria-pressed=true],.dock-controls>button[aria-pressed=true]{color:#bdc0ff;background:#41476e;border-color:#646ca8}.dock-controls{display:flex;align-items:center;gap:6px;margin-top:11px}.dock-controls>span{font-size:9px;color:#6f789b;margin-right:10px}.dock-controls>button{font-size:8px;padding:7px 10px}.workspace-caption{font-size:9px;color:#646e90;margin-top:19px;max-width:310px}.layout-stage{height:390px;background:radial-gradient(ellipse at 50% 50%,#3e456c,#242a47);border:1px solid #454e75;border-radius:12px;position:relative;isolation:isolate}.layout-page{margin:36px;background:#eeeff8;border:1px solid #7d87ac;padding:25px 35px;border-radius:7px;height:315px;box-shadow:0 10px 40px #0c132744}.layout-page>div{height:5px;background:#c0c6e4;width:31%;border-radius:3px;margin-bottom:31px}.layout-page h3{font-size:39px;line-height:1.05;color:#939dca;letter-spacing:-1.3px}.layout-page p{font-size:9px;color:#b5bcd6;margin-top:13px}.layout-page>span{display:block;width:80%;height:8px;background:#d8ddf0;margin-top:25px;border-radius:2px}.layout-page>span:last-child{width:56%;margin-top:10px}.sample-toolbar{position:absolute;z-index:3;top:56px;left:50%;transform:translateX(-50%);padding:12px 15px;display:flex;gap:17px;align-items:center;background:#272c42;border:1px solid #69739988;border-radius:10px;box-shadow:0 12px 25px #1c22475c;color:#9ca8d0;transition:top .5s var(--ease),left .5s var(--ease),right .5s var(--ease),transform .5s var(--ease),border-radius .5s}.sample-toolbar>.icon{width:16px;height:16px}.sample-toolbar>.icon:nth-child(2){color:#d0d3ff;background:#626bae55;box-shadow:0 0 0 7px #626bae55;border-radius:2px}.sample-toolbar>span{font-size:10px;color:#8793bc}.layout-chip{position:absolute;bottom:20px;right:20px;font:6px ui-monospace,monospace;letter-spacing:1px;color:#7d8bbb;background:#2c3555;border:1px solid #4c597d66;padding:6px 9px;border-radius:5px}.layout-stage[data-layout=vertical] .sample-toolbar{flex-direction:column;gap:17px;top:55px;left:57px;padding:16px 12px;transform:none}.layout-stage[data-layout=compact] .sample-toolbar{padding:14px;top:55px;width:46px;height:46px;border-radius:13px;transform:translateX(-50%);justify-content:center}.layout-stage[data-layout=compact] .sample-toolbar>*:not(:first-child){display:none}.layout-stage[data-dock=left] .sample-toolbar{left:15px;transform:none}.layout-stage[data-dock=right] .sample-toolbar{left:auto;right:15px;transform:none}.layout-stage[data-layout=horizontal][data-dock=left] .sample-toolbar,.layout-stage[data-layout=horizontal][data-dock=right] .sample-toolbar{top:55px}.layout-stage[data-layout=vertical][data-dock=center] .sample-toolbar{left:50%;transform:translateX(-50%)}
.feature-search-wrap{width:345px;max-width:100%;padding-bottom:5px}.feature-search-wrap label{font-size:10px;color:#9499a9;display:block;margin-bottom:8px}.search-input{display:flex;align-items:center;gap:9px;border:1px solid #e0e3ed;border-radius:7px;padding:12px 13px;background:#fff}.search-input>.icon{width:15px;height:15px;color:#aeb5c9}.search-input input{min-width:0;width:100%;background:transparent;border:0;font-size:11px;outline:0;color:#757f9d}.search-input:focus-within{outline:2px solid #cbd0ff;outline-offset:2px}.search-input input:focus-visible{outline:0}.search-input input::placeholder{color:#b3b9cb}.search-input kbd{font-size:9px;padding:0 5px;border:1px solid #e3e7f0;border-radius:3px;background:#f8f9fd;color:#b0b8cd}.feature-filters{display:flex;gap:5px;margin-bottom:24px;flex-wrap:wrap}.feature-filters>button{font-size:10px;color:#999fb1;background:transparent;border:1px solid transparent;padding:9px 13px;border-radius:6px}.feature-filters>button.active{background:#edf0ff;border-color:#dce1f9;color:#7a81ca}.toolkit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px}.tool-card{border-bottom:1px solid #e7e9f0;padding:24px 0;display:grid;grid-template-columns:23px 1fr;column-gap:13px;align-content:start}.tool-card>.icon{width:19px;height:19px;color:#a3a8d9;grid-row:1/3;margin-top:1px}.tool-card h3{font-size:15px;color:#717995;letter-spacing:-.25px;font-weight:550;line-height:1.4}.tool-card p{font-size:11px;line-height:1.85;color:#a5adbf;margin-top:9px;grid-column:2}.no-features{font-size:12px;padding:25px;text-align:center;color:#9da5bc;background:#f5f7fd;border-radius:8px}.comparison-section{border-top:1px solid var(--line)}.comparison-switcher{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.comparison-switcher>span{font-size:11px;color:#9da4b7}.comparison-switcher>div{display:flex;gap:4px;padding:5px;background:#f0f2f9;border:1px solid #e7eaf4;border-radius:8px}.comparison-switcher button{font-size:10px;padding:9px 14px;background:transparent;color:#9ca5bd;border-radius:5px}.comparison-switcher button.active{background:#fff;color:#7e86cd;box-shadow:0 2px 6px #263c7210}.table-scroll{border:1px solid #dde3f1;border-radius:10px;overflow:auto;scrollbar-width:thin}table{width:100%;border-collapse:separate;border-spacing:0;min-width:620px;table-layout:fixed;text-align:left;font-size:12px}th,td{padding:18px 24px;border-bottom:1px solid #e9edf5;vertical-align:middle;line-height:1.7}th:first-child{width:35%;font-size:10px;letter-spacing:.5px;color:#a2aabc;font-weight:500}thead th{height:95px;font-weight:550;color:#8d98b7;font-size:14px}thead th small{display:block;font-size:8px;color:#b2bad0;font-weight:400;margin-top:5px}.our-column{background:#eff2ff;color:#929bd7}thead .our-column span{display:flex;gap:9px;align-items:center}tbody td:first-child{font-size:11px;color:#939eb8}tbody td.our-column{font-size:11px;color:#929bd2}tbody td:last-child{font-size:11px;color:#a4adc3}tbody tr:last-child td{border-bottom:0}.cell-value{display:flex;align-items:center;gap:8px}.cell-value>.icon{width:13px;height:13px;color:#9ca6de}.not-documented{color:#bec5d5!important;font-size:10px!important}.comparison-notes{margin-top:22px}.comparison-notes>p{font-size:12px;line-height:1.9;color:#939fb8;max-width:950px}.comparison-notes details{margin-top:17px;background:#f6f8fe;border:1px solid #e6ebf5;padding:14px 18px;border-radius:7px}.comparison-notes summary{display:flex;gap:15px;align-items:center;font-size:10px;color:#a0acc5;cursor:pointer;list-style:none}.comparison-notes details p{font-size:10px;line-height:1.9;margin-top:14px;color:#a9b5cd}.comparison-notes details>div{display:flex;gap:15px;flex-wrap:wrap;margin-top:14px}.comparison-notes a{font-size:9px;text-decoration:underline;text-underline-offset:3px;color:#949edb}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;padding-top:35px}.faq-section>div>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:280px;margin-top:22px;color:#a0abc0}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#a0a9d8;margin-top:20px}.text-link .icon{width:15px;height:15px}.faq-list details{border-bottom:1px solid #e5eaf2}.faq-list details:first-child{border-top:1px solid #e5eaf2}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;list-style:none;font-size:12px;color:#8f9bb3;line-height:1.7}.faq-list summary>span{font-size:20px;color:#b6c0d6;font-weight:350}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:11px;line-height:1.9;color:#abb5ca;padding:0 10px 22px 0}summary::-webkit-details-marker{display:none}.closing-section{background:var(--lime);padding:78px 0 65px;position:relative;overflow:hidden}.closing-section .eyebrow{color:#748a47;font-size:8px;letter-spacing:1.7px;margin-bottom:26px}.closing-section h2{font-size:clamp(60px,7vw,100px);font-weight:650;letter-spacing:-.065em;color:#3d4d25;line-height:1.03}.closing-section h2>span{color:#8da94e}.closing-section .container>div{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px}.closing-section p:not(.eyebrow){font-size:17px;line-height:1.6;color:#809a50;letter-spacing:-.4px}.closing-section .button{background:#344324;color:#e3f5be;box-shadow:0 3px 0 #25321a}.closing-section .button:hover{box-shadow:0 7px 0 #25321a}.closing-note{display:block;font-size:9px;color:#91a669;margin-top:35px;border-top:1px solid #b3cf7b;padding-top:17px}.site-footer{padding-top:40px;padding-bottom:20px}.site-footer>div{display:flex;align-items:center;gap:35px}.site-footer>div:first-child{border-bottom:1px solid var(--line);padding-bottom:27px}.site-footer .brand{font-size:19px}.site-footer .brand img{width:33px;height:33px}.site-footer>div:first-child>p{font-size:10px;color:#b1b9c8}.site-footer nav{display:flex;gap:25px;margin-left:auto;font-size:10px;color:#a5aec2}.site-footer>div:last-child{padding-top:20px;font-size:8px;color:#b3bdcf}.site-footer>div:last-child>p{font-size:8px;color:#b3bdcf;margin-left:auto;max-width:500px}.site-footer>div:last-child>a{font-size:8px;color:#a1acc3;white-space:nowrap}dialog{width:min(1450px,95vw);max-height:95dvh;border:1px solid #dfe2ef;border-radius:12px;padding:14px;background:#fcfcff;box-shadow:0 30px 90px #10172c55}dialog::backdrop{background:#101226bd;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 4px 10px}.dialog-top h2{font-size:15px;letter-spacing:-.3px;color:#8994b0;font-weight:500}dialog>img{max-height:77dvh;width:100%;object-fit:contain;background:#f3f5fb;border-radius:7px}dialog>video{display:block;width:100%;max-height:75dvh;background:#151824;border-radius:6px}dialog>p{font-size:9px;color:#a5b0c8;margin:12px 5px 0}
@keyframes headlineDraw{to{stroke-dashoffset:0}}@keyframes sceneIn{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes selectionBreathe{0%,15%{opacity:.5;transform:scale(.98)}30%,80%{opacity:1;transform:none}100%{opacity:.5;transform:scale(.98)}}@keyframes cursorJourney{0%,100%{transform:translate(20px,35px)}35%{transform:translate(-15px,-20px)}70%{transform:translate(-80px,30px)}}@keyframes drawLine{0%,10%{stroke-dashoffset:400}40%,100%{stroke-dashoffset:0}}@keyframes storyProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes playhead{from{left:0}to{left:99%}}@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes scrollCapture{0%,10%{transform:translateY(0)}80%,100%{transform:translateY(-390px)}}@keyframes scanPulse{0%,100%{opacity:.5}50%{opacity:1}}@keyframes ocrScan{0%,100%{top:20%;opacity:0}15%{opacity:1}80%{top:95%;opacity:1}95%{top:95%;opacity:0}}@keyframes shieldTurn{0%,100%{transform:rotate(14deg)}50%{transform:rotate(4deg)}}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation-play-state:paused!important}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.hero-heading{gap:40px;grid-template-columns:1.6fr 1fr}.hero h1{font-size:88px}.hero-aside>p:first-child{font-size:21px}.site-header nav{gap:22px;margin-right:10px}.hero-sub{font-size:12px}.hero-edition{font-size:7px}.scene{padding-inline:35px}.example-page-content h3{font-size:34px}.example-page-content{padding-inline:32px}.floating-tool-palette{right:13px}.example-cards{margin-top:18px}.capture-layout{gap:55px}.capture-layout h2{font-size:53px}.scroll-viewport{padding-inline:35px}.workspace-layout{gap:55px}.workspace-layout h2{font-size:55px}.sample-toolbar{gap:13px;padding:12px}.layout-page{margin:30px;padding:25px}.layout-page h3{font-size:34px}.toolkit-grid{gap:0 25px}.exhibit-label{margin-left:8px}.board-sticky{right:3%;top:12%;font-size:9px}.board-nodes>div{width:115px}.example-notebook>div{padding:28px}.example-notebook h3{font-size:27px}.organize-grid{grid-template-columns:1fr 1fr}.whiteboard-demo,.notes-demo{padding:24px;min-height:460px}.canvas-diagram{gap:7px}.canvas-diagram>span{padding:16px 13px;font-size:10px}.canvas-diagram>i{font-size:17px}.draggable-sticky{left:52%;width:155px}.closing-section h2{font-size:88px}}
@media(max-width:850px){.container{width:calc(100% - 40px)}.site-header{height:74px}.brand{font-size:19px;gap:7px}.brand img{width:33px;height:33px}.site-header nav{gap:18px;font-size:10px}.nav-install.button{font-size:10px;padding:10px 12px;gap:7px}.nav-install>.icon{width:15px}.hero{padding-top:33px}.hero-heading{gap:30px;grid-template-columns:1.55fr 1fr}.hero h1{font-size:73px}.hero-topline{margin-bottom:25px}.hero-edition{display:none}.hero-aside>p:first-child{font-size:18px}.hero-sub{font-size:11px;line-height:1.8}.hero-aside>.button{font-size:10px;padding:12px 15px;gap:8px}.hero-aside .watch-link{font-size:9px;margin-top:12px}.hero-foot{gap:18px;font-size:8px}.hero-foot>a{font-size:8px}.hero-topline .eyebrow{font-size:7px}.story-window{height:430px}.scene{padding:25px}.example-page-nav{height:38px;padding-inline:20px;gap:20px;font-size:7px}.example-page-content{padding:23px 29px}.example-page-content h3{font-size:30px}.example-cards>div{padding:13px}.example-cards h4{font-size:11px}.example-cards p{font-size:7px}.example-page-content>p:not(.micro-label){font-size:9px}.sample-selection{inset:14px}.floating-tool-palette{top:80px;right:7px;padding:10px 8px;gap:14px}.floating-tool-palette>.icon{width:13px;height:13px}.story-stage-foot{gap:12px;padding-inline:12px}.story-stage-foot>strong{font-size:11px}.story-stage-foot>span:nth-child(3){font-size:8px;max-width:290px}.scene-tabs button{font-size:10px;padding:14px 5px;gap:6px}.scene-tabs button>span{font-size:7px;margin-right:0}.scene-tabs button>.icon{width:14px;height:14px}.statement-strip>div{gap:25px}.statement-strip span{font-size:8px;letter-spacing:.8px}.section{padding-block:80px}.section-heading{gap:35px;margin-bottom:34px}.section-heading h2{font-size:47px}.section-heading>p{font-size:12px;max-width:270px}.eyebrow{font-size:8px}.clarity-canvas{padding:25px 30px 35px}.clarity-content{padding:23px 30px 25px}.clarity-content h3{font-size:30px}.clarity-content-grid{gap:25px;margin-top:23px}.clarity-action-card{padding:16px}.clarity-action-card>strong{font-size:18px}.clarity-content h4{font-size:12px}.effect-highlight{left:8.6%;top:35%;height:23px;width:50%}.effect-redact{top:79%;left:8.6%;width:26%}.clarity-bottom{padding:18px 25px;gap:18px;font-size:9px}.clarity-bottom input{max-width:300px}.feature-footline{gap:14px;font-size:8px}.capture-layout{gap:35px}.capture-layout h2{font-size:46px}.capture-layout>div:first-child>p:not(.eyebrow):not(.fine-print){font-size:12px}.scroll-top{font-size:7px;padding:16px}.scroll-top small{font-size:5px}.scroll-viewport{height:340px;padding-inline:27px}.scroll-document{padding:24px}.scroll-document h3{font-size:29px}.scroll-controls{padding:14px 12px;font-size:8px;gap:5px}.scroll-controls>span:nth-child(2){max-width:105px;font-size:8px}.scroll-controls>.button{padding:9px;font-size:9px}.video-benefits{gap:25px;margin-top:30px}.video-benefits h3{font-size:20px}.video-benefits p{font-size:11px}.ocr-grid{grid-template-columns:1.15fr 1fr;gap:20px}.ocr-demo{padding:27px}.ocr-source{padding:20px 23px}.ocr-source>p{font-size:24px}.privacy-feature{padding:30px}.privacy-feature h3{font-size:33px}.privacy-feature>p:not(.eyebrow){font-size:11px}.whiteboard-demo,.notes-demo{padding:22px;min-height:470px}.whiteboard-demo>h3{font-size:29px}.notes-demo>h3{font-size:30px}.organize-top{font-size:6px}.organize-top>button{font-size:7px}.canvas-diagram{gap:5px;margin-top:30px}.canvas-diagram>span{padding:14px 9px;font-size:9px}.canvas-diagram>i{font-size:14px}.draggable-sticky{left:43%;top:65%;width:150px;font-size:10px}.board-demo-bottom{left:20px;right:20px;font-size:6px}.board-demo-bottom>button{font-size:6px}.notes-demo-bottom{font-size:6px;gap:9px}.workspace-layout{gap:35px;grid-template-columns:1fr 1.15fr}.workspace-layout h2{font-size:48px}.workspace-layout>div>p:not(.eyebrow):not(.workspace-caption){font-size:12px}.layout-stage{height:350px}.layout-page{margin:25px;height:300px;padding:23px}.layout-page h3{font-size:32px}.layout-controls{gap:5px}.layout-controls>button{font-size:9px;padding:8px 10px}.sample-toolbar{gap:12px;padding:11px;top:50px}.sample-toolbar>.icon{width:13px;height:13px}.sample-toolbar>span{font-size:9px}.toolkit-grid{grid-template-columns:1fr 1fr;gap:0 30px}.tool-card h3{font-size:15px}.tool-card p{font-size:11px}.feature-search-wrap{width:280px}.comparison-switcher>span{font-size:10px}.comparison-switcher button{font-size:9px;padding:9px 11px}.faq-section{gap:40px;grid-template-columns:1fr 1.4fr;padding-top:20px}.faq-section h2{font-size:44px}.faq-list summary{font-size:11px}.closing-section{padding:60px 0 50px}.closing-section h2{font-size:73px}.closing-section p:not(.eyebrow){font-size:15px}.closing-section .button{font-size:11px;padding:14px 18px;gap:9px}.site-footer>div{gap:20px;flex-wrap:wrap}.site-footer>div:first-child>p{font-size:9px}.site-footer nav{font-size:9px;gap:18px}.site-footer>div:last-child>p{margin-left:0;flex:1}.example-notebook{grid-template-columns:1fr 1.6fr}.scene-notes{padding:25px 35px}.example-notebook h3{font-size:25px}.example-notebook>div{padding:25px}.example-notebook>aside{padding:22px 14px}.example-notebook>aside>b{font-size:11px}.board-heading{font-size:28px}.board-sticky{font-size:8px;padding:12px 16px}.board-nodes{margin-top:45px;gap:10px}.board-nodes>div{width:100px;height:65px;font-size:12px}.board-nodes .icon{width:17px;height:17px}.board-bottom{font-size:6px}.scene-record{padding:22px 45px}.record-window>img{max-height:235px}}
@media(max-width:600px){:root{scroll-padding-top:78px}.container{width:calc(100% - 32px)}.announcement{font-size:8px;gap:6px;padding:9px 10px}.announcement a{font-size:7px;margin-left:3px}.site-header{height:66px}.nav-wrap{gap:9px}.brand{font-size:17px;gap:6px}.brand img{width:31px;height:31px}.nav-install.button{margin-left:auto;font-size:10px;padding:10px 12px;min-height:37px;gap:0}.nav-install>.icon{display:none}.menu-toggle{display:grid;width:32px;height:32px;order:3}.site-header nav{position:absolute;top:66px;left:0;right:0;display:none;background:#fcfcfa;padding:15px 18px 20px;margin:0;border-bottom:1px solid var(--line);box-shadow:0 15px 30px #151a3c0c;justify-content:center;gap:25px;font-size:11px}.site-header nav.open{display:flex}.hero{padding-top:27px;padding-bottom:24px}.hero-topline{margin-bottom:20px}.hero-topline .eyebrow{font-size:6px;letter-spacing:1.25px}.hero-heading{display:block}.hero h1{font-size:clamp(39px,11.4vw,65px);line-height:1.02;letter-spacing:-.055em;word-spacing:.03em}.headline-stroke{bottom:-6px;height:11px;stroke-width:8}.hero-aside{margin-top:25px;display:grid;grid-template-columns:1fr auto;gap:14px 18px;align-items:start;padding:0}.hero-aside>p:first-child{font-size:16px;line-height:1.4;grid-column:1/3;margin:0;color:#71758e;letter-spacing:-.2px}.hero-aside>p:first-child br{display:none}.hero-sub{font-size:11px;line-height:1.8;grid-column:1/3;margin:0;max-width:100%}.hero-aside>.button{grid-column:1;justify-self:start;font-size:11px;padding:12px 16px;min-height:44px;gap:8px}.hero-aside>.button>.icon{width:15px;height:15px}.hero-aside .watch-link{grid-column:2;align-self:center;margin:0;max-width:135px;text-align:left;font-size:9px;line-height:1.7}.chrome-mark{width:19px;height:19px}.chrome-mark:after{inset:4px}.hero-foot{margin-top:23px;padding-top:15px;gap:12px;font-size:7px;flex-wrap:wrap}.hero-foot .icon{width:10px;height:10px}.hero-foot>a{font-size:8px;display:none}.studio-exhibit{padding-top:4px}.exhibit-heading{gap:6px;padding-bottom:9px}.exhibit-heading h2{font-size:6px;letter-spacing:1px}.exhibit-heading>div{gap:6px}.small-square{width:4px;height:4px}.exhibit-label{display:none}.motion-toggle{font-size:8px;padding:4px 0 4px 6px}.studio-stage{padding:6px 6px 0;border-radius:10px}.studio-chrome{height:28px;padding:0 8px 5px;font-size:7px}.studio-chrome b{padding:0 4px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.local-label{font-size:5px;gap:3px}.local-label .icon{width:9px;height:9px}.story-window{height:357px;border-radius:5px}.scene{padding:17px 14px}.example-page{border-radius:6px}.example-page-nav{height:32px;padding:0 15px;gap:14px;font-size:5px}.example-page-nav>b{font-size:8px;gap:5px}.example-page-nav>b>span{width:6px;height:6px}.example-status{display:none}.example-page-content{padding:22px 20px}.micro-label{font-size:4px;letter-spacing:1px;margin-bottom:11px}.example-page-content h3{font-size:25px;line-height:1.1;letter-spacing:-.9px}.example-page-content>p:not(.micro-label){font-size:8px;line-height:1.7;margin-top:11px}.example-cards{grid-template-columns:1fr;margin-top:17px;gap:0}.example-cards>div{padding:11px 12px}.example-cards>div:last-child{display:none}.example-cards h4{font-size:9px;letter-spacing:-.15px}.example-cards small{font-size:5px;padding:2px 4px;margin-bottom:5px}.example-cards p{font-size:6px;margin-top:5px}.example-action{padding:6px;font-size:5px;margin-top:9px}.sample-selection{inset:9px;border-width:1px}.sample-selection>i{width:5px;height:5px;border-width:1px}.sample-selection>span{font-size:5px;padding:4px 6px;bottom:-20px}.floating-tool-palette{top:94px;right:3px;padding:8px 6px;gap:12px;border-radius:6px}.floating-tool-palette>.icon{width:11px;height:11px}.floating-tool-palette>span:first-child{font-size:4px}.palette-dot{width:7px;height:7px}.animated-pointer{right:22%;top:42%}.animated-pointer>svg{width:21px;height:25px}.animated-pointer>span{font-size:5px;padding:4px 6px}.hero-step{width:19px;height:19px;left:5%;top:59%;font-size:8px}.hero-markup>svg{width:40%;right:13%;top:33%}.hero-comment{font-size:6px;padding:6px 8px;right:4%;bottom:9%}.story-stage-foot{display:grid;grid-template-columns:40px 1fr;gap:4px 8px;padding:11px 10px 13px}.story-stage-foot>span:first-child{font-size:6px;grid-row:1/3}.story-stage-foot>strong{font-size:10px;letter-spacing:-.1px}.story-stage-foot>span:nth-child(3){font-size:8px;grid-column:2;margin:0;max-width:100%;line-height:1.7}.scene-tabs{gap:3px;margin-top:10px}.scene-tabs button{flex-direction:column;padding:11px 2px;gap:4px;font-size:7px;min-height:59px;justify-content:flex-start;line-height:1.5}.scene-tabs button>span{display:none}.scene-tabs button>.icon{width:16px;height:16px;margin-bottom:2px}.demo-note{font-size:8px;margin-top:13px;line-height:1.9}.demo-note button{font-size:8px}.statement-strip{margin-top:27px;padding:15px}.statement-strip>div{gap:13px;justify-content:flex-start;width:max-content;animation:none}.statement-strip span{font-size:7px;letter-spacing:1px}.statement-strip i{font-size:15px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:40px;letter-spacing:-.055em;line-height:1.1}.section-heading>p{font-size:12px;line-height:1.9;max-width:100%;margin-top:20px}.section-heading>p br{display:none}.eyebrow{font-size:7px;letter-spacing:1.35px;margin-bottom:16px}.section-heading .eyebrow{margin-bottom:15px}.workbench-top{font-size:6px;padding:13px 15px}.workbench-top small{display:none}.workbench-top button{font-size:8px}.markup-toolbar{gap:4px;padding:12px 8px;flex-wrap:wrap}.markup-toolbar>button{flex-direction:column;gap:4px;font-size:7px;padding:8px 7px;min-width:43px;min-height:43px}.markup-toolbar>button>.icon{width:13px;height:13px}.markup-toolbar>button>span{font-size:13px}.clarity-canvas{padding:16px 14px 34px;border-radius:0}.clarity-nav{height:31px;padding:0 13px;font-size:7px}.clarity-nav small{display:none}.clarity-nav i{width:7px;height:7px}.clarity-content{padding:22px 19px 23px}.clarity-content>small{font-size:4px;letter-spacing:1px}.clarity-content h3{font-size:24px;letter-spacing:-.8px;line-height:1.1;margin-top:12px}.clarity-content-grid{gap:12px;grid-template-columns:1.2fr 1fr;margin-top:22px}.ready-label{font-size:5px;padding:3px 4px}.clarity-content h4{font-size:10px;line-height:1.3;margin-top:10px}.clarity-content-grid p{font-size:7px;line-height:1.85;margin-top:7px}.example-email{font-size:5px;margin-top:10px}.clarity-action-card{padding:11px 10px;border-radius:5px;align-self:start}.clarity-action-card>span{font-size:4px;letter-spacing:.5px}.clarity-action-card>strong{font-size:14px;letter-spacing:-.3px;margin-top:9px}.clarity-action-card i{font-size:5px;margin-top:13px}.effect-highlight{top:35%;left:9.5%;height:20px;width:72%}.effect-steps{left:7%;top:60%;width:18px;height:18px;font-size:7px}.effect-arrow{right:17%;top:36%;width:39%;height:28%}.effect-text{font-size:6px;padding:5px 8px;right:8%;bottom:12%;max-width:155px}.effect-redact{top:80%;left:9.5%;width:29%;height:9px}.clarity-divider>span{width:22px;height:22px;font-size:10px}.before-label,.after-label{font-size:5px;bottom:12px;left:15px;letter-spacing:.5px}.after-label{left:auto;right:15px}.clarity-bottom{padding:17px 16px;gap:12px;display:grid;grid-template-columns:1fr auto}.clarity-bottom>label{font-size:9px;grid-column:1}.clarity-bottom>input{width:100%;max-width:100%;grid-column:1/3;grid-row:2;min-height:20px;order:3}.clarity-bottom>span{font-size:6px;grid-column:2;grid-row:1}.clarity-bottom b{margin-left:7px}.feature-footline{justify-content:flex-start;gap:9px 15px;font-size:8px;margin-top:20px}.feature-footline span:before{margin-right:5px}.capture-layout{grid-template-columns:1fr;gap:32px}.capture-layout h2{font-size:43px}.capture-layout>div:first-child>p:not(.eyebrow):not(.fine-print){font-size:12px;line-height:1.9;margin-top:22px;max-width:100%}.capture-callout{margin-top:24px}.capture-callout strong{font-size:17px}.capture-callout span{font-size:11px}.fine-print{font-size:10px;max-width:100%;margin-top:23px}.scrolling-showcase{max-width:430px;width:100%;margin:auto}.scroll-viewport{height:340px;padding-inline:28px}.scroll-controls{padding:14px;font-size:8px}.scroll-controls>span:nth-child(2){max-width:115px;font-size:8px}.scroll-controls>.button{font-size:9px;padding:9px 11px}.scroll-top{font-size:7px}.scroll-top small{font-size:5px}.video-theatre{border-radius:9px}.theatre-top{font-size:5px;padding:12px 13px;letter-spacing:.5px}.theatre-top>span:last-child{font-size:4px;letter-spacing:.2px}.theatre-top i{width:4px;height:4px}.theatre-bottom{padding:11px 13px;font-size:4px;letter-spacing:.3px;align-items:flex-start}.theatre-bottom>span{gap:6px;flex-wrap:wrap;max-width:200px}.theatre-bottom button{font-size:7px;white-space:nowrap}.video-benefits{grid-template-columns:1fr;gap:25px;margin-top:30px}.video-benefits>div{display:grid;grid-template-columns:25px 1fr;column-gap:13px}.video-benefits .icon{grid-row:1/3;width:22px;height:22px;margin:0}.video-benefits h3{font-size:21px;margin-bottom:10px}.video-benefits p{font-size:12px;grid-column:2}.tour-transcript summary{font-size:9px}.tour-transcript p{font-size:11px}.ocr-grid{grid-template-columns:1fr;gap:17px}.ocr-demo{padding:25px}.ocr-source{padding:23px 24px}.ocr-source>p{font-size:27px}.ocr-result{padding:21px}.ocr-result>p{font-size:12px}.ocr-result button{font-size:10px;padding:9px 11px}.ocr-demo>.demo-note{font-size:8px}.privacy-feature{padding:32px}.privacy-lock{margin-bottom:30px}.privacy-feature h3{font-size:38px}.privacy-feature>p:not(.eyebrow){font-size:12px;max-width:100%}.privacy-feature>a{font-size:11px}.privacy-caption{font-size:7px}.organize-grid{grid-template-columns:1fr;gap:18px}.whiteboard-demo,.notes-demo{min-height:440px;padding:24px}.organize-top{font-size:7px}.organize-top>button{font-size:8px}.whiteboard-demo>h3{font-size:33px;margin-top:30px}.canvas-diagram{gap:7px;margin-top:30px}.canvas-diagram>span{padding:16px 13px;font-size:10px}.canvas-diagram>i{font-size:17px}.draggable-sticky{left:46%;top:65%;width:155px;font-size:10px}.board-demo-bottom{font-size:6px;bottom:18px;left:22px;right:22px}.board-demo-bottom>button{font-size:6px}.drag-hint{font-size:7px;left:25px;bottom:49px}.notes-demo{min-height:425px}.notes-demo>h3{font-size:33px}.notes-demo>p{font-size:11px}.notes-demo>blockquote{font-size:13px}.notes-demo>label{font-size:11px}.notes-demo-bottom{font-size:7px;margin-top:25px}.workspace-layout{grid-template-columns:1fr;gap:35px}.workspace-layout h2{font-size:50px}.workspace-layout>div>p:not(.eyebrow):not(.workspace-caption){font-size:13px;max-width:100%}.layout-controls{margin-top:24px}.layout-controls>button{font-size:10px;padding:10px 13px}.dock-controls>span{font-size:10px}.dock-controls>button{font-size:9px;padding:8px 11px}.workspace-caption{font-size:9px;max-width:100%}.layout-stage{height:330px}.layout-page{margin:25px;height:280px;padding:24px}.layout-page h3{font-size:35px}.sample-toolbar{gap:13px;padding:12px;top:48px}.sample-toolbar>.icon{width:13px;height:13px}.sample-toolbar>span{font-size:10px}.layout-chip{font-size:5px;bottom:16px;right:16px}.feature-search-wrap{width:100%;margin-top:24px;padding:0}.feature-search-wrap label{font-size:10px}.search-input{padding:13px}.search-input input{font-size:11px}.feature-filters{gap:3px;flex-wrap:nowrap;overflow:auto;margin-bottom:9px;scrollbar-width:none}.feature-filters button{font-size:8px;padding:9px 9px;white-space:nowrap}.toolkit-grid{grid-template-columns:1fr;gap:0}.tool-card{padding:21px 0;column-gap:12px}.tool-card h3{font-size:16px}.tool-card p{font-size:12px;margin-top:8px;line-height:1.85}.tool-card>.icon{width:20px;height:20px}.comparison-switcher{display:block;margin-bottom:19px}.comparison-switcher>span{font-size:10px;display:block;margin-bottom:11px}.comparison-switcher>div{justify-content:space-between;gap:2px}.comparison-switcher button{font-size:8px;flex:1;padding:10px 8px}.table-scroll{border-radius:8px}table{min-width:570px}th,td{padding:15px 17px}thead th{font-size:12px}thead th small{font-size:7px}thead .our-column img{width:21px;height:21px}tbody td:first-child,tbody td.our-column,tbody td:last-child{font-size:10px}.comparison-notes>p{font-size:11px}.comparison-notes summary{font-size:9px}.comparison-notes details p{font-size:10px}.faq-section{grid-template-columns:1fr;gap:27px;padding-top:15px}.faq-section h2{font-size:40px}.faq-section>div>p:not(.eyebrow){font-size:12px;max-width:100%;margin-top:19px}.faq-list summary{font-size:12px;padding-block:18px}.faq-list details p{font-size:12px}.closing-section{padding:48px 0 38px}.closing-section .eyebrow{font-size:6px;letter-spacing:1.2px;margin-bottom:21px}.closing-section h2{font-size:clamp(41px,10.5vw,63px);letter-spacing:-.06em;line-height:1.07}.closing-section .container>div{display:block;margin-top:25px}.closing-section p:not(.eyebrow){font-size:14px;line-height:1.7}.closing-section p br{display:none}.closing-section .button{margin-top:22px;font-size:11px;padding:13px 17px;gap:8px}.closing-section .button>.icon{width:16px;height:16px}.closing-note{font-size:8px;margin-top:30px;line-height:1.9;padding-top:17px}.site-footer{padding-top:29px}.site-footer>div{gap:17px}.site-footer .brand{font-size:17px}.site-footer .brand img{width:31px;height:31px}.site-footer>div:first-child>p{font-size:9px;width:100%;order:2}.site-footer nav{width:100%;margin:0;font-size:9px;gap:25px;order:3}.site-footer>div:first-child{padding-bottom:24px}.site-footer>div:last-child{padding-top:18px;gap:12px;font-size:7px}.site-footer>div:last-child>span{width:100%}.site-footer>div:last-child>p{font-size:7px;max-width:270px;line-height:1.8}.site-footer>div:last-child>a{font-size:7px;margin-left:auto}dialog{padding:10px;border-radius:9px;width:96vw}.dialog-top{padding:0 0 8px;gap:10px}.dialog-top h2{font-size:11px;line-height:1.5}.dialog-top .icon-button{width:30px;height:30px}dialog>p{font-size:8px;line-height:1.8;margin:10px 2px 0}.scene-record{padding:21px 17px}.record-title{font-size:4px;padding:0 10px;height:25px;letter-spacing:.4px}.record-title>span:last-child{display:none}.record-window>img{height:164px;max-height:164px;object-fit:contain}.mini-record-controls{height:28px;padding:0 10px;font-size:6px;gap:7px}.record-timeline{height:32px;margin:3px 16px 6px}.timeline-labels{padding:0 16px 11px;font-size:4px}.stage-floating-chip{font-size:7px;padding:9px 12px;bottom:21px;right:9%;gap:6px}.stage-floating-chip>.icon{width:13px;height:13px}.scene-board{padding:17px 14px}.board-grid{padding:22px 20px}.board-heading{font-size:25px;letter-spacing:-.9px}.board-nodes{gap:7px;margin-top:58px}.board-nodes>div{flex-direction:column;width:74px;height:61px;font-size:10px;gap:5px}.board-nodes .icon{width:16px;height:16px}.board-nodes>span{font-size:17px}.board-sticky{top:33%;right:5%;font-size:6px;padding:8px 11px}.board-sticky>span{font-size:13px;margin-top:3px}.board-bottom{bottom:15px;left:20px;right:20px;font-size:5px;gap:10px;line-height:1.8}.board-bottom>span:first-child{white-space:nowrap}.board-bottom .icon{width:10px;height:10px}.scene-notes{padding:19px 15px}.example-notebook{grid-template-columns:.85fr 1.4fr}.example-notebook>aside{padding:18px 10px;gap:9px}.example-notebook>aside>b{font-size:8px;gap:5px;margin-bottom:3px}.example-notebook>aside>b>.icon{width:12px;height:12px}.note-filter{font-size:5px;padding:6px}.example-notebook>aside>span:not(.note-filter){font-size:6px;padding:8px 6px}.example-notebook small{font-size:4px;margin-top:4px}.example-notebook>div{padding:23px 15px}.note-paper-label{font-size:4px;margin-bottom:15px;letter-spacing:.4px}.example-notebook h3{font-size:20px;letter-spacing:-.7px;line-height:1.1}.example-notebook>div>p{font-size:6px;margin-top:15px}.example-notebook blockquote{font-size:7px;padding:10px;margin:13px 0 17px}.example-todo{font-size:6px;gap:5px}.example-todo>span{width:9px;height:9px;font-size:5px}.note-source{font-size:5px;margin-top:19px}.note-paper-label{line-height:1.7}}
@media(max-width:380px){.container{width:calc(100% - 28px)}.brand{font-size:15px;gap:5px}.brand img{width:28px;height:28px}.nav-wrap{gap:7px}.nav-install.button{font-size:9px;padding:10px}.menu-toggle{width:28px}.announcement{font-size:7px;flex-wrap:wrap;gap:4px}.announcement a{font-size:7px}.hero h1{font-size:39px}.hero-aside{gap:13px 10px}.hero-aside .watch-link{font-size:8px;max-width:118px}.hero-aside>.button{font-size:10px;padding:12px}.hero-aside>.button>.icon{display:none}.hero-foot{gap:8px;font-size:6px}.hero-foot>span{gap:3px}.story-window{height:346px}.example-page-content{padding:20px 17px}.example-page-content h3{font-size:22px}.example-page-content>p:not(.micro-label){font-size:7px}.example-cards{margin-top:16px}.example-cards h4{font-size:8px}.example-cards p{font-size:6px}.floating-tool-palette{right:2px;padding:7px 5px}.floating-tool-palette>.icon{width:10px;height:10px}.story-stage-foot>strong{font-size:9px}.story-stage-foot>span:nth-child(3){font-size:7px}.scene-tabs button{font-size:6px;padding-inline:1px}.section-heading h2{font-size:36px}.markup-toolbar{gap:3px;padding:11px 6px}.markup-toolbar>button{min-width:39px;padding:7px 6px;font-size:6px}.clarity-content{padding-inline:16px}.clarity-content h3{font-size:21px}.clarity-content-grid{gap:9px}.clarity-action-card{padding:10px 8px}.clarity-action-card>strong{font-size:12px}.clarity-content h4{font-size:9px}.clarity-content-grid p{font-size:6px}.effect-highlight{top:35%;left:10%;width:74%}.capture-layout h2{font-size:39px}.scroll-viewport{padding-inline:22px}.scroll-controls{padding:13px 10px;gap:4px}.scroll-controls>span:nth-child(2){max-width:95px;font-size:7px}.scroll-controls>.button{font-size:8px;padding:8px}.ocr-demo{padding:21px}.ocr-source>p{font-size:24px}.whiteboard-demo,.notes-demo{padding:21px}.whiteboard-demo>h3,.notes-demo>h3{font-size:29px}.canvas-diagram{gap:5px}.canvas-diagram>span{padding:15px 9px;font-size:9px}.canvas-diagram>i{font-size:15px}.draggable-sticky{left:40%;width:149px}.organize-top{font-size:6px}.organize-top>button{font-size:7px}.layout-stage{height:315px}.layout-page{margin:20px;height:275px;padding:23px}.layout-page h3{font-size:32px}.sample-toolbar{gap:11px;padding:11px}.sample-toolbar>.icon{width:12px;height:12px}.layout-controls{gap:5px}.layout-controls>button{font-size:9px;padding:9px 11px}.closing-section h2{font-size:37px}.closing-section .button{font-size:10px;padding:13px 14px;gap:7px}.hero-comment{font-size:5px}}
.motion-zone:not([data-in-view=true]) *{animation-play-state:paused}
.example-email{width:fit-content}
.effect-arrow{right:22%}
.hero h1{font-size:clamp(62px,6.3vw,92px);letter-spacing:-.045em;word-spacing:.04em}
.hero-aside>p.hero-sub{font-size:15px;line-height:1.8;letter-spacing:0;color:#697185;margin:0 0 20px}
.site-header nav{gap:7px;margin-right:16px}.site-header nav a{font-size:12px;font-weight:650;color:#555d73;padding:9px 13px;border-radius:7px;transition:background .18s,color .18s,box-shadow .18s}.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a[aria-current=location]{background:#edf0ff;color:#474fe1}.site-header nav a:active{background:#e0e5ff}
.scene-tabs button{border-radius:7px 7px 0 0;transition:background .18s,color .18s}.scene-tabs button:hover{background:#f0f2fe;color:var(--blue)}.scene-tabs button[aria-selected=true]{font-weight:600}.markup-toolbar button:hover{background:#eceefe;border-color:#c1c7ed;color:#6a6fd1}.feature-filters>button:hover{background:#f0f2fb;color:#737fd1}.comparison-switcher button:hover{background:#e9edfa;color:#747fd1}.motion-toggle{border-radius:5px;padding:5px 8px}.motion-toggle:hover{background:#edf0ff}.hero-aside .watch-link{border-radius:6px;min-height:30px;padding:5px 8px;margin-left:-8px;transition:background .18s,color .18s}.hero-aside .watch-link:hover{background:#edf0ff;color:#4d56d2}.layout-controls>button:hover,.dock-controls>button:hover{background:#353d5b;border-color:#5a6692;color:#c1c8ed}.faq-list summary:hover{color:#5665aa}.site-footer a:hover{color:#5c6bc8}
@media(max-width:850px){.site-header nav{gap:3px;margin-right:6px}.site-header nav a{font-size:10px;padding:8px 9px}}
@media(max-width:600px){.site-header nav{gap:4px;flex-wrap:wrap;margin:0}.site-header nav a{font-size:12px;padding:10px 12px}.hero-aside .watch-link{font-size:9px;min-height:40px}}
@media(max-width:850px){.hero-aside>p.hero-sub{font-size:13px}}
@media(max-width:600px){.hero-aside>p.hero-sub{font-size:12px;margin:0;grid-column:1/3}}
@media(max-width:1100px) and (min-width:851px){.hero h1{font-size:75px}}
@media(max-width:850px) and (min-width:601px){.hero h1{font-size:58px}}
@media(max-width:600px){.hero h1{font-size:clamp(39px,11.4vw,65px)}}
@media(max-width:380px){.hero h1{font-size:39px}}
html[data-motion=paused] .hero-markup>svg,html[data-motion=paused] .effect-arrow{stroke-dashoffset:0!important}
.hero-sub,.section-heading>p,.video-benefits p,.capture-layout>div:first-child>p:not(.eyebrow):not(.fine-print){color:#697185}.feature-footline{color:#737d90}.tool-card h3{color:#49536c}.tool-card p{color:#748096}.feature-search-wrap label{color:#79859b}.search-input input{color:#66728d}.feature-filters>button{color:#7e8aa0}.comparison-switcher>span{color:#7b87a0}tbody td:first-child,tbody td:last-child{color:#7c89a2}tbody td.our-column{color:#727dc5}.comparison-notes>p{color:#7a879f}.faq-list summary{color:#687993}.faq-list details p,.faq-section>div>p:not(.eyebrow){color:#7a8aa2}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.headline-stroke{stroke-dashoffset:0}.hero-markup>svg,.effect-arrow{stroke-dashoffset:0}}
/* Readability pass: keep product mockups compact while sizing real page copy for comfortable reading. */
body{font-size:16px}.announcement{font-size:12px}.hero-topline .eyebrow,.hero-edition{font-size:10px}.hero-aside>p.hero-sub{font-size:17px}.hero-aside>.button{font-size:14px}.hero-aside .watch-link{font-size:13px}.hero-foot{font-size:11px}.exhibit-heading h2{font-size:10px}.exhibit-label{font-size:9px}.motion-toggle{font-size:11px}.story-stage-foot>strong{font-size:14px}.story-stage-foot>span:nth-child(3){font-size:11px}.scene-tabs button{font-size:13px}.demo-note{font-size:11px}.eyebrow{font-size:12px}.section-heading>p{font-size:17px;max-width:410px}.workbench-top{font-size:10px}.workbench-top button,.markup-toolbar button{font-size:11px}.feature-footline{font-size:11px}.capture-layout>div:first-child>p:not(.eyebrow):not(.fine-print){font-size:17px}.capture-callout span{font-size:13px}.fine-print{font-size:12px}.video-benefits p{font-size:15px}.tour-transcript summary,.tour-transcript p{font-size:13px}.ocr-result>p{font-size:14px}.ocr-result button{font-size:12px}.privacy-feature>p:not(.eyebrow){font-size:16px}.privacy-feature>a{font-size:13px}.privacy-caption{font-size:10px}.notes-demo>p,.notes-demo>label{font-size:14px}.notes-demo>blockquote{font-size:16px}.notes-demo-bottom{font-size:10px}.workspace-layout>div>p:not(.eyebrow):not(.workspace-caption){font-size:16px}.layout-controls>button,.dock-controls>span,.dock-controls>button{font-size:12px}.workspace-caption{font-size:12px}.feature-search-wrap label{font-size:12px}.search-input input{font-size:15px}.feature-filters button{font-size:12px}.tool-card h3{font-size:19px}.tool-card p{font-size:15px}.comparison-switcher>span,.comparison-switcher button{font-size:12px}thead th{font-size:13px}tbody td:first-child,tbody td.our-column,tbody td:last-child{font-size:13px}.comparison-notes>p,.comparison-notes summary,.comparison-notes details p{font-size:13px}.faq-section>div>p:not(.eyebrow){font-size:16px}.faq-list summary{font-size:16px}.faq-list details p{font-size:14px}.closing-section p:not(.eyebrow){font-size:17px}.closing-section .button{font-size:14px}.closing-note{font-size:11px}.site-footer>div:first-child>p,.site-footer nav{font-size:12px}.site-footer>div:last-child,.site-footer>div:last-child>p,.site-footer>div:last-child>a{font-size:10px}.dialog-top h2{font-size:18px}dialog>p{font-size:13px}
@media(max-width:850px){.site-header nav a{font-size:12px}.hero-aside>p.hero-sub{font-size:15px}.section-heading>p{font-size:16px}.tool-card p{font-size:14px}}
@media(max-width:600px){.announcement,.announcement a{font-size:10px}.hero-topline .eyebrow,.hero-edition{font-size:8px}.hero-aside>p.hero-sub{font-size:14px}.hero-aside>.button{font-size:12px}.hero-aside .watch-link{font-size:11px}.hero-foot{font-size:9px}.eyebrow{font-size:10px}.section-heading>p{font-size:15px}.scene-tabs button{font-size:9px}.demo-note{font-size:10px}.feature-footline{font-size:10px}.capture-layout>div:first-child>p:not(.eyebrow):not(.fine-print),.workspace-layout>div>p:not(.eyebrow):not(.workspace-caption){font-size:15px}.video-benefits p,.privacy-feature>p:not(.eyebrow){font-size:14px}.feature-search-wrap label{font-size:12px}.search-input input{font-size:14px}.feature-filters button{font-size:11px}.tool-card h3{font-size:18px}.tool-card p{font-size:14px}.comparison-switcher>span,.comparison-switcher button{font-size:11px}.comparison-notes>p,.comparison-notes summary,.comparison-notes details p{font-size:12px}.faq-section>div>p:not(.eyebrow),.faq-list summary,.faq-list details p{font-size:14px}.closing-section p:not(.eyebrow){font-size:15px}.closing-note{font-size:10px}.site-footer>div:first-child>p,.site-footer nav{font-size:11px}.site-footer>div:last-child,.site-footer>div:last-child>p,.site-footer>div:last-child>a{font-size:9px}.dialog-top h2{font-size:16px}dialog>p{font-size:12px}}
/* Hero: show the product workflow before the visitor has to scroll. */
.hero{padding:46px 0 42px}.hero-heading{grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);gap:64px;align-items:center}.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(56px,5.2vw,76px);line-height:1.01}.hero-aside{max-width:560px;margin-top:30px;padding:0}.hero-aside>p.hero-sub{font-size:18px;line-height:1.65;max-width:540px;margin-bottom:22px;color:#5f687e}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-actions .button{font-size:14px;min-height:53px}.hero-actions .watch-link{margin:0;padding:9px 10px;font-size:13px;min-height:44px}.hero-foot{margin-top:22px;padding-top:17px;gap:17px;border-top:1px solid var(--line);font-size:11px;flex-wrap:wrap}.hero-foot>span{white-space:nowrap}.hero-proof{min-width:0;padding:10px;background:linear-gradient(145deg,#eef0ff,#d9deff 62%,#edf5d5);border:1px solid #ccd3f5;border-radius:20px;box-shadow:0 32px 70px -43px #2d347a99;overflow:hidden;transform:rotate(.25deg)}.hero-proof-top,.hero-proof-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:3px 9px 11px;color:#737c9d;font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.8px}.hero-proof-top>span{display:flex;align-items:center;gap:6px}.hero-proof-top i{width:5px;height:5px;border-radius:50%;background:#6d73ed;box-shadow:0 0 0 4px #6d73ed1c}.hero-proof-top .icon{width:12px;height:12px}.hero-proof-screen{height:355px;position:relative;border-radius:12px;background:#fff;border:1px solid #dfe3f1;box-shadow:0 18px 35px #4b54832e;overflow:hidden}.hero-proof-browser{height:39px;padding:0 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #eceef5;color:#9ba1b3;font-size:8px}.hero-proof-browser>span{display:flex;gap:4px}.hero-proof-browser i{display:block;width:6px;height:6px;border-radius:50%;background:#d9aeb5}.hero-proof-browser i:nth-child(2){background:#d8c99c}.hero-proof-browser i:nth-child(3){background:#acd3c0}.hero-proof-browser b{font-weight:600;color:#49516e}.hero-proof-browser small{margin-left:auto;font:6px ui-monospace,monospace;letter-spacing:.7px}.hero-proof-content{padding:37px 42px;color:#28304c}.hero-proof-content>span{font:7px ui-monospace,monospace;letter-spacing:1.25px;color:#9299ba}.hero-proof-content h2{font-size:32px;line-height:1.08;letter-spacing:-1.25px;margin-top:13px;font-weight:650}.hero-proof-content h2 em{font-style:normal;color:#6268df}.hero-proof-content>p{font-size:10px;line-height:1.75;margin-top:15px;color:#8b92a9}.hero-proof-cards{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin-top:23px}.hero-proof-cards>div{padding:13px 15px;border:1px solid #e6e8f1;border-radius:8px;background:#fbfbfe;display:grid;gap:6px}.hero-proof-cards small{font-size:6px;color:#79a28f}.hero-proof-cards strong{font-size:10px;color:#555e79}.hero-proof-selection{position:absolute;inset:53px 22px 22px;border:1.5px solid #7377ef;border-radius:5px;pointer-events:none;animation:heroSelection 6s var(--ease) infinite}.hero-proof-selection i{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #7377ef}.hero-proof-selection i:nth-child(1){left:-4px;top:-4px}.hero-proof-selection i:nth-child(2){right:-4px;top:-4px}.hero-proof-selection i:nth-child(3){left:-4px;bottom:-4px}.hero-proof-selection i:nth-child(4){right:-4px;bottom:-4px}.hero-proof-toolbar{position:absolute;right:14px;top:83px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 10px;background:#20263b;color:#fff;border-radius:9px;box-shadow:0 14px 24px #2a315755;animation:heroToolbar 6s var(--ease) infinite}.hero-proof-toolbar .icon{width:15px;height:15px}.hero-proof-toolbar .icon:nth-child(2){color:#bdc5ff}.hero-proof-toolbar>span{width:9px;height:9px;border-radius:50%;background:var(--lime)}.hero-proof-step{position:absolute;left:9%;top:58%;width:25px;height:25px;display:grid;place-items:center;background:#6f72eb;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #31385c33;color:#fff;font-size:10px;font-weight:700;animation:heroAnnotation 6s var(--ease) infinite}.hero-proof-arrow{position:absolute;right:18%;top:35%;width:34%;height:30%;fill:none;stroke:#6e70e3;stroke-width:3;stroke-linecap:round;stroke-dasharray:300;animation:heroArrow 6s var(--ease) infinite}.hero-proof-note{position:absolute;right:7%;bottom:10%;padding:8px 10px;border-radius:5px;background:var(--lime);color:#53604c;font-size:9px;font-weight:650;transform:rotate(-2deg);animation:heroAnnotation 6s var(--ease) infinite}.hero-proof-pointer{position:absolute;right:29%;top:48%;filter:drop-shadow(0 4px 3px #41496a35);animation:heroPointer 6s var(--ease) infinite}.hero-proof-pointer svg{width:26px;height:31px;fill:var(--lime);stroke:#444a81;stroke-width:1.5}.hero-proof-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}.hero-proof-modes span{padding:9px 5px;text-align:center;border-radius:7px;background:#ffffff80;color:#7d83a1;font-size:10px;font-weight:600;animation:heroMode 8s ease-in-out infinite}.hero-proof-modes span:nth-child(2){animation-delay:2s}.hero-proof-modes span:nth-child(3){animation-delay:4s}.hero-proof-modes span:nth-child(4){animation-delay:6s}.hero-proof-bottom{padding:11px 8px 2px;font-size:8px}.hero-proof-bottom a{color:#555fd2;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:10px;font-weight:600;letter-spacing:0}.hero-proof-bottom a:hover{color:#313cd1}@keyframes heroSelection{0%,12%{opacity:0;transform:scale(.96)}25%,100%{opacity:1;transform:scale(1)}}@keyframes heroToolbar{0%,24%{opacity:0;transform:translateX(15px)}38%,100%{opacity:1;transform:translateX(0)}}@keyframes heroAnnotation{0%,45%{opacity:0;transform:translateY(7px) rotate(-2deg)}58%,100%{opacity:1;transform:translateY(0) rotate(-2deg)}}@keyframes heroArrow{0%,48%{stroke-dashoffset:300;opacity:0}65%,100%{stroke-dashoffset:0;opacity:1}}@keyframes heroPointer{0%{transform:translate(-95px,-68px)}30%{transform:translate(-15px,-20px)}58%,100%{transform:translate(35px,55px)}}@keyframes heroMode{0%,22%,100%{background:#ffffff80;color:#7d83a1}5%,18%{background:#5157f7;color:#fff;box-shadow:0 6px 15px #5157f738}}
@media(max-width:1100px){.hero-heading{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:34px}.hero-copy h1{font-size:58px}.hero-proof-content{padding-inline:32px}.hero-proof-content h2{font-size:29px}}
@media(max-width:850px){.hero{padding-top:36px}.hero-heading{grid-template-columns:1fr;gap:38px}.hero-copy{max-width:700px}.hero-copy h1{font-size:clamp(58px,9vw,72px)}.hero-aside{max-width:650px}.hero-proof{width:min(680px,100%);margin-inline:auto}.hero-foot{max-width:650px}}
@media(max-width:600px){.hero{padding:28px 0 30px}.hero-topline{margin-bottom:24px}.hero-copy h1{font-size:clamp(45px,12.5vw,58px);letter-spacing:-.05em}.hero-aside{margin-top:25px}.hero-aside>p.hero-sub{font-size:15px;line-height:1.7}.hero-actions{gap:8px 12px}.hero-actions .button{font-size:12px;padding:13px 16px}.hero-actions .watch-link{font-size:11px}.hero-foot{margin-top:22px;gap:8px 13px;font-size:9px}.hero-proof{padding:6px;border-radius:14px}.hero-proof-top{font-size:6px;padding:4px 7px 9px}.hero-proof-top .icon{width:10px;height:10px}.hero-proof-screen{height:300px;border-radius:9px}.hero-proof-browser{height:34px;padding:0 12px;font-size:7px}.hero-proof-browser small{font-size:5px}.hero-proof-content{padding:30px 24px}.hero-proof-content>span{font-size:5px}.hero-proof-content h2{font-size:25px;letter-spacing:-.8px;margin-top:11px}.hero-proof-content>p{font-size:8px;margin-top:12px}.hero-proof-cards{margin-top:18px;gap:8px}.hero-proof-cards>div{padding:10px}.hero-proof-cards small{font-size:5px}.hero-proof-cards strong{font-size:8px}.hero-proof-selection{inset:45px 13px 15px}.hero-proof-toolbar{right:7px;top:70px;gap:12px;padding:10px 8px}.hero-proof-toolbar .icon{width:13px;height:13px}.hero-proof-step{left:8%;top:60%;width:21px;height:21px;font-size:8px}.hero-proof-arrow{right:20%;top:35%;width:36%}.hero-proof-note{right:5%;bottom:8%;font-size:7px;padding:6px 8px}.hero-proof-pointer{right:27%;top:47%}.hero-proof-pointer svg{width:22px;height:27px}.hero-proof-modes{gap:3px;margin-top:6px}.hero-proof-modes span{font-size:8px;padding:8px 2px}.hero-proof-bottom{font-size:6px;padding:9px 5px 1px}.hero-proof-bottom a{font-size:8px}}
@media(max-width:440px){.hero-actions{align-items:flex-start;flex-direction:column}.hero-actions .watch-link{align-self:flex-start;margin-left:0;max-width:none;white-space:nowrap}.hero-copy h1{font-size:clamp(41px,12vw,50px)}.hero-proof-content{padding-inline:20px}.hero-proof-content h2{font-size:22px}.hero-proof-content>p{font-size:7px}.hero-proof-cards>div:last-child{display:none}.hero-proof-cards{grid-template-columns:1fr;padding-right:30px}.hero-proof-bottom>span{display:none}}
@media(max-width:350px){.hero-copy h1{font-size:39px}.hero-proof-screen{height:285px}.hero-proof-content h2{font-size:20px}}
html[data-motion=paused] .hero-proof *{animation-play-state:paused!important}
@media print{.site-header,.announcement,.motion-toggle,.markup-toolbar,.hero-aside>.button,.watch-link,.scene-tabs,.closing-section,.feature-search-wrap,.feature-filters{display:none!important}body{background:white}.container{width:100%}.section{padding-block:30px}.toolkit-grid{grid-template-columns:1fr 1fr}.workspace-section{color:var(--ink);background:white}.workspace-layout h2{color:var(--ink)}.privacy-feature{background:#edf0f3}.privacy-feature h3{color:var(--ink)}.tool-card{break-inside:avoid}.tool-card[hidden]{display:grid!important}.headline-stroke{stroke-dashoffset:0}}