:root{--c-bg:#040e2c;--c-bg-deep:#020818;--c-surface:#0a1a45;--c-surface-2:#102258;--c-line:#6fa0ff29;--c-accent:#2e6df0;--c-accent-soft:#6fa0ff;--c-text:#f4f7ff;--c-text-sub:#f4f7ffb8;--c-text-mute:#f4f7ff80;--font-display:"Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--font-body:"Noto Sans JP", sans-serif;--font-mono:"IBM Plex Mono", monospace;--w-content:1080px;--sp-section:clamp(4.5rem, 10vw, 8rem);--radius-card:16px;--shadow-card:0 24px 60px #02081880}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);letter-spacing:.02em;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.9;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--c-accent-soft);text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em;font-weight:700;line-height:1.4}h2{text-wrap:balance;font-size:clamp(1.5rem,3.6vw,2.25rem)}:focus-visible{outline:2px solid var(--c-accent-soft);outline-offset:3px;border-radius:4px}.container{width:min(100% - 3rem, var(--w-content));margin-inline:auto}.container--narrow{width:min(100% - 3rem,760px)}.eyebrow{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--c-accent-soft);margin-bottom:1rem;font-size:.8rem}.eyebrow:before{content:"[ ";color:var(--c-accent)}.eyebrow:after{content:" ]";color:var(--c-accent)}.section-head{max-width:640px;margin-bottom:clamp(2.5rem,6vw,4rem)}.section-head__lead{color:var(--c-text-sub);margin-top:1.25rem}.btn{font-family:var(--font-display);letter-spacing:.06em;color:var(--c-text);border:1px solid #0000;border-radius:999px;align-items:center;gap:.5em;padding:.9em 1.8em;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn--primary{background:var(--c-accent);box-shadow:0 8px 32px #2e6df059}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #2e6df080}.btn--ghost{border-color:var(--c-line);color:var(--c-text-sub)}.btn--ghost:hover{border-color:var(--c-accent-soft);color:var(--c-text)}.btn--small{background:var(--c-accent);padding:.5em 1.2em;font-size:.85rem}.btn--large{padding:1em 2.4em;font-size:1.1rem}.btn__icon{width:1.1em;height:1.1em}.btn__note{opacity:.8;font-size:.7em;font-weight:500}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}.zone-light{--c-bg:#f7faff;--c-bg-deep:#edf3fe;--c-surface:#fff;--c-surface-2:#f0f5ff;--c-line:#0a16331f;--c-accent-soft:#1d53c9;--c-text:#0a1633;--c-text-sub:#0a1633c2;--c-text-mute:#0a16338c;--shadow-card:0 12px 32px #0a163314;background:var(--c-bg);color:var(--c-text)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.btn{transition:none}}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line);background:#040e2cd1;position:sticky;top:0}.site-header__inner{align-items:center;gap:1.5rem;height:4rem;display:flex}.brand{color:var(--c-text);align-items:center;gap:.6rem;display:inline-flex}.brand__icon{border-radius:6px}.brand__name{font-family:var(--font-display);letter-spacing:.12em;font-weight:700}.site-nav{gap:1.75rem;margin-left:auto;display:none}.site-nav a{color:var(--c-text-sub);font-size:.88rem}.site-nav a:hover{color:var(--c-text)}.site-header .btn{margin-left:auto}@media (width>=768px){.site-nav{display:flex}.site-header .btn{margin-left:0}}.hero{padding:clamp(2.25rem,4.5vw,3.75rem) 0 clamp(2.5rem,5vw,4rem);position:relative;overflow:hidden}.hero__glow{pointer-events:none;background:radial-gradient(60% 50% at 18% 0,#2e6df059,#0000 70%),radial-gradient(40% 40% at 85% 20%,#2e6df01f,#0000 70%);animation:9s ease-in-out infinite alternate glow-breathe;position:absolute;inset:0}@keyframes glow-breathe{0%{opacity:.75}to{opacity:1}}.hero__inner{gap:2.5rem;display:grid;position:relative}.hero__title{letter-spacing:.04em;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.3}.hero__title em{color:var(--c-accent-soft);font-style:normal}.hero__lead{color:var(--c-text-sub);max-width:34em;margin-top:1.1rem}.br-pc{display:none}.hero__actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.75rem;display:flex}.hero__note{color:var(--c-text-mute);margin-top:1rem;font-size:.82rem}@media (width>=1024px){.hero__inner{grid-template-columns:1fr 1.05fr;align-items:center}.br-pc{display:inline}}.device{aspect-ratio:2556/1179;max-width:520px;box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff24;background:linear-gradient(160deg,#313848,#10141d 60%);border-radius:clamp(18px,2.4vw,28px);margin-inline:auto;padding:clamp(10px,1.6vw,16px)}.device__screen{background:#000;border-radius:clamp(8px,1.2vw,14px);height:100%;position:relative;overflow:hidden}.screen__shot{object-fit:cover;width:100%;height:100%;display:block}.hero__demo-caption{color:var(--c-text-mute);text-align:center;margin-top:1rem;font-size:.8rem}@media (prefers-reduced-motion:reduce){.hero__glow{animation:none}}.problem{padding:var(--sp-section) 0;background:var(--c-bg-deep);border-block:1px solid var(--c-line)}.problem__grid{gap:1.25rem;display:grid}.problem-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-card);padding:1.75rem}.problem-card h3{margin-bottom:.6rem;font-size:1.05rem}.problem-card p{color:var(--c-text-sub);font-size:.92rem}.problem__turn{text-align:center;margin-top:clamp(2.5rem,6vw,4rem);font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:2.1}.problem__turn strong{font-family:var(--font-display);color:var(--c-accent-soft)}@media (width>=768px){.problem__grid{grid-template-columns:repeat(3,1fr)}}.steps{padding:var(--sp-section) 0}.steps__list{counter-reset:step;gap:1.25rem;padding:0;list-style:none;display:grid}.step{border:1px solid var(--c-line);border-radius:var(--radius-card);padding:1.75rem;position:relative}.step__num{font-family:var(--font-mono);color:var(--c-accent-soft);letter-spacing:.2em;font-size:.85rem}.step h3{margin:.5rem 0 .6rem;font-size:1.05rem}.step p{color:var(--c-text-sub);font-size:.92rem}.steps__folder{justify-content:center;margin-top:2.5rem;display:flex}.folder-tree{font-family:var(--font-mono);color:var(--c-text-sub);background:var(--c-bg-deep);border:1px solid var(--c-line);border-radius:var(--radius-card);max-width:100%;padding:1.5rem 2rem;font-size:clamp(.72rem,2vw,.88rem);line-height:1.9;overflow-x:auto}@media (width>=768px){.steps__list{grid-template-columns:repeat(3,1fr)}}.overlays{padding:var(--sp-section) 0;background:radial-gradient(50% 60% at 80% 0%, #2e6df024, transparent 70%), var(--c-bg-deep);border-block:1px solid var(--c-line)}.overlays__grid{gap:1rem;padding:0;list-style:none;display:grid}.overlay-card{border:1px solid var(--c-line);color:var(--c-text-sub);background:#040e2cb3;border-radius:12px;align-items:baseline;gap:1rem;padding:1.1rem 1.4rem;font-size:.92rem;display:flex}.overlay-card__tag{font-family:var(--font-display);color:var(--c-text);flex-shrink:0;min-width:5.5em;font-size:.92rem;font-weight:700}.overlay-card__tag:before{content:"● ";color:var(--c-accent);vertical-align:.2em;font-size:.6em}.overlays__note{color:var(--c-text-mute);margin-top:2rem;font-size:.82rem}@media (width>=768px){.overlays__grid{grid-template-columns:repeat(2,1fr)}}.features{padding:var(--sp-section) 0}.features__grid{gap:1.25rem;padding:0;list-style:none;display:grid}.feature{border-top:1px solid var(--c-line);padding-top:1.25rem}.feature h3{margin-bottom:.5rem;font-size:1rem}.feature h3:before{content:"[ ";color:var(--c-accent);font-weight:500}.feature h3:after{content:" ]";color:var(--c-accent);font-weight:500}.feature p{color:var(--c-text-sub);font-size:.9rem}@media (width>=640px){.features__grid{grid-template-columns:repeat(2,1fr);gap:2rem 2.5rem}}@media (width>=1024px){.features__grid{grid-template-columns:repeat(4,1fr)}}.pricing{padding:var(--sp-section) 0;background:var(--c-bg-deep);border-block:1px solid var(--c-line);text-align:center}.pricing .section-head{margin-inline:auto}.pricing__note{max-width:620px;color:var(--c-text-mute);text-align:left;margin-inline:auto;font-size:.82rem}.faq{padding:var(--sp-section) 0}.faq__list{gap:.75rem;display:grid}.faq__item{border:1px solid var(--c-line);background:var(--c-surface);border-radius:12px}.faq__item summary{cursor:pointer;font-family:var(--font-display);padding:1.1rem 3rem 1.1rem 1.4rem;font-size:.95rem;font-weight:700;list-style:none;position:relative}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";font-family:var(--font-mono);color:var(--c-accent-soft);position:absolute;top:50%;right:1.4rem;transform:translateY(-50%)}.faq__item[open] summary:after{content:"−"}.faq__item p{color:var(--c-text-sub);padding:0 1.4rem 1.2rem;font-size:.9rem}.zone-light .overlays{background:radial-gradient(50% 60% at 80% 0%, #2e6df014, transparent 70%), var(--c-bg-deep)}.zone-light .overlay-card{background:var(--c-surface);box-shadow:0 4px 16px #0a16330d}.zone-light .problem-card,.zone-light .faq__item{box-shadow:0 4px 16px #0a16330d}.zone-light .folder-tree{color:#f4f7ffc7;background:#040e2c;border-color:#0000;box-shadow:0 12px 32px #0a16332e}.cta{padding:var(--sp-section) 0;text-align:center;border-top:1px solid var(--c-line);position:relative;overflow:hidden}.cta__glow{pointer-events:none;background:radial-gradient(50% 70% at 50% 100%,#2e6df047,#0000 70%);position:absolute;inset:0}.cta__inner{justify-items:center;gap:1rem;display:grid;position:relative}.cta__logo{border-radius:14px;box-shadow:0 12px 40px #2e6df059}.cta h2{font-size:clamp(1.6rem,4.5vw,2.5rem);font-weight:900}.cta p{color:var(--c-text-sub)}.cta .btn{margin-top:1rem}.site-footer{border-top:1px solid var(--c-line);background:var(--c-bg-deep);padding:2rem 0}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer__meta{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.site-footer__link{color:var(--c-text-sub);font-size:.8rem}.site-footer__link:hover{color:var(--c-text)}.site-footer__copy{color:var(--c-text-mute);font-size:.8rem}