/* MellowKit: a capable Mac toolkit with the tactility of its native paper skin. */
:root{--paper:#fcf8f4;--surface:#fffcfa;--ink:#403044;--muted:#726676;--purple:#805b8c;--purple-dark:#684673;--lilac:#f0e5f0;--line:#e7dce4;--peach:#f5dfd4;--radius:20px;color-scheme:light;font-family:"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration-thickness:1px}p{font-size:17px;line-height:1.75;color:var(--muted);margin:0 0 20px}h1,h2,h3{margin:0;color:var(--ink);font-weight:650}h1{font-size:clamp(42px,4.35vw,64px);line-height:1.13;letter-spacing:-.052em}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.16;letter-spacing:-.042em}h3{font-size:21px;letter-spacing:-.02em;line-height:1.4}img,video{display:block;max-width:100%;height:auto}button,summary{cursor:pointer}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9864ad;outline-offset:5px;border-radius:5px}::selection{background:#e3cfeb;color:#403044}.wrap{width:min(1232px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;z-index:100;padding:12px 18px;background:var(--ink);color:white}.skip:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;background:var(--purple);border:1px solid transparent;color:#fff;font-size:15px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;transition:background .15s}.button:hover{background:var(--purple-dark)}.button.compact{min-height:39px;padding:9px 18px;font-size:13px}.text-link{display:inline-block;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b69bbd}.text-link:hover{color:var(--purple)}.section-kicker,.intro{font-size:14px;font-weight:600;color:var(--purple);margin-bottom:17px;line-height:1.4}
.mk-header{min-height:98px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:baseline;gap:5px;font-size:25px;font-weight:750;letter-spacing:-1.1px;white-space:nowrap}.brand-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#c795a5}.mk-header nav{display:flex;justify-content:center;gap:26px;margin-left:auto;font-size:13px;font-weight:550}.mk-header nav a:hover,.mk-footer nav a:hover{text-decoration:underline;text-underline-offset:5px}.mk-header>.button{flex-shrink:0}.hero{display:grid;grid-template-columns:1fr 1.17fr;gap:38px;align-items:center;padding-block:76px 80px}.hero-copy{padding-bottom:8px}.hero-copy h1{max-width:580px}.hero-description{font-size:18px;line-height:1.7;max-width:455px;margin:25px 0 28px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.release-note{font-size:12px;margin-top:22px;line-height:1.8}.release-note a{text-decoration:underline;text-decoration-color:#bdacbe;text-underline-offset:3px}.hero-stage{position:relative;min-width:0;padding-bottom:36px}.demo-tabs{display:flex;gap:5px;margin:0 0 16px;justify-content:center}.demo-tabs button{font-size:12px;line-height:1.3;border:1px solid transparent;background:none;padding:10px 12px;border-radius:99px;min-height:38px}.demo-tabs button[aria-selected=true]{background:var(--lilac);border-color:#e4d1e8;color:var(--purple-dark)}.demo-tabs button:hover{background:#f3eaf0}.product-media{margin:0;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);overflow:hidden;box-shadow:0 9px 30px #5637580b}.product-media video{aspect-ratio:3/2;width:100%;object-fit:contain;background:#fbf8fa}.product-media>img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#fbf8fa}.product-media figcaption{font-size:10px;line-height:1.6;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);border-top:1px solid #f1e9ef}.hero-fox{position:absolute;width:190px;right:-22px;bottom:-30px;pointer-events:none;filter:drop-shadow(0 8px 7px #886c8212)}.fox-note{font-size:12px;position:absolute;bottom:5px;left:20px;color:var(--purple);font-style:italic}.capability-strip{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;gap:20px;padding:22px 0;font-size:14px;font-weight:550}.capability-strip>span{color:#c2a1b8;font-size:10px}.capability-strip a:hover{color:var(--purple);text-decoration:underline;text-underline-offset:5px}
.workflow-feature{padding-block:112px 30px;display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}.workflow-copy h2{margin-bottom:24px}.workflow-copy p:not(.section-kicker){max-width:385px}.workflow-copy .text-link{margin-top:5px}.workflow-proof{min-width:0}.workflow-chain{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;position:relative}.workflow-chain li{font-size:13px;font-weight:600;padding-top:13px;border-top:2px solid #b394be;position:relative}.workflow-chain li:not(:last-child):after{content:'›';position:absolute;right:-11px;top:-17px;font-size:23px;background:var(--paper);color:#b394be}.workflow-chain small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:6px}.try-workflow{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:36px 40px;margin-top:20px;margin-bottom:100px;background:#f3eaf0;border-radius:22px;align-items:center}.try-workflow h3{margin-bottom:12px;font-size:23px}.try-workflow p{font-size:14px;max-width:420px}.workflow-options{display:flex;align-items:center;gap:13px 22px;flex-wrap:wrap;font-size:13px}.workflow-options label{display:inline-flex;align-items:center;gap:6px;min-height:33px}.workflow-options input{accent-color:var(--purple);width:16px;height:16px}.workflow-options select{background:var(--surface);border:1px solid #cfbcd5;border-radius:7px;padding:5px;color:var(--ink);font-size:12px}.try-workflow .example-note{font-size:11px;margin:14px 0 0}.example-output{padding:27px 38px 15px;background:#e5cad4;border-radius:15px;transition:background .2s}.example-image{position:relative;max-width:100%;margin-inline:auto;border-radius:9px;overflow:hidden;box-shadow:0 8px 15px #5f40552b;transition:max-width .2s}.example-image img{width:100%;aspect-ratio:3/2;object-fit:cover}.demo-watermark{position:absolute;right:12px;bottom:10px;font-size:12px;font-weight:650;color:white;text-shadow:0 1px 4px #2f3a43}.example-output output{display:block;text-align:center;margin-top:12px;font-size:11px;font-weight:550;color:#5b4555}.example-output.no-background{background:transparent}.example-output.no-background .example-image{border-radius:0;box-shadow:none}.example-output.no-watermark .demo-watermark{display:none}
.feature-story{border-top:1px solid var(--line);padding-block:70px 22px}.feature-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center;padding-block:35px 62px}.feature-row.reverse{grid-template-columns:1.2fr .8fr}.feature-row.reverse .feature-copy{order:1}.feature-copy h2{font-size:clamp(30px,3.1vw,43px);margin-bottom:21px}.feature-copy p:not(.section-kicker){font-size:16px;max-width:390px}.feature-copy .capability-line,.capability-line{font-size:12px!important;color:var(--purple);margin-bottom:20px}.feature-copy .text-link{font-size:13px}.tools-section{border-top:1px solid var(--line);padding-block:75px 85px}.tools-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:36px}.tools-heading p{max-width:290px;font-size:16px;margin-bottom:2px}.tool-index{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.tool-item{display:flex;align-items:center;gap:17px;padding:21px 0;border-bottom:1px solid var(--line);min-width:0}.tool-item h3{font-size:16px;margin-bottom:5px}.tool-item p{font-size:12px;line-height:1.4;margin:0}.tool-symbol{width:40px;flex-shrink:0;text-align:center;font-size:22px;font-weight:500;color:var(--purple)}.tool-symbol:first-letter{font-family:"Avenir Next",sans-serif}.tool-chevron{margin-left:auto;color:#ac8bb4;font-size:23px}.tool-item:hover h3{text-decoration:underline;text-underline-offset:4px}.tool-detail{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:center;padding-top:48px}.tool-detail>img{border:1px solid var(--line);border-radius:16px}.tool-detail h3{margin-bottom:15px}.tool-detail p{font-size:14px}.tool-detail p:last-child{margin-bottom:0}.companion-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:30px 90px}.companion-section h2{margin-bottom:22px}.companion-section p{max-width:430px;font-size:16px}.companion-art{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:260px;padding-top:10px;border-bottom:2px solid #f1dbd8;border-radius:0 0 35% 15%}.fox-typing{width:59%;margin-right:-25px;margin-bottom:-20px}.fox-sleep{width:49%;margin-left:-15px;margin-bottom:-18px}.reminder-bubble{position:absolute;right:18px;top:12px;font-size:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:13px 14px 13px 3px;box-shadow:0 6px 16px #6746750c;transform:rotate(2deg)}.suggest-section{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center;padding:55px 60px;background:#f0e4ef;border:1px solid #e7d6e7;border-radius:28px;margin-bottom:90px}.suggest-section h2{margin-bottom:22px;font-size:clamp(32px,3.5vw,45px)}.suggest-section p{font-size:15px;max-width:450px}.suggest-section .button{margin-top:4px}.suggest-note{position:relative;background:#fff9f0;box-shadow:1px 6px 20px #785d6e0e;transform:rotate(2deg);padding:44px 30px 30px;border-radius:2px 2px 15px 4px}.suggest-note p{font-size:19px;color:#6d5e68;line-height:1.7}.suggest-note small{font-size:11px;color:#94808b}.note-pin{position:absolute;width:10px;height:10px;border-radius:50%;top:16px;left:48%;background:#ba8dab;box-shadow:1px 2px 3px #a4818c55}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-bottom:90px}.faq-section h2{font-size:34px}.faq-section details,.feature-page details{border-bottom:1px solid var(--line);padding:19px 0}.faq-section details:first-child{padding-top:0}summary{font-weight:600;font-size:15px;line-height:1.6;position:relative;list-style:none;padding-right:28px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;font-weight:400;position:absolute;right:2px;top:-4px;color:var(--purple)}details[open] summary:after{content:'−'}details p{font-size:14px;margin:14px 0 0}.availability{border-top:1px solid var(--line);text-align:center;padding:70px 20px 82px}.availability h2{font-size:clamp(35px,4vw,53px);margin-bottom:23px}.availability>p:not(.section-kicker){font-size:15px;max-width:510px;margin-inline:auto}.availability>div{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:27px}.mk-footer{display:flex;gap:45px;align-items:flex-start;border-top:1px solid var(--line);padding-block:35px 38px}.mk-footer .wordmark{font-size:21px}.mk-footer p{font-size:12px;margin:10px 0 0}.mk-footer nav{display:flex;gap:25px;margin-left:auto;font-size:12px;padding-top:8px}.mk-footer>small{font-size:10px;color:var(--muted);padding-top:10px}
.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);padding-top:35px}.breadcrumbs a:hover{text-decoration:underline}.feature-page{padding-bottom:80px}.feature-page-intro{padding-block:50px 35px;max-width:820px}.feature-page h1{font-size:clamp(38px,5vw,65px);line-height:1.12;margin-bottom:25px}.feature-page .lead{font-size:20px;max-width:740px}.feature-page>.product-media{max-width:1040px}.feature-page>.product-media video,.feature-page>.product-media>img{max-height:640px;object-fit:contain}.article-grid{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:95px;padding-top:42px}.article-grid article section{margin-bottom:38px}.article-grid h2{font-size:28px;letter-spacing:-.025em;line-height:1.25;margin-bottom:18px}.article-grid p{font-size:16px;line-height:1.85}.article-grid aside{align-self:start;position:sticky;top:35px;padding-top:5px}.article-grid aside h2{font-size:17px}.article-grid aside nav{display:grid;gap:15px;border-block:1px solid var(--line);padding-block:19px;margin-bottom:20px;font-size:13px}.article-grid aside a:hover{text-decoration:underline}.article-grid aside p{font-size:12px;line-height:1.7;margin-top:25px}.article-grid aside .button:hover{text-decoration:none}.article-steps{padding-left:23px;color:var(--muted);font-size:16px;line-height:1.9}.article-steps li{padding-left:6px;margin-bottom:10px}
@media(min-width:1450px){.hero{padding-top:88px;padding-bottom:90px}.hero-fox{width:210px;right:-18px;bottom:-44px}.hero-stage{padding-bottom:35px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.mk-header{gap:22px}.mk-header nav{gap:17px;font-size:12px}.hero{gap:26px;padding-top:60px}.hero h1{font-size:48px}.hero-description{font-size:16px}.demo-tabs button{padding:9px 8px;font-size:11px}.hero-fox{width:155px;bottom:-20px;right:-8px}.workflow-feature{gap:38px}.feature-row{gap:45px}.feature-row h2{font-size:35px}.workflow-chain{gap:11px}.workflow-chain li{font-size:11px}.suggest-section{gap:45px;padding:40px}.faq-section{gap:50px}.article-grid{grid-template-columns:minmax(0,1fr) 230px;gap:45px}.mk-footer{gap:25px}.mk-footer nav{gap:18px}.product-media figcaption{font-size:9px}}
@media(max-width:850px){.mk-header{flex-wrap:wrap;padding-block:20px;gap:20px;justify-content:space-between}.mk-header nav{order:2;flex-basis:100%;justify-content:flex-start;margin-left:0;gap:22px}.hero{grid-template-columns:1fr 1.05fr;gap:22px;padding-block:45px 65px}.hero h1{font-size:39px}.hero-description{font-size:15px}.hero-actions{gap:18px}.hero-actions .button{font-size:13px;padding-inline:19px}.hero-actions .text-link{font-size:13px}.release-note{font-size:11px}.hero-fox{width:135px;bottom:-30px}.hero-stage{padding-bottom:20px}.hero-media figcaption{display:none}.demo-tabs button{font-size:10px;padding-inline:6px}.fox-note{font-size:10px;left:8px;bottom:-3px}.capability-strip{font-size:12px;gap:15px}.workflow-feature{grid-template-columns:.8fr 1.2fr;gap:30px;padding-top:80px}.workflow-copy h2{font-size:35px}.workflow-copy p{font-size:15px}.try-workflow{gap:30px;padding:27px;margin-bottom:70px}.example-output{padding:19px}.feature-row{gap:30px}.feature-copy h2{font-size:31px}.feature-copy p:not(.section-kicker){font-size:14px}.feature-copy .text-link{font-size:12px}.companion-section{gap:30px}.companion-section h2{font-size:38px}.companion-section p{font-size:14px}.companion-art{min-height:220px}.reminder-bubble{right:0;top:0;font-size:11px}.suggest-section{gap:35px;padding:35px}.suggest-note{padding:35px 22px 22px}.suggest-note p{font-size:16px}.faq-section{gap:35px}.faq-section h2{font-size:30px}.mk-footer{flex-wrap:wrap}.mk-footer>small{flex-basis:100%;padding-top:0}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.mk-header{min-height:90px;gap:18px;padding-block:18px}.wordmark{font-size:24px}.mk-header>.button{font-size:11px;min-height:36px;padding:9px 13px}.mk-header nav{gap:12px 18px;flex-wrap:wrap;font-size:11px}.hero{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:45px}.intro{font-size:12px;margin-bottom:17px}.hero h1{font-size:clamp(37px,8.6vw,50px);letter-spacing:-.052em;max-width:100%}.hero-description{font-size:16px;max-width:470px;margin-block:22px}.hero-actions .button{font-size:14px}.hero-actions .text-link{font-size:14px}.release-note{font-size:11px;margin-top:18px}.hero-stage{margin-top:1px;padding-bottom:30px}.demo-tabs{justify-content:flex-start;gap:4px;margin-bottom:12px}.demo-tabs button{font-size:11px;padding-inline:10px}.hero-fox{width:135px;right:-8px;bottom:-20px}.fox-note{font-size:11px;bottom:4px;left:9px}.capability-strip{justify-content:flex-start;flex-wrap:wrap;gap:12px 18px;padding:18px 0;font-size:11px}.capability-strip>span{display:none}.workflow-feature{grid-template-columns:1fr;gap:28px;padding-block:55px 22px}.workflow-copy h2{font-size:38px}.workflow-copy p{max-width:100%;font-size:16px}.section-kicker{font-size:12px}.workflow-copy .text-link{font-size:14px}.workflow-chain li{font-size:11px}.workflow-chain small{font-size:10px}.product-media{border-radius:13px}.product-media figcaption{font-size:9px;padding:9px 11px;gap:10px}.product-media figcaption span:first-child{display:none}.try-workflow{grid-template-columns:1fr;padding:23px 20px;gap:25px;margin-top:8px;margin-bottom:50px;border-radius:16px}.try-workflow h3{font-size:21px}.try-workflow p{font-size:14px}.workflow-options{gap:8px 16px;font-size:12px}.example-output{padding:20px 30px 12px}.feature-story{padding-top:25px}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:22px;padding-block:25px 40px}.feature-row.reverse .feature-copy{order:0}.feature-copy h2{font-size:34px;max-width:380px;margin-bottom:18px}.feature-copy p:not(.section-kicker){font-size:16px;max-width:none}.feature-copy .capability-line{font-size:11px!important}.feature-copy .text-link{font-size:13px}.tools-section{padding-block:50px}.tools-heading{display:block;margin-bottom:20px}.tools-heading h2{font-size:36px}.tools-heading p{font-size:15px;margin-top:18px;max-width:none}.tool-index{gap:0 20px}.tool-item{gap:10px;align-items:flex-start;padding:18px 0}.tool-item h3{font-size:13px;line-height:1.4}.tool-item p{font-size:10px;line-height:1.6}.tool-symbol{font-size:19px;width:24px;margin-top:0}.tool-chevron{display:none}.tool-detail{grid-template-columns:1fr;gap:22px;padding-top:32px}.tool-detail h3{font-size:22px}.companion-section{grid-template-columns:1fr;gap:14px;padding-block:12px 55px}.companion-section h2{font-size:38px}.companion-section p{font-size:15px;max-width:none}.companion-art{min-height:225px;padding-top:16px;max-width:430px;width:100%;margin-inline:auto}.fox-typing{margin-bottom:-16px}.fox-sleep{margin-bottom:-14px}.reminder-bubble{font-size:11px;right:10px;top:7px}.suggest-section{grid-template-columns:1fr;gap:30px;padding:28px 23px;margin-bottom:50px;border-radius:20px}.suggest-section h2{font-size:35px}.suggest-section p{font-size:14px}.suggest-note{max-width:400px;padding:32px 24px 24px;transform:rotate(1deg);margin:2px 5px 5px}.suggest-note p{font-size:17px}.faq-section{grid-template-columns:1fr;gap:22px;padding-bottom:50px}.faq-section h2{font-size:31px}.faq-section details:first-child{padding-top:16px}summary{font-size:14px}.availability{padding:45px 4px 55px}.availability h2{font-size:38px}.availability>p:not(.section-kicker){font-size:14px}.availability>div{gap:20px;flex-wrap:wrap}.mk-footer{padding-block:28px;gap:24px}.mk-footer>div{width:100%}.mk-footer nav{margin-left:0;gap:22px;flex-wrap:wrap;padding-top:0}.mk-footer>small{font-size:10px}.breadcrumbs{font-size:10px;gap:8px;padding-top:26px}.feature-page-intro{padding-block:35px 20px}.feature-page h1{font-size:40px}.feature-page .lead{font-size:17px}.article-grid{grid-template-columns:1fr;gap:35px;padding-top:30px}.article-grid h2{font-size:25px}.article-grid p,.article-steps{font-size:15px}.article-grid aside{position:static;border-top:1px solid var(--line);padding-top:28px}.article-grid aside nav{grid-template-columns:1fr 1fr;gap:18px;font-size:12px}.feature-page{padding-bottom:45px}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.mk-header nav{gap:12px;font-size:10px}.hero h1{font-size:35px}.demo-tabs button{font-size:10px;padding-inline:7px}.tool-index{grid-template-columns:1fr}.tool-item h3{font-size:15px}.tool-item p{font-size:12px}.hero-fox{width:120px}.suggest-section h2{font-size:31px}.workflow-chain{gap:8px}.workflow-chain li{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep posters unobscured until playback; native controls remain available without JS. */
.preview-frame{position:relative}.preview-play{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:7px;border:1px solid #e4d6e7;border-radius:30px;padding:9px 14px;background:#fffcfaed;box-shadow:0 3px 13px #392c4520;color:var(--purple-dark);font-size:12px;font-weight:600;min-height:38px}.preview-play:hover{background:#f2e7f2}.preview-play svg{width:18px;height:18px}.hero-fox{height:120px;object-fit:cover;object-position:center bottom}.fox-typing,.fox-sleep{height:200px;object-fit:cover;object-position:center bottom}.tool-symbol svg{width:26px;height:26px}
@media(max-width:850px){.hero-fox{height:100px}.fox-typing,.fox-sleep{height:160px}}
@media(max-width:640px){.hero-fox{height:90px;bottom:-12px}.preview-play{left:11px;bottom:11px;padding:7px 11px;font-size:11px;min-height:34px}.fox-typing,.fox-sleep{height:165px}}
/* Four equal product pillars, with audio as a first-class feature. */
.hero-secondary{display:inline-block;font-size:.85em;margin-top:8px;color:var(--muted)}.demo-tabs{flex-wrap:wrap}.demo-tabs button{font-size:11px;padding-inline:9px}.feature-story{border-top:0;padding-top:40px}.sound-samples{margin:0 0 72px;padding:28px 32px;border:1px solid #e6d5e8;border-radius:20px;background:#f3eaf2;display:grid;grid-template-columns:.9fr 1.1fr;gap:16px 38px}.sound-intro h3{font-size:25px;margin-bottom:10px}.sound-intro p{font-size:14px;margin:0;max-width:320px}.sound-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sound-play{display:flex;width:100%;min-height:48px;gap:10px;align-items:center;text-align:left;border:1px solid #decbe3;border-radius:12px;background:#fffcfa;color:var(--ink);padding:12px;font-size:13px}.sound-play:hover,.sound-play[aria-pressed=true]{background:#e8d8ec;border-color:#b68fc4}.sound-indicator{font-size:12px;color:var(--purple);width:16px}.sound-duration{margin-left:auto;color:var(--muted);font-size:10px}.sound-choice audio{width:100%;min-width:0}.sound-status{grid-column:1/-1;font-size:11px;margin:0}.sound-credits{font-size:10px;text-decoration:underline;text-underline-offset:3px}.feature-page>.sound-samples{margin-top:26px;margin-bottom:0;max-width:1040px}.tool-index{gap:12px 38px}.tool-item{gap:20px;padding:20px 0;align-items:center}.tool-thumb{width:43%;aspect-ratio:3/2;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.tool-item-copy{flex:1;min-width:0}.tool-learn{display:block;font-size:11px;color:var(--purple);margin-top:10px}.tool-item h3{font-size:17px}.tool-item p{font-size:12px}.workflow-feature{border-top:1px solid var(--line);padding-top:80px}
@media(max-width:850px){.sound-samples{gap:20px;padding:24px}.sound-intro h3{font-size:22px}.tool-item{gap:13px}.tool-item h3{font-size:14px}.tool-item p{font-size:11px}.demo-tabs button{font-size:10px;padding-inline:7px}}
@media(max-width:640px){.sound-samples{grid-template-columns:1fr;padding:23px 20px;margin-bottom:44px;gap:18px}.sound-options{gap:8px}.sound-play{font-size:11px;padding:10px;min-height:46px;gap:6px}.sound-intro p{max-width:none}.sound-status{font-size:10px}.tool-index{grid-template-columns:1fr;gap:0}.tool-item{gap:20px;padding-block:21px}.tool-thumb{width:46%}.tool-item h3{font-size:16px}.tool-item p{font-size:12px}.tool-learn{font-size:11px}.demo-tabs{gap:3px;flex-wrap:wrap}.demo-tabs button{font-size:10px;padding-inline:8px}.workflow-feature{padding-top:55px}.capability-strip{display:grid;grid-template-columns:1fr 1fr;font-size:12px}.feature-story{padding-top:20px}}
@media(min-width:641px){.hero-fox{bottom:-65px;right:8px}.hero-stage{margin-bottom:25px}}
@media(max-width:640px){.demo-tabs{display:grid;grid-template-columns:1fr 1fr}.demo-tabs button{text-align:center;font-size:11px;min-height:36px}}