:root{--white: #ffffff;--bg: #ffffff;--bg-gray: #f8fafc;--bg-indigo: #eef2ff;--bg-emerald: #ecfdf5;--bg-violet: #f3e8ff;--bg-amber: #fffbeb;--bg-rose: #fff1f2;--text: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #a5b4fc;--primary-bg: rgba(99, 102, 241, .08);--cta: #10b981;--cta-dark: #059669;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .1);--content: min(1120px, calc(100vw - 3rem) );--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--font: "Inter", "Noto Sans JP", "Hiragino Sans", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: clamp(1.75rem, 2vw + .5rem, 2.25rem);--text-4xl: clamp(2rem, 3vw + .5rem, 3rem);--text-hero: clamp(2.5rem, 5vw + .5rem, 4rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font);font-size:var(--text-base);line-height:1.65;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.nav{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;width:var(--content);margin:0 auto;height:3.5rem}.brand{display:inline-flex;gap:.6rem;align-items:center}.brand__mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:.875rem;font-weight:800}.brand__name{font-size:var(--text-base);font-weight:700;letter-spacing:-.02em}.nav__links{display:flex;gap:.25rem;align-items:center}.nav__links a{padding:.4rem .75rem;border-radius:999px;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:color .15s,background .15s}.nav__links a:hover,.nav__links a.is-active{color:var(--text);background:var(--bg-gray)}.nav__cta{background:var(--text)!important;color:#fff!important;font-weight:600!important;padding:.45rem 1rem!important;margin-left:.5rem;transition:opacity .15s!important}.nav__cta:hover{opacity:.85;background:var(--text)!important}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text)}h1{font-size:var(--text-hero);font-weight:800}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}.eyebrow{display:inline-block;margin-bottom:.75rem;padding:.3rem .75rem;border-radius:999px;background:var(--primary-bg);color:var(--primary);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.25rem;border:0;border-radius:999px;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--text);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{box-shadow:var(--shadow-md)}.btn--secondary{background:#fff;color:var(--text);box-shadow:0 0 0 1px var(--border),var(--shadow-sm)}.btn--cta{background:linear-gradient(135deg,var(--cta),var(--cta-dark));color:#fff;box-shadow:0 4px 16px #10b98140}.btn--cta:hover{box-shadow:0 8px 24px #10b9814d}.btn--ghost{background:transparent;color:var(--primary);padding:0;min-height:auto}.btn--ghost:hover{opacity:.7;transform:none}.section{padding:5rem 0}.section__inner{width:var(--content);margin:0 auto}.section--gray{background:var(--bg-gray)}.section--indigo{background:var(--bg-indigo)}.section--emerald{background:var(--bg-emerald)}.section--violet{background:var(--bg-violet)}.section--amber{background:var(--bg-amber)}.section--rose{background:var(--bg-rose)}.section--dark{background:var(--text);color:#fff}.section--dark h2,.section--dark h3{color:#fff}.section--dark p{color:#ffffffb3}.section--dark .eyebrow{background:#ffffff1a;color:#ffffffe6}.section__heading{max-width:640px;margin-bottom:3rem}.section__heading--center{margin-inline:auto;text-align:center}.section__heading p{margin:.75rem 0 0;color:var(--text-secondary);font-size:var(--text-lg);line-height:1.7}.card{padding:1.5rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--border);transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.showcase{width:var(--content);margin:0 auto;border-radius:var(--radius-2xl);border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-xl);overflow:hidden}.showcase__toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-gray)}.traffic-lights{display:flex;gap:.35rem}.traffic-lights span{width:.6rem;height:.6rem;border-radius:999px}.traffic-lights span:nth-child(1){background:#ef4444}.traffic-lights span:nth-child(2){background:#f59e0b}.traffic-lights span:nth-child(3){background:#22c55e}.showcase__title{flex:1;color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.04em}.showcase__badge{padding:.25rem .6rem;border-radius:999px;background:var(--primary-bg);color:var(--primary);font-size:var(--text-xs);font-weight:500}.showcase__workspace{display:grid;grid-template-columns:.72fr 1.28fr .85fr;min-height:22rem}.showcase__queue{border-right:1px solid var(--border-light);padding:1rem}.showcase__conversation{padding:1rem}.showcase__context{border-left:1px solid var(--border-light);padding:1rem;background:var(--bg-gray)}.pane-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.q-item{padding:.65rem .75rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:default}.q-item+.q-item{margin-top:.4rem}.q-item strong{display:block;font-size:var(--text-sm);font-weight:600}.q-item span{font-size:var(--text-xs);color:var(--text-tertiary)}.q-item--active{background:var(--bg-indigo);border-color:#6366f133}.msg{padding:.7rem;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.msg+.msg{margin-top:.5rem}.msg__label{display:block;font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.msg p{margin:0}.msg--customer{background:var(--bg-gray)}.msg--ai{background:var(--bg-indigo)}.msg--agent{background:var(--bg-emerald)}.assist-bar{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem;padding:.6rem .8rem;border-radius:var(--radius-md);background:var(--text);color:#fff;font-size:var(--text-sm)}.assist-bar span{font-size:var(--text-xs);opacity:.6}.assist-bar strong{display:block;margin-top:.15rem;font-size:var(--text-sm)}.assist-bar button{border:0;border-radius:999px;padding:.35rem .7rem;background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:600;cursor:pointer}.ctx-card{padding:.7rem;border-radius:var(--radius-md);background:#fff;border:1px solid var(--border-light);font-size:var(--text-xs)}.ctx-card+.ctx-card{margin-top:.5rem}.ctx-card span{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.ctx-card strong{display:block;margin-top:.25rem;font-size:var(--text-sm)}.ctx-card p{margin:.25rem 0 0;color:var(--text-tertiary);line-height:1.4}.pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:var(--text-xs);font-weight:500}.pill--purple{background:var(--primary-bg);color:var(--primary)}.pill--green{background:#10b9811a;color:var(--cta-dark)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.split--reverse>:first-child{order:2}.split--reverse>:last-child{order:1}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:var(--content);margin:-2rem auto 0;position:relative;z-index:10}.proof-tile{padding:1rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.proof-tile__label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.proof-tile strong{display:block;margin:.3rem 0 .15rem;font-size:var(--text-sm)}.proof-tile p{margin:0;font-size:var(--text-xs);color:var(--text-tertiary)}.problem-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}.problem-heading{position:sticky;top:5rem}.problem-stack{display:grid;gap:.85rem}.problem-card__index{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:#ef444414;color:#ef4444;font-size:var(--text-xs);font-weight:600}.scenario-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.scenario-tab{border:1px solid var(--border);border-radius:999px;background:#fff;padding:.5rem .9rem;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s}.scenario-tab:hover{border-color:var(--primary-light);color:var(--text)}.scenario-tab.is-active{background:var(--primary-bg);border-color:#6366f14d;color:var(--primary)}.scenario-panel{display:none}.scenario-panel.is-active{display:block}.scenario-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-light)}.scenario-panel__header span{display:block;margin-bottom:.25rem;font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.scenario-body{display:grid;grid-template-columns:1.3fr .7fr;gap:1.25rem}.scenario-flow{display:grid;gap:.6rem}.scenario-step{padding:.85rem;border-radius:var(--radius-md);background:var(--bg-gray)}.scenario-step__label{display:block;font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem}.scenario-step p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.scenario-outcome{padding:1rem;border-radius:var(--radius-lg);background:var(--bg-indigo);border:1px solid rgba(99,102,241,.15);align-self:start}.scenario-outcome__label{display:block;font-size:var(--text-xs);color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.scenario-outcome strong{display:block;font-size:var(--text-sm);line-height:1.5;margin-bottom:.4rem}.scenario-outcome p{margin:0;font-size:var(--text-xs);color:var(--text-secondary)}.chip-row{display:flex;gap:.4rem;flex-wrap:wrap}.chip-row span{padding:.25rem .55rem;border-radius:999px;background:var(--bg-gray);border:1px solid var(--border-light);font-size:var(--text-xs);color:var(--text-secondary)}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}.bento-card{padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border);background:#fff;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.bento-card--wide{grid-column:span 2}.bento-card__eyebrow{font-size:var(--text-xs);font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.bento-card h3{font-size:var(--text-lg);margin-bottom:.4rem}.bento-card p{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55}.bento-card__mock{display:grid;gap:.4rem;margin-top:auto;padding-top:1rem}.bento-card__mock div{height:1.5rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-indigo),var(--bg-gray));border:1px solid var(--border-light)}.bento-card__mock div:nth-child(2){width:80%}.bento-card__mock div:nth-child(3){width:55%}.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cta-block{text-align:center;padding:3.5rem 2rem;border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--bg-indigo),var(--bg-emerald));border:1px solid var(--border)}.cta-block h2{max-width:18ch;margin:0 auto .75rem}.cta-block p{max-width:48ch;margin:0 auto 1.5rem;color:var(--text-secondary)}.cta-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start}.price-card{padding:2rem 1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border);background:#fff;text-align:center}.price-card--featured{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--shadow-lg);position:relative}.price-card--featured:before{content:"おすすめ";position:absolute;top:-.7rem;left:50%;transform:translate(-50%);padding:.2rem .75rem;border-radius:999px;background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:600}.price-card__name{font-size:var(--text-lg);font-weight:700;margin-bottom:.25rem}.price-card__desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:1.25rem}.price-card__price{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.03em;margin-bottom:.25rem}.price-card__price span{font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary)}.price-card__unit{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:1.5rem}.price-card__features{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.price-card__features li{padding:.4rem 0;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-light);display:flex;gap:.5rem;align-items:baseline}.price-card__features li:before{content:"✓";color:var(--cta);font-weight:700;flex-shrink:0}.price-card .btn{width:100%}.feature-hero{text-align:center;padding:4rem 0 3rem;width:var(--content);margin:0 auto}.feature-hero h1{max-width:18ch;margin:0 auto 1rem}.feature-hero p{max-width:52ch;margin:0 auto;color:var(--text-secondary);font-size:var(--text-lg)}.feature-block__visual{border-radius:var(--radius-xl);background:var(--bg-gray);border:1px solid var(--border);padding:2rem;min-height:16rem;display:grid;place-items:center}.feature-block__visual-placeholder{display:grid;gap:.5rem;width:100%;max-width:280px}.feature-block__visual-placeholder div{height:2rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,white,var(--bg-gray));border:1px solid var(--border-light)}.feature-block__visual-placeholder div:nth-child(2){width:75%}.feature-block__visual-placeholder div:nth-child(3){width:50%}.feature-points{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem}.feature-points li{display:flex;gap:.5rem;align-items:baseline;font-size:var(--text-sm);color:var(--text-secondary)}.feature-points li:before{content:"→";color:var(--primary);font-weight:700;flex-shrink:0}.footer{border-top:1px solid var(--border);padding:3rem 0 2rem}.footer__inner{width:var(--content);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:3rem}.footer__brand p{margin:.5rem 0 0;font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.5}.footer__links{display:flex;gap:3rem}.footer__links div{display:grid;gap:.35rem}.footer__links strong{font-size:var(--text-sm);margin-bottom:.25rem}.footer__links a{font-size:var(--text-sm);color:var(--text-secondary);transition:color .15s}.footer__links a:hover{color:var(--text)}.footer__copy{grid-column:1 / -1;margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--border-light);font-size:var(--text-xs);color:var(--text-tertiary)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.legal{padding:4rem 0 5rem}.legal__inner{width:min(var(--content),780px);margin:0 auto}.legal__header{padding-bottom:2rem;margin-bottom:2.5rem;border-bottom:1px solid var(--border)}.legal__header h1{margin:.75rem 0 0}.legal__meta{margin:1rem 0 0;color:var(--text-tertiary);font-size:var(--text-sm)}.legal__toc{padding:1.5rem 1.75rem;margin-bottom:3rem;background:var(--bg-gray);border-radius:var(--radius-lg)}.legal__toc strong{display:block;margin-bottom:.75rem;font-size:var(--text-sm)}.legal__toc ol{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:var(--text-sm);line-height:2}.legal__toc a{color:var(--text-secondary);text-decoration:none}.legal__toc a:hover{color:var(--primary)}.legal__body h2{margin:3rem 0 1rem;font-size:var(--text-xl);scroll-margin-top:6rem}.legal__body h3{margin:2rem 0 .75rem;font-size:var(--text-lg)}.legal__body p,.legal__body li{color:var(--text-secondary);line-height:1.9}.legal__body p{margin:0 0 1rem}.legal__body ol,.legal__body ul{margin:0 0 1rem;padding-left:1.5rem}.legal__body li{margin-bottom:.5rem}.legal__table{width:100%;margin:1rem 0 2rem;border-collapse:collapse;font-size:var(--text-sm)}.legal__table th,.legal__table td{padding:.875rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);line-height:1.8}.legal__table th{width:34%;color:var(--text);font-weight:600;background:var(--bg-gray)}.legal__table td{color:var(--text-secondary)}.legal__note{padding:1.25rem 1.5rem;margin:2rem 0;background:var(--bg-amber);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.8}.legal__fill{padding:.1rem .4rem;background:#6366f11f;border-radius:4px;color:var(--primary-dark);font-weight:600}@media(max-width:640px){.legal__table th,.legal__table td{display:block;width:auto}.legal__table th{border-bottom:none}}@media(max-width:1024px){.showcase__workspace{grid-template-columns:1fr}.showcase__queue{border-right:0;border-bottom:1px solid var(--border-light)}.showcase__context{border-left:0;border-top:1px solid var(--border-light)}.problem-layout{grid-template-columns:1fr}.problem-heading{position:static}.split,.split--reverse{grid-template-columns:1fr}.split--reverse>:first-child{order:0}.split--reverse>:last-child{order:0}.bento{grid-template-columns:repeat(2,1fr)}.diff-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.proof-strip{grid-template-columns:repeat(2,1fr)}.scenario-body,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){:root{--content: calc(100vw - 1.5rem) }.nav__links a:not(.nav__cta){display:none}.bento{grid-template-columns:1fr}.bento-card--wide{grid-column:span 1}.proof-strip,.grid-2,.grid-4{grid-template-columns:1fr}.showcase{display:none}.footer__inner{grid-template-columns:1fr}.footer__links{flex-direction:column;gap:1.5rem}.cta-block{padding:2rem 1.25rem}}
