:root{--fg:#0a0a0a;--muted:#5b6470;--muted1:#383f47;--muted2:#111;--brand:#0f766e;--danger:#dc2626;--bg:#fff;--bg2:#f6f8fb;--card-bg:#afd4f039;--footer-bg:#102d671a}*{box-sizing:border-box}html,body{color:var(--fg);background:var(--bg);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic UI,sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}footer{background:var(--footer-bg);border-top:1px solid #eef0f3;margin-top:40px;padding:12px 0}footer p{color:#fff;opacity:.85}
.container{max-width:1120px;margin:0 auto;padding:0 20px}.grid{gap:20px;display:grid}@media (min-width:768px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}}section{padding:64px 0}h2{margin:0 0 16px;font-size:28px}h3{margin:20px 0 8px;font-size:18px}.lead{color:#1a1f29;font-size:18px}.note{color:var(--muted);font-size:12px}
.card{background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:20px}.muted{color:var(--muted)}.muted1{color:var(--muted1)}.muted2{color:var(--muted2)}.list{margin:8px 0 0;padding-left:18px}.kicker{letter-spacing:.08em;color:var(--brand);text-transform:uppercase;margin-top:20px;margin-bottom:0;font-size:16px;font-weight:600;display:inline-block}.pill{background:#fff;border:1px solid #e8edf2;border-radius:999px;margin:0 6px 6px 0;padding:4px 8px;font-size:12px;display:inline-block}.badge{color:#0a4a46;background:#eef7f6;border:1px solid #d3ecea;border-radius:6px;padding:3px 6px;font-size:11px}.input{border:1px solid #e8edf2;border-radius:8px;width:100%;height:36px;padding:0 10px;font-size:14px}select.input{padding-right:28px}.chip{cursor:pointer;background:#fff;border:1px solid #e8edf2;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.chip[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.cta{background:var(--brand);color:#fff;border-radius:10px;padding:10px 14px;display:inline-block}.cta:hover{opacity:.95}.error{color:var(--danger);font-size:12px}.toast{background:var(--brand);color:#fff;opacity:0;border-radius:10px;padding:12px 14px;transition:all .25s;position:fixed;bottom:16px;right:16px;transform:translateY(8px);box-shadow:0 10px 30px #0000001f}.toast.show{opacity:1;transform:translateY(0)}
header{z-index:10;background:#fff;border-bottom:1px solid #eef0f3;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-right{align-items:center;gap:16px;display:flex}.nav ul{gap:20px;margin:0;padding:0;list-style:none;display:flex}.nav a{color:#1a1f29;font-size:14px}.lang-popover{margin-left:12px;position:relative}.lang-trigger{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.lang-trigger:hover{background:#f3f4f6}.lang-panel{z-index:20;background:#fff;border-radius:10px;flex-direction:column;gap:4px;margin-top:6px;padding:6px 8px;display:flex;position:absolute;right:0;box-shadow:0 8px 20px #0f172a1f}.nav-toggle{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;display:none}.nav-toggle span{background:#111827;border-radius:999px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-toggle span+span{margin-top:4px}@media (max-width:768px){.nav{flex-wrap:nowrap;column-gap:8px;height:64px;padding:0 16px;position:relative}.lang-popover{margin-left:auto;margin-right:8px}.nav-toggle{flex-direction:column;justify-content:center;margin-left:0;display:inline-flex}.nav-right{opacity:0;z-index:9;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:stretch;width:40vw;min-width:150px;max-width:260px;padding:12px 0 16px;transition:opacity .2s,transform .2s;display:none;position:absolute;top:64px;left:auto;right:16px;transform:translateY(-8px);box-shadow:0 8px 20px #0f172a26}.nav-right.open{opacity:1;display:flex;transform:translateY(0)}.nav-right ul{flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:0 20px}.nav-right li{width:100%}.nav-right a{width:100%;padding:6px 0;display:block}}
.hero{padding:120px 0;position:relative}.hero h1{font-size:40px;line-height:1.15}.hero p{font-size:18px}.hero .muted{color:#ffffffd1}@media (max-width:768px){.hero{padding:48px 0}.hero h1{font-size:26px}.hero p{font-size:15px}}.hero-inner{align-items:50%;justify-content:flex-start;min-height:280px;display:flex}.hero-panel{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000040;border-radius:5px;max-width:600px;margin-top:0;padding:0 20px}.hero-panel p{margin:0;line-height:1.2}.hero .muted2{color:#ffffffe0;line-height:1.7}@media (max-width:768px){.hero{padding:72px 0}}.home-hero,.about-hero,.services-hero,.projects-hero,.news-hero,.contact-hero{color:#fff}
.text-center{text-align:center}.text-right{text-align:right}.mt-20{margin-top:20px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}