:root{
  --ink:#151515;--ink-soft:#262626;--muted:#6f706d;--paper:#f6f3ec;--paper-2:#fbfaf6;--card:#fffdf8;
  --line:#ddd8cd;--line-strong:#cfc8bb;--lime:#b8f03f;--lime-deep:#75a916;--green:#20a95a;--violet:#a97af7;
  --cream:#f0e3ca;--dark:#171a18;--white:#fff;--max:1220px;--shadow:0 28px 80px rgba(47,38,21,.11);
  --shadow-soft:0 14px 40px rgba(47,38,21,.075);--ui-font:"Avenir Next",Avenir,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:linear-gradient(180deg,#f7f4ed 0%,#fbfaf6 40%,#f5f1e8 100%);color:var(--ink);font-family:var(--ui-font);line-height:1.55;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:inherit}

/* V3.17.63 — central info pages now use the same floating warm navigation language as the homepage. */
.seoTop{position:fixed;z-index:80;top:14px;left:50%;transform:translateX(-50%);width:min(calc(100% - 30px),1180px);height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 13px;border:1px solid rgba(194,187,174,.62);border-radius:18px;background:rgba(251,249,244,.90);box-shadow:0 14px 42px rgba(48,39,23,.08);backdrop-filter:blur(18px) saturate(150%);color:var(--ink)}
.seoBrand{display:inline-flex;align-items:center;gap:9px;min-width:max-content;color:var(--ink);text-decoration:none;letter-spacing:-.045em;font-weight:900}.seoBrandLogo{width:43px;height:43px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#e7ffc0,#f8ffe9);border:1px solid #cfe5a6;flex:0 0 43px}.seoBrandLogo img{display:block;width:55px;height:55px;max-width:none;object-fit:contain;transform:translateY(2px)}.seoBrand>b{font-size:20px}
.seoTop nav,.seoFooter nav{display:flex;gap:2px;align-items:center;justify-content:center}.seoTop nav{flex:1}.seoTop nav a{padding:9px 10px;border-radius:10px;color:#60615d;text-decoration:none;font-size:11px;font-weight:760;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}.seoTop nav a:hover,.seoTop nav a.active{background:#ede8de;color:#171717;transform:translateY(-1px)}.seoTop nav a.active{box-shadow:inset 0 -2px 0 var(--lime-deep)}
.seoNavActions{display:flex;align-items:center;gap:8px}.seoLang{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:12px;background:#f2eee5}.seoLang a{min-width:31px;padding:6px 7px;border-radius:9px;color:#777871;text-align:center;text-decoration:none;font-size:10px;font-weight:900}.seoLang a.active{background:var(--lime);color:#171717}.seoStart{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:0 14px;border-radius:12px;background:var(--dark);color:#fff;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap}
main{padding-top:102px}.seoBreadcrumb{width:min(var(--max),calc(100% - 36px));margin:18px auto 0;display:flex;gap:9px;align-items:center;color:#8a8982;font-size:12px}.seoBreadcrumb a{color:#666761;text-decoration:none}.seoBreadcrumb b{color:#40413e}

/* Warm, homepage-aligned hero. The mascot is isolated in a square contain-stage so it can never stretch. */
.seoHero{width:min(var(--max),calc(100% - 36px));margin:16px auto 0;min-height:430px;border:1px solid rgba(194,187,174,.56);border-radius:34px;padding:clamp(34px,6vw,68px);background:radial-gradient(circle at 88% 16%,rgba(184,240,63,.24),transparent 27%),radial-gradient(circle at 72% 84%,rgba(169,122,247,.14),transparent 30%),linear-gradient(145deg,#fbf8f1 0%,#f1eee6 62%,#f7f1e8 100%);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr);align-items:center;gap:36px;overflow:hidden;position:relative;box-shadow:var(--shadow-soft)}
.seoHeroCopy{position:relative;z-index:2}.seoEyebrow{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #cfe0aa;border-radius:999px;background:#fbfff3;color:#618b16;font-size:10px;font-weight:950;letter-spacing:.16em;margin-bottom:18px}.seoHero h1{font-size:clamp(42px,5.5vw,70px);line-height:.98;letter-spacing:-.05em;margin:0;max-width:850px}.seoHero p{font-size:clamp(15px,1.6vw,18px);line-height:1.65;color:#686a66;max-width:730px;margin:24px 0 0}.seoHeroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.seoPrimary,.seoSecondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:13px;padding:12px 18px;text-decoration:none;font-size:13px;font-weight:900}.seoPrimary{background:var(--dark);color:#fff;box-shadow:0 9px 22px rgba(23,26,24,.13)}.seoSecondary{border:1px solid var(--line-strong);color:var(--ink);background:rgba(255,253,248,.74)}
.seoMascotStage{position:relative;z-index:1;width:min(100%,280px);aspect-ratio:1/1;justify-self:end;display:grid;place-items:center;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(235,244,217,.55));border:1px solid rgba(192,206,165,.55);overflow:hidden;box-shadow:0 22px 55px rgba(61,56,42,.10)}.seoMascotStage img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;transform:none!important;filter:drop-shadow(0 18px 22px rgba(35,41,30,.13))}

.seoContent{width:min(var(--max),calc(100% - 36px));margin:34px auto 88px}.seoCardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.seoCardGrid article,.seoContactGrid article,.seoTemplateCard{background:rgba(255,253,248,.92);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow-soft)}.seoCardGrid h2,.seoContactGrid h2,.seoTemplateCard h2{font-size:22px;margin:0 0 10px;letter-spacing:-.03em}.seoCardGrid p,.seoContactGrid p,.seoTemplateCard p{margin:0;color:#6d6f6a;line-height:1.65}
.seoTemplateGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seoTemplateCard small{display:block;margin-top:18px;color:#8a8b85;font-weight:800}.seoTemplateSwatch{height:145px;border-radius:17px;background:var(--bg);padding:18px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:9px;margin-bottom:20px}.seoTemplateSwatch i{display:block;background:var(--surface);border-radius:10px}.seoTemplateSwatch i:first-child{grid-row:1/3}.seoTemplateSwatch span{display:block;border-radius:10px;background:var(--accent)}
.seoContactGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seoContactGrid article>span{display:block;color:#678e1c;font-size:10px;font-weight:950;letter-spacing:.14em;margin-bottom:14px}.seoTextLink{display:inline-block;margin-top:20px;color:#222;font-weight:900;text-decoration:none;border-bottom:2px solid var(--lime);padding-bottom:2px}
.seoBottomCta{width:min(var(--max),calc(100% - 36px));margin:0 auto 70px;background:linear-gradient(135deg,#1b211d,#252d26);border-radius:30px;padding:clamp(30px,5vw,56px);color:#fff;box-shadow:var(--shadow)}.seoBottomCta>span{color:var(--lime);font-size:10px;letter-spacing:.16em;font-weight:950}.seoBottomCta h2{font-size:clamp(30px,4vw,52px);line-height:1;margin:12px 0 0;max-width:800px;letter-spacing:-.04em}.seoBottomCta .seoPrimary{background:var(--lime);color:#171717}.seoBottomCta .seoSecondary{border-color:#ffffff30;color:#fff;background:#ffffff09}
.seoFooter{width:min(var(--max),calc(100% - 36px));margin:0 auto;padding:32px 0 42px;color:#76776f;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.seoFooter .seoBrandLogo{width:35px;height:35px;flex-basis:35px}.seoFooter .seoBrandLogo img{width:46px;height:46px}.seoFooter .seoBrand>b{font-size:16px}.seoFooter nav{gap:8px 14px;flex-wrap:wrap}.seoFooter nav a{color:inherit;text-decoration:none;font-size:10px;font-weight:780;opacity:.78}.seoFooterMeta{display:grid;justify-items:end;gap:6px;font-size:10px}.seoFooterMeta a{font-weight:900;text-decoration:none;color:#454642}.seoFooterMeta span{color:#898a85}

@media(max-width:1040px){.seoTop nav{display:none}.seoTop{justify-content:space-between}.seoHero{grid-template-columns:minmax(0,1fr) 220px}.seoTemplateGrid,.seoContactGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.seoFooter{grid-template-columns:1fr}.seoFooter nav{justify-content:flex-start}.seoFooterMeta{justify-items:start}}
@media(max-width:760px){.seoTop{top:8px;left:8px;right:8px;transform:none;width:auto;height:62px;padding:0 9px;gap:8px;border-radius:16px}.seoBrand{gap:7px;min-width:0}.seoBrandLogo{width:39px;height:39px;flex-basis:39px}.seoBrandLogo img{width:50px;height:50px}.seoBrand>b{font-size:17px}.seoStart{display:none}.seoNavActions{margin-left:auto}.seoLang{padding:2px}.seoLang a{min-width:29px;padding:6px}.seoHero,.seoContent,.seoBreadcrumb,.seoBottomCta,.seoFooter{width:min(100% - 24px,var(--max))}main{padding-top:82px}.seoHero{grid-template-columns:1fr;border-radius:24px;padding:34px 24px;min-height:0}.seoHero h1{font-size:clamp(38px,11vw,48px)}.seoHero p{font-size:14px}.seoMascotStage{display:none}.seoCardGrid,.seoTemplateGrid,.seoContactGrid{grid-template-columns:1fr}.seoFooter nav{gap:9px 12px}.seoFooter nav a{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}