*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--brand-green);outline-offset:6px}.skip-link{position:absolute;top:-60px;left:20px;padding:12px;background:var(--ink);z-index:10}.skip-link:focus{top:12px}.site-header,.site-footer{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center}.site-header{height:108px;padding:0 40px}.brand{display:flex;padding:14px 0}.brand img{width:142px;height:auto}.header-note{font-size:12px;color:var(--text-tertiary)}.hero{max-width:1200px;margin:0 auto;text-align:left;padding:72px 40px 64px}.eyebrow{font:10px var(--font-mono);letter-spacing:.17em;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:9px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--brand-green)}h1{font-size:clamp(40px,5.8vw,76px);line-height:1.1;font-weight:400;letter-spacing:-.065em;margin:26px 0 22px}h1 em{font-family:var(--font-display);font-style:normal;font-size:1.2em;letter-spacing:-.04em;color:var(--brand-green)}.claim{font-size:18px;line-height:1.75;color:var(--text-secondary);margin:0;letter-spacing:-.025em}.download{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 18px;background:transparent;color:var(--brand-green);border:1px solid var(--brand-green);border-radius:var(--radius-control);font-size:14px;font-weight:500;transition:background .15s}.download:hover{background:color-mix(in srgb,var(--brand-green) 10%,transparent)}.download:active{background:color-mix(in srgb,var(--brand-green) 18%,transparent)}.download>span{margin-left:20px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cta-note{font-size:11px;color:var(--text-tertiary);margin:14px 0 0}.demo{max-width:980px;margin:0 auto;padding:23px 30px 16px;border:1px solid var(--border-hair);border-radius:22px;background:radial-gradient(ellipse at 80% 100%,rgba(62,207,116,.10),transparent 55%),var(--card-1)}.demo-heading{display:flex;justify-content:space-between;margin-bottom:19px;font:9px var(--font-mono);letter-spacing:.09em;color:var(--text-tertiary)}.demo-heading>span:first-child{display:flex;gap:8px;align-items:center}.demo-heading i{width:5px;height:5px;background:var(--brand-cherry);border-radius:50%}.app-window{background:var(--bg-window);backdrop-filter:var(--blur-window);border:1px solid var(--border-strong);border-radius:var(--radius-window);box-shadow:var(--shadow-window);overflow:hidden}.window-bar{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-hair);padding:0 16px;font-size:10px;color:var(--text-tertiary)}.traffic-lights{display:flex;gap:6px}.traffic-lights i{width:8px;height:8px;background:var(--border-strong);border-radius:50%}.window-icon{width:35px;text-align:right;font-size:17px}.session-toolbar{padding:24px 26px 22px;display:flex;align-items:center;justify-content:space-between}.session-label{font:8px var(--font-mono);letter-spacing:.12em;color:var(--text-tertiary)}h2{font-size:19px;font-weight:500;letter-spacing:-.04em;margin:8px 0 0}.copy-chip{display:flex;align-items:center;gap:7px;border:1px solid var(--border-strong);border-radius:var(--radius-control);padding:8px 11px;font-size:11px;background:var(--state-selected)}.copy-chip svg{width:13px;height:13px}.session-body{display:grid;grid-template-columns:.85fr 1.15fr;padding:0 26px 25px;gap:32px}h3{display:flex;justify-content:space-between;font-size:11px;font-weight:500;margin:0 0 18px}h3 span{font:9px var(--font-mono);color:var(--text-tertiary)}.timestamp{font:8px var(--font-mono);color:var(--text-tertiary);border-radius:var(--radius-pill);background:var(--card-2);padding:4px 7px}.transcript p{font-size:14px;line-height:1.7;color:var(--text-secondary);margin:13px 0}mark{background:rgba(62,207,116,.12);color:var(--text-primary);padding:2px 3px;border-radius:3px}.attachment{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--text-tertiary);padding-top:15px}.attachment-check{color:var(--brand-green)}.captured-screen{height:222px;position:relative;overflow:hidden;background:#e6e3da;color:#353b30;border-radius:6px}.mini-nav{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:7px;padding:15px 18px;border-bottom:1px solid #353b3018}.mini-nav strong{font-size:9px}.mini-content{position:relative;z-index:2;padding:28px 0 0 20px}.mini-eyebrow{font-size:5px;letter-spacing:.15em}.mini-content h4{font:31px/.98 var(--font-display);letter-spacing:-.02em;margin:10px 0 16px}.mini-button{display:inline-flex;gap:14px;font-size:6px;padding:9px 10px;background:#353b30;color:#fff;border-radius:2px}.annotation{position:absolute;left:7px;top:132px;width:148px;height:48px;stroke:var(--brand-cherry);stroke-width:2.3}.pointer{position:absolute;left:139px;top:163px;width:15px;height:20px;fill:var(--text-primary);stroke:var(--ink)}.object-art{position:absolute;right:0;bottom:0;width:43%;height:170px;background:#d5d5c7}.pedestal{position:absolute;width:130px;height:55px;bottom:-10px;left:5px;transform:skewY(-7deg);background:#b9bca8}.vase{position:absolute;width:61px;height:102px;bottom:39px;left:23px;border-radius:16px 16px 25px 25px;background:linear-gradient(90deg,#818d70,#a6b196 45%,#707f61);z-index:1;box-shadow:12px 10px 16px #303b3020}.vase:before{content:'';position:absolute;top:-8px;left:0;width:61px;height:17px;border-radius:50%;background:#5b6651;border:5px solid #8a9679}.ball{position:absolute;right:12px;bottom:44px;width:43px;height:43px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d8b79b,#987559);z-index:2}.screen-caption{display:flex;justify-content:space-between;margin-top:9px;font-size:8px;color:var(--text-tertiary)}.screen-caption>span:first-child{font-family:var(--font-mono)}.session-footer{display:flex;justify-content:space-between;padding:13px 26px;border-top:1px solid var(--border-hair);font-size:9px;color:var(--text-tertiary)}.session-footer>span:first-child{display:flex;align-items:center;gap:6px}.session-footer i{width:5px;height:5px;border-radius:50%;background:var(--brand-green)}figcaption{text-align:center;font-size:11px;color:var(--text-secondary);padding-top:20px}figcaption span{display:block;font-size:8px;color:var(--text-tertiary);margin-top:6px}.site-footer{padding:32px 40px;font-size:10px;color:var(--text-tertiary)}
@media(min-width:1600px){.hero{padding-top:70px;padding-bottom:70px}}@media(max-width:720px){.site-header{height:86px;padding:0 24px}.brand img{width:122px}.hero{padding-top:36px;padding-bottom:40px}h1{font-size:clamp(36px,7.8vw,55px)}.claim{font-size:15px}.demo{margin:0 16px;padding:16px 14px;border-radius:16px}.demo-heading{font-size:7px;letter-spacing:0}.session-body{grid-template-columns:1fr;gap:24px;padding:0 18px 20px}.session-toolbar{padding:20px 18px}.transcript p{font-size:13px}.captured-screen{height:235px}.object-art{width:44%;height:180px}.mini-content{padding-top:30px}.mini-content h4{font-size:35px}.annotation{top:142px}.pointer{top:174px}.session-footer{padding:13px 18px}h2{font-size:17px}.site-footer{padding:28px 24px;gap:20px;font-size:9px}.header-note{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* FAQ and policy pages extend the shared CAKIE type and surface tokens. */
.faq{max-width:980px;margin:96px auto 72px;display:grid;grid-template-columns:1fr 1.65fr;gap:64px;padding:0 30px}.section-label{font:10px var(--font-mono);letter-spacing:.12em;color:var(--text-tertiary);margin:5px 0 16px}.faq-intro h2{font:44px/1.1 var(--font-display);letter-spacing:-.03em;margin:0}.faq-items details{border-bottom:1px solid var(--border-hair)}.faq-items details:first-child{border-top:1px solid var(--border-hair)}.faq-items summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:15px;line-height:1.5}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary::after{content:'+';color:var(--text-tertiary);font-size:20px;font-weight:300}.faq-items details[open] summary::after{content:'−';color:var(--brand-green)}.faq-items summary:hover{color:var(--brand-green)}.faq-items summary:focus-visible{outline:2px solid var(--brand-green);outline-offset:4px;border-radius:4px}.faq-items p{font-size:15px;line-height:1.75;color:var(--text-secondary);margin:0 26px 23px 0}.faq-items p a,.legal-content a{text-decoration:underline;text-underline-offset:3px}.site-footer{border-top:1px solid var(--border-hair);font-size:12px}.site-footer nav{display:flex;gap:25px;align-items:center}.site-footer a:hover,.legal-back:hover{color:var(--text-primary)}.legal-back{font-size:14px;color:var(--text-secondary)}.legal-content{max-width:780px;margin:55px auto 90px;padding:0 24px;font-size:16px;line-height:1.8;color:var(--text-secondary);overflow-wrap:anywhere}.legal-content h1{font:56px/1.1 var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin:0 0 36px}.legal-content h2{font-size:25px;line-height:1.3;color:var(--text-primary);margin:40px 0 15px}.legal-content h3,.legal-content h4{display:block;font-size:19px;color:var(--text-primary);margin:30px 0 12px}.legal-content li{margin:8px 0}.legal-content strong{color:var(--text-primary);font-weight:500}@media(max-width:720px){.faq{grid-template-columns:1fr;gap:30px;margin:64px 0 48px;padding:0 30px}.faq-intro h2{font-size:38px}.faq-items summary,.faq-items p{font-size:14px}.site-footer{flex-wrap:wrap;gap:20px;font-size:12px}.site-footer nav{gap:20px;flex-wrap:wrap}.legal-content{margin-top:30px}.legal-content h1{font-size:44px}.legal-back{font-size:12px}}

/* Match the supplied CAKIE session-review layout; sample screen content only. */
@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/assets/fonts/Inter-SemiBold.ttf') format('truetype');font-weight:600 700;font-style:normal;font-display:swap}
.hero h1{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em}.hero h1 em{font-size:1em;letter-spacing:inherit}.app-demo{--font-ui:'Inter','Pretendard Variable',Pretendard,'Apple SD Gothic Neo',sans-serif;--font-display:var(--font-ui);--font-mono:var(--font-ui);max-width:1120px;padding:0;background:none;border:0;border-radius:0;font-family:var(--font-ui)}.app-demo .app-window{background:rgba(30,30,29,.95);border-color:var(--border-strong);border-radius:16px}.app-titlebar{height:52px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 22px;border-bottom:1px solid var(--border-hair);background:var(--bg-sidebar)}.window-navigation,.app-title-actions{display:flex;align-items:center;gap:14px}.window-navigation>img{width:16px;height:16px;opacity:.5}.app-demo .traffic-lights{gap:8px;margin-right:4px}.app-demo .traffic-lights i{width:12px;height:12px}.app-demo .traffic-lights i:nth-child(1){background:#ff5f57}.app-demo .traffic-lights i:nth-child(2){background:#febc2e}.app-demo .traffic-lights i:nth-child(3){background:#28c840}.app-session-title{font-size:14px;font-weight:500;position:absolute;left:50%;transform:translateX(-50%)}.app-title-actions>img{opacity:.5;width:18px}.app-copy{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:var(--radius-control);background:var(--brand-green);color:var(--text-on-accent);font-size:14px;font-weight:500}.app-copy img{width:16px;height:16px;filter:brightness(.1)}.demo-detail{padding:26px 26px 0}.app-demo .detail-media-row{grid-template-columns:minmax(0,1fr) 280px}.app-demo .detail-transcript{width:280px;padding:18px;font-size:14px;line-height:1.6}.app-demo .transcript-passage{margin-bottom:21px;column-gap:12px}.passage-time{font:11px/22px var(--font-mono);letter-spacing:.1em;color:var(--text-tertiary)}.app-demo .review-image .captured-screen{height:100%;width:100%;border-radius:0}.app-demo .mini-nav{padding:20px 24px;font-size:10px}.app-demo .mini-nav strong{font-size:13px}.app-demo .mini-content{padding:40px 0 0 30px}.app-demo .mini-eyebrow{font-size:8px}.app-demo .mini-content h4{font-size:48px;margin:16px 0 22px}.app-demo .mini-button{font-size:10px;padding:13px 15px}.app-demo .annotation{width:235px;height:65px;top:212px;left:15px}.app-demo .pointer{left:225px;top:259px;width:20px;height:25px}.app-demo .object-art{height:77%;width:44%}.app-demo .vase{width:84px;height:145px;left:35px;bottom:58px}.app-demo .vase:before{width:84px;height:22px}.app-demo .ball{width:66px;height:66px;right:24px;bottom:58px}.app-demo .pedestal{width:190px;height:74px;bottom:-5px;left:15px}.review-controls img{width:22px;height:22px}.review-edit-actions img:last-child{opacity:.25}.demo-zoom-track{width:32px;height:2px;background:var(--border-strong);position:relative}.demo-zoom-track:before{content:'';position:absolute;width:4px;height:4px;top:-1px;border-radius:50%;background:var(--text-secondary)}.app-demo .review-summary{min-height:0;padding-bottom:24px}.app-demo .review-summary h2{letter-spacing:0}.app-demo .summary-content{font-size:13px;color:var(--text-secondary)}.app-demo figcaption{padding-top:20px}
@media(max-width:1100px) and (min-width:721px){.app-demo{margin:0 24px}.app-demo .detail-media-row{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.app-demo .detail-transcript{width:240px;padding:12px;font-size:12px}.app-demo .transcript-passage{margin-bottom:12px}.app-demo .mini-content{padding-top:20px}.app-demo .mini-content h4{font-size:36px;margin:10px 0 16px}.app-demo .annotation{top:153px;width:210px}.app-demo .pointer{top:203px;left:208px}.app-demo .object-art{width:40%}.app-demo .mini-nav{padding:12px 20px}.app-demo .vase{transform:scale(.8);transform-origin:bottom left}.app-demo .ball{width:40px;height:40px;right:10px}}
@media(max-width:720px){.app-demo{margin:0 16px}.app-titlebar{height:50px;padding:0 12px}.window-navigation{gap:6px}.window-navigation>img{display:none}.app-demo .traffic-lights{gap:5px}.app-demo .traffic-lights i{width:8px;height:8px}.app-session-title{font-size:11px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-title-actions{gap:5px}.app-title-actions>img{display:none}.app-copy{font-size:11px;padding:7px 9px;gap:4px}.app-copy img{width:12px;height:12px}.demo-detail{padding:16px 14px 0}.app-demo .detail-media-row{display:flex;flex-direction:column;gap:22px}.app-demo .detail-transcript{position:relative;width:100%;font-size:13px;padding:16px}.app-demo .transcript-passage{margin-bottom:18px}.app-demo .review-image{aspect-ratio:16/10}.app-demo .mini-nav{padding:12px 14px;font-size:7px}.app-demo .mini-nav strong{font-size:9px}.app-demo .mini-content{padding:16px 0 0 17px}.app-demo .mini-eyebrow{font-size:6px}.app-demo .mini-content h4{font-size:30px;margin:9px 0 13px}.app-demo .mini-button{font-size:6px;padding:8px 9px}.app-demo .annotation{top:116px;left:7px;width:150px;height:48px}.app-demo .pointer{top:151px;left:143px;width:12px;height:16px}.app-demo .vase{width:48px;height:80px;left:18px;bottom:30px}.app-demo .vase:before{width:48px;height:15px}.app-demo .ball{width:32px;height:32px;bottom:33px;right:8px}.app-demo .pedestal{width:110px;height:40px;left:5px}.review-controls img{width:18px;height:18px}.review-transport{gap:6px}.review-video-actions{gap:5px}.timeline-zoom{font-size:10px}.demo-zoom-track{width:24px}.app-demo .timeline-empty{font-size:7px}.app-demo .review-summary h2{font-size:16px}}
.app-demo .annotation{top:auto;bottom:-9px}.app-demo .pointer{top:auto;bottom:-17px}
@media(min-width:721px) and (max-width:900px){.app-demo .detail-media-row{display:flex;flex-direction:column;gap:22px}.app-demo .detail-transcript{position:relative;width:100%;font-size:14px;padding:18px}.app-demo .review-image{max-height:none}.app-demo .mini-content{padding-top:35px}.app-demo .mini-content h4{font-size:48px}.app-demo .object-art{width:44%}}

.app-demo .summary-content>p{margin:0 0 12px}.app-demo .summary-content>ul{margin:0;padding-left:20px}.app-demo .summary-content li{margin:6px 0;line-height:1.6}.demo-capture-timeline .timeline-segment-kind img{display:block;width:13px;height:13px}.app-demo .detail-transcript{overflow-y:auto}
@media(max-width:720px){.demo-capture-timeline .timeline-segment{gap:3px;padding:0 4px;font-size:11px}.demo-capture-timeline .timeline-segment-duration{display:none}.app-demo .detail-transcript{max-height:none}}
@media(max-width:720px){.app-titlebar{gap:10px}.app-session-title{position:static;transform:none;flex:1;min-width:0;max-width:none;text-align:center}.window-navigation,.app-title-actions{flex-shrink:0}.app-copy{white-space:nowrap}}

/* GestureHighlightRenderer.paint: fitted ellipse, cherry fill .16 / stroke .95;
   screenshot-relative outline width is w / 550. This is gesture evidence, not a drawn path. */
.app-demo .review-image{container-type:inline-size}
.app-demo .gesture-highlight{fill:none;stroke:none}
.app-demo .gesture-highlight ellipse{fill:#EF4B3C;fill-opacity:.16;stroke:#EF4B3C;stroke-opacity:.95;stroke-width:.18182cqw}

.app-copy{font-family:inherit;border:0;cursor:pointer;min-width:124px;justify-content:center}.app-copy:hover{background:var(--brand-green-hover)}.app-copy:focus-visible,.demo-transport:focus-visible,.demo-scrubber:focus-visible,.passage-time:focus-visible{outline:2px solid var(--brand-green);outline-offset:3px}.demo-transport{border:0;padding:0;background:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.demo-transport:hover{background:var(--state-hover);border-radius:4px}.demo-scrubber{position:absolute;inset:0;width:100%;height:86px;margin:0;opacity:0;cursor:ew-resize;touch-action:none;z-index:2}.demo-capture-timeline:has(.demo-scrubber:focus-visible) .timeline-playhead i{box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--brand-green)}.demo-time{position:absolute;right:0;bottom:-12px;font:10px var(--font-mono);color:var(--text-secondary)}.demo-capture-timeline{margin-bottom:14px}.timeline-segment[data-current="true"]{border-color:var(--brand-green);background:var(--card-3)}.draw-highlight{display:none;position:absolute;left:28px;bottom:52px;width:210px;height:18px;stroke:#EF4B3C;stroke-width:2;fill:none}.app-demo[data-capture="draw"] .gesture-highlight,.app-demo[data-capture="ai"] .gesture-highlight,.app-demo[data-capture="ai"] .pointer{display:none}.app-demo[data-capture="draw"] .draw-highlight{display:block}.app-demo[data-capture="draw"] .pointer{bottom:46px;left:225px}.app-demo .detail-transcript{scroll-behavior:auto}.copy-status{font-size:12px;min-height:18px;text-align:center;color:var(--brand-green);margin:10px 0 0}.copy-fallback{width:100%;height:240px;margin-top:12px;background:var(--card-1);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:8px;padding:16px;font:13px/1.6 var(--font-mono)}
@media(max-width:720px){.app-copy{min-width:100px}.app-demo .detail-transcript{height:210px;max-height:210px;overflow-y:auto}.draw-highlight{left:15px;bottom:33px;width:140px;height:14px}.app-demo[data-capture="draw"] .pointer{bottom:25px;left:149px}.demo-time{font-size:9px}.demo-transport{width:22px;height:24px}}

/* App's bundled Material Symbols Sharp, including the real pause_circle glyph. */
@font-face{font-family:'Material Symbols Sharp';src:url('/assets/fonts/MaterialSymbolsSharp.ttf') format('truetype');font-weight:100 700;font-style:normal;font-display:block}.material-symbols-sharp{font-family:'Material Symbols Sharp';font-weight:400;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}.app-copy>.material-symbols-sharp{font-size:16px}.window-navigation>.material-symbols-sharp,.app-title-actions>.material-symbols-sharp{font-size:16px;color:var(--text-tertiary)}.timeline-segment-kind>.material-symbols-sharp{font-size:13px}.review-edit-actions>.material-symbols-sharp:last-child{opacity:.25}.social-x{width:16px;height:16px;fill:currentColor;stroke:none;display:block}.site-footer nav>a:has(.social-x){display:flex;padding:8px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* Fictional Acme software landing page: functional interface geometry, no stock scene. */
.app-demo .acme-screen{background:#fbfcff;color:#202333;font-family:var(--font-ui);border-radius:0;container-type:inline-size}.acme-browser{height:7cqw;max-height:30px;background:#eef0f6;display:flex;align-items:center;justify-content:space-between;padding:0 2.5cqw;color:#7b8194;font-size:1.1cqw;border-bottom:1px solid #e0e3eb}.acme-browser>span:nth-child(2){background:#fafbfe;border-radius:4px;width:44%;padding:.4cqw;text-align:center}.acme-nav{display:flex;align-items:center;justify-content:space-between;padding:2.2cqw 3.8cqw;font-size:1.05cqw}.acme-nav>strong{font-size:2.7cqw;letter-spacing:-.06em;display:flex;gap:.6cqw;align-items:center}.acme-mark{color:#6255d9;font-size:3.2cqw}.acme-nav b{font-weight:500;padding:.8cqw 1.2cqw;margin-left:1cqw;background:#292634;color:white;border-radius:4px}.acme-hero{display:grid;grid-template-columns:46% 54%;align-items:center;gap:1cqw;padding:3cqw 0 3cqw 4cqw;min-height:34cqw}.acme-copy{min-width:0}.acme-eyebrow{font-size:.85cqw;letter-spacing:.12em;color:#6d60bc;font-weight:500}.acme-heading{position:relative}.app-demo .acme-heading h4{font:500 4.3cqw/1.06 var(--font-ui);letter-spacing:-.055em;margin:1.7cqw 0 1.6cqw;color:#222333}.acme-copy>p{font-size:1.05cqw;line-height:1.7;color:#73778a;margin:0 0 2cqw}.acme-cta{position:relative;display:inline-block}.app-demo .acme-cta .mini-button{font-size:1.1cqw;padding:1.15cqw 2cqw;color:white;background:#6b57dc;border-radius:5px;display:block}.acme-note{display:block;font-size:.8cqw;color:#9598a4;margin-top:1.1cqw}.app-demo .acme-cta .gesture-highlight{width:calc(100% + 3cqw);height:calc(100% + 2cqw);left:-1.5cqw;bottom:-1cqw}.app-demo .acme-cta .pointer{width:1.8cqw;height:2.4cqw;left:auto;right:-2cqw;bottom:-1.8cqw}.app-demo .acme-heading .draw-highlight{left:0;bottom:-1.1cqw;width:39cqw;height:2cqw;stroke-width:1.7}.app-demo[data-capture='draw'] .acme-cta .pointer{display:none}.acme-product{background:white;border:1px solid #dfe2ee;border-radius:7px 0 0 7px;box-shadow:0 10px 30px #534ca31a;min-height:27cqw;transform:perspective(800px) rotateY(-5deg);transform-origin:right center}.acme-product-bar{display:flex;align-items:center;justify-content:space-between;padding:1.2cqw;font-size:.7cqw;border-bottom:1px solid #edeef4}.acme-product-bar strong{font-size:1.4cqw}.acme-product-bar>span:last-child{background:#eae5fe;padding:.5cqw;border-radius:50%;color:#6b57dc}.acme-workspace{display:grid;grid-template-columns:22% 78%;min-height:23cqw}.acme-workspace aside{background:#fafaff;border-right:1px solid #edeef4;display:flex;flex-direction:column;gap:1.1cqw;padding:1.4cqw .8cqw;font-size:.75cqw;color:#9293a2}.acme-workspace aside .selected{color:#6b57dc;background:#eeeafd;padding:.5cqw;border-radius:3px}.acme-workspace aside b{font-weight:500;color:#55566c;margin-bottom:.5cqw}.acme-board{padding:1.6cqw 1.2cqw}.acme-board-heading{display:flex;align-items:center;justify-content:space-between;font-size:1.1cqw}.acme-board-heading>span{font-size:.7cqw;background:#6b57dc;color:white;padding:.5cqw;border-radius:3px}.acme-board-tabs{font-size:.8cqw;color:#888996;border-bottom:1px solid #efeff5;padding:1.4cqw 0 1cqw}.acme-columns{display:grid;grid-template-columns:1fr 1fr;gap:1cqw}.acme-columns h5{font-size:.8cqw;font-weight:500;color:#777889;display:flex;align-items:center;gap:.5cqw;margin:1.2cqw 0}.acme-columns h5 i{width:.5cqw;height:.5cqw;border-radius:50%;background:#a6aaba}.acme-columns>div:nth-child(2) h5 i{background:#8a78ed}.acme-columns small{margin-left:auto;font-size:.65cqw}.acme-columns article{padding:.9cqw;border:1px solid #e8e9f0;border-radius:4px;margin-bottom:.8cqw;box-shadow:0 2px 4px #26213c05}.task-tag{font-size:.55cqw;color:#8470d3;background:#f0ebff;padding:.3cqw .5cqw;border-radius:2px;display:table}.acme-columns article b{display:block;font-size:.8cqw;font-weight:500;margin:.7cqw 0}.acme-columns footer{display:flex;justify-content:space-between;align-items:center;font-size:.65cqw;color:#9899a7}.acme-columns em{font-size:.55cqw;font-style:normal;background:#e5eefb;padding:.4cqw;border-radius:50%;color:#647793}.task-progress{height:3px;background:linear-gradient(to right,#8a78ed 65%,#eeebf5 65%);margin:1cqw 0}.acme-proof{display:flex;justify-content:space-between;align-items:center;padding:2cqw 4cqw;border-top:1px solid #eff0f5;gap:2cqw;color:#8e91a2;font-size:1.5cqw}.acme-proof>span{font-size:.8cqw;max-width:20%}.acme-proof strong{font-weight:500;letter-spacing:-.04em}
@media(max-width:720px){.window-navigation>.material-symbols-sharp,.app-title-actions>.material-symbols-sharp{display:none}.demo-transport .material-symbols-sharp{font-size:22px}.app-demo .review-image:has(.acme-screen){aspect-ratio:16/9}.acme-browser{height:4cqw}.app-copy>.material-symbols-sharp{font-size:14px}}

/* The AI capture is a lower scroll position in the same Acme page. */
.app-demo .acme-screen{display:flex;flex-direction:column}.acme-browser,.acme-nav{flex-shrink:0}.acme-scroll{position:relative;flex:1;min-height:0;overflow:hidden;scroll-behavior:auto}.acme-features{min-height:43cqw;padding:2.6cqw 4cqw 4cqw;background:#f6f7fc;text-align:center}.acme-features>h4{font:500 3cqw/1.12 var(--font-ui);letter-spacing:-.045em;margin:1.1cqw 0;color:#222333}.acme-features>p{font-size:1cqw;line-height:1.6;color:#85889b;margin:0 0 2.8cqw}.acme-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5cqw;text-align:left}.acme-feature-grid article{padding:1.8cqw;background:white;border:1px solid #e6e7ef;border-radius:6px}.acme-feature-grid .material-symbols-sharp{font-size:2.8cqw;color:#7563d5;background:#f0edff;border-radius:5px;padding:.7cqw}.acme-feature-grid h5{font-size:1.3cqw;font-weight:500;letter-spacing:-.03em;color:#292c3d;margin:1.7cqw 0 1cqw}.acme-feature-grid p{font-size:1.05cqw;line-height:1.6;color:#828599;margin:0 0 2cqw}.feature-link{font-size:.9cqw;color:#7462cf;font-weight:500}

/* Two simple steps, using the landing page's shared type and color tokens. */
.how-it-works{max-width:980px;margin:96px auto 0;padding:0 30px}
.how-intro h2{font:44px/1.1 var(--font-display);letter-spacing:-.03em;margin:0}
.how-steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:36px 0 0;padding:0}
.how-step{border-top:1px solid var(--border-strong);padding-top:24px}
.how-step-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.step-number{font:11px var(--font-mono);color:var(--brand-green)}
.how-step-heading h3{display:block;font-size:22px;font-weight:500;letter-spacing:-.035em;margin:0}
.how-step-heading>.material-symbols-sharp{margin-left:auto;color:var(--text-tertiary);font-size:24px}
.how-step p{font-size:15px;line-height:1.75;color:var(--text-secondary);margin:0 0 14px;text-wrap:pretty}
.how-step p:last-child{margin-bottom:0}
.how-step strong{font-weight:500;color:var(--text-primary)}
@media(max-width:720px){.how-it-works{margin:64px 0 0;padding:0 30px}.how-intro h2{font-size:38px}.how-steps{grid-template-columns:1fr;gap:32px;margin-top:28px}.how-step-heading{margin-bottom:16px}.how-step p{font-size:14px}}

/* Magic UI ShineBorder adapted to CAKIE's green palette. */
.download{position:relative;isolation:isolate;width:max-content;height:46px;flex-shrink:0;white-space:nowrap;border-color:color-mix(in srgb,var(--brand-green) 42%,transparent)}
.download-beta{font-size:10px;line-height:1;font-weight:400;letter-spacing:.02em}
.download>.download-beam{position:absolute;inset:-1px;margin:0;padding:1px;border-radius:inherit;pointer-events:none;background-image:radial-gradient(transparent,transparent,var(--brand-green),var(--brand-green-hover),transparent,transparent);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:download-shine 14s linear infinite;will-change:background-position}
@keyframes download-shine{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.download>.download-beam{animation:none;will-change:auto;background-position:50% 50%}}

/* A quiet hero, with download actions at the start and end of the page. */
.site-header .download{flex-shrink:0}
.closing-cta{max-width:1120px;margin:0 auto;padding:100px 24px 116px;text-align:center;border-top:1px solid var(--border-hair)}
.closing-cta h2{font:400 clamp(44px,5.8vw,76px)/1.1 var(--font-display);letter-spacing:-.035em;margin:0}
.closing-cta h2 em{font-style:normal;color:var(--brand-green)}
.closing-cta>p{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:24px 0 30px}
@media(max-width:720px){.site-header{gap:16px}.site-header .download{font-size:12px;padding:10px 12px;gap:7px}.hero{padding-left:24px;padding-right:24px}.closing-cta{margin:0 24px;padding:64px 0 72px}.closing-cta>p{font-size:14px}}
@media(max-width:380px){.site-header{padding-left:16px;padding-right:16px;gap:12px}.site-header .brand img{width:104px}.site-header .download{font-size:11px;gap:5px;padding-left:8px;padding-right:8px}}
