:root{--bg: #f5f1ea;--bg-soft: #faf7f1;--surface: rgba(255, 252, 247, .82);--surface-strong: #fffdf9;--line: rgba(53, 66, 56, .14);--text: #243328;--muted: #5b675e;--accent: #6b7c69;--accent-strong: #445245;--accent-warm: #b07f5f;--shadow: 0 24px 60px rgba(36, 51, 40, .08);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--content: min(1120px, calc(100vw - 40px) );--font-sans: "Avenir Next", "Hiragino Sans", "Yu Gothic", "Yu Gothic UI", sans-serif;--font-serif: "Iowan Old Style", "Hiragino Mincho ProN", "Yu Mincho", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-sans);color:var(--text);background:#f9f7f3;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{display:block}.shell{width:var(--content);margin:0 auto}.section{padding:48px 0}.panel{background:var(--surface);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-lg)}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}h1,h2,h3{margin:0;line-height:1.2}h1,h2{font-family:var(--font-sans);font-weight:700;letter-spacing:-.02em}p{margin:0}.muted{color:var(--muted)}.button-row{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:4px;border:1px solid transparent;font-size:.95rem;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent-strong);color:#f8f4ed}.button.secondary{border-color:var(--line);background:#ffffff7a}.section-heading{display:grid;gap:14px;max-width:700px;margin-bottom:28px}.section-heading h2{font-size:clamp(1.1rem,2vw,1.8rem)}.cards{display:grid;gap:18px}.list-reset{list-style:none;margin:0;padding:0}.theme-sage{--theme-from: #dfe8de;--theme-to: #f7f4ed;--theme-ink: #354238}.theme-sand{--theme-from: #eadcca;--theme-to: #faf6ef;--theme-ink: #5a4736}.theme-terracotta{--theme-from: #ead1c2;--theme-to: #fbf5ef;--theme-ink: #694938}.theme-stone{--theme-from: #dce0df;--theme-to: #f8f7f4;--theme-ink: #454d4d}.theme-olive{--theme-from: #d5d9c7;--theme-to: #f5f3ea;--theme-ink: #4f5740}.theme-charcoal{--theme-from: #d9ddd9;--theme-to: #f6f4ef;--theme-ink: #313733}.theme-card{position:relative;overflow:hidden;background:#fefcf9;color:var(--text);border:1px solid rgba(36,51,40,.12);border-radius:var(--radius-md);box-shadow:#2433280a 0 4px 18px,#24332808 0 2px 7.8px,#24332805 0 .8px 2.9px,#24332803 0 .175px 1.04px;transition:box-shadow .2s ease}.theme-card:hover{box-shadow:#24332803 0 1px 3px,#24332805 0 3px 7px,#24332805 0 7px 15px,#2433280a 0 14px 28px,#2433280d 0 23px 52px}.site-header{padding:20px 0;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center}.brand-logo{height:32px;width:auto}.desktop-nav{display:block}.nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:4px}.nav a{display:inline-flex;min-height:40px;align-items:center;padding:0 16px;color:var(--muted);font-size:.9rem;letter-spacing:.01em;transition:color .18s ease}.nav a:hover{color:var(--text)}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;width:44px;height:44px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:22px;height:1.5px;background:var(--text);border-radius:999px;transition:transform .18s ease,opacity .18s ease}.mobile-menu[open] summary span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.mobile-menu[open] summary span:nth-child(2){opacity:0}.mobile-menu[open] summary span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-menu-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;padding:10px;border-radius:14px;border:1px solid var(--line);background:#fffcf7fa;box-shadow:0 12px 32px #2433281a;backdrop-filter:blur(16px);z-index:80}.mobile-nav{display:grid;gap:4px}.mobile-nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;color:var(--text);font-size:.95rem}.mobile-nav a:hover{background:#2433280d}.site-footer{margin-top:auto}.footer-upper{background:#445245;padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:32px}.footer-social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fffc;transition:color .18s ease}.footer-social:hover{color:#fff}.footer-social svg{width:28px;height:28px}.footer-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:0;font-size:1.05rem}.footer-nav a{color:#ffffffd9;padding:4px 8px;transition:color .18s ease}.footer-nav a:hover{color:#fff}.footer-nav .sep{color:#fff6}.footer-lower{background:#243328;padding:36px 24px;text-align:center}.footer-lower p{color:#ffffff8c;font-size:.82rem;letter-spacing:.04em}@media(max-width:840px){.header-inner{position:relative}.desktop-nav{display:none}.mobile-menu{display:block}}@media(max-width:720px){.section{padding:32px 0}.panel{border-radius:24px}.footer-upper{padding:48px 20px;gap:28px}.footer-nav{font-size:.95rem}}