*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}#root{min-height:100vh}.section{padding:96px 24px}.section--alt{background:#f5f5f5}.section--contact{background:linear-gradient(180deg,#e6f4ff,#f0f5ff)}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:48px}.section-header .ant-typography{margin-bottom:12px!important}.hero{position:relative;padding:120px 24px 96px;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(114,46,209,.08) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(22,119,255,.1) 0%,transparent 50%),#fff}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1677ff08,#722ed108);pointer-events:none}.hero__inner{position:relative;max-width:1200px;margin:0 auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.06);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.site-header__logo{font-size:18px;font-weight:600;color:#000000e0;text-decoration:none}.site-header__logo span{color:#1677ff}.site-header__nav{display:flex;align-items:center;gap:32px}.site-header__nav a{color:#000000a6;text-decoration:none;font-size:14px;transition:color .2s}.site-header__nav a:hover{color:#1677ff}.code-preview{background:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #00000026}.code-preview__header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#2d2d2d;border-bottom:1px solid #3d3d3d}.code-preview__dot{width:10px;height:10px;border-radius:50%}.code-preview__dot--red{background:#ff5f57}.code-preview__dot--yellow{background:#febc2e}.code-preview__dot--green{background:#28c840}.code-preview__filename{margin-left:8px;font-size:12px;color:#888;font-family:SF Mono,Consolas,monospace}.code-preview__body{padding:20px;font-family:SF Mono,Consolas,monospace;font-size:13px;line-height:1.6;color:#d4d4d4;overflow-x:auto}.code-preview__body .keyword{color:#569cd6}.code-preview__body .string{color:#ce9178}.code-preview__body .component{color:#4ec9b0}.code-preview__body .comment{color:#6a9955}.ui-preview{margin-top:16px;padding:24px;background:#fff;border-radius:8px;border:1px solid #3d3d3d}.feature-card{height:100%;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-2px)}.pricing-card{height:100%;text-align:center}.pricing-card--featured{border:2px solid #1677ff;position:relative}.pricing-card--featured:before{content:"おすすめ";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#1677ff;color:#fff;font-size:12px;padding:2px 12px;border-radius:4px}.stat-row{display:flex;gap:32px;flex-wrap:wrap;margin-top:32px}.stat-item{display:flex;align-items:center;gap:8px;color:#000000a6;font-size:14px}.site-footer{padding:48px 24px 24px;background:#001529;color:#ffffffa6}.site-footer a{color:#ffffffa6}.site-footer a:hover{color:#fff}@media(max-width:768px){.section{padding:64px 16px}.hero{padding:100px 16px 64px}.site-header__nav a:not(.site-header__cta){display:none}.stat-row{flex-direction:column;gap:12px}}