/* The desktop is a full-bleed continuation of the page, not a framed feature card. */
.hero{padding-bottom:0}.hero-actions{margin-top:23px}.desktop-section{margin:55px 0 0;padding:0 0 28px;background:#101217}.desktop-scene{width:100%;height:680px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 30%,#334d7245,transparent 58%),radial-gradient(ellipse at 12% 80%,#57396d35,transparent 58%),linear-gradient(125deg,#141a2b,#1f2b45 55%,#302144);mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 88%,transparent 100%);isolation:isolate}.desktop-menu{position:absolute;left:0;right:0;top:23px;height:31px;display:flex;align-items:center;gap:22px;padding:0 5%;font-size:12px;color:#bbc3d6;background:#14192455;backdrop-filter:blur(18px);z-index:8}.desktop-menu-brand{font-weight:650;color:#e4e9f3}.desktop-clock{margin-left:auto}.desktop-window-area{position:absolute;inset:60px 0 95px}.desktop-app-window{position:absolute;border:1px solid #ffffff25;border-radius:12px;overflow:hidden;box-shadow:0 25px 60px #0004;background:#e9e9ed;will-change:transform}.desktop-browser-window{width:61%;height:88%;left:11%;top:3%;color:#292b32;z-index:1}.desktop-note-window{width:28%;height:59%;right:9%;top:27%;z-index:2;background:#1f222ada;color:#d2d9e9;backdrop-filter:blur(22px)}.desktop-window-titlebar{height:35px;display:flex;align-items:center;gap:13px;padding:0 13px;background:#e5e5e9;box-shadow:0 1px 0 #00000009;font-size:11px;cursor:grab;user-select:none}.desktop-window-titlebar>span:last-child{margin-left:auto}.desktop-window-titlebar .replica-icon{width:15px;height:15px;color:#727780}.desktop-window-titlebar .window-lights{gap:5px}.desktop-window-titlebar .window-lights i{width:8px;height:8px}.desktop-note-window .desktop-window-titlebar{background:#2e333f;color:#c5ccdd}.desktop-note-window .desktop-window-titlebar .replica-icon{color:#929fb6}.desktop-app-body{height:calc(100% - 35px);overflow:hidden}.demo-browser-nav{height:34px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px;background:#ededf0;color:#777b86;font-size:12px}.demo-address{background:#fff9;border-radius:5px;width:62%;padding:5px 12px;text-align:center;font-size:10px;color:#8a8d95}.demo-browser-content{padding:21px 8%}.demo-website-nav{display:flex;justify-content:space-between;font-size:11px;color:#95948f;margin-bottom:27px}.demo-website-nav>b{font-size:15px;letter-spacing:-.5px;color:#383a42}.demo-small-label{font-size:8px;letter-spacing:1.5px;color:#95978e}.demo-browser-content h3{font:500 clamp(30px,4.3vw,66px)/1.03 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-2.7px;color:#2d3037;margin:14px 0 23px}.demo-web-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ccced0;padding-top:15px}.demo-web-row p{font-size:13px;line-height:1.6;color:#7c7f83;margin:0}.demo-mini-chart{height:45px;width:90px;display:flex;gap:8px;align-items:end}.demo-mini-chart i{display:block;background:#abbdb7;width:14px;height:35%}.demo-mini-chart i:nth-child(2){height:67%;background:#879e98}.demo-mini-chart i:nth-child(3){height:48%}.demo-mini-chart i:nth-child(4){height:92%;background:#6e8d83}.desktop-note-content{padding:25px 25px;color:#c8d0e2}.desktop-note-content h3{font:600 22px/1.1 var(--rounded);letter-spacing:-.6px;margin:0 0 18px}.desktop-note-content p{font-size:14px;line-height:1.8;color:#a6b0c6;margin:0 0 25px;outline:none}.desktop-note-content label{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;color:#99a6bf;margin:12px 0}.desktop-note-content input{accent-color:#5d93ef}.demo-slides-sidebar{position:absolute;top:35px;bottom:0;left:0;width:12%;display:flex;flex-direction:column;gap:15px;padding:15px 10px;background:#d4d6dc}.demo-slides-sidebar>span{font-size:10px;display:grid;place-items:center;aspect-ratio:1.5;background:#e7e8ed;border:1px solid #c4c7cf;border-radius:4px;color:#9b9eaa}.demo-slides-sidebar .selected-slide{border-color:#5f89de;background:#f1f1f4;color:#507acb}.demo-slide{position:absolute;top:35px;left:12%;right:0;bottom:0;background:#e8e9dc;padding:36px 8%}.demo-slide h3{font:400 clamp(37px,5vw,72px)/1 Georgia,serif;letter-spacing:-2.5px;color:#343a31;margin:24px 0 31px}.demo-process{display:flex;align-items:center;gap:12px;font-size:11px}.demo-process>span{background:#ffffff65;border:1px solid #a9b1a333;padding:8px 12px;border-radius:6px;color:#727969}.demo-process>i{font-style:normal;color:#a0a991}.demo-report{height:100%;padding:30px 9%;background:#f1f0e9}.demo-report h3{font:600 clamp(24px,3.4vw,43px)/1.12 var(--rounded);letter-spacing:-1.2px;margin:18px 0}.demo-report>p{font-size:12px;line-height:1.7;color:#878b87;max-width:370px}.demo-report table{border-collapse:collapse;font-size:10px;color:#7b837e;width:100%;margin-top:20px}.demo-report th,.demo-report td{border-bottom:1px solid #c8cec6;text-align:left;padding:9px 0}.demo-report th{font-weight:500;color:#404940}#desktop-ink{position:absolute;inset:0;width:100%;height:100%;z-index:5;cursor:crosshair;touch-action:none}.desktop-toolbar{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ffffff26;border-radius:15px;background:linear-gradient(135deg,#656b7580,#393f4b80);backdrop-filter:blur(25px) saturate(150%);box-shadow:0 18px 30px #0003;z-index:9}.desktop-toolbar>button{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border:0;background:none;color:#edf2fb;padding:0;border-radius:7px}.desktop-toolbar>button[aria-pressed=true]{color:#76aaff;background:#4488f02c}.desktop-toolbar>button:hover{background:#ffffff0b}.desktop-toolbar .replica-icon{width:23px;height:23px}.desktop-tool-divider{width:1px;height:22px;background:#ffffff1c}.desktop-toolbar #desktop-color span{display:block;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 3px #ffffff0b}.desktop-example-picker{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:center;gap:24px;z-index:9}.desktop-example-picker>button{border:0;background:none;color:#7f8ba4;font-size:12px;padding:6px 0}.desktop-example-picker>button[aria-pressed=true]{color:#d8e2f6}.desktop-hint{text-align:center;font-size:12px;color:#68758b;margin:9px 0 0}.canvas-section{padding-top:65px;padding-bottom:48px}.canvas-section .carousel-showcase{margin-top:0}.canvas-section .carousel-heading h2{font-size:34px;font-weight:600}.canvas-section .replica-caption{margin-top:14px}.minimal-section-heading{text-align:center}.minimal-section-heading h2{font-size:40px;letter-spacing:-1.2px}.minimal-section-heading p{font-size:14px;color:#7f899d;margin:18px 0 0}.ink-examples{padding-top:60px;padding-bottom:50px}.ink-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:35px}.ink-example{display:flex;flex-direction:column;align-items:center;border:0;border-bottom:1px solid transparent;background:none;padding:10px 0 18px;cursor:pointer;border-radius:0;color:#8d97ab;transition:color .2s,background .2s}.ink-example canvas{width:100%;height:235px;display:block;pointer-events:none}.ink-example>span{font-size:13px;margin-top:8px}.ink-example:hover{color:#d9e3f8;background:#ffffff02}.ink-example[aria-pressed=true]{color:#dce7fc;border-bottom-color:#6085d54a}.playground-section{padding-top:55px;padding-bottom:75px}.playground-heading{justify-content:center;text-align:center}.playground-heading h2{font-size:40px}.demo-caption{text-align:center}.drawing-title{font-size:9px}.pen-options{flex-wrap:wrap}.closing{padding-top:70px}.closing h2{font-size:52px}.closing>p{display:none}.arranger-footer>p{max-width:390px}.page-ink-dock{z-index:160}.draw-launcher{z-index:160}
@media(min-width:1450px){.desktop-scene{height:760px}.desktop-browser-window{width:53%;left:19%}.desktop-note-window{width:24%;right:13%}}
@media(max-width:900px){.desktop-scene{height:600px}.desktop-menu{gap:17px;font-size:10px}.desktop-browser-window{left:7%;width:67%}.desktop-note-window{right:5%;width:32%;height:55%}.desktop-note-content{padding:24px 18px}.desktop-note-content h3{font-size:19px}.desktop-note-content p{font-size:12px}.desktop-note-content label{font-size:9px}.demo-browser-content{padding:21px 7%}.demo-browser-content h3{font-size:45px}.demo-website-nav{margin-bottom:27px}.demo-report h3{font-size:32px}.ink-gallery{grid-template-columns:repeat(3,1fr);gap:12px}.ink-example canvas{height:190px}}
@media(max-width:600px){.hero{padding-top:31px}.hero-icon{width:56px;height:56px;border-radius:14px}.hero h1{font-size:56px}.welcome-tagline{font-size:25px;margin-bottom:24px}.hero-actions{gap:18px;margin:24px 0 16px}.text-link[data-start-page-ink]{font-size:12px}.nav-cta[data-start-page-ink]{font-size:12px}.desktop-section{margin-top:35px;padding-bottom:15px}.desktop-scene{height:485px;mask-image:linear-gradient(to bottom,transparent 0%,#000 4%,#000 88%,transparent 100%)}.desktop-menu{height:27px;top:17px;font-size:8px;gap:13px;padding:0 5%}.desktop-menu>span:nth-child(5){display:none}.desktop-window-area{inset:55px 0 97px}.desktop-browser-window{width:80%;left:3%;height:80%;top:2%;border-radius:8px}.desktop-note-window{width:44%;right:2%;top:36%;height:62%;border-radius:8px}.desktop-window-titlebar{height:28px;padding:0 9px;gap:7px;font-size:8px}.desktop-window-titlebar .window-lights i{width:6px;height:6px}.desktop-window-titlebar .window-lights{gap:4px}.desktop-window-titlebar .replica-icon{width:11px;height:11px}.desktop-app-body{height:calc(100% - 28px)}.demo-browser-nav{height:25px;padding:0 10px;gap:10px;font-size:10px}.demo-address{font-size:8px;padding:3px 5px}.demo-browser-content{padding:16px 7%}.demo-website-nav{font-size:8px;margin-bottom:20px}.demo-website-nav>b{font-size:11px}.demo-small-label{font-size:6px;letter-spacing:1px}.demo-browser-content h3{font-size:32px;letter-spacing:-1.6px;margin:10px 0 17px}.demo-web-row{padding-top:10px;gap:9px}.demo-web-row p{font-size:8px;line-height:1.6}.demo-mini-chart{height:25px;width:54px;gap:4px}.demo-mini-chart i{width:10px}.desktop-note-content{padding:16px 14px}.desktop-note-content h3{font-size:14px;margin-bottom:14px;letter-spacing:-.3px}.desktop-note-content p{font-size:9px;line-height:1.7;margin-bottom:18px}.desktop-note-content label{font-size:7px;gap:4px;margin:9px 0}.desktop-note-content input{width:10px;height:10px;margin:0}.desktop-toolbar{bottom:72px;padding:8px;gap:4px;border-radius:13px}.desktop-toolbar>button{width:29px;height:30px}.desktop-toolbar .replica-icon{width:20px;height:20px}.desktop-tool-divider{height:18px}.desktop-toolbar #desktop-color span{width:13px;height:13px}.desktop-example-picker{bottom:26px;gap:23px}.desktop-example-picker>button{font-size:10px}.desktop-hint{font-size:10px;margin-top:8px}.demo-slides-sidebar{top:28px;padding:11px 5px;gap:10px}.demo-slides-sidebar>span{font-size:7px}.demo-slide{top:28px;padding:24px 7%}.demo-slide h3{font-size:35px;letter-spacing:-1.5px;margin:20px 0 22px}.demo-process{gap:6px;font-size:8px}.demo-process>span{padding:5px 7px;border-radius:4px}.demo-report{padding:24px 9%}.demo-report h3{font-size:25px;letter-spacing:-.8px}.demo-report>p{font-size:9px;line-height:1.7}.demo-report table{font-size:7px;margin-top:16px}.demo-report th,.demo-report td{padding:7px 0}.canvas-section{padding-top:43px;padding-bottom:30px}.canvas-section .carousel-heading h2{font-size:25px;min-height:60px}.ink-examples{padding-top:43px;padding-bottom:35px}.minimal-section-heading h2{font-size:32px}.minimal-section-heading p{font-size:12px;margin-top:14px}.ink-gallery{gap:8px;margin-top:22px}.ink-example canvas{height:155px}.ink-example>span{font-size:11px;margin-top:4px}.ink-example{padding-bottom:14px}.tools-layout{padding-top:45px}.tools-copy h2{font-size:32px}.tools-copy>p:not(.eyebrow){font-size:13px}.playground-section{padding-top:40px;padding-bottom:55px}.playground-heading h2{font-size:32px}.pen-options{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.pen-options button{padding:8px 5px;min-width:0}.closing{padding-top:45px;padding-bottom:55px}.closing h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.ink-example{transition:none}}