@charset "UTF-8";
:root{--paper:#faf9f5;--ink:#273c35;--body:#637067;--green:#426b56;--sage:#e9eee2;--peach:#f3ded0;--line:#e0e4d9;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.75 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a56844;outline-offset:5px}::selection{background:#ead8bf;color:var(--ink)}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.icon{display:inline-block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.04em}h2{font-size:37px;line-height:1.5}h3{font-size:20px;font-weight:600;letter-spacing:-.03em}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:10px 18px}.skip-link:focus{top:12px}.site-header{height:92px;border-bottom:1px solid #e5e7df;background:#faf9f5ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:7px;font-size:21px;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.brand img{object-fit:contain}.brand-dot{color:#b8805f}.nav-links{display:flex;gap:29px;margin-left:28px;font-size:13px;color:#5f6e64}.nav-links a{position:relative;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:#9d6549}.nav-download{display:flex;align-items:center;gap:18px;border:1px solid #c7cfc0;border-radius:7px;padding:10px 16px;font-size:12px;transition:background .2s}.nav-download:hover{background:var(--sage)}.nav-download .icon{width:16px;height:16px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:35px;align-items:center;padding-top:76px;padding-bottom:82px;min-height:660px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.07em;color:#4c6857}.status-dot{width:6px;height:6px;background:#749473;border-radius:50%;display:inline-block;flex-shrink:0}.version-chip{display:inline-flex;font:11px/1.5 var(--sans);letter-spacing:.02em;padding:3px 8px;background:#e9eee3;border:1px solid #dce3d6;border-radius:4px;color:#4e6b54}.hero h1{font-size:clamp(38px,4.3cqw,57px);line-height:1.4;margin:24px 0 23px;letter-spacing:-.055em;white-space:nowrap}.title-mark{position:relative;color:#537553;display:inline-block}.title-mark svg{position:absolute;width:100%;bottom:-2px;left:0;height:13px;fill:none;stroke:#c1ad79;stroke-width:3;stroke-linecap:round}.hero-description{font-size:15px;line-height:2;color:var(--body);letter-spacing:.02em}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:31px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:13px 22px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid transparent;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#375947;box-shadow:0 6px 16px #273c3514}.button .arrow{width:17px;height:17px;margin-left:9px}.text-link{display:inline-flex;align-items:center;gap:11px;font-size:13px;border-bottom:1px solid #bac4b2;padding:3px 0}.text-link span{font-size:18px}.hero-note{display:flex;align-items:center;gap:7px;color:#7a8378;font-size:11px;margin-top:17px}.hero-note .icon{height:15px;width:15px;color:#749473}.hero-note span{padding:0 2px}.hero-art{position:relative;padding:25px 4px 35px 12px}.handwritten{font-family:var(--serif);letter-spacing:.09em;font-size:16px;color:#9a7d5e}.art-caption{position:absolute;top:-13px;right:16px;transform:rotate(5deg)}.pet-window{position:relative;background:#fff;border:1px solid #d7dece;border-radius:12px;box-shadow:0 12px 36px #3e4d3910,7px 8px 0 #e8ebdf;transform:rotate(-1.8deg);overflow:hidden}.window-bar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #dde4d6;background:#f8faf5;color:#74816b;font-size:10px;letter-spacing:.04em}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#d8c4ad}.window-dots i:nth-child(2){background:#d3d5b3}.window-dots i:nth-child(3){background:#b9c9ad}.window-bar>.icon{width:14px;height:14px;color:#92a67d}.pet-scene{height:357px;position:relative;overflow:hidden;background:linear-gradient(#eaf0e8,#f2f4e9 70%)}.scene-sun{position:absolute;right:46px;top:27px;background:#f6e5b8;width:67px;height:67px;border-radius:50%;box-shadow:0 0 0 16px #f6e5b82b}.scene-cloud{position:absolute;height:18px;background:#fff9;border-radius:30px}.scene-cloud:before,.scene-cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;width:38px;height:30px;bottom:0}.scene-cloud:before{left:15px}.scene-cloud:after{left:37px;height:39px}.cloud-one{width:96px;left:28px;top:52px;opacity:.7}.cloud-two{width:90px;right:11px;top:144px;opacity:.5;transform:scale(.7)}.scene-hills{position:absolute;bottom:0;width:100%;height:137px}.reminder-note{position:absolute;z-index:3;top:24px;left:22px;display:flex;align-items:center;gap:9px;border:1px solid #fff9;background:#ffffffde;border-radius:8px;padding:12px 13px;box-shadow:0 6px 14px #3b543908;transform:rotate(3deg)}.note-icon{border-radius:7px;background:#edf1e7;padding:6px;line-height:1;color:#849766}.note-icon .icon{width:17px;height:17px}.reminder-note b{display:block;font-size:11px;font-weight:500;color:#4d6251}.reminder-note small{display:block;color:#8c9889;font-size:9px;margin-top:2px}.note-time{font-size:8px;color:#9ca596;align-self:flex-start;margin-left:13px}.pet-character{position:absolute;z-index:2;width:270px;height:270px;bottom:19px;left:50%;transform:translateX(-50%);border:0;background:none;padding:0}.pet-character img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 4px #57684414)}.pet-character:hover img{filter:drop-shadow(0 8px 5px #57684425)}.pet-shadow{position:absolute;width:96px;height:12px;border-radius:50%;background:#7e957333;bottom:5px;left:50%;transform:translateX(-50%);filter:blur(4px)}.pet-speech{position:absolute;z-index:4;right:22px;top:130px;background:#fff9f2;border:1px solid #e5ded0;border-radius:9px 9px 9px 1px;padding:10px 13px;max-width:190px;font-size:10px;color:#7f6e55;transform:rotate(3deg);box-shadow:0 5px 12px #33452908;pointer-events:none}.scene-label{position:absolute;bottom:11px;left:14px;font-size:8px;letter-spacing:.06em;color:#657b5b;display:flex;align-items:center;gap:5px}.scene-label span{height:4px;width:4px;border-radius:50%;background:#7e976e}.scene-flower{position:absolute;color:#fbf1d3;font-size:22px;line-height:1}.flower-one{left:42px;bottom:56px;transform:rotate(15deg)}.flower-two{right:42px;bottom:27px;font-size:26px}.flower-three{left:100px;bottom:22px;font-size:15px}.pet-controls{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:57px;padding:10px 14px;background:#fcfcf8}.preview-label{font-size:9px;color:#8d9687;white-space:nowrap}.pet-controls button{border:1px solid #dce3d4;background:#f5f7ef;border-radius:5px;padding:6px 9px;font-size:10px;white-space:nowrap;transition:background .2s}.pet-controls button span{padding-left:6px;color:#8c9f77}.pet-controls button:hover,.pet-controls button[aria-pressed=true]{background:#e7eddb;border-color:#a4b594}.art-sticker{position:absolute;z-index:5;left:-9px;bottom:65px;display:flex;gap:9px;align-items:center;padding:11px 16px;background:#f4e4d7;border:1px solid #e3ccb9;box-shadow:0 7px 14px #63492e0c;border-radius:7px;transform:rotate(-5deg);font-size:11px;color:#956f50}.art-sticker .icon{width:18px;height:18px}.art-footnote{display:block;position:absolute;right:6px;bottom:-1px;font-size:9px;color:#939a8e}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0f2e9}.intro-inner{display:flex;align-items:center;gap:23px;padding-block:23px}.intro-flower{font-size:41px;line-height:1;color:#9ba889}.intro-inner p{font-family:var(--serif);font-size:17px;letter-spacing:.02em;color:#61755b}.strip-detail{margin-left:auto;display:flex;align-items:center;gap:19px;font-size:11px;color:#7c8972;white-space:nowrap}.strip-detail i{width:3px;height:3px;border-radius:50%;background:#b8c3ac}.mobile-break{display:none}.section{padding-block:88px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-heading h2{margin-top:8px}.eyebrow.muted{font-size:10px;letter-spacing:.14em;color:#8a967e}.section-heading>p{font-size:12px;color:#8a9384;line-height:1.9;margin-bottom:7px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.feature-card{padding:25px 25px 20px;border:1px solid var(--line);border-radius:9px;background:#fffefa;overflow:hidden}.feature-number{font-size:10px;letter-spacing:.1em;color:#7d8d74}.feature-illustration{height:176px;position:relative;margin:12px -2px 21px;display:flex;flex-direction:column;justify-content:center}.feature-card h3{font-family:var(--serif);font-size:20px;line-height:1.65;margin-bottom:10px}.feature-card>p{font-size:12px;line-height:1.95;color:#83907e;min-height:69px}.feature-bottom{display:flex;gap:7px;align-items:center;border-top:1px solid #e9ece3;margin-top:20px;padding-top:14px;color:#829076;font-size:10px}.feature-bottom .icon{height:15px;width:15px}.chat-card{background:#f4f5ed}.reminder-card{background:#f8f3eb}.voice-card{background:#f0f3ee}.demo-bubble{border-radius:10px;padding:12px 14px;font-size:11px;width:fit-content;box-shadow:0 3px 9px #243c2905;line-height:1.85}.user-bubble{align-self:flex-end;background:#e2e8d8;color:#6d7b5c;border-bottom-right-radius:2px;margin-bottom:14px}.pet-bubble{background:white;color:#849079;border-top-left-radius:2px}.demo-pet-row{display:flex;gap:6px;align-items:flex-start}.demo-pet-row img{object-fit:contain;margin-top:5px}.demo-caption{font-size:8px;letter-spacing:.04em;color:#9ba78f;text-align:center;margin-top:12px}.mini-calendar{transform:rotate(-3deg);background:#fffcf6;border:1px solid #e9dfce;border-radius:7px;padding:15px 14px;box-shadow:4px 5px 0 #eae1d0}.mini-calendar>span{font-family:var(--serif);display:block;font-size:12px;color:#947e60;border-bottom:1px dashed #e5dece;padding-bottom:9px;margin-bottom:4px}.mini-calendar>div{display:flex;align-items:center;gap:7px;padding-top:8px;font-size:10px;color:#9a8c76}.mini-calendar>div b{font-weight:400}.mini-calendar>div small{font-size:8px;margin-left:auto;color:#b1a58e}.mini-calendar .icon{width:12px;height:12px;color:#8fa273}.empty-check{width:10px;height:10px;display:block;border:1px solid #d9d0bc;border-radius:3px;margin:1px}.voice-illustration{align-items:center;overflow:hidden}.voice-orbit{border:1px solid #dce4d6;border-radius:50%;position:absolute;top:4px;left:50%;transform:translateX(-50%);width:145px;height:145px}.orbit-two{top:22px;width:108px;height:108px}.voice-center{margin-top:7px;padding:13px;background:#e2e9da;border:5px solid #f1f5eb;border-radius:50%;position:relative;color:#7d9770;line-height:1}.voice-center>.icon{height:23px;width:23px}.waveform{display:flex;align-items:center;gap:4px;height:29px;margin-top:18px;position:relative}.waveform i{height:10px;width:3px;background:#92aa84;border-radius:3px}.waveform i:nth-child(2n){height:17px}.waveform i:nth-child(3n){height:26px}.waveform i:nth-child(5){height:21px}.voice-illustration .demo-caption{position:relative;font-size:9px;margin-top:12px}.download-section{background:#edf0e7;border-block:1px solid #e0e5d7}.download-heading{margin-bottom:30px}.release-meta{display:flex;align-items:center;gap:10px;font-size:10px;color:#7c8c70;margin-bottom:9px}.release-meta .version-chip{background:#f7f9f3}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.download-card{border:1px solid #d6decc;border-radius:9px;padding:30px 33px 23px;min-width:0;background:#fafbf6}.software-card{background:#fffef9}.download-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.package-icon{width:29px;height:29px;color:#5f7a55}.package-badge{font-size:10px;padding:4px 10px;background:#e5ebdc;color:#7b8d66;border-radius:4px}.optional-badge{background:#efece1;color:#a39677}.download-card h3{font-family:var(--serif);font-size:30px}.package-description{font-size:12px;color:#929a86;margin-top:6px}.package-features{padding:0;margin:23px 0;list-style:none}.package-features li{display:flex;align-items:center;gap:9px;color:#708167;font-size:12px;padding-block:5px}.package-features .icon{height:14px;width:14px;color:#8aa076}.package-size{display:flex;align-items:baseline;gap:5px;font-size:11px;color:#919c86;border-top:1px solid #e7ebdf;padding-top:18px;margin-bottom:20px;flex-wrap:wrap}.package-size b{font-family:var(--sans);font-size:20px;color:#637756;font-weight:500}.package-size>span{font-size:10px;margin-left:auto}.package-download{width:100%;justify-content:flex-start;min-height:49px}.package-download>.arrow{margin-left:auto}.button-outline{background:transparent;border-color:#bbc9ae;color:#5f7952}.button-outline:hover{background:#e6eddd}.package-download[aria-disabled=true]{cursor:not-allowed;opacity:.65;transform:none;box-shadow:none}.download-status{text-align:center;color:#919b85;font-size:10px;margin-top:9px;min-height:17px}.checksum{margin-top:15px;border-top:1px solid #e7ebdf;padding-top:13px;font-size:10px;color:#8f9983}.checksum summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.checksum summary:after{content:"+";font-size:16px}.checksum[open] summary:after{content:"−"}.checksum code{font-size:9px;display:block;overflow-wrap:anywhere;white-space:normal;line-height:1.8;color:#7b866f;margin-top:12px}.hash-row{display:flex;align-items:center;gap:10px}.hash-row code{flex:1;margin-top:6px;min-width:0}.copy-button{border:1px solid #dce3d2;background:#f4f7ee;padding:6px;border-radius:4px;line-height:1;flex-shrink:0}.copy-button .icon{width:13px;height:13px}.upgrade-note{margin-top:22px;display:flex;gap:15px;padding:20px 23px;border:1px dashed #c3cdb7;border-radius:7px;background:#e8ecdf}.upgrade-note-icon{padding-top:4px;color:#7a925e}.upgrade-note p{font-size:11px;line-height:1.9;color:#7c8d6a}.upgrade-note b{font-size:12px;font-weight:500;color:#5e754e;display:block;margin-bottom:3px}.hosting-notice{display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;line-height:1.8;color:#869777;text-align:center;margin-top:17px}.hosting-notice .status-dot{background:#baa274}.faq{border-top:1px solid var(--line);padding-top:73px}.faq-list{border-top:1px solid #dce2d3}.faq-list details{border-bottom:1px solid #dce2d3;padding:19px 2px}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;list-style:none;cursor:pointer;font-weight:500}.faq-list summary::-webkit-details-marker,.checksum summary::-webkit-details-marker{display:none}.faq-plus{font-size:23px;line-height:1;color:#8b9c7c;font-weight:300;transition:transform .2s}.faq-list details[open] .faq-plus{transform:rotate(45deg)}.faq-list p{font-size:12px;line-height:2;color:#819075;max-width:900px;margin-top:16px;padding-right:32px}.closing{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:#ececdd;border:1px solid #e2e1cf;border-radius:10px;padding:35px 60px 32px;margin-bottom:72px}.closing>div{position:relative;z-index:1}.closing h2{font-size:31px;line-height:1.6;margin:9px 0 15px}.closing .text-link{font-size:12px;color:#6d7e5e}.closing .icon{width:16px;height:16px}.closing img{object-fit:contain;width:208px;height:208px;align-self:flex-end;margin-right:40px;transform:rotate(7deg);filter:drop-shadow(3px 8px 1px #8c9c7622)}.closing-spark{font-size:28px;color:#a0aa85;position:absolute;right:-80px;top:3px}.closing:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #d9dfc6;border-radius:50%;right:65px;bottom:-65px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:25px;color:#98a08f;font-size:10px}.footer-brand{font-size:17px;color:#687b5e;gap:0}.site-footer>p{margin-right:auto;margin-left:18px}.site-footer i{font-style:normal;margin:0 9px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#273c35;color:white;padding:11px 20px;border-radius:7px;z-index:50;font-size:12px;box-shadow:0 8px 25px #273c3518;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-message{text-align:center;padding:12px;font-size:12px;color:var(--body)}
@container page (min-width:1500px){.hero{padding-top:92px;padding-bottom:100px;gap:65px}.hero h1{font-size:60px}.pet-scene{height:375px}.pet-character{width:285px;height:285px}}
@container page (max-width:1050px){.container{width:calc(100% - 48px)}.nav-links{gap:18px;margin-left:0;font-size:12px}.hero{gap:17px;padding-top:66px;padding-bottom:67px;min-height:590px}.hero h1{font-size:44px}.hero-description{font-size:13px}.hero-actions{gap:19px}.hero .button{padding:12px 16px;font-size:12px;gap:9px}.hero .button .arrow{margin-left:3px}.hero-art{padding-left:5px}.pet-scene{height:335px}.pet-character{width:250px;height:250px}.pet-controls{padding:9px 10px}.preview-label{display:none}.pet-controls button{flex:1}.reminder-note{left:14px;top:17px;padding:10px}.pet-speech{right:10px;top:112px;max-width:160px}.art-sticker{font-size:10px;left:0;bottom:55px;padding:9px 11px}.art-caption{font-size:14px}.strip-detail{gap:12px;font-size:10px}.intro-inner{gap:15px}.intro-inner p{font-size:15px}h2{font-size:30px}.feature-card{padding:20px 18px 17px}.feature-card h3{font-size:18px}.feature-illustration{height:165px}.demo-bubble{padding:11px;font-size:10px}.mini-calendar{padding:14px 10px}.mini-calendar>div{gap:5px;font-size:9px}.download-card{padding:26px}.release-meta{flex-wrap:wrap;justify-content:flex-end;max-width:200px}.site-footer>p{margin-left:0}.section{padding-block:70px}}
@container page (max-width:760px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.site-header{height:73px}.brand{font-size:19px}.brand img{height:49px;width:49px}.nav-links{display:none}.nav{gap:10px}.nav-download{font-size:10px;padding:8px 10px;gap:10px}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:38px;gap:35px}.hero-copy{max-width:500px;margin-inline:auto;width:100%}.hero .eyebrow{font-size:10px;gap:7px}.hero h1{font-size:clamp(35px,8.6cqw,53px);margin-top:20px;margin-bottom:20px;line-height:1.45}.hero-description{font-size:13px;line-height:2}.hero-actions{gap:24px;margin-top:25px}.hero-note{font-size:10px;gap:5px;margin-top:15px}.hero-art{width:min(100%,500px);margin-inline:auto;padding:23px 7px 26px}.art-caption{right:17px;top:-2px;font-size:13px}.pet-scene{height:335px}.pet-character{width:260px;height:260px;bottom:16px}.reminder-note{left:15px;top:20px;padding:11px}.pet-speech{right:13px;max-width:175px;top:123px}.art-sticker{left:0;bottom:51px}.art-footnote{right:7px;bottom:-1px;font-size:8px}.pet-controls{padding:12px;gap:8px}.preview-label{display:block;font-size:8px}.pet-controls button{font-size:9px;padding:6px}.intro-inner{flex-wrap:wrap;justify-content:center;text-align:center;padding-block:21px;gap:12px}.intro-inner p{font-size:14px}.intro-flower{font-size:30px}.strip-detail{width:100%;margin:0;justify-content:center;gap:15px;font-size:10px}.section{padding-block:51px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:28px;line-height:1.6;margin-top:9px;letter-spacing:-.065em}.section-heading>p{margin-top:12px;font-size:11px}.section-heading>p br{display:none}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:23px 25px 19px}.feature-card h3{font-size:23px}.feature-card>p{font-size:12px;min-height:0}.feature-illustration{height:165px;max-width:320px;margin-inline:auto}.demo-bubble{font-size:11px;padding:12px 16px}.mini-calendar{padding:15px 18px;max-width:300px;width:100%;margin-inline:auto}.mini-calendar>div{font-size:11px}.mini-calendar>div small{font-size:9px}.feature-bottom{font-size:10px;margin-top:18px}.release-meta{max-width:none;justify-content:flex-start;margin-top:13px;font-size:9px}.download-grid{grid-template-columns:1fr;gap:16px}.download-card{padding:25px}.download-card h3{font-size:29px}.download-card-head{margin-bottom:14px}.package-features{margin-block:20px}.package-size b{font-size:21px}.package-size>span{font-size:9px}.upgrade-note{padding:17px 15px;gap:9px}.upgrade-note-icon .icon{height:19px;width:19px}.upgrade-note p{font-size:10px}.upgrade-note b{font-size:11px}.hosting-notice{font-size:9px;align-items:flex-start;text-align:left}.hosting-notice .status-dot{margin-top:6px}.faq-list details{padding-block:18px}.faq-list summary{font-size:12px;gap:14px}.faq-list p{font-size:11px;padding-right:10px}.closing{padding:27px 23px;margin-bottom:40px;gap:5px}.closing h2{font-size:24px;line-height:1.65}.closing img{width:110px;height:155px;margin:0 -7px 0 0;object-fit:contain}.closing .text-link{font-size:10px}.closing:after{width:150px;height:150px;right:-20px;bottom:-10px}.closing-spark{right:-38px;font-size:22px;top:-6px}.site-footer{flex-wrap:wrap;gap:5px 15px;padding-block:21px}.site-footer>p{font-size:9px;margin-left:auto;margin-right:0}.site-footer>span{width:100%;font-size:8px}.footer-brand{font-size:16px}}
@container page (max-width:370px){.container{width:calc(100% - 30px)}.hero h1{font-size:33px}.hero-actions{gap:18px}.hero-note{font-size:9px}.nav-download{font-size:9px}.hero .button{font-size:11px}.pet-controls .preview-label{display:none}.pet-speech{right:9px;max-width:145px;font-size:9px}.section-heading h2{font-size:25px}.download-card{padding:22px}.package-size>span{width:100%;margin-left:0}.closing h2{font-size:22px}.site-footer>p{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pet-window{transform:none}}

@container page (max-width:760px){}@container page (max-width:370px){}

/* Product highlights and a personal feedback letter. */
.music-card{background:#f8f3eb}.music-illustration{align-items:center;justify-content:center}.little-record{width:113px;height:113px;border-radius:50%;border:7px solid #eee0cf;background:repeating-radial-gradient(circle,#6a7561 0px,#6a7561 2px,#78816a 3px,#6a7561 4px);display:grid;place-items:center;transform:rotate(-12deg);box-shadow:4px 6px 0 #e1d8c78a;position:relative}.little-record:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#6a7561;transform:translate(-50%,-50%)}.little-record>span{height:50px;width:50px;border-radius:50%;background:#eed6bc;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;font-size:7px;color:#9b7854;letter-spacing:.02em}.music-note{position:absolute;color:#b49369;font-family:Georgia,serif;font-size:31px}.note-one{left:23%;top:22px;transform:rotate(-16deg)}.note-two{right:16%;top:46px;transform:rotate(13deg)}.music-tags{display:flex;gap:7px;margin-top:13px;color:#9b896e;font-size:8px}.music-tags span{border:1px solid #e5dcca;border-radius:4px;padding:3px 8px;background:#fcf8f0}
.feedback{display:grid;grid-template-columns:1.2fr 1fr;gap:57px;border:1px solid #e4decf;background:#f4f0e6;border-radius:10px;padding:45px 50px;margin-bottom:72px}.feedback-letter h2{font-size:33px;line-height:1.55;margin:12px 0 17px}.feedback-letter>p{font-size:12px;line-height:2;color:#7d8574;margin-top:10px;max-width:510px}.feedback-letter .feedback-wish{color:#6d805f;margin-top:16px}.feedback-contact{position:relative;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #dfdfcd;padding-left:45px;min-width:0}.contact-label{color:#9a9e88;font-size:10px;letter-spacing:.12em}.feedback-contact h3{font-family:var(--serif);font-size:25px;font-weight:600;margin:7px 0}.feedback-contact>p{color:#8a927f;font-size:11px;line-height:1.9}.feedback-email{color:#627956;font-family:var(--sans);font-size:16px;letter-spacing:.025em;margin-top:19px;overflow-wrap:anywhere;width:fit-content;border-bottom:1px solid #b9c4a8;padding-bottom:3px}.feedback-email:hover{color:#9c7654}.feedback-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.feedback-actions .button{font-size:11px;min-height:42px;padding:10px 13px;gap:7px}.feedback-actions .icon{height:15px;width:15px}.feedback-contact>small{font-size:9px;color:#989c88;line-height:1.9;margin-top:16px}.feedback-mark{position:absolute;right:5px;top:-6px;font-size:38px;line-height:1;color:#b9b18b;transform:rotate(10deg)}
@container page (max-width:1050px){.feedback{padding:35px;gap:35px}.feedback-contact{padding-left:30px}.feedback-letter h2{font-size:29px}.feedback-actions .button{font-size:10px;padding-inline:10px}.feedback-contact h3{font-size:22px}.feedback-email{font-size:15px}}
@container page (max-width:760px){.feedback{grid-template-columns:1fr;gap:26px;padding:28px 24px;margin-bottom:40px}.feedback-letter h2{font-size:29px;margin-top:11px}.feedback-letter>p{font-size:11px}.feedback-contact{padding:23px 0 0;border-left:0;border-top:1px solid #dfdfcd}.feedback-contact h3{font-size:23px}.feedback-email{font-size:16px;margin-top:16px}.feedback-actions .button{font-size:11px;padding-inline:13px}.feedback-mark{top:24px;right:3px;font-size:33px}.feedback-contact>small{font-size:9px}.hero-description{max-width:100%}.music-note.note-one{left:22%}}



/* Emphasize the upgrade instruction below the download cards. */
.upgrade-note{border:1px solid #c0cdb3;background:#e5eddd}.upgrade-note p>b{display:block;font-size:22px;line-height:1.6;font-weight:700;color:#344e31;margin-bottom:8px}.upgrade-note-icon{color:#567548}@container page (max-width:760px){.upgrade-note p>b{font-size:19px;line-height:1.65}}

/* Readable supporting text; existing heading sizes remain unchanged. */
body{font-size:16px}
.nav-links{font-size:15px}.nav-download{font-size:14px}
.eyebrow,.hero .eyebrow,.eyebrow.muted{font-size:13px}.version-chip{font-size:13px}
.hero-description{font-size:18px;line-height:1.95}
.button,.hero .button,.text-link{font-size:15px}
.hero-note{font-size:14px;flex-wrap:wrap}
.window-bar{font-size:13px}.reminder-note b{font-size:14px}.reminder-note small{font-size:12px}.note-time{font-size:11px;margin-left:5px}
.pet-speech{font-size:13px}.scene-label{font-size:11px}
.preview-label{font-size:12px}.pet-controls button{font-size:13px}
.art-sticker{font-size:13px;bottom:100px}.art-footnote{position:static;display:block;font-size:12px;line-height:1.8;margin-top:12px;text-align:right}
.strip-detail{font-size:14px}.intro-inner p{font-size:18px}
.section-heading>p,.feature-card>p{font-size:16px;line-height:1.9}
.feature-number,.feature-bottom{font-size:13px}.feature-bottom{flex-wrap:wrap}
.feature-illustration{height:200px}.mini-calendar>span{font-size:14px}.mini-calendar>div{font-size:13px}.mini-calendar>div small{font-size:11px}
.demo-caption,.voice-illustration .demo-caption{font-size:12px}.music-tags{font-size:12px}.little-record>span{font-size:9px}
.release-meta,.package-badge{font-size:13px}.package-description,.package-features li{font-size:16px}
.package-size,.package-size>span{font-size:14px}.download-status,.checksum{font-size:14px}.checksum code{font-size:13px}

.upgrade-note p{font-size:15px}.hosting-notice{font-size:13px}
.faq-list summary{font-size:17px}.faq-list p{font-size:16px;line-height:1.95}
.feedback-letter>p{font-size:16px}.contact-label{font-size:13px}.feedback-contact>p{font-size:15px}.feedback-email{font-size:18px}.feedback-actions .button{font-size:14px}.feedback-contact>small{font-size:13px}
.site-footer,.site-footer>p,.site-footer>span{font-size:13px}.toast,.noscript-message{font-size:15px}
@container page (max-width:1050px){.nav-links{gap:16px}.nav{gap:16px}.hero-description{font-size:17px}.hero-actions{flex-wrap:wrap;gap:16px}.pet-controls .preview-label{display:none}.reminder-note{gap:7px}.note-time{display:none}.strip-detail{gap:12px}.mini-calendar>div{gap:5px}}
@container page (max-width:760px){.nav-download{font-size:13px}.hero-description{font-size:16px}.hero-note{font-size:13px}.hero-actions{gap:18px}.hero .button{padding-inline:16px}.pet-controls button{font-size:13px}.pet-speech{max-width:175px;font-size:13px}.art-sticker{font-size:12px}.intro-inner p{font-size:16px}.strip-detail{font-size:13px}.section-heading>p{font-size:15px}.feature-card>p{font-size:16px}.feature-bottom{font-size:13px}.mini-calendar>div{font-size:14px}.mini-calendar>div small{font-size:12px}.release-meta{font-size:13px}.package-size>span{font-size:13px;width:100%;margin-left:0}.upgrade-note p{font-size:15px}.hosting-notice{font-size:13px}.faq-list summary{font-size:16px}.faq-list p{font-size:16px}.feedback-letter>p{font-size:16px}.feedback-actions .button{font-size:14px}.site-footer{row-gap:10px}}
@container page (max-width:370px){.nav-download{font-size:12px}.hero .eyebrow{font-size:12px}.pet-controls{gap:5px;padding-inline:8px}.pet-controls button{font-size:12px}.pet-speech{max-width:145px;font-size:12px}.download-card{padding:20px}.mini-calendar{padding-inline:12px}.music-tags{gap:5px;font-size:11px}.feedback{padding-inline:20px}}
@container page (max-width:1050px){.art-sticker{bottom:90px}}

/* Feature labels and shared footer alignment. */
.feature-card{display:flex;flex-direction:column}
.feature-number{display:block;font-size:17px;font-weight:600;letter-spacing:.04em;color:#607754}
.feature-illustration{flex-shrink:0}
.feature-card>p{margin-bottom:20px}
.feature-bottom{margin-top:auto;min-height:61px;flex-wrap:nowrap;align-items:flex-start}
.feature-bottom>.icon{margin-top:4px}
.feature-bottom>span{min-width:0}
@container page (max-width:1050px){.feature-number{font-size:16px}}
@container page (max-width:760px){.feature-number{font-size:17px}.feature-bottom{min-height:0}}

/* ===== Added motion: gentle ambient animations ===== */

/* Scene clouds drift slowly */
@keyframes cloud-drift {
  0%,100% { transform: translateX(0); }
  50% { transform: translateX(14px); }
}
.cloud-one { animation: cloud-drift 9s ease-in-out infinite; }
.cloud-two { animation: cloud-drift 12s ease-in-out infinite; }

/* Sun halo breathes */
@keyframes sun-breathe {
  0%,100% { box-shadow: 0 0 0 16px #f6e5b82b; transform: scale(1); }
  50% { box-shadow: 0 0 0 22px #f6e5b838; transform: scale(1.05); }
}
.scene-sun { animation: sun-breathe 6s ease-in-out infinite; }

/* Flowers sway gently */
@keyframes flower-sway {
  0%,100% { transform: rotate(12deg); }
  50% { transform: rotate(22deg); }
}
.flower-one { animation: flower-sway 4.5s ease-in-out infinite; }
.flower-two { animation: flower-sway 5.5s ease-in-out infinite; }
.flower-three { animation: flower-sway 5s ease-in-out infinite; }

/* Reminder note tilts softly */
@keyframes note-sway {
  0%,100% { transform: rotate(3deg); }
  50% { transform: rotate(1.5deg); }
}
.reminder-note { animation: note-sway 6s ease-in-out infinite; }

/* Pet bobs up and down while idle */
@keyframes pet-bob {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}
.pet-character img { animation: pet-bob 3.4s ease-in-out infinite; }

/* Status dot pulses */
@keyframes dot-pulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50% { opacity: .55; transform: scale(.8); }
}
.status-dot { animation: dot-pulse 2.6s ease-in-out infinite; }

/* Vinyl record spins slowly */
@keyframes record-spin { from { transform: rotate(-12deg); } to { transform: rotate(348deg); } }
.little-record { animation: record-spin 14s linear infinite; }

/* Music notes float up and fade */
@keyframes note-float {
  0% { transform: translateY(0) rotate(-16deg); opacity: .35; }
  50% { transform: translateY(-10px) rotate(-10deg); opacity: 1; }
  100% { transform: translateY(0) rotate(-16deg); opacity: .35; }
}
.note-one { animation: note-float 5s ease-in-out infinite; }
@keyframes note-float-two {
  0% { transform: translateY(0) rotate(13deg); opacity: .35; }
  50% { transform: translateY(-12px) rotate(7deg); opacity: 1; }
  100% { transform: translateY(0) rotate(13deg); opacity: .35; }
}
.note-two { animation: note-float-two 6s ease-in-out infinite; }

/* Voice waveform bars bounce */
@keyframes wave-bounce {
  0%,100% { transform: scaleY(.55); }
  50% { transform: scaleY(1.15); }
}
.waveform i { transform-origin: center; animation: wave-bounce 1.6s ease-in-out infinite; }
.waveform i:nth-child(2n) { animation-duration: 1.3s; }
.waveform i:nth-child(3n) { animation-duration: 1.9s; }
.waveform i:nth-child(5) { animation-duration: 1.1s; }

/* Voice orbits slowly rotate as dashed rings */
.voice-orbit { border-style: dashed; }
@keyframes orbit-rotate { to { transform: translateX(-50%) rotate(360deg); } }
.orbit-one { animation: orbit-rotate 26s linear infinite; }
.orbit-two { animation: orbit-rotate 19s linear infinite reverse; }

/* Cards lift on hover */
.feature-card,.download-card { transition: transform .25s ease, box-shadow .25s ease; }
.feature-card:hover,.download-card:hover { transform: translateY(-5px); box-shadow: 0 14px 30px #3e4d3914; }

/* Button press feedback */
.button:active { transform: translateY(0) scale(.98); }

/* Closing sparkles twinkle */
@keyframes spark-twinkle {
  0%,100% { opacity: .4; transform: rotate(0deg) scale(1); }
  50% { opacity: 1; transform: rotate(12deg) scale(1.12); }
}
.closing-spark,.feedback-mark { animation: spark-twinkle 4s ease-in-out infinite; }

/* Scroll-in reveal (initial state only when JS marked body.js) */
html.js .reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; }
html.js .reveal.in-view { opacity: 1; transform: translateY(0); }

/* Respect reduced motion: kill ambient and reveal transitions */
@media(prefers-reduced-motion:reduce){
  .cloud-one,.cloud-two,.scene-sun,.flower-one,.flower-two,.flower-three,
  .reminder-note,.pet-character img,.status-dot,.little-record,
  .note-one,.note-two,.waveform i,.orbit-one,.orbit-two,
  .closing-spark,.feedback-mark { animation: none !important; }
  html.js .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Download button: centered inside the solid dark block */
.package-download { justify-content: center; gap: 12px; }

/* Section heading with a small looping pet animation beside the title */
.heading-title { display: block; }
.heading-line { display: flex; align-items: center; gap: 16px; flex-wrap: nowrap; }
.heading-pet {
  width: 93px; height: 93px; object-fit: contain; flex-shrink: 0;
  background: none; border: none; box-shadow: none; border-radius: 0;
}
.heading-pet-media { position: relative; width: 93px; height: 93px; flex-shrink: 0; }
.heading-pet-media .heading-pet { position: absolute; inset: 0; }
.heading-pet-fallback { display: none; }
.heading-pet-media.is-static .heading-pet-video { display: none; }
.heading-pet-media.is-static .heading-pet-fallback { display: block; }
@container page (max-width:760px){
  .heading-pet { width: 75px; height: 75px; }
  .heading-pet-media { width: 75px; height: 75px; }
}

/* Shared download channels; package details remain above. */
.download-modal{width:min(780px,calc(100% - 32px));max-height:calc(100dvh / var(--page-zoom,1) - 40px);margin:auto;padding:0;border:1px solid #d6decc;border-radius:13px;background:#edf0e7;color:#344e31;overflow:auto;box-shadow:0 24px 80px #172b3640}
.download-modal:not([open]){display:none}
.download-modal::backdrop{background:#172b3670}
.download-modal-panel{position:relative;padding:32px}
.download-modal-open{overflow:hidden}
.download-modal-close{position:absolute;right:12px;top:10px;border:0;border-radius:5px;background:transparent;color:#344e31;font-size:28px;line-height:1;width:40px;height:40px;cursor:pointer}
.download-modal-close:hover{background:#dce6d2}
.download-modal-close:focus-visible{outline:2px solid #344e31;outline-offset:2px}
.download-modal .channels-heading{padding-right:30px}
.channel-status{font-size:14px;line-height:1.8;min-height:1.8em;margin:15px 0 0;color:#344e31}
.channels-heading h2{font-family:var(--serif);font-size:25px;margin-bottom:7px}
.channels-heading p{font-size:15px;color:#5d7054;margin-bottom:17px}
.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.download-channel{min-width:0;border:1px solid #d6decc;border-radius:9px;padding:23px;background:#fafbf6;display:flex;flex-direction:column;align-items:flex-start}
.download-channel h4{font-size:19px;color:#344e31;margin:0 0 9px}
.download-channel p{font-size:15px;line-height:1.9;color:#5d7054;margin:0 0 18px}
.download-channel .button{margin-top:auto;min-height:46px;font-size:15px;gap:12px;justify-content:center}
.channel-copy{font:inherit;font-size:14px;color:#344e31;border:1px solid #b4c3a8;border-radius:4px;background:#eef3e7;padding:3px 9px;margin-left:12px;cursor:pointer}
.channel-copy:hover{background:#e2ebd8}
.channel-copy:focus-visible{outline:2px solid #344e31;outline-offset:3px}
@container page (max-width:760px){.download-modal-panel{padding:27px 20px 20px}.channel-grid{grid-template-columns:1fr;gap:16px}.download-channel{padding:22px}.download-channel .button{width:100%}.channels-heading h2{font-size:23px}}

/* Platform availability below the download heading. */
.platform-note{margin:12px 0 0;font-size:16px;line-height:1.9;color:var(--body)}
@container page (max-width:760px){.platform-note{font-size:15px;margin-top:10px}}

/* Installation steps: consistent number badges and centered connectors. */
.install-flow{--flow-gap:32px;--flow-arrow:24px;list-style:none;display:flex;align-items:center;gap:var(--flow-gap);padding:0;margin:21px 0 12px;scroll-margin-top:120px;color:#5f7552;font:14px/1.6 var(--sans)}
.install-flow li{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.install-flow .step-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border:1px solid #d8e1cd;border-radius:6px;background:#eaf0e1;color:#527047;font:600 13px/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:0}
.install-flow .step-label{font:400 14px/1.6 var(--sans);color:#5f7552}
.install-flow .flow-arrow{position:absolute;right:calc((var(--flow-gap) + var(--flow-arrow)) / -2);top:50%;transform:translateY(-50%);width:var(--flow-arrow);height:12px;fill:none;stroke:#99ab8d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
@container page (max-width:1050px) and (min-width:761px){.install-flow{--flow-gap:22px;--flow-arrow:18px}.install-flow li{gap:6px}.install-flow .step-label{font-size:13px}.install-flow .step-number{width:24px;height:24px;font-size:12px}}
@container page (max-width:760px){.install-flow{scroll-margin-top:95px}}
@container page (max-width:520px){.install-flow{--flow-gap:20px;--flow-arrow:16px;margin-top:20px}.install-flow li{flex-direction:column;gap:6px}.install-flow .step-label{font-size:13px}.install-flow .flow-arrow{top:13px}.install-flow .step-number{font-size:13px}}

/* Uniform page zoom; the toolbar remains reachable at every scale. */
:root{--page-zoom:1;--page-header-offset:110px}
html{scroll-padding-top:var(--page-header-offset)}
body{padding-bottom:76px}
.page-content{container-name:page;container-type:inline-size;zoom:var(--page-zoom)}
.download-modal{zoom:var(--page-zoom);container-name:page;container-type:inline-size;width:min(780px,calc(100vw / var(--page-zoom) - 32px))}
.toast{zoom:var(--page-zoom);max-width:calc(100vw / var(--page-zoom) - 32px)}
.page-zoom-toolbar{position:fixed;z-index:40;right:16px;bottom:16px;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #cbd5c1;border-radius:9px;background:#fffef9f5;box-shadow:0 4px 18px #273c3518;color:#344e31;font:13px/1.4 var(--sans);max-width:calc(100vw - 24px)}
.page-zoom-toolbar[hidden]{display:none}
.page-zoom-toolbar label{margin-right:4px;white-space:nowrap}
.page-zoom-toolbar button,.page-zoom-toolbar select{height:32px;min-width:32px;border:1px solid #d6decc;border-radius:5px;background:#f5f8ef;color:#344e31;font:500 14px/1 var(--sans);padding:0 7px;cursor:pointer}
.page-zoom-toolbar button{font-size:19px}
.page-zoom-toolbar .zoom-reset{font-size:12px;min-width:44px}
.page-zoom-toolbar select{width:78px;background:#fffef9;font-variant-numeric:tabular-nums}
.page-zoom-toolbar button:disabled{opacity:.4;cursor:default}
.page-zoom-toolbar select:focus-visible{outline:3px solid #a56844;outline-offset:3px}
.zoom-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero h1{white-space:normal}
.hero .eyebrow{flex-wrap:wrap}
@container page (max-width:420px){
  .container{width:calc(100% - 28px)}
  .site-header{height:auto;min-height:73px}
  .nav{height:auto;min-height:73px;flex-wrap:wrap;padding-block:10px;gap:9px}
  .brand{font-size:18px}.brand img{width:34px;height:34px}
  .nav-download{justify-content:center;font-size:12px}
  .hero h1{font-size:clamp(28px,8.6cqw,36px)}
  .hero-art,.heading-title{min-width:0}
  .download-card,.feature-card{padding:20px 16px}
  .pet-character{width:min(260px,100%)}
  .feedback{padding-inline:18px}.feedback-contact{padding-left:0}
}
@container page (max-width:300px){
  .heading-line{flex-wrap:wrap;gap:8px}.heading-pet-media{margin-left:auto}
  .nav-download{width:100%}.hero-actions{gap:12px}
  .hero .button{width:100%;justify-content:center;padding-inline:10px}
  .hero-note{align-items:flex-start}.hero-note .icon{flex-shrink:0}
  .reminder-note{left:8px;right:8px;padding:8px;gap:5px}
  .reminder-note small{font-size:10px}.note-time{display:none}
  .pet-speech{top:125px;right:8px;max-width:calc(100% - 16px);font-size:12px}
  .art-sticker{display:none}.art-footnote{font-size:11px;text-align:left}
  .intro-inner p,.strip-detail{font-size:13px}.strip-detail{flex-wrap:wrap}
  .mini-calendar{padding:10px 6px}.mini-calendar>div{flex-wrap:wrap}
  .mini-calendar>div small{margin-left:0}
  .feature-card h3{font-size:20px}.feature-number{font-size:14px}
  .feature-bottom{font-size:12px}.music-tags{flex-wrap:wrap;justify-content:center}
  .install-flow{flex-direction:column;gap:23px}
  .install-flow li{width:100%;flex-direction:row;justify-content:flex-start}
  .install-flow .flow-arrow{left:5px;right:auto;top:calc(100% + 11px);transform:translateY(-50%) rotate(90deg)}
  .feedback-actions{flex-direction:column}.feedback-actions .button{width:100%}
  .download-modal-panel{padding:27px 14px 16px}.download-channel{padding:16px}
  .download-channel p,.channels-heading p{font-size:14px}
  .channel-copy{margin:7px 0 0;display:block}
}
@media(max-width:380px){.page-zoom-toolbar{right:12px;bottom:12px;gap:4px}.page-zoom-toolbar label{font-size:11px;margin-right:1px}}

/* Small desktop composition adjustment and the botanical developer signature. */
@container page (min-width:761px){.hero-art{left:8px}}
.feedback-contact h3.developer-signature{width:min(100%,320px);margin:2px 0 4px;line-height:0}
.developer-signature img{display:block;width:100%;height:auto}
.signature-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Heading animations: 1.4 times the original width, with full jump headroom. */
.heading-pet-media{--heading-pet-size:130.2px;width:var(--heading-pet-size);height:var(--heading-pet-size);overflow:visible}
.heading-pet-media .heading-pet{width:100%;height:100%;object-fit:contain}
#features .heading-pet-media{height:calc(var(--heading-pet-size) * 820 / 720)}
.heading-line h2{min-width:0;max-width:100%}
@container page (max-width:760px){.heading-pet-media{--heading-pet-size:105px}.heading-line{gap:10px}}

/* Compact section rhythm and a shared text stack beside heading animations. */
.hero{padding-top:24px;padding-bottom:12px;min-height:0}
.hero-art{padding-top:22px;padding-bottom:14px}
.hero h1{margin-top:18px;margin-bottom:18px}
.intro-inner{padding-block:14px}
.section{padding-block:28px}
.features.section{padding-top:20px}
.download-section>.section{padding-top:26px;padding-bottom:20px}
.faq.section{padding-top:24px;padding-bottom:28px}
.section-heading{margin-bottom:20px}
.heading-title{display:grid;grid-template-columns:minmax(0,auto) auto;grid-template-rows:auto auto;column-gap:16px;row-gap:6px;width:fit-content;max-width:100%;align-items:center}
.heading-title>.eyebrow{grid-column:1;grid-row:1;align-self:end;margin:0}
.heading-title>.heading-line{display:contents}
.heading-line>h2{grid-column:1;grid-row:2;align-self:start;margin:0}
.heading-line>.heading-pet-media{grid-column:2;grid-row:1 / 3;align-self:center;margin:0}
.heading-title>.platform-note{grid-column:1 / -1;grid-row:3;margin-top:2px}
.feedback{margin-bottom:28px}
.feedback-letter h2{margin-top:8px;margin-bottom:12px}
@container page (max-width:760px){
  .hero{padding-top:20px;padding-bottom:12px;gap:20px}
  .hero-art{padding-top:20px;padding-bottom:12px}
  .intro-inner{padding-block:12px}
  .section{padding-block:24px}
  .features.section{padding-top:18px}
  .download-section>.section{padding-top:20px;padding-bottom:18px}
  .faq.section{padding-top:20px;padding-bottom:24px}
  .section-heading{margin-bottom:16px}
  .heading-title{column-gap:10px;row-gap:5px}
  .feedback{margin-bottom:24px}
}
@container page (max-width:300px){
  .heading-title{grid-template-columns:minmax(0,1fr)}
  .heading-line>.heading-pet-media{grid-column:1;grid-row:3;justify-self:end}
  .heading-title>.platform-note{grid-row:4}
}