:root { --garden-ink:#29463b; --garden-muted:#6e867c; --garden-green:#3d9270; --garden-deep:#277254; --garden-mint:#e5f5e9; --garden-sky:#eef8f7; --garden-peach:#fff0e7; --garden-line:#cee3d7; --garden-white:#fffefa; }
/* Homepage highlight title: never exceed the requested 36px limit. */
.template-garden .garden-note-copy h2 { font-size:32px!important; }
body.template-first.template-garden { margin:0; overflow-x:hidden; background:#f8fcf7; color:var(--garden-ink); font:15px/1.7 "Microsoft YaHei","PingFang SC",Arial,sans-serif; }
.template-garden *,.template-garden *::before,.template-garden *::after { box-sizing:border-box; }.template-garden a { color:inherit; }.template-garden img,.template-garden svg { display:block; max-width:100%; }.template-garden ::selection { background:#bde8cf; color:#234635; }
.template-garden .site-notice,.template-garden .collection-notice { display:flex; justify-content:center; gap:10px; min-height:35px; padding:7px 18px; background:#dbf1e3; color:#527568; font-size:12px; }.template-garden .site-notice b,.template-garden .collection-notice b { color:#277254; font-size:11px; letter-spacing:.1em; }.template-garden .site-notice span,.template-garden .collection-notice span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.template-garden .collection-nav { position:relative; z-index:5; display:grid; grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr); align-items:center; width:min(1240px,calc(100% - 48px)); min-height:86px; margin:auto; }.template-garden .collection-brand { display:flex; align-items:center; gap:10px; width:max-content; color:var(--garden-ink); text-decoration:none; }.template-garden .site-logo,.template-garden .collection-brand .site-logo { width:43px; height:43px; flex:0 0 43px; }.template-garden .collection-brand strong { font-size:19px; font-weight:800; letter-spacing:-.035em; }.template-garden .collection-nav nav { display:flex; gap:clamp(14px,2.2vw,28px); }.template-garden .collection-nav nav a { position:relative; padding:8px 0; color:#688277; font-size:13px; font-weight:700; text-decoration:none; }.template-garden .collection-nav nav a::after { content:""; position:absolute; right:50%; bottom:2px; left:50%; height:3px; border-radius:99px; background:#83c9a3; transition:left .2s,right .2s; }.template-garden .collection-nav nav a:hover,.template-garden .collection-nav nav .active-nav { color:var(--garden-deep); }.template-garden .collection-nav nav a:hover::after,.template-garden .collection-nav nav .active-nav::after { right:0; left:0; }.template-garden .collection-action { justify-self:end; display:inline-flex; align-items:center; gap:9px; min-height:43px; padding:0 17px; border:1px solid #3b896a; border-radius:99px; background:var(--garden-deep); box-shadow:0 8px 18px rgba(39,114,84,.17); color:#fff!important; font-size:13px; font-weight:800; text-decoration:none; transition:transform .2s,box-shadow .2s; }.template-garden .collection-action:hover { box-shadow:0 12px 24px rgba(39,114,84,.25); transform:translateY(-2px); }.template-garden .collection-menu { display:none; }
.garden-main { position:relative; overflow:hidden; }.garden-main::before { content:""; position:absolute; z-index:-1; top:130px; right:-190px; width:520px; height:520px; border-radius:50%; background:#e2f4e6; filter:blur(3px); }.garden-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(370px,.96fr); gap:clamp(36px,7vw,104px); width:min(1160px,calc(100% - 48px)); min-height:570px; margin:6px auto 0; padding:78px 0 64px; }.garden-hero-copy { position:relative; z-index:1; align-self:center; }.garden-kicker { display:flex; align-items:center; gap:9px; margin:0; color:#579a7c; font-size:11px; font-weight:800; letter-spacing:.12em; }.garden-kicker i { width:23px; height:2px; border-radius:3px; background:currentColor; }.garden-hero h1 { max-width:630px; margin:20px 0 0; color:#29483b; font-size:clamp(39px,4.5vw,48px); font-weight:900; letter-spacing:-.065em; line-height:1.12; }.garden-lead { max-width:500px; margin:22px 0 0; color:#668278; font-size:16px; line-height:1.95; }.garden-actions { display:flex; flex-wrap:wrap; align-items:center; gap:23px; margin-top:31px; }.garden-actions a { display:inline-flex; align-items:center; gap:10px; min-height:47px; padding:0 20px; border:1px solid #c5dfd0; border-radius:99px; background:rgba(255,255,255,.7); color:#477566; font-size:13px; font-weight:800; text-decoration:none; transition:transform .2s,background .2s; }.garden-actions a:first-child { border-color:#3d9270; background:#3d9270; box-shadow:0 10px 20px rgba(61,146,112,.2); color:#fff; }.garden-actions a:hover { transform:translateY(-3px); }.garden-weather { position:relative; align-self:center; min-height:410px; overflow:hidden; padding:24px 28px; border:1px solid rgba(255,255,255,.8); border-radius:38px 38px 38px 9px; background:linear-gradient(145deg,#daf1e7,#ccece5 54%,#d9e9f7); box-shadow:0 22px 42px rgba(80,137,113,.16),inset 0 1px rgba(255,255,255,.7); }.garden-weather::before { content:""; position:absolute; top:-60px; right:-40px; width:220px; height:220px; border:34px solid rgba(255,255,255,.28); border-radius:50%; }.garden-weather-top,.garden-weather-bottom { position:relative; z-index:2; display:flex; justify-content:space-between; color:#558473; font-size:10px; font-weight:800; letter-spacing:.1em; }.garden-weather-top span { display:flex; gap:7px; align-items:center; }.garden-weather-top i { width:7px; height:7px; border-radius:50%; background:#55b680; box-shadow:0 0 0 5px rgba(85,182,128,.18); }.garden-sun { position:absolute; top:54px; right:42px; width:156px; height:156px; border-radius:50%; background:#fff3bb; box-shadow:0 0 0 18px rgba(255,248,203,.36),0 0 0 43px rgba(255,255,255,.2); animation:garden-float 6s ease-in-out infinite; }.garden-sun i,.garden-sun b,.garden-sun em { position:absolute; display:block; border-radius:50%; }.garden-sun i { top:38px; left:39px; width:36px; height:36px; background:#ffd66d; }.garden-sun b { right:23px; bottom:28px; width:44px; height:28px; background:#fff; box-shadow:-27px 13px 0 -4px #fff; }.garden-sun em { left:21px; bottom:24px; width:14px; height:14px; background:#8bcdb0; }.garden-weather-copy { position:absolute; z-index:1; bottom:74px; left:31px; }.garden-weather-copy span { color:#6d9785; font-size:12px; font-weight:700; }.garden-weather-copy strong { display:block; margin-top:4px; color:#315b4a; font-size:clamp(35px,3.5vw,45px); font-weight:900; letter-spacing:-.08em; line-height:1.03; }.garden-weather-copy p { max-width:205px; margin:13px 0 0; color:#66917e; font-size:12px; line-height:1.7; }.garden-weather-bottom { position:absolute; right:28px; bottom:22px; left:28px; padding-top:13px; border-top:1px solid rgba(68,130,104,.18); }.garden-weather-bottom b { display:block; margin-top:2px; color:#3f8166; font-size:11px; }.garden-petal { position:absolute; border-radius:60% 40% 63% 37%; background:#ffd5c7; opacity:.75; }.petal-one { top:86px; left:45%; width:20px; height:31px; animation:garden-drift 9s ease-in-out infinite; }.petal-two { right:-10px; bottom:55px; width:27px; height:40px; background:#b4e1c8; animation:garden-drift 7s ease-in-out -3s infinite; }
.garden-metrics { display:grid; grid-template-columns:1.2fr repeat(3,1fr) .85fr; align-items:stretch; width:min(1240px,calc(100% - 48px)); margin:0 auto; overflow:hidden; border:1px solid var(--garden-line); border-radius:24px; background:rgba(255,255,255,.83); box-shadow:0 12px 28px rgba(78,128,105,.08); }.garden-metrics>p,.garden-metrics article,.garden-metrics>a { min-height:106px; padding:23px; border-right:1px solid var(--garden-line); }.garden-metrics>p { display:flex; align-items:center; gap:9px; margin:0; color:#56816f; font-size:12px; font-weight:800; }.garden-metrics>p i { width:22px; height:22px; border-radius:9px 9px 9px 2px; background:#c8edd5; }.garden-metrics article { display:grid; grid-template-columns:27px 1fr; align-content:center; gap:2px; }.garden-metrics article span { grid-row:1/span 2; color:#76b997; font-size:10px; font-weight:800; }.garden-metrics article strong { color:#315847; font-size:21px; font-weight:900; line-height:1.15; }.garden-metrics article small { color:#769184; font-size:11px; }.garden-metrics>a { display:flex; align-items:center; justify-content:space-between; gap:8px; border:0; background:#f4fbf5; color:#417660; font-size:12px; font-weight:800; text-decoration:none; }.garden-metrics>a b { font-size:18px; }
.garden-note { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(45px,9vw,130px); align-items:center; width:min(1040px,calc(100% - 48px)); margin:0 auto; padding:130px 0; }.garden-note-card { position:relative; min-height:317px; overflow:hidden; padding:29px; border-radius:36px 11px 36px 36px; background:linear-gradient(145deg,#ffe7db,#f8ded0); box-shadow:12px 13px 0 #f5f8e6; }.garden-note-card::before,.garden-note-card::after { content:""; position:absolute; border-radius:50%; }.garden-note-card::before { right:-61px; bottom:-62px; width:240px; height:240px; background:#97d5b2; }.garden-note-card::after { top:80px; right:70px; width:77px; height:77px; background:#fff9dc; box-shadow:-100px 78px 0 -13px rgba(255,255,255,.72); }.garden-note-card>span { position:relative; z-index:2; color:#b97665; font-size:11px; font-weight:800; letter-spacing:.1em; }.garden-note-card p { position:absolute; z-index:2; bottom:32px; left:30px; max-width:155px; margin:0; color:#4d725f; font-size:25px; font-weight:900; letter-spacing:-.08em; line-height:1.25; }.garden-note-card i { position:absolute; z-index:2; right:45px; bottom:43px; width:55px; height:87px; border-radius:55px 8px 55px 8px; background:#549c78; transform:rotate(-23deg); }.garden-note-copy h2,.garden-features h2,.garden-plans h2,.garden-downloads h2,.garden-closing h2 { margin:16px 0 0; color:#2d4e40; font-size:clamp(30px,3.5vw,44px); font-weight:900; letter-spacing:-.06em; line-height:1.25; }.garden-note-copy>p:not(.garden-kicker) { max-width:510px; margin:20px 0 0; color:#6c877b; font-size:15px; line-height:2; }.garden-note-copy>a { display:inline-flex; gap:9px; margin-top:24px; color:#39785d; font-size:13px; font-weight:800; text-decoration:none; }.garden-note-copy>a b { transition:transform .2s; }.garden-note-copy>a:hover b { transform:translateX(4px); }
.garden-features { position:relative; padding:108px max(24px,calc((100% - 1160px)/2)); background:#eaf7ed; }.garden-features header { position:relative; z-index:2; max-width:510px; }.garden-feature-path { position:absolute; top:134px; right:12%; left:47%; height:240px; overflow:hidden; }.garden-feature-path::before { content:""; position:absolute; top:50%; left:0; width:100%; height:170px; border:2px dashed rgba(91,163,124,.35); border-bottom:0; border-radius:50% 50% 0 0; transform:rotate(-7deg); }.garden-feature-path i { position:absolute; top:29px; right:18%; width:14px; height:14px; border-radius:50%; background:#ffbd9f; box-shadow:0 0 0 9px rgba(255,255,255,.35); animation:garden-pulse 3s ease-in-out infinite; }.garden-feature-list { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-top:47px; }.garden-feature-list article { position:relative; min-height:222px; padding:24px; overflow:hidden; border:1px solid rgba(183,220,195,.8); border-radius:24px; background:rgba(255,255,255,.78); box-shadow:0 8px 0 rgba(102,172,127,.11); transition:transform .25s,box-shadow .25s; }.garden-feature-list article:nth-child(2) { margin-top:38px; background:#fff7e7; }.garden-feature-list article:nth-child(3) { background:#f5edff; }.garden-feature-list article:hover { box-shadow:0 16px 24px rgba(78,137,102,.14); transform:translateY(-8px); }.garden-feature-list article>span { color:#75b595; font-size:11px; font-weight:800; }.garden-feature-list h3 { margin:42px 0 8px; color:#355747; font-size:22px; font-weight:900; }.garden-feature-list p { max-width:235px; margin:0; color:#718b7f; font-size:13px; line-height:1.8; }.garden-feature-list article>b { position:absolute; right:22px; bottom:17px; color:#75bc98; font-size:28px; font-weight:400; }.garden-feature-list article:nth-child(2)>b { color:#e9af56; }.garden-feature-list article:nth-child(3)>b { color:#a481d1; }
.garden-plans { padding:125px 0 118px; }.garden-plans>header { width:min(1040px,calc(100% - 48px)); margin:auto; text-align:center; }.garden-plans>header .garden-kicker { justify-content:center; }.garden-plans>header>span { display:block; max-width:470px; margin:15px auto 0; color:#718d80; font-size:14px; }.garden-plan-track { display:flex; gap:18px; width:min(1160px,calc(100% - 48px)); margin:50px auto 0; overflow-x:auto; padding:15px 3px 24px; scroll-snap-type:x proximity; }.garden-plan-track article { display:flex; flex:1 0 300px; flex-direction:column; min-height:405px; padding:25px; border:1px solid #d0e5d6; border-radius:25px; background:#fffefa; box-shadow:0 12px 26px rgba(78,124,102,.09); scroll-snap-align:start; transition:transform .25s,box-shadow .25s; }.garden-plan-track article:hover { transform:translateY(-8px); box-shadow:0 20px 34px rgba(78,124,102,.15); }.garden-plan-track article.is-featured { border-color:#75b996; background:linear-gradient(145deg,#e0f4e5,#f8fff4); box-shadow:0 14px 0 #bcdfc6; transform:translateY(-12px); }.garden-plan-top { display:flex; justify-content:space-between; align-items:center; color:#76a78c; font-size:10px; font-weight:800; letter-spacing:.08em; }.garden-plan-top b { padding:4px 8px; border-radius:99px; background:#f7b995; color:#81533f; font-size:10px; }.garden-plan-track h3 { margin:28px 0 0; color:#355747; font-size:24px; font-weight:900; }.garden-plan-track article>p { min-height:44px; margin:10px 0 0; color:#789186; font-size:13px; line-height:1.7; }.garden-plan-track strong { display:block; margin-top:24px; color:#338063; font-size:35px; font-weight:900; letter-spacing:-.05em; line-height:1; }.garden-plan-track strong small { margin-right:2px; font-size:16px; vertical-align:6px; }.garden-plan-track strong em { margin-left:5px; color:#789185; font-size:11px; font-style:normal; font-weight:600; letter-spacing:0; }.garden-plan-track ul { min-height:75px; margin:24px 0 0; padding:0; list-style:none; }.garden-plan-track li { position:relative; padding-left:17px; color:#5a7c6d; font-size:13px; line-height:1.95; }.garden-plan-track li::before { content:""; position:absolute; top:.72em; left:0; width:6px; height:6px; border-radius:50%; background:#83c6a1; }.garden-plan-track a { display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:17px; border-top:1px solid #dcece0; color:#397b5e; font-size:13px; font-weight:800; text-decoration:none; }
.garden-downloads { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(45px,9vw,120px); align-items:start; width:min(1040px,calc(100% - 48px)); margin:auto; padding:108px 0; border-top:1px solid var(--garden-line); }.garden-download-list { border-top:1px solid #c9e0d0; }.garden-download-list a { display:grid; grid-template-columns:35px 1fr auto; align-items:center; min-height:78px; border-bottom:1px solid #c9e0d0; color:#426f5d; text-decoration:none; transition:padding .2s,background .2s; }.garden-download-list a:hover { padding:0 9px; background:#f1faf2; }.garden-download-list span { color:#79b797; font-size:11px; font-weight:800; }.garden-download-list b { font-size:15px; }.garden-download-list small { grid-column:2; color:#82998e; font-size:11px; }.garden-download-list i { grid-column:3; grid-row:1/span 2; color:#429071; font-size:19px; font-style:normal; }.garden-download-list>p { color:#789187; }
.garden-closing { position:relative; overflow:hidden; padding:113px 24px; background:linear-gradient(118deg,#d8f0dc,#c8e8e1 51%,#dfeafb); text-align:center; }.garden-closing-orbit,.garden-closing-orbit::before,.garden-closing-orbit::after { position:absolute; border:1px solid rgba(255,255,255,.65); border-radius:50%; }.garden-closing-orbit { top:-220px; left:50%; width:650px; height:650px; transform:translateX(-50%); }.garden-closing-orbit::before { content:""; top:78px; left:78px; width:490px; height:490px; }.garden-closing-orbit::after { content:""; top:177px; left:177px; width:290px; height:290px; background:rgba(255,255,255,.17); }.garden-closing>*:not(.garden-closing-orbit) { position:relative; }.garden-closing p { margin:0; color:#5e9980; font-size:11px; font-weight:800; letter-spacing:.13em; }.garden-closing h2 { margin:17px auto 0; }.garden-closing>span { display:block; margin-top:14px; color:#698a7d; }.garden-closing a { display:inline-flex; align-items:center; gap:10px; min-height:47px; margin-top:28px; padding:0 19px; border-radius:99px; background:#338063; box-shadow:0 10px 21px rgba(50,122,92,.18); color:#fff; font-size:13px; font-weight:800; text-decoration:none; transition:transform .2s; }.garden-closing a:hover { transform:translateY(-3px); }
.template-garden .site-footer,.template-garden .collection-footer { display:grid; grid-template-columns:1.1fr 1fr auto; gap:45px; align-items:start; padding:54px max(24px,calc((100% - 1160px)/2)); border-top:1px solid var(--garden-line); background:#f8fcf7; }.template-garden .site-footer p,.template-garden .collection-footer p { max-width:310px; color:#779085; font-size:12px; }.template-garden .site-footer nav,.template-garden .collection-footer nav { display:flex; flex-wrap:wrap; gap:10px 19px; }.template-garden .site-footer nav a,.template-garden .collection-footer nav a { color:#628073; font-size:12px; text-decoration:none; }.template-garden .site-footer small,.template-garden .collection-footer small { color:#82998f; font-size:11px; white-space:nowrap; }
/* Inner pages retain the garden palette while using the shared semantic markup. */
.template-garden.inner-page main { min-height:62vh; padding-bottom:100px; background:radial-gradient(circle at 94% 7%,#e5f5e9,transparent 25%),#f8fcf7; }.template-garden .about-hero,.template-garden .resource-hero,.template-garden .legal-hero,.template-garden .downloads-page-hero { width:min(1040px,calc(100% - 48px)); margin:auto; padding:103px 0 62px; border-bottom:1px solid var(--garden-line); }.template-garden .collection-kicker { color:#579a7c; font-size:11px; font-weight:800; letter-spacing:.1em; }.template-garden .collection-kicker i { background:#579a7c; }.template-garden .about-hero h1,.template-garden .resource-hero h1,.template-garden .legal-hero h1,.template-garden .downloads-page-hero h1 { max-width:780px; color:#2d4e40; font-size:clamp(36px,4.5vw,48px); font-weight:900; letter-spacing:-.06em; }.template-garden .about-hero>p:last-child,.template-garden .resource-hero>p:last-child,.template-garden .legal-hero>p:last-child,.template-garden .downloads-page-hero>span { max-width:570px; color:#708a7e; line-height:1.9; }.template-garden .about-intro,.template-garden .resource-layout,.template-garden .legal-wrap,.template-garden .downloads-page-main,.template-garden .custom-page-content,.template-garden .about-values,.template-garden .page-plan-list { width:min(1040px,calc(100% - 48px)); }.template-garden .about-intro,.template-garden .resource-content,.template-garden .legal-card,.template-garden .custom-page-content { border-color:#d0e5d6; border-radius:21px; background:#fffefa; box-shadow:0 12px 26px rgba(78,124,102,.07); }.template-garden .about-intro { gap:8%; margin-top:48px; padding:45px; }.template-garden .about-intro h2,.template-garden .resource-content h2,.template-garden .legal-card h2 { color:#315444; }.template-garden .about-values { gap:16px; margin:18px auto 75px; border:0; }.template-garden .about-values article { min-height:210px; border:1px solid #d0e5d6; border-radius:20px; background:#fffefa; box-shadow:0 8px 0 rgba(114,182,143,.09); }.template-garden .about-values article:last-child { border-right:1px solid #d0e5d6; }.template-garden .about-values span { color:#64a782; }.template-garden .about-values h2 { color:#355747; }.template-garden .about-cta { background:#d7efdb; }.template-garden .about-cta h2 { color:#315444; }.template-garden .about-cta a { border-radius:99px; background:#338063; }.template-garden .resource-layout,.template-garden .legal-wrap,.template-garden .downloads-page-main,.template-garden .page-plan-list { margin-top:48px; }.template-garden .resource-content,.template-garden .legal-card,.template-garden .custom-page-content { padding:45px; }.template-garden .page-plan-list .product-plan-grid { gap:16px; }.template-garden .page-plan-list .product-plan { border-color:#d0e5d6; border-radius:20px; background:#fffefa; }.template-garden .page-plan-list .product-plan.recommended { border-color:#78ba97; box-shadow:0 10px 0 #cbe9d4; }
.template-garden .about-intro { display:grid; grid-template-columns:1fr 1fr; }.template-garden .about-values,.template-garden .product-plan-grid { display:grid; grid-template-columns:repeat(3,1fr); }.template-garden .resource-content,.template-garden .legal-card { margin:48px auto 0; }.template-garden .resource-content h2,.template-garden .legal-card h2 { font-size:25px; }.template-garden .resource-content p,.template-garden .resource-content li,.template-garden .legal-card p,.template-garden .legal-card li { color:#648075; line-height:1.9; }.template-garden .site-downloads { display:grid; grid-template-columns:.8fr 1.2fr; gap:35px; padding:42px; border:1px solid #d0e5d6; border-radius:21px; background:#fffefa; box-shadow:0 12px 26px rgba(78,124,102,.07); }.template-garden .site-download-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.template-garden .download-item { display:flex; align-items:center; gap:12px; min-height:88px; padding:16px; border:1px solid #d5e8da; border-radius:16px; color:#416f5e; text-decoration:none; }.template-garden .download-item:hover { background:#eff9f1; }.template-garden .page-plan-list .product-plan { display:flex; flex-direction:column; min-height:370px; padding:25px; }.template-garden .page-plan-list .product-plan h3 { color:#355747; }.template-garden .page-plan-list .product-plan p,.template-garden .page-plan-list .product-plan li { color:#6b887b; }.template-garden .page-plan-list .product-plan a { margin-top:auto; color:#397b5e; font-weight:800; text-decoration:none; }
/* Every shared inner-page wrapper has an explicit maximum width and centered gutters. */
.template-garden.inner-page .about-intro,
.template-garden.inner-page .resource-layout,
.template-garden.inner-page .legal-wrap,
.template-garden.inner-page .downloads-page-main,
.template-garden.inner-page .page-plan-list { margin-right:auto; margin-left:auto; }

/* Center the rendered content itself as well as each page wrapper. */
.template-garden.inner-page .resource-layout > .resource-content,
.template-garden.inner-page .legal-wrap > .legal-card,
.template-garden.inner-page .downloads-page-main > .site-downloads,
.template-garden.inner-page .downloads-page-main > .legal-card,
.template-garden.inner-page .page-plan-list > .product-plan-grid { width:100%; margin-right:auto; margin-left:auto; }

.template-garden.inner-page .downloads-page-main > .site-downloads {
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:35px;
    padding:42px;
    border:1px solid #d0e5d6;
    border-radius:21px;
    background:#fffefa;
    box-shadow:0 12px 26px rgba(78,124,102,.07);
}

.template-garden.inner-page .site-downloads .download-mark {
    display:grid;
    flex:0 0 44px;
    width:44px;
    height:44px;
    place-items:center;
    border-radius:14px;
    background:#e2f4e6;
    color:#368260;
}

.template-garden.inner-page .site-downloads .download-mark svg { width:25px; height:25px; fill:currentColor; }
.template-garden.inner-page .site-downloads .download-item > span:nth-child(2) { display:grid; gap:2px; min-width:0; }
.template-garden.inner-page .site-downloads .download-item b { color:#355747; font-size:14px; line-height:1.25; }
.template-garden.inner-page .site-downloads .download-item small { color:#789186; font-size:11px; line-height:1.35; }
.template-garden.inner-page .site-downloads .download-item > i { margin-left:auto; color:#429071; font-size:18px; font-style:normal; }
.template-garden.inner-page .site-downloads .download-windows .download-mark { background:#e2efff; color:#4c83d9; }
.template-garden.inner-page .site-downloads .download-macos .download-mark,
.template-garden.inner-page .site-downloads .download-ios .download-mark { background:#f2e9ff; color:#8b6bc5; }
.template-garden.inner-page .site-downloads .download-android .download-mark { background:#e6f7d5; color:#639e35; }
.template-garden.inner-page .site-downloads .download-linux .download-mark { background:#fff0d8; color:#c17731; }

/* Keep inner pages compact: content should begin promptly beneath its heading. */
.template-garden.inner-page main { min-height:0; padding-bottom:56px; }
.template-garden.inner-page .about-hero,
.template-garden.inner-page .resource-hero,
.template-garden.inner-page .legal-hero,
.template-garden.inner-page .downloads-page-hero { padding-top:66px; padding-bottom:34px; }
.template-garden.inner-page .about-intro,
.template-garden.inner-page .resource-layout,
.template-garden.inner-page .legal-wrap,
.template-garden.inner-page .downloads-page-main,
.template-garden.inner-page .page-plan-list { margin-top:30px; }
.template-garden.inner-page .about-intro,
.template-garden.inner-page .resource-content,
.template-garden.inner-page .legal-card,
.template-garden.inner-page .custom-page-content { padding:32px; }
.template-garden.inner-page .resource-content,
.template-garden.inner-page .legal-card { margin-top:0; }
.template-garden.inner-page .about-values { margin-bottom:48px; }
.template-garden.inner-page .downloads-page-main > .site-downloads { gap:27px; padding:32px; }
.template-garden.inner-page .page-plan-list .product-plan { min-height:320px; }
@media (max-width:900px) { .garden-hero { grid-template-columns:1fr; gap:33px; padding-top:55px; }.garden-weather { max-width:560px; width:100%; min-height:350px; justify-self:end; }.garden-metrics { grid-template-columns:1fr 1fr; }.garden-metrics>p,.garden-metrics>a { grid-column:1/-1; min-height:68px; }.garden-metrics>a { border-top:1px solid var(--garden-line); }.garden-note,.garden-downloads { grid-template-columns:1fr; gap:44px; }.garden-note-card { max-width:400px; width:100%; }.garden-feature-list { grid-template-columns:1fr; }.garden-feature-list article:nth-child(2) { margin-top:0; }.garden-feature-path { display:none; }.template-garden .site-footer,.template-garden .collection-footer { grid-template-columns:1fr 1fr; }.template-garden .about-intro { grid-template-columns:1fr; } }
@media (max-width:700px) { .template-garden .collection-nav { grid-template-columns:1fr auto; width:calc(100% - 28px); min-height:70px; }.template-garden .collection-nav nav { position:absolute; top:76px; right:0; left:0; display:none; flex-direction:column; gap:0; padding:11px; border:1px solid #cfe5d6; border-radius:17px; background:#fffefa; box-shadow:0 14px 28px rgba(45,91,70,.12); }.template-garden.nav-open .collection-nav nav { display:flex; animation:garden-menu .18s ease both; }.template-garden .collection-nav nav a { padding:10px; }.template-garden .collection-nav nav a::after { display:none; }.template-garden .collection-action { display:none; }.template-garden .collection-menu { display:grid; width:39px; height:39px; place-content:center; gap:5px; border:1px solid #c8dfd0; border-radius:50%; background:#fffefa; color:#477766; }.template-garden .collection-menu span { display:block; width:16px; height:2px; border-radius:2px; background:currentColor; transition:transform .2s; }.template-garden.nav-open .collection-menu span:first-child { transform:translateY(3.5px) rotate(45deg); }.template-garden.nav-open .collection-menu span:last-child { transform:translateY(-3.5px) rotate(-45deg); }.garden-hero,.garden-metrics,.garden-plans>header,.garden-plan-track { width:calc(100% - 32px); }.garden-hero { min-height:auto; padding:45px 0 46px; }.garden-hero h1 { font-size:clamp(35px,10vw,46px); }.garden-lead { font-size:14px; }.garden-weather { min-height:330px; border-radius:29px 29px 29px 8px; }.garden-weather-copy strong { font-size:38px; }.garden-sun { width:130px; height:130px; right:30px; }.garden-sun i { top:32px; left:32px; }.garden-metrics article { min-height:98px; padding:18px; }.garden-metrics>p,.garden-metrics>a { padding:18px; }.garden-note,.garden-downloads { width:calc(100% - 32px); padding:76px 0; }.garden-note-copy h2,.garden-features h2,.garden-plans h2,.garden-downloads h2,.garden-closing h2 { font-size:clamp(28px,8vw,37px); }.garden-features { padding:76px 16px; }.garden-feature-list { margin-top:33px; }.garden-plan-track { margin-top:30px; }.garden-plan-track article { flex-basis:278px; min-height:385px; }.garden-plans { padding:80px 0 68px; }.garden-downloads { border-top:1px solid var(--garden-line); }.garden-closing { padding:82px 20px; }.template-garden .site-footer,.template-garden .collection-footer { grid-template-columns:1fr; gap:25px; padding:47px 24px; }.template-garden .site-footer nav,.template-garden .collection-footer nav { display:grid; grid-template-columns:repeat(2,1fr); }.template-garden .about-hero,.template-garden .resource-hero,.template-garden .legal-hero,.template-garden .downloads-page-hero { width:calc(100% - 32px); padding:76px 0 44px; }.template-garden .about-intro,.template-garden .resource-layout,.template-garden .legal-wrap,.template-garden .downloads-page-main,.template-garden .custom-page-content,.template-garden .about-values,.template-garden .page-plan-list { width:calc(100% - 32px); }.template-garden .about-intro,.template-garden .resource-content,.template-garden .legal-card,.template-garden .custom-page-content { padding:27px; }.template-garden .about-values { grid-template-columns:1fr; } }
@media (max-width:700px) { .template-garden.inner-page .downloads-page-main > .site-downloads { grid-template-columns:1fr; gap:25px; padding:27px; }.template-garden.inner-page .site-download-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { .template-garden.inner-page main { padding-bottom:42px; }.template-garden.inner-page .about-hero,.template-garden.inner-page .resource-hero,.template-garden.inner-page .legal-hero,.template-garden.inner-page .downloads-page-hero { padding-top:50px; padding-bottom:27px; }.template-garden.inner-page .about-intro,.template-garden.inner-page .resource-layout,.template-garden.inner-page .legal-wrap,.template-garden.inner-page .downloads-page-main,.template-garden.inner-page .page-plan-list { margin-top:22px; }.template-garden.inner-page .about-intro,.template-garden.inner-page .resource-content,.template-garden.inner-page .legal-card,.template-garden.inner-page .custom-page-content { padding:24px; } }
/* A deliberately compact reading rhythm for all Garden inner pages. */
.template-garden.inner-page main { padding-bottom:38px; }
.template-garden.inner-page .about-hero,
.template-garden.inner-page .resource-hero,
.template-garden.inner-page .legal-hero,
.template-garden.inner-page .downloads-page-hero { padding-top:48px; padding-bottom:24px; }
.template-garden.inner-page .collection-kicker { margin-bottom:9px; }
.template-garden.inner-page .about-hero > p:last-child,
.template-garden.inner-page .resource-hero > p:last-child,
.template-garden.inner-page .legal-hero > p:last-child,
.template-garden.inner-page .downloads-page-hero > span { margin-top:10px; }
.template-garden.inner-page .about-intro,
.template-garden.inner-page .resource-layout,
.template-garden.inner-page .legal-wrap,
.template-garden.inner-page .downloads-page-main,
.template-garden.inner-page .page-plan-list { margin-top:20px; }
.template-garden.inner-page .about-intro,
.template-garden.inner-page .resource-content,
.template-garden.inner-page .legal-card,
.template-garden.inner-page .custom-page-content { padding:26px; }
.template-garden.inner-page .about-values { margin-top:12px; margin-bottom:32px; }
.template-garden.inner-page .about-values article { min-height:170px; padding:22px; }
.template-garden.inner-page .about-values h2 { margin-top:22px; }
.template-garden.inner-page .about-cta { padding:62px 24px; }
.template-garden.inner-page .about-cta h2 { margin-top:11px; }
.template-garden.inner-page .about-cta a { margin-top:18px; }
.template-garden.inner-page .downloads-page-main > .site-downloads { gap:22px; padding:26px; }
.template-garden.inner-page .page-plan-list .product-plan { min-height:280px; padding:21px; }
@media (prefers-reduced-motion:no-preference) { .garden-main::before { animation:garden-float 10s ease-in-out infinite alternate; } }
@keyframes garden-float { 50% { transform:translateY(-13px) rotate(3deg); } } @keyframes garden-drift { 50% { transform:translate(22px,32px) rotate(85deg); } } @keyframes garden-pulse { 50% { transform:scale(1.35); opacity:.7; } } @keyframes garden-menu { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }