/* Hallmark · v2.0.0 · theme: Coral (dealt 3/3) adapted with Taste · genre: modern-minimal · draw: 150870 · shape: product workbench · hero: Stage · nav: plain balanced bar · footer: statement · imagery: own product render captures · signature: live desktop display switcher · job: try */
/* critique: finish-review: subagent ship; desktop and mobile readable; own product renders replace the reference theme's stationery */
/* Hallmark · waive 44c · hero copy ends above the bottom of the first viewport · The product preview extends to 735px and the device context row completes the first viewport; extra copy would dilute the download action. */
/* Hallmark · waive 59 · 82px gap before device categories · The category row belongs to the hero's device context, while independent sections retain larger spacing. */
/* Hallmark · waive 77 · device-strip is a thin full-width row · This single micro-band names the four peripheral categories without inventing metrics or adding redundant imagery. */
@font-face{font-family:'MouseDock Chinese';src:url('assets/mousedock-chinese.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'General Sans';src:url('assets/general-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'General Sans';src:url('assets/general-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'General Sans';src:url('assets/general-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--color-paper:#f3f1ed;--color-cotton:#faf9f6;--color-desk:#e7e4de;--color-well:#eeece7;--color-ink:#242724;--color-muted:#60655e;--color-green:#274e42;--color-soft:#dce5d7;--color-accent:#b33f2d;--color-focus:#b33f2d;--color-board:#253c33;--color-board-type:#f4f4ec;--color-board-muted:#c7d3c8;--color-preview:#f4f7f5;--color-preview-dark:#101b18;--color-overlay:#17291fcc;--font-display:'General Sans','MouseDock Chinese','Microsoft YaHei UI','Microsoft YaHei',sans-serif;--font-body:var(--font-display);--text-display:clamp(44px,5.65vw,80px);--text-section:clamp(32px,3.6vw,52px);--text-title:26px;--text-lead:20px;--text-body:16px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:80px;--space-section:128px;--gap-columns:32px;--container:1440px;--gutter:64px;--ease-out:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-xl);overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.65;overflow-x:clip;-webkit-font-smoothing:antialiased;scrollbar-color:var(--color-muted) var(--color-paper)}::selection{background:var(--color-green);color:var(--color-cotton)}a{color:inherit;text-decoration:none;text-underline-offset:6px}button{font:inherit;color:inherit;cursor:pointer;border:0;border-radius:0;background:none}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}button:disabled{opacity:.5;cursor:not-allowed}a:active,button:active{transform:translateY(1px)}img{max-width:100%;display:block;height:auto}p,figure,h1,h2,h3,ul{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;text-wrap:balance;overflow-wrap:break-word;min-width:0}h1{font-size:var(--text-display);line-height:1.17}h2{font-size:var(--text-section);line-height:1.25}h3{font-size:var(--text-title);line-height:1.4}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}ul{padding-left:var(--space-lg)}li+li{margin-top:var(--space-sm)}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section-space{padding-block:var(--space-section)}.skip-link{position:absolute;top:-100px;left:var(--space-md);padding:var(--space-md);background:var(--color-cotton);z-index:30}.skip-link:focus{top:var(--space-md)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);min-height:104px}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:26px;font-weight:600;letter-spacing:-.035em;line-height:1.2}.brand svg{width:32px;height:32px}.site-header nav{display:flex;gap:var(--space-xl)}nav a{padding-block:var(--space-sm)}nav a:hover,.text-link:hover{color:var(--color-accent)}.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-md);min-height:52px;padding:var(--space-sm) var(--space-lg);font-weight:500;line-height:1.5;text-align:center;transition:transform .2s var(--ease-out),background-color .2s var(--ease-out)}.button svg{width:20px;height:20px}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button.dark{background:var(--color-ink);color:var(--color-cotton)}.button.dark:hover{background:var(--color-green)}.button.light{background:var(--color-cotton);color:var(--color-board)}.button.quiet{background:var(--color-desk)}.button.small{min-height:44px}.text-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;padding:0;font-weight:500}.fineprint,.demo-disclaimer,.pricing-note,.plan-note,.contact-note{font-size:var(--text-body);color:var(--color-muted)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-2xl);align-items:center;padding-top:var(--space-2xl);padding-bottom:var(--space-3xl);min-height:650px}.hero-description{font-size:var(--text-lead);line-height:1.8;margin-top:var(--space-xl)}.hero-actions{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-top:var(--space-xl)}.fineprint{margin-top:var(--space-lg)}.hero-visual{background:var(--color-desk);padding:var(--space-lg);position:relative;min-width:0}.preview-top{display:flex;justify-content:space-between;gap:var(--space-md);font-size:var(--text-body);color:var(--color-ink)}.preview-word{font-weight:600}.product-preview{min-height:372px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:var(--space-lg);gap:var(--space-md)}.product-preview img{width:min(100%,340px);object-fit:contain}.product-preview figcaption{color:var(--color-muted);font-size:var(--text-body)}.hero-visual[data-mode=mini] .product-preview img{width:100%}.hero-visual[data-theme=night]{background:var(--color-board);color:var(--color-board-type)}.hero-visual[data-theme=night] .preview-top,.hero-visual[data-theme=night] .demo-disclaimer,.hero-visual[data-theme=night] figcaption{color:var(--color-board-muted)}.demo-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.mode-switch,.theme-switch{display:flex;gap:4px}.demo-controls button{padding:var(--space-xs) var(--space-sm);min-height:44px;transition:background-color .2s var(--ease-out)}.demo-controls button:hover{background:var(--color-well);color:var(--color-ink)}.demo-controls button[aria-pressed=true]{background:var(--color-cotton);color:var(--color-ink)}.theme-switch button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px}.demo-disclaimer{margin-top:var(--space-md)}.device-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding-block:var(--space-xl)}.device-strip p{font-size:var(--text-body)}.device-strip>div{display:flex;gap:var(--space-2xl);font-size:var(--text-lead);font-weight:500}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.section-heading>p{max-width:460px;font-size:var(--text-lead);line-height:1.8}.showcase-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--space-3xl);align-items:center}.appearance-figure{background:var(--color-preview);overflow:clip}.appearance-figure img{width:100%}.appearance-figure figcaption{padding:var(--space-md) var(--space-lg);font-size:var(--text-body)}.feature-notes article+article{margin-top:var(--space-2xl)}.feature-notes h3{margin-bottom:var(--space-md)}.feature-notes p{max-width:36ch}.feature-notes>.text-link{margin-top:var(--space-lg)}.style-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);margin-top:var(--space-2xl)}.style-pair figure:first-child{background:var(--color-preview)}.style-pair figure:last-child{background:var(--color-preview-dark);color:var(--color-board-type)}.style-pair img{width:100%}.style-pair figcaption{padding:var(--space-md) var(--space-lg)}
.compatibility{background:var(--color-soft);padding-block:var(--space-4xl)}.compatibility-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3xl);align-items:center}.compatibility-inner>div>p{font-size:var(--text-lead)}.compatibility ol{padding-left:var(--space-lg);margin-block:var(--space-lg)}.compatibility li{padding-left:var(--space-xs)}
.pricing-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.8fr);gap:var(--space-2xl);align-items:stretch}.free-plan{padding-block:var(--space-lg);padding-right:var(--space-lg)}.free-price{font-size:52px;font-weight:500;letter-spacing:-.03em;line-height:1.3;margin-block:var(--space-lg) var(--space-xs);font-variant-numeric:tabular-nums}.free-price span{font-size:var(--text-body);letter-spacing:0;margin-left:var(--space-xs)}.free-plan ul{margin-block:var(--space-xl)}.free-plan>.button{min-width:180px}.pro-plan{background:var(--color-board);color:var(--color-board-type);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--gap-columns);padding:var(--space-2xl);align-items:start}.pro-price{font-size:clamp(68px,6.3vw,92px);font-weight:500;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:var(--space-xl);white-space:nowrap}.pro-price>span{font-size:32px;vertical-align:top;display:inline-block;padding-top:var(--space-sm);margin-right:4px}.price-caption{margin-top:var(--space-md);max-width:20ch}.pro-main>.button{margin-top:var(--space-xl);width:100%}.pro-main>.plan-note{color:var(--color-board-muted);margin-top:var(--space-md)}.pro-details>p{margin-block:var(--space-xs) var(--space-xl)}.pro-details ul{padding-left:var(--space-lg)}.pro-details li+li{margin-top:var(--space-lg)}.license-facts{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-xl)}.license-facts p{display:flex;flex-direction:column;gap:4px}.license-facts strong{font-size:var(--text-lead);font-weight:500}.license-facts span{font-size:var(--text-body);color:var(--color-board-muted)}.pro-details>.text-link{margin-top:var(--space-lg)}.pro-details>.text-link:hover{color:var(--color-board-type)}.pricing-note{margin-top:var(--space-xl);max-width:88ch}
.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--space-3xl);padding-top:0}.faq-heading h2{max-width:9em}.faq-heading p{margin-top:var(--space-lg)}.faq-items details{background:var(--color-well);padding:var(--space-lg);margin-bottom:var(--space-sm)}.faq-items details[open]{background:var(--color-desk)}summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);font-weight:500;cursor:pointer;list-style:none;min-height:44px}summary::-webkit-details-marker{display:none}summary span{font-size:26px;line-height:1;transition:transform .2s var(--ease-out)}details[open] summary span{transform:rotate(45deg)}details>p{margin-top:var(--space-md)}summary:hover{color:var(--color-accent)}
.download{background:var(--color-desk);padding-block:var(--space-4xl)}.download-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3xl);align-items:center}.download-inner>div>p{margin-top:var(--space-lg);font-size:var(--text-lead)}.download-inner>div>.text-link{margin-top:var(--space-lg)}.contact-panel{padding:var(--space-xl);background:var(--color-cotton)}.contact-panel>p{margin-top:var(--space-xs)!important;font-size:var(--text-body)!important}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-lg)}.contact-row strong{font-size:26px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.contact-row button{min-height:44px;padding:var(--space-xs) var(--space-md);background:var(--color-well);white-space:nowrap}.contact-row button:hover{background:var(--color-soft)}.contact-note{margin-top:var(--space-md)!important}
footer{padding-top:var(--space-2xl);padding-bottom:var(--space-lg)}.footer-meta{display:flex;justify-content:space-between;gap:var(--space-xl);align-items:center}.footer-meta>div{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.footer-meta button{min-height:44px;padding:0}.footer-meta button:hover{text-decoration:underline}.footer-word{display:flex;align-items:center;justify-content:space-between;font-size:clamp(52px,12.6vw,182px);letter-spacing:-.04em;font-weight:600;line-height:1.3;margin-top:var(--space-xl)}.footer-word svg{width:9%;height:auto;stroke-width:4}
dialog{background:var(--color-cotton);color:var(--color-ink);border:0;padding:var(--space-xl);width:min(640px,calc(100% - 32px));max-height:85dvh;overflow:auto}dialog::backdrop{background:var(--color-overlay)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.dialog-heading h2{font-size:26px;line-height:1.4}.dialog-heading button{min-width:44px;min-height:44px;font-size:32px;background:var(--color-well);line-height:1}#dialog-content p{margin-block:var(--space-md)}#dialog-content h3{font-size:var(--text-lead);margin-top:var(--space-lg)}.full{width:100%;margin-top:var(--space-lg)}.toast{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%,16px);background:var(--color-ink);color:var(--color-cotton);padding:var(--space-md) var(--space-lg);max-width:calc(100% - 32px);width:max-content;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1440px){.hero{min-height:680px}.product-preview{min-height:400px}.product-preview img{width:360px}}
@media(max-width:1100px){:root{--gutter:32px;--space-section:96px;--gap-columns:24px}.hero{gap:var(--space-xl)}.preview-word{display:none}.hero-actions{gap:var(--space-md)}.pro-plan{grid-template-columns:minmax(0,1fr);padding:var(--space-xl)}.pro-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-md);align-items:center}.pro-main h3,.pro-main .plan-note{grid-column:1/-1}.pro-price{grid-row:2/4;margin:0}.pro-main>.button{margin:0}.price-caption{margin:0}.pro-details>p{margin-bottom:var(--space-lg)}.pro-details li+li{margin-top:var(--space-sm)}.pricing-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}.showcase-grid{gap:var(--space-xl)}.style-pair{grid-template-columns:minmax(0,1fr)}.style-pair img{max-height:210px;object-fit:contain}.site-header nav{gap:var(--space-md)}}
@media(max-width:760px){:root{--gutter:24px;--space-section:80px;--text-display:52px;--text-section:36px;--text-title:24px;--text-lead:18px}.site-header{min-height:88px;gap:var(--space-md);flex-wrap:wrap;padding-top:var(--space-md);padding-bottom:var(--space-md)}.brand{font-size:24px}.brand svg{width:28px}.site-header>.button{font-size:var(--text-body);padding-inline:var(--space-sm)}.site-header nav{order:3;width:100%;justify-content:space-between;gap:var(--space-md)}.hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:var(--space-xl);padding-bottom:var(--space-xl);gap:var(--space-xl)}.hero-description{margin-top:var(--space-lg)}.hero-actions{margin-top:var(--space-lg);gap:var(--space-lg)}.hero-visual{padding:var(--space-md)}.product-preview{min-height:348px}.product-preview img{width:300px}.preview-top{font-size:var(--text-body)}.demo-controls{gap:var(--space-xs)}.demo-controls button{padding-inline:var(--space-xs)}.demo-disclaimer{font-size:var(--text-body)}.device-strip{display:block;padding-block:var(--space-lg)}.device-strip>div{justify-content:space-between;gap:var(--space-lg);margin-top:var(--space-md);font-size:var(--text-body)}.section-heading{display:block;margin-bottom:var(--space-xl)}.section-heading>p{margin-top:var(--space-lg)}.showcase-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.feature-notes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-lg)}.feature-notes article+article{margin:0}.feature-notes h3{font-size:var(--text-lead)}.feature-notes>.text-link{grid-column:1/-1;margin:0}.style-pair{margin-top:var(--space-xl);gap:var(--space-lg)}.style-pair figcaption{padding:var(--space-md)}.compatibility{padding-block:var(--space-2xl)}.compatibility-inner,.download-inner{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.pricing-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.free-plan{padding:0}.free-plan ul{margin-block:var(--space-lg)}.free-price{margin-top:var(--space-md)}.pro-plan{padding:var(--space-lg)}.pro-main{display:block}.pro-price{font-size:80px;margin-top:var(--space-lg)}.price-caption{max-width:none;margin-top:var(--space-md)}.pro-main>.button{margin-top:var(--space-lg)}.pro-details{margin-top:var(--space-sm)}.pro-details>p{margin-top:0}.faq{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.faq-heading h2{max-width:none;font-size:32px}.faq-items details{padding:var(--space-md)}.download{padding-block:var(--space-2xl)}.contact-panel{padding:var(--space-lg)}.contact-row{gap:var(--space-xs)}.contact-row strong{font-size:24px}.contact-row button{padding-inline:var(--space-sm)}.footer-meta{display:block}.footer-meta>div{margin-top:var(--space-md);gap:var(--space-md)}.footer-word{margin-top:var(--space-lg);font-size:clamp(48px,13vw,96px)}.footer-word svg{width:8%}}
@media(max-width:370px){:root{--gutter:16px;--text-display:44px}.brand{font-size:21px;gap:var(--space-xs)}.site-header>.button{font-size:14px}.hero-actions{gap:var(--space-xs)}.product-preview{min-height:300px}.demo-controls{align-items:flex-start}.contact-panel{padding:var(--space-md)}.contact-row strong{font-size:22px}.contact-row button{padding-inline:var(--space-xs)}}
.pro-plan button:focus-visible,.hero-visual[data-theme=night] button:focus-visible{outline-color:var(--color-cotton)}
.pro-price>span{font-variant-numeric:tabular-nums}
details:not([open])>p{display:none}
@media(min-width:761px){.hero{padding-bottom:var(--space-xl)}.features{padding-top:96px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,a:active,button:active{transform:none}}