@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap";:root{font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,Noto Sans JP,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color:#1c1a17;background-color:#f6efe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#f6efe6}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{line-height:1.2;font-family:Cormorant Garamond,Times New Roman,serif}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #1c1a17;--ink-soft: #3f3a34;--ink-muted: #6b635a;--surface: #f6efe6;--surface-strong: #efe3d2;--surface-soft: #fbf6f0;--accent: #c36a2d;--accent-bright: #e58c4c;--accent-cool: #2f5d57;--navy: #1d2a33;--card: rgba(255, 255, 255, .78);--border: rgba(32, 28, 22, .15);--shadow-soft: 0 30px 70px rgba(30, 24, 18, .18);--shadow-card: 0 18px 50px rgba(30, 24, 18, .12);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top right,rgba(227,179,135,.35),transparent 55%),radial-gradient(circle at 10% 20%,rgba(64,109,102,.22),transparent 50%),linear-gradient(160deg,#f9f2e8,#f2e6d4 45%,#f8f4ed);color:var(--ink);position:relative;overflow:hidden}.app:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,26,23,.12) 1px,transparent 0);background-size:26px 26px;opacity:.08;pointer-events:none}.app:after{content:"";position:absolute;inset:10% 5% auto 45%;height:340px;border-radius:80px;background:linear-gradient(120deg,#e3b38733,#2f5d571f);filter:blur(20px);pointer-events:none;transform:rotate(-6deg)}.container{max-width:1160px;margin:0 auto;padding:0 2.5rem;width:100%}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f9f2e8db;border-bottom:1px solid rgba(32,28,22,.1)}.header .container{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 2.5rem}.logo{display:inline-flex;align-items:baseline;gap:.5rem;font-weight:700;letter-spacing:-.02em}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;background:var(--navy);color:#fff;font-size:1.1rem;box-shadow:0 14px 30px #1d2a3333}.logo-text{font-size:1.35rem;color:var(--navy)}.nav{display:flex;gap:2.2rem;font-size:.9rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.nav a{text-decoration:none;position:relative;padding-bottom:.4rem}.nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.nav a:hover:after{width:100%}.hero{position:relative;overflow:hidden;padding:7rem 0 6rem}.hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3rem;align-items:center;position:relative;z-index:2}.hero-copy>*{animation:fade-up .8s ease forwards;opacity:0}.hero-copy>*:nth-child(1){animation-delay:.1s}.hero-copy>*:nth-child(2){animation-delay:.2s}.hero-copy>*:nth-child(3){animation-delay:.3s}.hero-copy>*:nth-child(4){animation-delay:.4s}.hero-copy>*:nth-child(5){animation-delay:.5s}.hero-badge{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:999px;background:#2f5d5729;color:var(--accent-cool);font-weight:600;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.6rem}.hero-title{font-size:clamp(2.8rem,4.2vw,4.2rem);font-weight:700;color:var(--navy);letter-spacing:-.02em}.hero-subtitle{margin-top:1.6rem;font-size:1.1rem;line-height:1.9;color:var(--ink-soft)}.hero-actions{margin-top:2.4rem;display:flex;gap:1rem;flex-wrap:wrap}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.8rem;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#fff;box-shadow:0 14px 30px #c36a2d59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 38px #c36a2d66}.btn-ghost{border:1px solid rgba(29,42,51,.2);color:var(--navy);background:#ffffffb3}.btn-ghost:hover{transform:translateY(-2px)}.hero-footnote{margin-top:1.8rem;font-size:.9rem;color:var(--ink-muted)}.hero-panel{background:var(--card);border-radius:var(--radius-lg);padding:2.4rem 2.3rem;border:1px solid rgba(29,42,51,.12);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:float 6s ease-in-out infinite}.hero-panel-head{display:flex;justify-content:space-between;font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-muted);margin-bottom:1.8rem}.hero-panel-tag{color:var(--accent);font-weight:600}.hero-panel-body{display:grid;gap:1.5rem}.hero-panel-item h3{font-size:1.15rem;color:var(--navy);margin-bottom:.4rem}.hero-panel-item p{color:var(--ink-muted);line-height:1.7}.hero-panel-footer{margin-top:2rem;font-size:.85rem;color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase}.hero-glow{position:absolute;right:-120px;top:-80px;width:420px;height:420px;background:radial-gradient(circle,#c36a2d40,#c36a2d00 70%);filter:blur(6px)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(29,42,51,.08) 1px,transparent 1px),linear-gradient(210deg,rgba(29,42,51,.06) 1px,transparent 1px);background-size:90px 90px;opacity:.2}.section{padding:5.5rem 0;flex:1}.section-alt{background:#efe3d2b3;border-top:1px solid rgba(32,28,22,.08);border-bottom:1px solid rgba(32,28,22,.08)}.section-title{font-size:clamp(2rem,3vw,2.7rem);font-weight:700;text-align:left;color:var(--navy);margin-bottom:1rem}.section-content{font-size:1.05rem;line-height:1.85;color:var(--ink-soft);max-width:520px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem}.section-lead{font-size:1rem;color:var(--ink-muted);max-width:460px}.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2.5rem;align-items:start}.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.about-card{padding:1.8rem;border-radius:var(--radius-md);background:#ffffffb8;border:1px solid rgba(32,28,22,.08);box-shadow:var(--shadow-card)}.about-card h3{font-size:1.1rem;color:var(--navy);margin-bottom:.7rem}.about-card p{color:var(--ink-muted);line-height:1.7}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem}.app-card{background:linear-gradient(160deg,#ffffffeb,#f5ecdeeb);padding:2.2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.9rem;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(29,42,51,.08);position:relative}.app-card:before{content:"";position:absolute;inset:1.2rem 1.2rem auto;height:1px;background:linear-gradient(90deg,transparent,rgba(29,42,51,.35),transparent)}.app-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft)}.app-meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-cool);font-weight:600}.app-card h3{font-size:1.35rem;color:var(--navy)}.app-card p{color:var(--ink-muted);line-height:1.7}.app-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--navy);font-weight:600;text-decoration:none}.app-link:hover{color:var(--accent)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(29,42,51,.2);background:#1d2a330d;font-size:.85rem;font-weight:600;color:var(--navy)}.contact-card{background:linear-gradient(140deg,#1d2a33,#1f3b3a);color:#fff;border-radius:var(--radius-lg);padding:3rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2rem;align-items:center;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.contact-card:after{content:"";position:absolute;inset:auto -40% 10% auto;width:320px;height:320px;background:radial-gradient(circle,rgba(229,140,76,.35),transparent 70%);opacity:.8}.contact-card .section-title{color:#fff}.contact-card .section-content{color:#ffffffc7}.contact-actions{display:flex;flex-direction:column;gap:.8rem;position:relative;z-index:1}.contact-actions .btn-primary{justify-content:center;width:100%}.contact-note{font-size:.85rem;color:#ffffffb3}.footer{background:#131d24;color:#ffffffb3;padding:2.5rem 0;text-align:center;margin-top:auto;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 1024px){.hero-inner{grid-template-columns:1fr}.hero-panel{animation:none}}@media (max-width: 960px){.header .container{padding:1.2rem 1.8rem}.container{padding:0 1.8rem}.about-grid,.contact-card{grid-template-columns:1fr}}@media (max-width: 720px){.nav{gap:1.2rem;font-size:.8rem}.hero{padding:6rem 0 5rem}.hero-actions{flex-direction:column;align-items:stretch}.section{padding:4rem 0}.app-card{padding:1.8rem}}@media (max-width: 520px){.header .container{flex-direction:column;gap:1rem}.logo-text{font-size:1.1rem}.hero-title{font-size:2.2rem}.section-title{font-size:1.8rem}.contact-card{padding:2.2rem}}@keyframes fade-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero-copy>*{animation:none;opacity:1}.hero-panel{animation:none}}