.landing-page-container{--landing-bg-primary:var(--color-bg-secondary,#fafafa);--landing-bg-card:var(--color-card-bg,#ffffff);--landing-bg-section:var(--color-bg-tertiary,#f7fafc);--landing-text-primary:var(--color-text-primary,#1a202c);--landing-text-secondary:var(--color-text-secondary,#4a5568);--landing-text-muted:var(--color-text-tertiary,#718096);--landing-border:var(--color-border,#e2e8f0);--landing-border-hover:var(--color-border-hover,#cbd5e0);--landing-header-bg:rgba(250,250,250,0.95);--landing-header-border:var(--landing-border);--landing-note-back-bg:#f7fafc;--landing-note-middle-bg:#edf2f7;--landing-note-main-bg:#ffffff;--landing-note-border:var(--landing-border);--landing-note-middle-border:#cbd5e0;--landing-card-shadow:0 4px 6px rgba(0,0,0,0.05);--landing-card-shadow-hover:0 8px 16px rgba(0,0,0,0.1);--landing-note-shadow:0 8px 16px rgba(0,0,0,0.2);--landing-action-gradient:linear-gradient(135deg,#667eea,#764ba2);--landing-action-text:#ffffff}.landing-header .button-base{padding:.5rem 1.5rem;font-size:.875rem;min-height:2rem;border-radius:8px;font-weight:600}.landing-header .button-base:hover:not(:disabled){transform:translateY(-1px)}.landing-page-container{min-height:var(--viewport-height,100dvh)!important;background:var(--landing-bg-primary)!important;color:var(--landing-text-primary)!important;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Meiryo,sans-serif!important;overflow-x:hidden!important;width:100%!important;padding:1rem 1.5rem!important;margin:0!important;position:relative!important}.landing-header,.landing-page-container{box-sizing:border-box!important;display:block!important}.landing-header{position:sticky!important;top:0!important;background:var(--landing-header-bg)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid var(--landing-border)!important;z-index:var(--z-menu)!important;width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important}.sticky-header{transition:all .3s ease}.header-navigation{max-width:1200px;margin:0 auto;padding:.75rem 2rem}.landing-main-content{max-width:1200px!important;margin:0 auto!important;padding:2rem 1.5rem!important;box-sizing:border-box!important;width:100%!important;display:block!important}.hero-section{text-align:center!important;margin-bottom:3rem!important;padding:2rem 0!important;display:block!important}.hero-grid{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:3rem!important;align-items:center!important;max-width:1100px!important;margin:0 auto!important}.hero-content{text-align:left!important;padding-right:1rem!important;display:block!important}.hero-buttons,.hero-content-text{transition:all .6s ease}.hero-buttons{display:flex;gap:1rem;margin-top:2rem}.hero-grid .note-animation-container,.hero-grid aside.note-animation-container,.note-animation-container,aside.note-animation-container{position:relative;height:364px;transition:all .6s ease;margin:0 auto;width:364px;max-width:calc(100% - 2rem);max-height:calc(100vh - 4rem);box-sizing:border-box;overflow:hidden}.note-animation-container .chakra-box.note-back-page,.note-animation-container .note-back-page,aside.note-animation-container .chakra-box.note-back-page,aside.note-animation-container .note-back-page{position:absolute;top:26px;left:26px;width:312px;height:312px;background:var(--landing-note-back-bg);border:1px solid var(--landing-note-border);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);transform:rotate(-5deg);display:block;visibility:visible;opacity:1}.note-animation-container .chakra-box.note-middle-page,.note-animation-container .note-middle-page,aside.note-animation-container .chakra-box.note-middle-page,aside.note-animation-container .note-middle-page{position:absolute;top:13px;left:13px;width:312px;height:312px;background:var(--landing-note-middle-bg);border:1px solid var(--landing-note-middle-border);border-radius:8px;box-shadow:0 6px 12px rgba(0,0,0,.15);transform:rotate(-2deg);display:block;visibility:visible;opacity:1}.note-main-page{position:absolute;top:0;left:0;width:312px;height:312px;background:var(--landing-note-main-bg);border:1px solid var(--landing-note-border);border-radius:8px;box-shadow:var(--landing-note-shadow);display:flex;flex-direction:column;padding:1.5rem;box-sizing:border-box;color:var(--landing-text-primary)}.note-animation-container .chakra-card.note-main-page,.note-animation-container .note-main-page,.note-animation-container div.note-main-page,aside.note-animation-container .chakra-card.note-main-page,aside.note-animation-container .note-main-page,aside.note-animation-container div.note-main-page{width:312px;height:312px;max-width:312px;max-height:312px;min-width:312px;min-height:312px;box-sizing:border-box}.note-animation-container .note-main-page .chakra-card__body{padding:1.5rem;box-sizing:border-box}.note-animation-container .note-main-page .chakra-text:not(.note-content-text):not(.note-date-text){font-size:1rem;font-weight:600}.note-animation-container .note-main-page .note-date-text,.note-animation-container .note-main-page time.chakra-text{font-size:10px;line-height:1.2}.note-animation-container .note-main-page .chakra-badge{font-size:11px;font-weight:700;padding:.25rem .625rem;box-shadow:0 2px 4px rgba(0,0,0,.15)}@media (min-width:768px){.note-animation-container .chakra-box.note-back-page,.note-animation-container .chakra-box.note-middle-page,.note-animation-container .note-back-page,.note-animation-container .note-middle-page,aside.note-animation-container .chakra-box.note-back-page,aside.note-animation-container .chakra-box.note-middle-page,aside.note-animation-container .note-back-page,aside.note-animation-container .note-middle-page{display:block;visibility:visible;opacity:1;position:absolute}.note-animation-container,aside.note-animation-container{position:relative;height:364px;width:364px}}@media (max-width:768px){.note-animation-container,aside.note-animation-container{max-width:calc(100% - 2rem)}}@media (max-width:480px){.note-animation-container,aside.note-animation-container{max-width:calc(100% - 1rem)}}.comparison-section{margin:3rem 0;padding:2rem 0}.comparison-header{text-align:center;margin-bottom:2rem;transition:all .6s ease}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.comparison-card{background:var(--landing-bg-card);border:1px solid var(--landing-border);color:var(--landing-text-primary);transform:translateY(0)}.comparison-card:hover{transform:translateY(-4px);box-shadow:var(--landing-card-shadow-hover)}.features-section{margin:3rem 0;padding:2rem 0}.features-header{text-align:center;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.action-section{margin:3rem 0;padding:2.5rem 0;background:var(--landing-action-gradient);color:var(--landing-action-text);text-align:center}.action-container,.action-section{display:flex;justify-content:center}.action-container{max-width:960px;margin:0 auto;padding:0 2rem;flex-direction:column;align-items:center}.action-header{margin-bottom:1rem}.action-header h2{margin-bottom:.75rem;font-weight:600}.action-header p{font-size:1rem;line-height:1.5;margin-bottom:.25rem;opacity:.95}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.developer-section{margin:3rem 0;padding:2rem 0}.developer-header{text-align:center;margin-bottom:2rem}.developer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.developer-card{background:var(--landing-bg-card);border:1px solid var(--landing-border);border-radius:12px;padding:2rem;box-shadow:var(--landing-card-shadow);transition:all .3s ease;color:var(--landing-text-primary)}.developer-card:hover{transform:translateY(-4px);box-shadow:var(--landing-card-shadow-hover)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--landing-card-shadow-hover)}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-slide-in-left{animation:slideInLeft .6s ease forwards}.animate-scale-in{animation:scaleIn .6s ease forwards}.animate-note-float{animation:noteFloat 3s ease-in-out infinite}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes noteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:768px){.landing-page-container{padding:.5rem 1rem!important}.landing-main-content{padding:1rem .5rem!important}.header-navigation{padding:.5rem 1rem}.hero-grid{grid-template-columns:1fr!important;gap:2rem!important;text-align:center}.hero-content{padding-right:0!important;text-align:center!important}.hero-buttons{justify-content:center;flex-direction:column;align-items:center}.comparison-grid,.developer-grid,.features-grid{grid-template-columns:1fr;gap:1.5rem}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width:480px){.landing-page-container{padding:.25rem .5rem!important}.landing-main-content{padding:.5rem .25rem!important}.header-navigation{padding:.25rem .5rem}.cta-section{padding:1.5rem 0}.cta-header h2{font-size:1.25rem}.cta-header p{font-size:.85rem}}.opacity-0{opacity:0}.translate-x-\[-50px\]{transform:translateX(-50px)}.scale-75{transform:scale(.75)}.chakra-ui-dark .landing-page-container,[data-theme=dark] .landing-page-container{--landing-bg-primary:#0a0a0a;--landing-bg-card:#1a1a1a;--landing-bg-section:#1a1a1a;--landing-text-primary:#f7fafc;--landing-text-secondary:#e2e8f0;--landing-text-muted:#a0aec0;--landing-border:#2d3748;--landing-border-hover:#4a5568;--landing-header-bg:rgba(10,10,10,0.95);--landing-note-back-bg:#1a1a1a;--landing-note-middle-bg:#2d3748;--landing-note-main-bg:#1a1a1a;--landing-note-border:#2d3748;--landing-note-middle-border:#4a5568;--landing-card-shadow:0 4px 6px rgba(0,0,0,0.3);--landing-card-shadow-hover:0 8px 16px rgba(0,0,0,0.4);--landing-note-shadow:0 8px 16px rgba(0,0,0,0.4)}@media (prefers-color-scheme:dark){.landing-page-container:not([data-theme=light]){--landing-bg-primary:#0a0a0a;--landing-bg-card:#1a1a1a;--landing-bg-section:#1a1a1a;--landing-text-primary:#f7fafc;--landing-text-secondary:#e2e8f0;--landing-text-muted:#a0aec0;--landing-border:#2d3748;--landing-border-hover:#4a5568;--landing-header-bg:rgba(10,10,10,0.95);--landing-note-back-bg:#1a1a1a;--landing-note-middle-bg:#2d3748;--landing-note-main-bg:#1a1a1a;--landing-note-border:#2d3748;--landing-note-middle-border:#4a5568;--landing-card-shadow:0 4px 6px rgba(0,0,0,0.3);--landing-card-shadow-hover:0 8px 16px rgba(0,0,0,0.4);--landing-note-shadow:0 8px 16px rgba(0,0,0,0.4)}}