:root{color-scheme:light;--color-brand:#2563eb;--color-brand-hover:#1d4ed8;--color-brand-soft:#dbeafe;--color-accent:#f59e0b;--color-text:#1f2933;--color-text-muted:#475569;--color-text-subtle:#64748b;--color-surface:#fff;--color-background:#fffcf7;--color-background-soft:#f8fafc;--color-border:#e5e7eb;--color-border-subtle:#1f293317;--font-sans:var(--font-inter), "Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--container-width:1120px;--container-narrow:760px;--container-wide:1280px;--container-padding:clamp(1rem, 4vw, 2rem);--space-2xs:.375rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-pill:999px;--shadow-soft:0 24px 70px #1f293314;--border-subtle:1px solid var(--color-border-subtle)}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);min-width:320px;color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(circle at top left, #dbeafe8c, transparent 34rem), var(--color-background);min-height:100vh;color:var(--color-text);margin:0;font-size:16px;line-height:1.6}body,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--color-brand)}:focus-visible{outline-offset:4px;outline:3px solid #2563eb6b}::selection{background:var(--color-brand-soft);color:var(--color-text)}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin:0;font-weight:780;line-height:1.08}p{color:var(--color-text-muted);margin:0}.site-shell,.container{width:min(100% - calc(var(--container-padding) * 2), var(--container-width));margin-inline:auto}.container-narrow{width:min(100% - calc(var(--container-padding) * 2), var(--container-narrow))}.container-wide{width:min(100% - calc(var(--container-padding) * 2), var(--container-wide))}.site-main{min-height:44vh}.skip-link{top:var(--space-md);left:var(--space-md);z-index:20;border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-surface);padding:var(--space-xs) var(--space-md);font-weight:700;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;border-bottom:var(--border-subtle);backdrop-filter:blur(18px);background:#fffcf7d6;position:sticky;top:0}.header-shell{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:76px;padding-block:var(--space-sm);display:flex}.brand{color:var(--color-text);flex:none;align-items:center;font-weight:800;display:inline-flex}.brand-logo{object-fit:contain;width:auto;display:block}.brand-logo-header{height:clamp(2.35rem,5vw,3rem)}.brand-logo-footer{height:2.75rem}.site-nav{justify-content:center;min-width:0;display:flex}.nav-list{justify-content:center;align-items:center;gap:clamp(.75rem,2vw,1.5rem);margin:0;padding:0;list-style:none;display:flex}.nav-list a,.footer-nav a{color:var(--color-text-muted);font-size:.94rem;font-weight:650;line-height:1.2}.button{border-radius:var(--radius-pill);text-align:center;white-space:nowrap;border:1px solid #2563eb1a;justify-content:center;align-items:center;width:fit-content;font-weight:700;line-height:1;display:inline-flex}.button-sm{min-height:2.5rem;padding:0 var(--space-lg);font-size:.94rem}.button-md{min-height:2.875rem;padding:0 var(--space-xl);font-size:1rem}.button-primary{background:var(--color-brand);color:var(--color-surface);box-shadow:0 12px 34px #2563eb2e}.button-primary:hover{background:var(--color-brand-hover);color:var(--color-surface)}.button-secondary{border-color:var(--color-border-subtle);color:var(--color-text);background:#ffffffa3}.button-secondary:hover,.button-ghost:hover{color:var(--color-brand)}.button-ghost{color:var(--color-text-muted);background:0 0}.home-hero{padding-block:clamp(var(--space-3xl), 11vw, 8rem) var(--space-3xl)}.home-hero-grid{align-items:center;gap:clamp(var(--space-2xl), 7vw, 6rem);grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);display:grid}.hero-copy{max-width:720px}.eyebrow{margin:0 0 var(--space-md);color:var(--color-brand);letter-spacing:0;text-transform:uppercase;font-size:.82rem;font-weight:800}.hero-copy h1{letter-spacing:0;max-width:760px;font-size:clamp(3.25rem,8vw,6.75rem);line-height:.96}.hero-lede{max-width:620px;margin-top:var(--space-lg);color:var(--color-text-muted);font-size:clamp(1.08rem,2vw,1.26rem);line-height:1.72}.hero-actions{align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.hero-visual{min-width:0}.mockup-window{border-radius:var(--radius-lg);background:linear-gradient(145deg, #ffffffe6, #f8fafcb8), var(--color-surface);box-shadow:var(--shadow-soft);border:1px solid #1f29331a;overflow:hidden}.mockup-bar{gap:var(--space-xs);padding:var(--space-md);border-bottom:1px solid #1f293314;display:flex}.mockup-bar span{border-radius:var(--radius-pill);background:#64748b3d;width:.62rem;height:.62rem}.mockup-body{gap:var(--space-lg);padding:clamp(var(--space-lg), 4vw, var(--space-2xl));display:grid}.mockup-panel,.mockup-card{border-radius:var(--radius-md);background:#ffffffc7;border:1px solid #1f293314}.mockup-panel{padding:var(--space-xl)}.mockup-label,.mockup-caption{color:var(--color-text-subtle);font-size:.86rem;font-weight:650}.mockup-title{margin-top:var(--space-xs);color:var(--color-text);font-size:1.5rem;font-weight:780;line-height:1.1}.mockup-line{width:58%;height:.7rem;margin-top:var(--space-sm);border-radius:var(--radius-pill);background:#2563eb1f}.mockup-line-wide{width:84%;margin-top:var(--space-lg)}.mockup-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mockup-card{padding:var(--space-lg)}.mockup-stat{color:var(--color-text);font-size:2rem;font-weight:820;line-height:1}.mockup-caption{margin-top:var(--space-sm)}.feature-preview{padding-block:var(--space-3xl) clamp(var(--space-3xl), 9vw, 7rem)}.section-heading{max-width:640px}.section-heading h2{font-size:clamp(2rem,4vw,3.4rem)}.feature-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-card{border-radius:var(--radius-lg);padding:var(--space-xl);background:#ffffffa3;border:1px solid #1f293317;box-shadow:0 18px 50px #1f29330d}.feature-icon{border-radius:var(--radius-md);background:var(--color-brand-soft);width:2.5rem;height:2.5rem;color:var(--color-brand);place-items:center;display:grid}.feature-icon svg{fill:currentColor;width:1.2rem;height:1.2rem}.feature-card h3{margin-top:var(--space-lg);font-size:1.18rem}.feature-card p{margin-top:var(--space-sm);line-height:1.7}.header-action{flex:none}.site-footer{border-top:var(--border-subtle);background:#ffffff6b}.footer-shell{gap:var(--space-xl);padding-block:var(--space-2xl);grid-template-columns:minmax(0,1fr) auto;display:grid}.footer-brand p,.footer-meta{margin:var(--space-sm) 0 0;color:var(--color-text-subtle);font-size:.94rem}.footer-brand p{max-width:24rem}.footer-nav{justify-content:flex-end;align-items:flex-start;gap:var(--space-lg);display:flex}.footer-meta{grid-column:1/-1}@media (width<=780px){.site-shell,.container,.container-narrow,.container-wide{width:min(100% - 1.25rem, var(--container-width))}.header-shell{align-items:flex-start;gap:var(--space-md);min-height:auto;padding-block:var(--space-md);flex-wrap:wrap}.site-nav{width:100%;padding-bottom:var(--space-2xs);order:3;justify-content:flex-start;overflow-x:auto}.nav-list{justify-content:flex-start;gap:var(--space-lg);min-width:max-content}.header-action{min-height:2.25rem;padding-inline:var(--space-md)}.home-hero{padding-block:var(--space-2xl)}.home-hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(2.8rem,13vw,4.8rem)}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.mockup-grid,.feature-grid,.footer-shell{grid-template-columns:1fr}.footer-nav{flex-wrap:wrap;justify-content:flex-start}}