@import url('fonts/lxgw-wenkai/font.css');
.pond-window { width:100% !important; max-width:580px; height:auto !important; aspect-ratio:.78 / 1 !important; margin-inline:auto; border-radius:50% 50% 4px 4px / 39% 39% 4px 4px !important; }
.pond-art { min-width:0; width:100%; }
.hero { grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); }
@media(max-width:600px) { .hero { grid-template-columns:1fr; } .brand { gap:9px; letter-spacing:1px; } .brand small { max-width:180px; letter-spacing:.5px !important; } .site-header { gap:16px; height:auto; min-height:112px; flex-wrap:wrap; padding-block:18px; } .chapter-divider { flex-wrap:wrap; gap:14px; } }

/* Readability floor: every visible piece of copy stays at or above 14px. */
.brand small,.eyebrow,.art-topline,.art-bottomline,.pond-caption,
.chapter-divider span,.moments-grid article>small,.paper-label,.paper-index,
.feature-number,.platform-note,.count-scene small,.download-card h3 span,.download-card p,.download-card small,
.version-note,.download-bottom,footer,.footer-brand,footer>span,
.chapter-divider span:last-child { font-size:14px !important; }
:root{--paper:#f3f0e6;--ink:#29463e;--muted:#7d8777;--line:#d5d7c8;--rust:#b15f46;font-family:'LXGW WenKai',serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--rust);outline-offset:6px}::selection{background:#d2dfc9}body:before{content:'';position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{height:112px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 54px}.brand{display:flex;align-items:center;gap:14px;font-size:22px;letter-spacing:3px}.seal{font-size:17px;line-height:1.05;border:1px solid #b15f46;padding:5px 4px;color:var(--rust);letter-spacing:0;transform:rotate(-3deg)}.brand small{font:14px/2.2 Arial,sans-serif;letter-spacing:1.8px;display:block;color:var(--muted)}nav{display:flex;gap:32px;align-items:center;font-size:14px}.nav-download{border-bottom:1px solid var(--ink);padding:10px 0}.nav-download span{margin-left:18px}.hero{max-width:1320px;margin:auto;padding:42px 54px 68px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.eyebrow{font-size:14px;letter-spacing:2px;color:var(--muted);line-height:1.8}.eyebrow>span{display:inline-block;width:22px;height:1px;background:#839380;vertical-align:middle;margin-right:7px}h1{font-size:clamp(42px,4.5vw,67px);font-weight:400;line-height:1.43;letter-spacing:2px;margin:32px 0 24px}.brush{position:relative}.brush:after{content:'';position:absolute;bottom:-4px;left:2px;right:10px;height:8px;background:#bbc8ab73;border-radius:60%;transform:rotate(-3deg);z-index:-1}.intro{font-size:17px;line-height:2;color:#63746a}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px}.button{padding:16px 24px;display:inline-flex;align-items:center;gap:38px;font-size:15px;border-radius:2px;transition:background .2s}.dark{background:#304d42;color:#f3f0e6}.dark:hover{background:#486456}.text-link{font-size:14px;border-bottom:1px solid #889582;padding:9px 0}.text-link span{margin-left:18px}.platform-note{font:14px Arial,sans-serif;color:#899181;letter-spacing:1px;margin-top:16px}.hero-footnote{display:flex;gap:21px;align-items:center;margin-top:45px;font-size:14px;line-height:1.8;color:#83917e}.hero-footnote>span{letter-spacing:4px}.hero-footnote i{width:1px;height:35px;background:var(--line)}.hero-footnote p{margin:0}.art-topline,.art-bottomline{display:flex;justify-content:space-between;font-size:14px;letter-spacing:2px;color:#7c8879;align-items:center}.art-topline{margin-bottom:15px}.art-bottomline{margin-top:20px}.art-bottomline b{font-weight:400;border:1px solid var(--rust);color:var(--rust);padding:3px;margin-left:10px}.pond-window{height:520px;position:relative;overflow:hidden;border-radius:240px 240px 4px 4px;background:linear-gradient(#557c7170,#123e4570),url('assets/backgrounds/pond-bottom-topdown.png') center/cover;box-shadow:inset 0 0 80px #102e3840}#garden{width:100%;height:100%;position:absolute;inset:0;cursor:crosshair}.leaf{position:absolute;pointer-events:none;object-fit:contain;filter:drop-shadow(4px 10px 7px #092a3055)}.leaf-one{width:180px;left:-48px;top:42%;transform:rotate(20deg);opacity:.8}.leaf-two{width:145px;right:-40px;bottom:-16px;opacity:.85}.vertical-poem{position:absolute;right:25px;top:170px;writing-mode:vertical-rl;color:#e8edd1b5;letter-spacing:5px;font-size:14px}.pond-caption{position:absolute;bottom:22px;left:25px;color:#e1e8d0a8;font-size:14px;letter-spacing:2px;pointer-events:none}.chapter-divider{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;max-width:1212px;margin:auto;padding:24px 0}.chapter-divider span{font-size:14px;color:#8c9587;letter-spacing:2px}.chapter-divider p{font-size:17px;margin:0;letter-spacing:3px}.section{max-width:1212px;margin:auto;padding:100px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end}.section-heading .eyebrow{grid-column:1/-1}h2{font-weight:400;font-size:40px;line-height:1.5;letter-spacing:1px;margin:15px 0 0}.section-heading>p:last-child{justify-self:end;font-size:14px;line-height:2;color:var(--muted)}.moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px}.moments-grid article{position:relative}.feature-number{position:absolute;top:15px;left:15px;z-index:1;color:#89917b;font-size:14px}.mini-scene{height:170px;background:#e5e8dc;display:grid;place-items:center;position:relative;overflow:hidden}.mini-koi{font-size:85px;color:#5a7863;transform:rotate(-18deg)}.feeding i{position:absolute;width:5px;height:5px;background:#b49860;border-radius:50%;top:55px;left:64%}.feeding i:nth-of-type(2){left:71%;top:72px}.feeding i:nth-of-type(3){left:67%;top:88px}.weather-scene{background:#dbe3dc}.weather-scene>span{font-size:55px;color:#769182;z-index:1}.weather-scene i{position:absolute;height:90px;width:1px;top:0;left:25%;background:linear-gradient(transparent,#8daba0);transform:rotate(16deg)}.weather-scene i:nth-of-type(2){left:43%;top:70px}.weather-scene i:nth-of-type(3){left:72%;top:8px}.weather-scene i:nth-of-type(4){left:83%;top:100px}.count-scene{background:#e8e4d4}.count-scene>span{font:48px Georgia,serif;text-align:center;color:#7d876b}.count-scene small{display:block;font:14px 'LXGW WenKai',serif;letter-spacing:4px;margin-top:8px}.moments-grid h3{font-weight:400;font-size:20px;line-height:1.7;margin:24px 0 10px}.moments-grid p{font-size:14px;line-height:2;color:#7a8373}.moments-grid article>small{display:block;font-size:14px;letter-spacing:2px;color:#999f8b;margin-top:23px}.make{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:110px;align-items:center}.drawing-paper{height:370px;background:#e8e6d7;border:1px solid #d4d5c5;position:relative;padding:25px;transform:rotate(-3deg);box-shadow:8px 12px 0 #e7e6d9}.drawing-paper:before{content:'';position:absolute;width:100px;height:28px;background:#c7cfb97a;left:calc(50% - 50px);top:-13px;transform:rotate(4deg)}.paper-label{font-size:14px;letter-spacing:4px;color:#8c947e}.drawing-paper svg{width:100%;height:225px}.swatches{display:flex;gap:10px;margin-left:20px}.swatches i{width:18px;height:18px;border-radius:50%;background:#b75f47}.swatches i:nth-child(2){background:#394b45}.swatches i:nth-child(3){background:#b49b58}.swatches i:nth-child(4){background:#7d9991}.swatches i:nth-child(5){background:#fcf8e9}.handwritten{position:absolute;right:24px;bottom:56px;font-size:17px;transform:rotate(3deg)}.paper-index{position:absolute;bottom:22px;left:45px;font:14px Arial;letter-spacing:2px;color:#9da18f}.make-copy{position:relative}.make-copy>p:not(.eyebrow){font-size:16px;line-height:2;margin:24px 0}.make-copy .muted{font-size:14px!important;color:#858d7e}.round-seal{position:absolute;right:0;top:55px;border:1px solid #b16a535c;color:#b16a53;border-radius:50%;padding:12px 15px;line-height:1.3;transform:rotate(9deg)}.ritual{border-top:1px solid var(--line);padding-top:70px;padding-bottom:80px}.ritual h2{font-size:32px}.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.ritual-grid p{display:flex;gap:18px;font-size:16px}.ritual-grid b{font:14px Georgia;color:#a4ad98;padding-top:3px}.ritual-grid small{display:block;font-size:14px;color:#8a9481;margin-top:12px;line-height:1.7}.download-section{background:#2c483e;color:#f1efdd;padding:76px max(54px,calc((100vw - 1212px)/2)) 26px}.download-inner{display:grid;grid-template-columns:1fr 1fr;gap:65px}.download-heading .eyebrow{color:#9eaf96}.download-heading h2{font-size:44px}.download-heading h2 span{color:#bec9a0}.download-heading>p:last-child{font-size:14px;color:#aab9a0;margin-top:25px}.downloads{padding-top:6px}.download-card{display:flex;align-items:center;gap:20px;padding:23px 24px;border:1px solid #9aac8d40;margin-bottom:14px;transition:background .2s}.download-card:hover{background:#ffffff09}.os-mark{font:42px Arial;color:#cad0ae;width:40px;text-align:center}.mac-mark{font-size:32px}.download-card h3{margin:0;font:20px Georgia,serif}.download-card h3 span{font:14px 'LXGW WenKai';border:1px solid #aaba9652;margin-left:9px;padding:3px 5px;color:#b5c4a6}.download-card p{font:14px Arial;margin:10px 0;color:#b3c0a7}.download-card small{font-size:14px;color:#a5b59a}.download-card>b{font-weight:400;margin-left:auto;font-size:22px}.version-note{font-size:14px;color:#a1b299;line-height:1.85;margin:22px 0}.version-note>span{color:#d1d5b7}.version-note p{margin:7px 0 0}.download-bottom{display:flex;justify-content:space-between;font-size:14px;letter-spacing:1px;color:#a1b299;border-top:1px solid #a6ba9626;margin-top:42px;padding-top:25px}footer{max-width:1320px;margin:auto;padding:35px 54px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#939b88}.footer-brand{font-size:18px;letter-spacing:4px;color:var(--ink)}@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:95px}.pond-window{height:590px}}@media(max-width:1300px){.section,.chapter-divider{margin-left:54px;margin-right:54px}}@media(max-width:850px){.site-header{padding:0 24px;height:90px}nav{gap:15px}nav>a:not(.nav-download){display:none}.hero{padding:25px 24px 45px;gap:25px}.pond-window{height:440px}h1{font-size:41px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-footnote{margin-top:30px}.section,.chapter-divider{margin-left:24px;margin-right:24px}.section{padding-top:65px;padding-bottom:65px}.make{gap:45px}.moments-grid{gap:20px}.download-section{padding:50px 24px 25px}.download-inner{gap:30px}.download-heading h2{font-size:35px}.download-card{padding:18px 14px;gap:12px}.chapter-divider span:first-child{display:none}footer{padding:30px 24px}}@media(max-width:600px){.brand{font-size:19px}.brand small{font-size:14px;letter-spacing:1px}.nav-download{font-size:14px}.hero{grid-template-columns:1fr;gap:32px}.hero-copy{padding:10px 4px}.hero h1{font-size:49px;margin-top:25px}.intro{font-size:16px}.hero-footnote{display:none}.pond-art{padding:0 10px}.pond-window{height:400px;border-radius:190px 190px 3px 3px}.chapter-divider{padding:22px 0}.chapter-divider p{font-size:14px;letter-spacing:1px}.chapter-divider span:last-child{font-size:14px;letter-spacing:1px}.section-heading{display:block}h2{font-size:32px}.section-heading>p:last-child{font-size:14px;margin-top:20px}.moments-grid{grid-template-columns:1fr;gap:36px;margin-top:30px}.moments-grid article{display:grid;grid-template-columns:105px 1fr;column-gap:18px}.mini-scene{height:145px;grid-row:1/4}.feature-number{font-size:14px;top:8px;left:8px}.mini-koi{font-size:55px}.moments-grid h3{font-size:17px;margin:0;align-self:end}.moments-grid p{font-size:14px;line-height:1.8;margin:8px 0}.moments-grid article>small{font-size:14px;letter-spacing:1px;margin:0}.make{grid-template-columns:1fr;gap:45px}.drawing-paper{height:285px;margin:0 8px}.drawing-paper svg{height:175px}.handwritten{font-size:14px;bottom:37px}.swatches{margin-left:0}.paper-index{bottom:14px;left:25px;font-size:14px}.make-copy{padding:0 5px}.ritual h2{font-size:27px}.ritual-grid{grid-template-columns:1fr;gap:4px;margin-top:20px}.download-inner{grid-template-columns:1fr;gap:25px}.download-heading h2{font-size:38px}.download-bottom{font-size:14px;gap:20px;line-height:1.7}footer{flex-wrap:wrap;gap:22px}footer>span{order:3;width:100%;font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Center each banner illustration as one visual group. */
.mini-scene { display:flex; align-items:center; justify-content:center; }
.feeding-group { position:relative; width:146px; height:90px; }
.feeding-group .mini-koi { position:absolute; left:0; top:0; width:110px; height:90px; display:flex; align-items:center; justify-content:center; font-size:85px; line-height:1; transform:rotate(-18deg); }
.feeding-group i { left:120px; top:24px; }
.feeding-group i:nth-of-type(2) { left:137px; top:42px; }
.feeding-group i:nth-of-type(3) { left:124px; top:60px; }
.weather-scene>span { line-height:1; }
.count-scene>span { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.fish-count { font-family:Arial, sans-serif; font-size:48px; font-weight:400; font-variant-numeric:lining-nums tabular-nums; letter-spacing:0; line-height:1; }
.count-scene small { letter-spacing:2px; line-height:1.4; margin-top:10px; }
@media(max-width:600px) { .feeding-group { transform:scale(.68); flex-shrink:0; } }

.brand-icon { display:block; width:44px; height:44px; flex:0 0 44px; object-fit:cover; border-radius:12px; }

/* Product-inspired moving water and the community join card. */
.pond-window #water,.pond-window #garden{position:absolute;inset:0;width:100%;height:100%;display:block}
.pond-window #water{z-index:0;pointer-events:none;opacity:0;transition:opacity .45s ease}
.pond-window #water.is-ready{opacity:1}
.pond-window #garden{z-index:1}
.pond-window .leaf{z-index:2}
.pond-window .pond-caption{z-index:3}
.pond-community{margin-top:28px;padding:18px 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pond-community-count{margin:0;white-space:nowrap;font-size:clamp(14px,1.5vw,18px);line-height:1.5;color:#6f8276}
.pond-community-count strong{font:400 1.55em/1 Georgia,serif;color:#31594d;font-variant-numeric:tabular-nums}
@media(max-width:600px){.pond-community{margin-top:24px}.pond-community-count{font-size:clamp(13px,3.5vw,16px)}}

/* Explicit line boxes match the 44px icon, avoiding inherited font leading. */
.brand { gap:16px; align-items:center; }
.brand-copy { display:grid; grid-template-rows:24px 18px; row-gap:2px; height:44px; }
.brand-name { display:block; font-size:22px; line-height:24px; }
.brand .brand-copy small { margin:0; max-width:none; font-size:14px; line-height:18px; white-space:nowrap; }
@media(max-width:600px) {
  .brand { gap:12px; }
  .brand-name { font-size:19px; }
  .brand .brand-copy small { letter-spacing:0 !important; }
}