/* App pages extend the same Keyset materials and type. */
.product-page{--product-nav:64px}
.product-page [id]{scroll-margin-top:calc(var(--product-nav) + 24px)}
.product-nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--ground) 95%,transparent);backdrop-filter:blur(14px);border-block:1px solid var(--line)}
.product-nav>.wrap{min-height:var(--product-nav);display:flex;align-items:center;gap:32px}
.product-id{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:550;margin-right:auto}.product-id img{width:24px;height:24px}
.product-nav-links{display:flex;gap:25px;font-size:12px;color:var(--muted)}.product-nav .text-link{font-size:12px}
.product-hero{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr;gap:70px;align-items:center;padding-block:65px 64px}
.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:24px}.back-link:hover{text-decoration:underline;text-underline-offset:4px}
.product-hero h1{font-size:clamp(48px,5.3vw,76px);max-width:10em;line-height:1.06}
.product-intro{font-size:18px;line-height:1.65;color:var(--muted);max-width:36em;margin-top:26px}.product-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.product-meta{margin-top:15px}
.product-key{width:min(100%,285px);justify-self:center;transform:rotate(-6deg)}.product-key img{width:100%}
.product-screen{perspective:1500px;margin-block:15px 30px}.product-screen>div{border:1px solid #D2D2D2;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px -25px #0004;transform:rotateX(var(--tilt,0deg)) scale(var(--grow,1));transform-origin:center 20%}.product-screen img{width:100%;height:auto}
.product-screen figcaption,.product-photo figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:22px}
.scroll-story{position:relative;height:220svh;border-bottom:1px solid var(--line)}
.story-pin{position:sticky;top:var(--product-nav);height:calc(100svh - var(--product-nav));display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:65px;padding-block:40px}
.product-overline{font-size:12px;color:var(--muted);margin-bottom:18px}.story-copy h2{font-size:clamp(31px,3.4vw,48px);line-height:1.1}.story-copy>p:not(.product-overline){font-size:15px;color:var(--muted);line-height:1.65;margin-top:22px;max-width:32em}
.story-steps{list-style:none;display:grid;gap:20px;padding:0;margin:32px 0 0;font-size:14px;line-height:1.55}.story-steps li{display:flex;align-items:baseline;gap:12px;color:#777;transition:color .15s}.story-steps .on{color:#222}.step-dot{display:block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#C2C2C2}.on>.step-dot{background:#222}.scroll-hint{display:block;margin-top:36px;font-size:11px;color:var(--muted)}
.story-media{min-width:0;position:relative;display:grid;place-items:center;align-content:center;width:100%;height:100%;max-height:650px;--progress:0}
.film-media img,.film-media canvas{width:auto;height:auto;max-width:100%;max-height:min(70svh,620px);object-fit:contain}.film-media [hidden]{display:none}.film-tabs img,.film-tabs canvas{max-width:84%;max-height:74svh}.film-fling img,.film-fling canvas,.film-tabs img,.film-tabs canvas{mask-image:linear-gradient(to right,#000 82%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 94%,transparent);mask-composite:intersect}.film-light img,.film-light canvas{mask-image:linear-gradient(to right,#000 84%,transparent),linear-gradient(to bottom,#000 86%,transparent);mask-composite:intersect}
.shortcut-section{padding-block:80px;display:flex;justify-content:space-between;gap:40px;align-items:center;border-bottom:1px solid var(--line)}.shortcut-section h2{font-size:38px}.shortcut-section p:not(.product-overline){max-width:34em;font-size:14px;color:var(--muted);margin-top:18px}.shortcut-keys{display:flex;gap:12px}.shortcut-keys kbd{font-family:Geist,Arial,sans-serif;font-size:38px;width:88px;height:88px;display:grid;place-items:center;background:#FAFAFA;border:1.5px solid #C6C6C6;border-radius:18px;box-shadow:0 6px 0 #BDBDBD,0 10px 10px -5px #0002}
.product-details{padding-block:80px;display:grid;grid-template-columns:.85fr 1.35fr;gap:65px}.detail-heading h2{font-size:36px;max-width:8em}.detail-heading p{font-size:14px;line-height:1.7;color:var(--muted);max-width:25em;margin-top:20px}.detail-rows{display:grid;gap:29px}.detail-row{padding-bottom:29px;border-bottom:1px solid var(--line)}.detail-row:last-child{padding:0;border:0}.detail-row h3{font-size:20px}.detail-row p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:12px}
.product-photo{padding:40px;border:1px solid var(--line);border-radius:16px;background:#ECECEC;display:grid;justify-items:center;margin-bottom:70px}.product-photo img{width:auto;max-height:430px;border-radius:10px}.photo-drop img{max-height:520px;width:100%;object-fit:contain}
.product-setup{border-top:1px solid var(--line);padding-block:65px;display:grid;grid-template-columns:.85fr 1.35fr;gap:65px}.product-setup h2{font-size:32px}.product-setup>div>p{font-size:14px;line-height:1.8;max-width:32em;margin-top:20px;color:var(--muted)}.product-setup>div>.fine{font-size:11px}.product-faq details{border-bottom:1px solid var(--line);padding:19px 0}.product-faq details:first-child{padding-top:0}.product-faq summary{cursor:pointer;font-size:14px;font-weight:550;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}.product-faq summary::-webkit-details-marker{display:none}.product-faq summary:after{content:'+';font-size:20px;font-weight:400}.product-faq details[open] summary:after{content:'−'}.product-faq details p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:15px;padding-right:15px}
.product-get{padding-block:65px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.product-get h2{font-size:38px;max-width:10em}.product-get>div>p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:20px}.individual-download{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:25px}.individual-download>span{font-size:12px;color:var(--muted)}.bundle-offer{padding-left:45px;border-left:1px solid var(--line)}.bundle-symbols{display:flex;gap:20px;margin-bottom:22px}.bundle-symbols img{width:24px;height:24px}.bundle-offer h3{font-size:24px}.bundle-offer p{font-size:14px!important;margin-top:12px!important}.bundle-offer .button{margin-top:22px;border-color:#AAA}.bundle-offer .button span{font-size:11px;color:var(--muted)}.bundle-offer>.fine{display:block;margin-top:12px}
.related-apps{display:flex;align-items:center;gap:28px;padding-block:32px 55px;border-top:1px solid var(--line);font-size:13px}.related-apps>span{color:var(--muted);margin-right:auto}.related-apps a{display:flex;align-items:center;gap:9px}.related-apps a:hover{text-decoration:underline;text-underline-offset:4px}.related-apps img{width:20px;height:20px}
/* Small, deliberately schematic walkthroughs for the other apps. */
.suite-get .suite-get-action{padding-left:45px}.suite-get .suite-get-action>.fine{font-size:11px;line-height:1.8;margin-top:15px}.bundle-offer .button .download-label{font-size:14px;color:inherit}
@media(max-width:700px){.suite-get .suite-get-action{padding-left:0}.bundle-offer .button .download-label{font-size:13px}}
.workflow-demo{width:100%;height:370px;position:relative;background:#E5E5E5;border:1px solid #CCC;border-radius:15px;overflow:hidden;font-size:12px;color:#333;box-shadow:0 16px 34px -28px #0006}.workflow-note{font-size:10px;color:var(--muted);margin-top:17px}.demo-desktop-bar{height:30px;background:#F9F9F9B3;border-bottom:1px solid #D2D2D2;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px}.demo-desktop-bar img{width:17px;height:17px}.demo-window{position:absolute;background:#FCFCFC;border:1px solid #C2C2C2;border-radius:9px;box-shadow:0 10px 23px -14px #0005;overflow:hidden}.demo-title{font-size:10px;border-bottom:1px solid #DEDEDE;padding:10px;background:#F3F3F3}.source-window{left:14%;top:70px;width:74%;height:230px}.demo-lines{padding:22px;display:grid;gap:14px}.demo-lines i{height:6px;background:#E8E8E8;border-radius:4px;width:70%}.demo-lines i:nth-child(2){width:88%}.demo-lines i:nth-child(3){width:55%}.demo-shelf{position:absolute;left:0;top:90px;width:64px;height:225px;transform:translateX(-48px);padding:14px 10px;background:#FAFAFA;border:1px solid #BDBDBD;border-radius:0 12px 12px 0;box-shadow:4px 0 18px #0001;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;transition:transform .25s}.demo-shelf img{width:24px;height:24px}.shelf-slot{width:35px;height:68px;border:1px dashed #B7B7B7;border-radius:6px;margin-top:16px}.moving-file{position:absolute;left:55%;top:53%;width:82px;height:84px;display:grid;justify-items:center;align-content:center;gap:7px;font-size:9px;transform:translate(-50%,-50%);background:#FAFAFA;border-radius:7px;box-shadow:0 5px 13px #0002;z-index:3}.paper-symbol{display:block;width:25px;height:32px;background:#F6F6F6;border:1.5px solid #686868;border-radius:3px;position:relative}.paper-symbol:after{content:'';position:absolute;left:5px;right:5px;top:9px;height:1px;background:#999;box-shadow:0 5px 0 #999,0 10px 0 #999}.destination-window{left:22%;top:70px;width:70%;height:230px;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}.destination-window p{font-size:11px;padding:20px 15px}.attachment-slot{border:1px dashed #AAA;margin:0 15px;padding:23px 8px;font-size:10px;color:#888}.scroll-story[data-phase="1"] .demo-shelf,.scroll-story[data-phase="2"] .demo-shelf{transform:none}.scroll-story[data-phase="2"] .destination-window{opacity:1;transform:none}.scroll-story[data-phase="2"] .source-window{opacity:.3}
.awake-workflow{background:#EDEDED}.timer-illustration{position:relative;width:235px;height:235px;margin:24px auto 5px}.timer-illustration svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-illustration circle{fill:none;stroke-width:6}.timer-track{stroke:#D0D0D0}.timer-progress{stroke:#333;stroke-linecap:round;stroke-dasharray:622;stroke-dashoffset:var(--timer-offset,0)}.timer-readout{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-readout strong{font-size:66px;font-weight:500;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.timer-readout span{font-size:12px;color:var(--muted)}.timer-state{text-align:center;font-size:12px}.timer-mode{display:flex;justify-content:center;gap:7px;align-items:center;font-size:10px;color:#777;margin-top:13px}.status-dot{width:5px;height:5px;border-radius:50%;background:#333}
.file-original,.file-output{position:absolute;display:grid;justify-items:center;gap:9px;font-size:10px;text-align:center}.file-original{left:12%;top:97px;padding:12px 15px;background:#D0D0D0;border-radius:8px}.file-output{right:8%;top:200px;max-width:45%;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}.file-output small{font-size:10px;color:var(--muted)}.demo-context-menu{position:absolute;top:97px;left:34%;width:55%;max-width:220px;border:1px solid #CCC;background:#FBFBFB;border-radius:8px;padding:6px;box-shadow:0 8px 20px #0002;opacity:0;transition:opacity .2s}.demo-context-menu>div{display:flex;align-items:center;gap:8px;padding:5px 8px 9px;font-size:11px}.demo-context-menu img{width:17px;height:17px}.demo-context-menu>span{display:block;padding:4px 10px;font-size:11px}.demo-context-menu .chosen-action{background:#333;color:white;border-radius:4px}.file-complete{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-size:11px;color:var(--muted);opacity:0}.scroll-story[data-phase="1"] .demo-context-menu{opacity:1}.scroll-story[data-phase="2"] .file-output{opacity:1;transform:none}.scroll-story[data-phase="2"] .file-complete{opacity:1}.scroll-story[data-phase="2"] .file-original{background:transparent}
@media(max-width:1000px){.story-pin,.product-details,.product-setup{gap:35px;grid-template-columns:.85fr 1.15fr}.product-hero{gap:35px}.product-key{max-width:240px}.workflow-demo{height:345px}.timer-illustration{width:210px;height:210px}.product-get{gap:35px}.bundle-offer{padding-left:30px}}
@media(max-width:700px){.product-page{--product-nav:55px}.product-nav>.wrap{gap:18px}.product-nav-links{gap:15px;font-size:11px}.product-nav .text-link{font-size:11px}.product-id{font-size:13px;gap:7px}.product-id img{width:21px;height:21px}.product-hero{grid-template-columns:1fr 105px;gap:15px;padding-block:35px}.product-hero>div:first-child{display:contents}.back-link{grid-column:1/-1;margin-bottom:0}.product-hero h1{font-size:42px;grid-column:1}.product-key{width:105px;grid-column:2;grid-row:2;transform:rotate(-5deg)}.product-intro{grid-column:1/-1;font-size:16px;line-height:1.65;margin-top:7px}.product-actions{grid-column:1/-1;margin-top:8px;gap:20px}.product-meta{grid-column:1/-1;margin-top:0;font-size:10px}.product-screen{margin-block:10px 25px}.product-screen>div{border-radius:10px}.product-screen figcaption{font-size:10px;max-width:29em;margin:15px auto 0}.scroll-story{height:210svh}.story-pin{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:20px;padding-block:25px}.story-copy h2{font-size:31px}.product-overline{margin-bottom:10px;font-size:11px}.story-copy>p:not(.product-overline){font-size:13px;margin-top:13px}.story-steps{gap:9px;margin-top:18px;font-size:12px}.scroll-hint{display:none}.story-media{flex:1;min-height:0;max-height:360px}.film-media img,.film-media canvas{max-height:100%;max-width:100%}.film-tabs img,.film-tabs canvas{max-height:100%;max-width:100%}.workflow-demo{height:310px;max-height:100%}.demo-window{height:195px;top:60px}.demo-shelf{top:75px;height:195px}.timer-illustration{width:185px;height:185px;margin-top:14px}.timer-readout strong{font-size:52px}.timer-state{font-size:11px}.timer-mode{margin-top:8px}.workflow-note{font-size:9px;margin-top:10px}.file-original{top:70px;left:8%}.file-output{top:176px}.demo-context-menu{top:73px}.file-complete{bottom:14px;font-size:10px}.shortcut-section{display:block;padding-block:45px}.shortcut-section h2{font-size:30px}.shortcut-section p:not(.product-overline){font-size:13px}.shortcut-keys{margin-top:30px;gap:10px}.shortcut-keys kbd{width:65px;height:65px;font-size:28px;border-radius:14px}.product-details,.product-setup{display:block;padding-block:45px}.detail-heading h2{font-size:30px;max-width:none}.detail-heading p{margin-top:15px;font-size:13px}.detail-rows{margin-top:35px;gap:24px}.detail-row h3{font-size:19px}.detail-row p{font-size:13px}.product-photo{padding:20px;margin-bottom:40px}.product-photo img{max-height:335px}.product-photo figcaption{font-size:10px}.product-setup h2{font-size:29px}.product-setup>div>p{font-size:13px;margin-top:16px}.product-faq{margin-top:30px}.product-faq summary{font-size:13px}.product-faq details p{font-size:12px}.product-get{grid-template-columns:1fr;gap:40px;padding-block:45px}.product-get h2{font-size:31px}.product-get>div>p{font-size:13px;margin-top:15px}.bundle-offer{border-left:0;border-top:1px solid var(--line);padding:32px 0 0}.related-apps{gap:18px;flex-wrap:wrap;padding-bottom:35px;font-size:12px}.related-apps>span{width:100%}.related-apps img{width:18px;height:18px}}
@media(max-width:360px){.product-nav-links{gap:10px;font-size:10px}.product-nav>.wrap{gap:10px}.product-hero{grid-template-columns:1fr 85px;gap:12px}.product-key{width:85px}.product-hero h1{font-size:36px}.product-page .site-nav>a:not(.button){display:none}.product-actions .button{font-size:12px;padding-inline:16px}.product-actions .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce),(max-height:620px){.scroll-story{height:auto;padding-block:45px}.story-pin{position:static;height:auto}.story-media{min-height:310px}.film-media img,.film-media canvas{max-height:460px}.story-steps li{color:var(--ink)}.story-steps .step-dot{background:#333}.scroll-hint{display:none}.product-screen>div{transform:none!important}.workflow-demo *{transition:none!important}}

/* Awake is a small panel: shown near its real size, not filling the column. */

.film-convert img,.film-convert canvas,.film-drop img,.film-drop canvas,.film-sort img,.film-sort canvas{max-width:min(100%,640px)}