*{margin:0;padding:0}#root{width:100%;min-height:100vh}:root{--bg: #fbfff7;--bg-elevated: #ffffff;--bg-alt: #f0fff1;--accent: #2e8b57;--accent-rgb: 46, 139, 87;--accent-soft: rgba(var(--accent-rgb), .14);--accent-strong: #1f6f3b;--accent-gradient: none;--text: #1f2937;--text-soft: #3f4a5a;--border-subtle: rgba(31, 122, 60, .14);--radius-lg: 18px;--radius-xl: 26px;--shadow-soft: 0 24px 80px rgba(17, 24, 39, .08);--transition-fast: .18s ease-out}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;position:relative;font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#ffffff 0%,var(--bg) 45%,var(--bg-alt) 100%);background-image:radial-gradient(circle at 15% 20%,rgba(47,158,85,.1),transparent 40%),radial-gradient(circle at 85% 25%,rgba(91,140,255,.08),transparent 45%),radial-gradient(circle at 30% 85%,rgba(255,191,0,.08),transparent 50%);color:var(--text);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}main{padding-top:80px;position:relative;z-index:1}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}.site-header{position:fixed;inset-inline:0;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(to bottom,rgba(255,255,255,.92),rgba(255,255,255,.82),transparent);border-bottom:1px solid rgba(17,24,39,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:rgba(var(--accent-rgb),.18);color:#0b1020;font-weight:700;font-size:.9rem;box-shadow:0 14px 40px #11182724}.brand-name{font-weight:600;letter-spacing:.02em;font-size:.98rem}.brand-subtitle{font-size:.78rem;color:var(--text-soft)}.nav{display:flex;align-items:center;gap:16px}.nav-list{display:flex;align-items:center;gap:16px;list-style:none;margin:0;padding:0}.nav-list a{font-size:.86rem;color:var(--text-soft);padding:6px 10px;border-radius:999px;border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.nav-list a:hover{color:var(--text);background:#ffffffbf;border-color:#1118271f;transform:translateY(-1px)}.nav-toggle{display:none;width:38px;height:34px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#ffffffbf;padding:0 10px;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}.nav-toggle span{width:100%;height:2px;border-radius:999px;background:#e5e7eb}.theme-toggle{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid rgba(var(--accent-rgb),.5);background:#ffffffa6;color:var(--text-soft);transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.85);background:#ffffffeb;color:var(--text)}.theme-toggle:focus-visible{outline:2px solid rgba(var(--accent-rgb),.85);outline-offset:2px}.theme-toggle-dot{width:10px;height:10px;border-radius:999px;background:var(--accent-gradient);box-shadow:0 0 18px rgba(var(--accent-rgb),.35)}.theme-toggle-text{font-size:.84rem;font-weight:600;letter-spacing:.01em}.hero{padding:36px 0 40px}.hero-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.6fr);gap:40px;align-items:center}.hero-text h1{font-size:clamp(2.4rem,3vw,2.9rem);line-height:1.1;letter-spacing:-.04em;margin:10px 0 14px}.accent-text{background-image:none;-webkit-background-clip:initial;background-clip:initial;color:var(--accent)}.eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--accent-rgb),.72)}.hero-lead{font-size:.98rem;color:var(--text-soft);max-width:38rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:999px;font-size:.85rem;font-weight:500;border:1px solid rgba(17,24,39,.12);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn.primary{background:var(--accent);color:#fff;border:none;box-shadow:0 18px 45px rgba(var(--accent-rgb),.75)}.btn.primary:hover{transform:translateY(-1px);background:var(--accent-strong);box-shadow:0 24px 55px rgba(var(--accent-rgb),.9)}.btn.ghost{background:#ffffffb3;color:var(--text-soft)}.btn.ghost:hover{color:var(--text);border-color:#1118272e;background:#ffffffeb}.hero-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.hero-metadata dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(var(--accent-rgb),.62)}.hero-metadata dd{margin:3px 0 0;font-size:.86rem;color:var(--text-soft)}.hero-panel{position:relative;min-height:260px}.hero-panel-card{position:relative;background:radial-gradient(circle at top left,var(--bg-elevated),var(--bg) 70%);border-radius:var(--radius-xl);padding:20px 20px 12px;box-shadow:var(--shadow-soft);border:1px solid rgba(var(--accent-rgb),.16);z-index:2}.hero-panel-card h2{font-size:.98rem;margin:0 0 10px}.hero-panel-card ul{list-style:none;padding:0;margin:0;font-size:.84rem;color:var(--text-soft)}.sticker-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}.sticker{--sticker: var(--accent);color:var(--sticker);display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:10px 10px 9px;border-radius:18px;border:1px solid rgba(17,24,39,.12);background:#ffffffb8;box-shadow:0 10px 30px #1118270f}.sticker:nth-child(1){--sticker: #ff6b9b}.sticker:nth-child(2){--sticker: #5b8cff}.sticker:nth-child(3){--sticker: #34d399}.sticker:nth-child(4){--sticker: #f59e0b}.sticker:nth-child(5){--sticker: #7c3aed}.sticker svg{width:26px;height:26px}.sticker-label{font-size:.72rem;font-weight:800;letter-spacing:.01em;color:var(--text)}.hero-panel-card li{padding:5px 0;border-bottom:1px dashed rgba(17,24,39,.16)}.hero-panel-card li:last-child{border-bottom:none}.orbital{position:absolute;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.7);box-shadow:0 0 50px rgba(var(--accent-rgb),.4);opacity:.28}.orbital-large{width:220px;height:220px;top:-60px;right:-90px}.orbital-medium{width:140px;height:140px;top:40px;right:-20px}.orbital-small{width:70px;height:70px;top:140px;right:50px}.section{padding:26px 0}.section-alt{background:radial-gradient(circle at top left,var(--accent-soft),transparent 55%),var(--bg-alt)}.section-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,2.5fr);gap:40px;align-items:flex-start}.section-header{margin-bottom:18px}.section h2{font-size:1.4rem;margin:0 0 6px}.section-intro{margin:0;font-size:.9rem;color:var(--text-soft);max-width:420px}.section-content{font-size:.9rem;color:var(--text-soft)}.section-content p{margin:0 0 10px}.section-content p:last-child{margin-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#ffffffc2;border-radius:var(--radius-lg);padding:14px 14px 12px;border:1px solid var(--border-subtle);box-shadow:0 16px 40px #1118271f;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast);font-size:.86rem;color:var(--text-soft)}.card h3{margin:0 0 6px;font-size:.96rem;color:var(--text)}.card:hover{transform:translateY(-3px);border-color:#5b8cff6b;box-shadow:0 22px 60px #11182729;background:radial-gradient(circle at top left,rgba(var(--accent-rgb),.22),transparent 50%),#ffffffeb}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.feature-list h3{margin:0 0 3px;font-size:.9rem}.feature-list p{margin:0;font-size:.88rem;color:var(--text-soft)}.pub-list{margin:0;padding-left:20px;font-size:.86rem;color:var(--text-soft);display:flex;flex-direction:column;gap:8px}.pub-title{color:var(--text)}.contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:10px 0 0}.contact-list dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(var(--accent-rgb),.62)}.contact-list dd{margin:3px 0 0;font-size:.9rem;color:var(--text-soft)}.contact-links{display:flex;flex-wrap:wrap;gap:8px}.contact-links a{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(17,24,39,.1);font-size:.8rem;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.contact-links a:hover{border-color:rgba(var(--accent-rgb),.6);transform:translateY(-1px)}.site-footer{padding:14px 0 20px;border-top:1px solid rgba(17,24,39,.1);background:radial-gradient(circle at top,#fff,#f7fbff 70%);position:relative;z-index:1}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.78rem;color:var(--text-soft)}.back-to-top{font-size:.78rem;color:var(--accent-strong)}@media(max-width:840px){.hero-grid{grid-template-columns:minmax(0,1.1fr)}.hero-panel{order:-1;margin-bottom:6px}.hero-panel-card{padding:16px 16px 10px}.hero-metadata{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){main{padding-top:70px}.header-inner{padding-inline:18px}.nav-toggle{display:inline-flex}.nav-list{position:absolute;right:16px;top:56px;padding:10px;background:#ffffffeb;border-radius:16px;border:1px solid rgba(17,24,39,.12);box-shadow:0 18px 40px #1118272e;flex-direction:column;align-items:flex-start;min-width:170px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.nav-list.nav-open{opacity:1;transform:translateY(0);pointer-events:auto}.section-grid{grid-template-columns:minmax(0,1fr);gap:18px}.card-grid,.card-grid-3,.contact-list{grid-template-columns:minmax(0,1fr)}.footer-inner{flex-direction:column;align-items:flex-start}}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.25;background-image:repeating-linear-gradient(0deg,rgba(var(--accent-rgb),.035) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(var(--accent-rgb),.02) 0 1px,transparent 1px 6px),radial-gradient(circle at 12% 18%,rgba(var(--accent-rgb),.18) 0 1px,transparent 2px),radial-gradient(circle at 28% 62%,rgba(255,191,0,.08) 0 1px,transparent 2px),radial-gradient(circle at 44% 26%,rgba(var(--accent-rgb),.14) 0 1px,transparent 2px),radial-gradient(circle at 60% 74%,rgba(47,158,85,.14) 0 1px,transparent 2px),radial-gradient(circle at 76% 36%,rgba(47,158,85,.1) 0 1px,transparent 2px),radial-gradient(circle at 86% 62%,rgba(255,191,0,.06) 0 1px,transparent 2px);filter:saturate(1.02)}body:after{content:"";position:fixed;inset:-20%;pointer-events:none;z-index:-1;opacity:.16;background:radial-gradient(circle at 18% 25%,rgba(var(--accent-rgb),.12),transparent 58%),radial-gradient(circle at 75% 70%,rgba(255,191,0,.05),transparent 62%),radial-gradient(circle at 25% 85%,rgba(var(--accent-rgb),.08),transparent 62%);filter:blur(34px)}