:root{--c-white: #ffffff;--c-bg: #ffffff;--c-bg-soft: #f8fafc;--c-bg-mute: #f1f5f9;--c-border: #e5e7eb;--c-border-light: #f1f5f9;--c-text: #0f172a;--c-text-2: #475569;--c-text-3: #94a3b8;--c-brand: #4F46E5;--c-brand-2: #6366F1;--c-brand-soft: #EEF2FF;--c-brand-dark: #4338CA;--c-accent: #F59E0B;--c-success: #10B981;--font-sans: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Segoe UI", Roboto, sans-serif;--container: 1140px;--nav-h: 72px;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 28px;--r-full: 9999px;--sh-sm: 0 1px 2px rgba(15, 23, 42, .04);--sh: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--sh-md: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);--sh-lg: 0 20px 40px rgba(15, 23, 42, .08), 0 8px 16px rgba(15, 23, 42, .04);--sh-glow: 0 30px 60px rgba(79, 70, 229, .12);--t-fast: .15s ease;--t: .22s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--c-text);background:var(--c-bg);line-height:1.6;overflow-x:hidden}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px;border-radius:4px}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.narrow{max-width:760px}.section{padding:96px 0}.section--alt{background:var(--c-bg-soft)}.section__head{text-align:center;max-width:720px;margin:0 auto 64px}.section__title{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.section__title--left{text-align:left}.section__subtitle{font-size:18px;color:var(--c-text-2)}.eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-brand);background:var(--c-brand-soft);padding:6px 12px;border-radius:var(--r-full);margin-bottom:16px}.text-secondary{color:var(--c-text-2)}.prose{font-size:17px;line-height:1.8;color:var(--c-text-2)}.prose+.prose{margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--r);font-size:14px;font-weight:600;border:1px solid transparent;transition:all var(--t-fast);white-space:nowrap;text-decoration:none;cursor:pointer}.btn--sm{padding:8px 16px;font-size:13px}.btn--lg{padding:14px 28px;font-size:16px;border-radius:var(--r-lg)}.btn--full{width:100%}.btn--primary{background:var(--c-brand);color:var(--c-white)}.btn--primary:hover{background:var(--c-brand-dark);transform:translateY(-1px);box-shadow:0 8px 20px #4f46e540}.btn--outline{background:transparent;color:var(--c-text);border-color:var(--c-border)}.btn--outline:hover{border-color:var(--c-brand);color:var(--c-brand)}.btn--ghost{background:transparent;color:var(--c-text-2)}.btn--ghost:hover{color:var(--c-text);background:var(--c-bg-soft)}.btn--white{background:var(--c-white);color:var(--c-brand)}.btn--white:hover{background:var(--c-bg-soft);transform:translateY(-1px)}.nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);background:#ffffffd9;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);z-index:50;border-bottom:1px solid transparent;transition:border-color var(--t),box-shadow var(--t)}.nav.is-scrolled{border-bottom-color:var(--c-border);box-shadow:var(--sh-sm)}.nav__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav__brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--c-text)}.nav__logo{width:32px;height:32px;border-radius:8px;background:var(--c-brand);color:var(--c-white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.nav__links{display:flex;align-items:center;gap:28px}.nav__link{font-size:14px;font-weight:500;color:var(--c-text-2);transition:color var(--t-fast)}.nav__link:hover{color:var(--c-text)}.nav__actions{display:flex;align-items:center;gap:12px}.lang-switch{display:inline-flex;background:var(--c-bg-mute);border-radius:var(--r);padding:3px}.lang-switch__btn{padding:5px 12px;font-size:12px;font-weight:600;color:var(--c-text-3);border-radius:7px;transition:all var(--t-fast)}.lang-switch__btn.is-active{background:var(--c-white);color:var(--c-text);box-shadow:var(--sh-sm)}.nav__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;gap:5px}.nav__hamburger span{display:block;width:22px;height:2px;background:var(--c-text);border-radius:1px}.hero{padding:calc(var(--nav-h) + 56px) 0 64px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(99,102,241,.08),transparent 60%),var(--c-bg);position:relative;overflow:hidden}.hero__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.hero__title{font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.08;letter-spacing:-.025em;margin-bottom:20px}.hero__title-accent{background:linear-gradient(135deg,var(--c-brand) 0%,var(--c-brand-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}.hero__subtitle{font-size:18px;color:var(--c-text-2);margin-bottom:32px;white-space:pre-line;max-width:540px}.hero__actions{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.hero__note{font-size:13px;color:var(--c-text-3)}.hero__visual{position:relative}.mockup{background:var(--c-white);border-radius:var(--r-xl);border:1px solid var(--c-border);box-shadow:var(--sh-lg),var(--sh-glow);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg)}.mockup__bar{display:flex;gap:6px;padding:12px 16px;background:var(--c-bg-soft);border-bottom:1px solid var(--c-border)}.mockup__dot{width:10px;height:10px;border-radius:50%;background:var(--c-border)}.mockup__body{display:grid;grid-template-columns:56px 1fr;min-height:280px}.mockup__sidebar{background:var(--c-bg-soft);padding:12px 8px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--c-border)}.mockup__nav-item{height:32px;border-radius:6px;background:var(--c-bg-mute)}.mockup__nav-item.is-active{background:var(--c-brand-soft)}.mockup__main{padding:16px;display:flex;flex-direction:column;gap:12px}.mockup__row{display:grid;gap:8px}.mockup__row:first-child{grid-template-columns:repeat(4,1fr)}.mockup__row:last-child{grid-template-columns:2fr 1fr;flex:1}.mockup__stat{height:56px;border-radius:6px;background:var(--c-bg-mute)}.mockup__stat:first-child{background:var(--c-brand-soft)}.mockup__chart{background:var(--c-bg-mute);border-radius:6px;min-height:140px}.mockup__list{background:var(--c-bg-mute);border-radius:6px}.mockup__badge{position:absolute;bottom:-16px;left:-16px;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-full);padding:8px 16px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:var(--sh-md)}.mockup__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--c-success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stats{background:var(--c-bg-soft);padding:40px 0;border-top:1px solid var(--c-border-light);border-bottom:1px solid var(--c-border-light)}.stats__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}.stat__value{font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--c-brand),var(--c-brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat__label{font-size:13px;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:4px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{padding:28px;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);transition:all var(--t)}.feature-card:hover{border-color:transparent;box-shadow:var(--sh-md);transform:translateY(-2px)}.feature-card__icon{width:44px;height:44px;border-radius:var(--r);background:var(--c-brand-soft);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}.feature-card__title{font-size:16px;font-weight:700;margin-bottom:8px}.feature-card__desc{font-size:14px;color:var(--c-text-2);line-height:1.6}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.step{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px;text-align:center}.step__number{width:40px;height:40px;border-radius:50%;background:var(--c-brand);color:var(--c-white);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin-bottom:16px}.step__title{font-size:16px;font-weight:700;margin-bottom:6px}.step__desc{font-size:14px;color:var(--c-text-2)}.cta{background:linear-gradient(135deg,var(--c-brand) 0%,var(--c-brand-2) 100%);padding:80px 0;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.08) 0%,transparent 50%)}.cta__inner{position:relative;text-align:center;color:var(--c-white)}.cta__title{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.cta__subtitle{font-size:18px;opacity:.9;margin-bottom:32px}.page-hero{padding:calc(var(--nav-h) + 64px) 0 56px;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(99,102,241,.06),transparent 70%),var(--c-bg);text-align:center}.page-hero__title{font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-.025em;margin-bottom:12px}.page-hero__subtitle{font-size:18px;color:var(--c-text-2);max-width:640px;margin:0 auto}.feature-stack{display:flex;flex-direction:column;gap:32px}.feature-block{display:grid;grid-template-columns:80px 1fr;gap:28px;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:32px}.feature-block__icon{width:64px;height:64px;border-radius:var(--r-lg);background:var(--c-brand-soft);display:flex;align-items:center;justify-content:center;font-size:28px}.feature-block__title{font-size:24px;font-weight:700;margin-bottom:8px}.feature-block__desc{font-size:16px;color:var(--c-text-2);margin-bottom:16px}.feature-block__list{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.feature-block__list li{position:relative;padding-left:24px;font-size:14px;color:var(--c-text-2)}.feature-block__list li:before{content:"✓";position:absolute;left:0;color:var(--c-success);font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;max-width:900px;margin:0 auto}.pricing-card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:36px 32px;position:relative;display:flex;flex-direction:column}.pricing-card--featured{border:2px solid var(--c-brand);box-shadow:var(--sh-lg);transform:scale(1.03)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--c-brand);color:var(--c-white);padding:4px 14px;border-radius:var(--r-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pricing-card__name{font-size:20px;font-weight:700}.pricing-card__for{font-size:14px;color:var(--c-text-2);line-height:1.7;margin-bottom:20px}.pricing-card__price{display:flex;align-items:baseline;gap:6px;margin-bottom:24px}.pricing-card__amount{font-size:36px;font-weight:800;letter-spacing:0}.pricing-card__period{color:var(--c-text-2);font-size:14px}.pricing-card__features{display:flex;flex-direction:column;gap:10px;flex:1}.pricing-card__features li{position:relative;padding-left:24px;font-size:14px;color:var(--c-text-2)}.pricing-card__features li:before{content:"✓";position:absolute;left:0;color:var(--c-success);font-weight:700}.pricing-notes{max-width:900px;margin:28px auto 0;display:flex;flex-direction:column;gap:10px;color:var(--c-text-2);font-size:14px;line-height:1.7}.pricing-notes li{position:relative;padding-left:24px}.pricing-notes li:before{content:"•";position:absolute;left:6px;color:var(--c-brand);font-weight:700}.faq-narrow{max-width:760px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r);overflow:hidden;transition:border-color var(--t-fast)}.faq-item:hover{border-color:var(--c-text-3)}.faq-item__q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;font-size:15px;font-weight:600;text-align:left;color:var(--c-text)}.faq-item__icon{font-size:20px;color:var(--c-text-3);transition:transform var(--t);flex-shrink:0;margin-left:16px}.faq-item.is-open .faq-item__icon{transform:rotate(45deg)}.faq-item__a{padding:0 24px;max-height:0;overflow:hidden;font-size:15px;color:var(--c-text-2);line-height:1.7;transition:max-height var(--t),padding var(--t)}.faq-item.is-open .faq-item__a{padding:0 24px 20px;max-height:400px}.how-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.how-step{display:grid;grid-template-columns:60px 1fr;gap:24px;align-items:start;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px}.how-step__number{width:48px;height:48px;border-radius:50%;background:var(--c-brand-soft);color:var(--c-brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}.how-step__icon{font-size:28px;margin-bottom:12px}.how-step__title{font-size:18px;font-weight:700;margin-bottom:6px}.how-step__desc{color:var(--c-text-2)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.value-card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px}.value-card__title{font-size:18px;font-weight:700;margin-bottom:8px}.value-card__text{color:var(--c-text-2)}.contact-layout{display:grid;grid-template-columns:2fr 1fr;gap:48px;max-width:920px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:var(--c-text)}.form-input{padding:12px 14px;border:1px solid var(--c-border);border-radius:var(--r);font-size:15px;background:var(--c-white);width:100%;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.form-input:focus{outline:none;border-color:var(--c-brand);box-shadow:0 0 0 4px var(--c-brand-soft)}.form-success{padding:12px 16px;background:#10b9811a;color:#047857;border-radius:var(--r);font-size:14px;font-weight:600}.contact-info{background:var(--c-bg-soft);border-radius:var(--r-lg);padding:28px}.contact-info__title{font-size:16px;font-weight:700;margin-bottom:16px}.contact-info__row{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.contact-info__label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);font-weight:600}.contact-info__value{font-size:15px;color:var(--c-brand);font-weight:500}.contact-info__value:hover{text-decoration:underline}.footer{background:var(--c-bg-soft);border-top:1px solid var(--c-border-light);padding:64px 0 24px;margin-top:0}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer__brand-col{max-width:320px}.footer__brand{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:12px}.footer__brand-text{font-size:16px}.footer__desc{font-size:14px;color:var(--c-text-2);line-height:1.7}.footer__col{display:flex;flex-direction:column;gap:10px}.footer__heading{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);font-weight:700;margin-bottom:4px}.footer__link{font-size:14px;color:var(--c-text-2);transition:color var(--t-fast)}.footer__link:hover{color:var(--c-text)}.footer__bottom{border-top:1px solid var(--c-border-light);padding-top:24px;font-size:13px;color:var(--c-text-3)}@media(max-width:1024px){.hero__inner{grid-template-columns:1fr;gap:40px}.hero__visual{display:none}.features-grid,.steps{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.pricing-card--featured{transform:none}.feature-block{grid-template-columns:64px 1fr;padding:24px}.feature-block__list,.values-grid,.contact-layout{grid-template-columns:1fr}}@media(max-width:768px){.section{padding:64px 0}.nav__links{position:fixed;inset:var(--nav-h) 0 auto 0;background:var(--c-white);flex-direction:column;gap:0;padding:24px;transform:translateY(-120%);transition:transform var(--t);border-bottom:1px solid var(--c-border);box-shadow:var(--sh-md)}.nav__links.is-open{transform:translateY(0)}.nav__link{padding:14px 0;border-bottom:1px solid var(--c-border-light)}.nav__link:last-child{border-bottom:none}.nav__hamburger{display:flex}.nav__actions .btn--ghost{display:none}.features-grid{grid-template-columns:1fr}.stats__inner{grid-template-columns:1fr;gap:24px}.footer__inner{grid-template-columns:1fr 1fr;gap:32px}.footer__brand-col{grid-column:1 / -1;max-width:none}.form-row{grid-template-columns:1fr}.feature-block{grid-template-columns:1fr;text-align:left}.how-step{grid-template-columns:1fr;padding:20px}}@media(max-width:480px){.hero__title{font-size:32px}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .btn{width:100%}.steps{grid-template-columns:1fr}}