@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=DM+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0a0e17;--paper:#f4f1eb;--accent:#e63312;--accent-soft:#fff0ed;--blue:#1a5cff;--blue-soft:#eaf0ff;--slate:#5a6175;--border:#d4d0c8;--card:#fff;--grid-line:#0a0e170f;--font-body:"Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"DM Mono", "SF Mono", "Fira Code", monospace}html{scroll-behavior:smooth;font-size:16px;overflow-x:clip}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.8;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);opacity:.6;background-size:48px 48px;position:fixed;inset:0}.container{z-index:1;max-width:1120px;margin:0 auto;padding:0 24px;position:relative}@media (width<=480px){.container{padding:0 16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn-primary,.hero-actions .btn-secondary{justify-content:center;width:100%}}.center{text-align:center}.section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.75rem;font-weight:500;display:block}.section-sub{color:var(--slate);max-width:540px;margin:0 auto 64px;font-size:1rem;font-weight:300}.nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.15);background:#fcf9f4f0;border-bottom:1px solid #0a0e1714;position:fixed;top:0;left:0;right:0;box-shadow:inset 0 1px #fff9}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.02em;font-size:1.125rem;font-weight:500;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{font-size:.875rem;font-weight:400;text-decoration:none;transition:color .2s}.nav-links a:not(.nav-cta){color:var(--slate)}.nav-links a:not(.nav-cta):hover{color:var(--accent)}.nav-cta{background:var(--accent);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 2px 14px #e6331238}.nav-cta:hover{color:#fff;background:#c92d10;transform:translateY(-1px);box-shadow:0 4px 20px #e6331252}.nav-cta svg{flex-shrink:0}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--font-body);border:none;border-radius:10px;align-items:center;gap:10px;padding:16px 32px;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 24px #e6331233}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #e633124d}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:0 4px 24px #e633121f}.btn-primary.btn-lg{padding:18px 40px;font-size:1.1rem}.btn-secondary{color:var(--ink);border:2px solid var(--border);cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-body);background:0 0;border-radius:10px;align-items:center;gap:10px;padding:16px 32px;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--ink);transform:translateY(-2px)}.hero{padding:160px 0 100px;position:relative}.hero-copy{width:100%;position:relative;overflow-x:clip}.hero-lead{z-index:1;min-width:0;max-width:min(560px,54%);position:relative}.hero-screenshot-figure{pointer-events:none;z-index:0;width:min(420px,46%);margin:0;position:absolute;top:0;right:0}.hero-screenshot-caption{margin:0 0 12px;padding:0}.hero-screenshot-caption p{color:var(--slate);margin:8px 0 0;font-size:.8125rem;font-weight:400;line-height:1.55}.hero-screenshot-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.6875rem;font-weight:600;display:block}.hero-screenshot-frame{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 24px 64px #0a0e171a}.hero-screenshot-img{border-radius:8px;width:100%;height:auto;display:block}.hero-badge{background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:.8rem;font-weight:500;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{letter-spacing:-.03em;overflow-wrap:anywhere;word-break:normal;max-width:100%;margin-bottom:24px;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:900;line-height:1.25}.hero h1 em{color:var(--accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#0000 0 calc(1.25em - 8px),#e6331226 calc(1.25em - 8px) calc(1.25em - 2px),#0000 calc(1.25em - 2px));background-position:0 0;background-repeat:repeat;background-size:100% 1.25em;font-style:normal}.hero-sub{color:var(--slate);max-width:560px;margin-bottom:40px;font-size:1.125rem;font-weight:300;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-visual{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-top:72px;padding:48px;position:relative;overflow:hidden}.hero-visual:before{content:"";background:radial-gradient(circle,#e633120f,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;right:-80px}.flow-diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.flow-node{text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;min-width:160px;padding:24px 28px;display:flex}.flow-source{background:#f0f4ff;border:2px solid #c8d6ff}.flow-tool{background:var(--accent-soft);border:2px solid #e6331233}.flow-dest{background:#edf7ed;border:2px solid #b8ddb8}.flow-icon{font-size:2.4rem;line-height:1}.flow-label{letter-spacing:.02em;font-size:.85rem;font-weight:700}.flow-sub{font-family:var(--font-mono);color:var(--slate);font-size:.72rem}.flow-arrow{color:var(--border)}.pain{background:var(--ink);color:#fff;padding:120px 0;position:relative}.pain:before{content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.pain .container{z-index:1;position:relative}.pain h2{letter-spacing:-.02em;margin-bottom:60px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;line-height:1.3}.pain-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.pain-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:36px 32px;transition:all .3s}.pain-card:hover{background:#ffffff12;transform:translateY(-4px)}.pain-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.pain-icon-red{background:#e6331226}.pain-icon-blue{background:#1a5cff26}.pain-icon-amber{background:#ffb40026}.pain-card h3{margin-bottom:10px;font-size:1.1rem;font-weight:700}.pain-card p{color:#fff9;font-size:.9rem;font-weight:300;line-height:1.8}.features{padding:120px 0}.features h2{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;line-height:1.3}.features-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px 56px;margin-bottom:64px;display:grid}.features-intro-copy{min-width:0}.features-intro-copy .section-label{margin-left:0;margin-right:0}.features-intro-copy .section-sub.features-intro-sub{margin:0}.features-intro-visual{border:1px solid var(--border);background:var(--card);border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 4px 6px #0a0e170a,0 24px 48px #0a0e1714}.features-intro-visual img{width:100%;height:auto;display:block}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:40px 32px;transition:all .35s;position:relative;overflow:hidden}.feature-card:after{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .35s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.feature-card:hover:after{transform:scaleX(1)}.feature-num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.1em;margin-bottom:16px;font-size:.7rem;font-weight:500}.feature-card h3{margin-bottom:12px;font-size:1.15rem;font-weight:700}.feature-card p{color:var(--slate);font-size:.9rem;font-weight:300;line-height:1.8}.how{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:120px 0}.how h2{letter-spacing:-.02em;margin-bottom:64px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;line-height:1.3}.how-layout{grid-template-columns:1fr 1fr;align-items:center;gap:48px 56px;max-width:1100px;margin:0 auto;display:grid}.how-layout .steps{grid-template-columns:1fr;gap:36px;max-width:none;margin:0}.how-layout .steps-line{display:none}.how-layout .step{text-align:left}.how-layout .step-num{margin:0 0 24px}.how-layout .step p{max-width:none;margin-left:0;margin-right:0}.how-visual{min-width:0}.how-screenshot{border:1px solid var(--border);border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 24px 60px #0a0e1714}.steps{grid-template-columns:repeat(3,1fr);gap:48px;max-width:960px;margin:0 auto;display:grid;position:relative}.steps-line{background:linear-gradient(90deg, var(--accent), var(--blue), #22c55e);opacity:.2;height:2px;position:absolute;top:36px;left:15%;right:15%}.step{text-align:center;position:relative}.step-num{width:72px;height:72px;font-family:var(--font-mono);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:1.5rem;font-weight:500;display:flex;position:relative}.step-num-red{background:var(--accent-soft);color:var(--accent);border:2px solid #e6331226}.step-num-blue{background:var(--blue-soft);color:var(--blue);border:2px solid #1a5cff26}.step-num-green{color:#16a34a;background:#edf7ed;border:2px solid #16a34a26}.step h3{margin-bottom:10px;font-size:1.05rem;font-weight:700}.step p{color:var(--slate);max-width:260px;margin:0 auto;font-size:.88rem;font-weight:300;line-height:1.7}.comparison{background:var(--ink);color:#fff;padding:120px 0}.comparison h2{letter-spacing:-.02em;margin-bottom:64px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;line-height:1.3}.comp-grid{grid-template-columns:1fr 1fr;gap:32px;max-width:800px;margin:0 auto;display:grid}.comp-card{border-radius:14px;padding:40px 32px}.comp-before{background:#ffffff0a;border:1px solid #ffffff14}.comp-after{background:#e6331214;border:1px solid #e6331233}.comp-tag{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin-bottom:24px;font-size:.7rem;font-weight:500;display:block}.comp-before .comp-tag{color:#fff6}.comp-after .comp-tag{color:var(--accent)}.comp-card ul{flex-direction:column;gap:16px;list-style:none;display:flex}.comp-card li{align-items:flex-start;gap:12px;font-size:.9rem;font-weight:300;line-height:1.6;display:flex}.comp-before li:before{content:"✕";color:#f44;flex-shrink:0;font-weight:700}.comp-after li:before{content:"✓";color:#22c55e;flex-shrink:0;font-weight:700}.specs{padding:120px 0}.specs h2{letter-spacing:-.02em;margin-bottom:64px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;line-height:1.3}.spec-table{background:var(--card);border:1px solid var(--border);border-radius:14px;max-width:740px;margin:0 auto;overflow:hidden}.spec-row{border-bottom:1px solid var(--border);grid-template-columns:200px 1fr;display:grid}.spec-row:last-child{border-bottom:none}.spec-row dt{border-right:1px solid var(--border);background:#0a0e1705;align-items:center;padding:20px 28px;font-size:.85rem;font-weight:700;display:flex}.spec-row dd{color:var(--slate);padding:20px 28px;font-size:.9rem;font-weight:300;line-height:1.7}.spec-row--image dt{align-items:flex-start;padding-top:22px}.spec-row--image dd{padding:16px 28px}.spec-row--image img{border:1px solid var(--border);border-radius:8px;max-width:100%;height:auto;display:block}.contact{padding:120px 0;scroll-margin-top:88px;position:relative}.contact:before{content:"";pointer-events:none;background:radial-gradient(circle,#e633120d,#0000 68%);width:min(760px,100%);height:520px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.contact h2{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;line-height:1.3}.contact-form{text-align:left;background:var(--card);border:1px solid var(--border);z-index:1;border-radius:16px;max-width:560px;margin:0 auto;padding:40px 44px 44px;position:relative;box-shadow:0 24px 64px #0a0e170f}.contact-form .form-group{margin-bottom:22px}.contact-form .form-group:last-of-type{margin-bottom:28px}.contact-form label{color:var(--ink);letter-spacing:.02em;margin-bottom:8px;font-size:.875rem;font-weight:700;display:block}.contact-form .required{color:var(--accent);font-weight:700}.contact-form input,.contact-form textarea{width:100%;font-size:1rem;font-family:var(--font-body);color:var(--ink);border:1px solid var(--border);background:#f4f1eba6;border-radius:10px;padding:14px 16px;font-weight:400;transition:border-color .2s,box-shadow .2s}.contact-form textarea{resize:vertical;min-height:128px;line-height:1.65}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--slate);opacity:.75}.contact-form input:hover,.contact-form textarea:hover{border-color:#0a0e172e}.contact-form input:focus,.contact-form textarea:focus{background:var(--card);border-color:#e6331280;outline:none;box-shadow:0 0 0 3px #e633121f}.contact-form .form-error{color:#b91c1c;margin-top:6px;font-size:.8rem;font-weight:500;display:block}.contact-form .form-error-banner{background:#b91c1c12;border:1px solid #b91c1c38;border-radius:10px;margin-top:0;margin-bottom:4px;padding:12px 14px}.contact-form .btn-primary{justify-content:center;width:100%;margin-top:4px}footer{border-top:1px solid var(--border);padding:48px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copy{color:var(--slate);font-size:.8rem;font-weight:300}.footer-link{color:var(--slate);align-items:center;gap:6px;font-size:.8rem;text-decoration:none;transition:color .2s;display:inline-flex}.footer-link:hover{color:var(--ink)}@media (width<=900px){.hero-lead{max-width:100%}.hero-screenshot-figure{pointer-events:auto;width:100%;max-width:min(520px,100%);margin:40px auto 0;position:static}.hero-screenshot-caption{text-align:left}.features-intro{grid-template-columns:1fr;gap:40px;margin-bottom:56px}.features-intro-copy{text-align:center}.features-intro-copy .section-label,.features-intro-copy .section-sub.features-intro-sub{margin-left:auto;margin-right:auto}}@media (width<=768px){.nav-links{display:none}.hero{padding:120px 0 80px}.hero h1{letter-spacing:-.04em;font-size:clamp(1.45rem,.55rem + 3.6vw,4rem)}.hero-sub{font-size:1.05rem}.hero-visual{padding:24px}.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.how-layout{grid-template-columns:1fr;gap:48px}.how-layout .steps{gap:40px}.steps{grid-template-columns:1fr;gap:40px}.steps-line{display:none}.comp-grid,.spec-row{grid-template-columns:1fr}.spec-row dt{border-right:none;border-bottom:1px solid var(--border);padding:16px 20px}.spec-row dd{padding:16px 20px}.contact{padding:88px 0}.contact-form{border-radius:14px;padding:28px 22px 32px}.feature-grid{grid-template-columns:1fr}}