:root{--brand-blue:#669bc2;--brand-pink:#e7a5a1;--brand-gradient:linear-gradient(90deg, #669bc2 0%, #e7a5a1 100%);--brand-gradient-rev:linear-gradient(270deg, #669bc2 0%, #e7a5a1 100%);--bg:#fbfbfa;--surface:#ffffffb8;--surface-solid:#fff;--ink:#333;--ink-2:#555;--muted:#767676;--line:#0000001a;--line-strong:#00000038;--accent:#2e80b7;--sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--radius:24px;--gutter:clamp(16px, 4vw, 48px);--header-h:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);letter-spacing:.02em;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.8}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}.bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg i{aspect-ratio:1;filter:blur(60px);will-change:transform;border-radius:50%;width:70vmax;position:absolute}.bg i:first-child{background:radial-gradient(closest-side,#e7a5a16b,#0000);animation:26s ease-in-out infinite alternate bg-drift-a;top:-30vmax;right:-20vmax}.bg i:nth-child(2){background:radial-gradient(closest-side,#669bc257,#0000);animation:32s ease-in-out infinite alternate bg-drift-b;top:10vmax;left:-30vmax}.bg i:nth-child(3){background:radial-gradient(closest-side,#e7a5a14d,#0000);animation:38s ease-in-out infinite alternate bg-drift-c;bottom:-35vmax;right:-10vmax}@keyframes bg-drift-a{to{transform:translate(-22vw,18vh)scale(1.15)}}@keyframes bg-drift-b{to{transform:translate(26vw,20vh)scale(.9)}}@keyframes bg-drift-c{to{transform:translate(-30vw,-24vh)scale(1.1)}}@media (prefers-reduced-motion:reduce){.bg i{animation:none}}[id]{scroll-margin-top:calc(var(--header-h) + 8px)}h1,h2,h3{word-break:auto-phrase}h1,h2,h3,p,dl,dd,figure{margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}code{font-family:var(--mono);letter-spacing:0;font-size:.88em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--ink);color:var(--bg)}.container{max-width:calc(1160px + var(--gutter) * 2);padding-inline:var(--gutter);margin:0 auto}.skip-link{background:var(--ink);color:var(--bg);z-index:20;padding:8px 12px;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}.button{isolation:isolate;color:#fff;background:var(--brand-gradient-rev);border:0;border-radius:100px;justify-content:center;align-items:center;height:52px;padding:0 28px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.button:before{content:"";z-index:-1;background:var(--brand-gradient);transition:opacity .3s ease-in-out;position:absolute;inset:0}.button:hover:before{opacity:0}.button--secondary{color:var(--ink);background:var(--surface-solid);box-shadow:inset 0 0 0 1px var(--line-strong)}.button--secondary:before{display:none}.button--secondary:hover{box-shadow:inset 0 0 0 1px var(--brand-blue);color:var(--accent)}.button--small{height:44px;padding:0 22px;font-size:14px}.note a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px;transition:text-decoration-color .15s,color .15s}.note a:hover{color:var(--accent);text-decoration-color:currentColor}.actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px;display:flex}.header{z-index:10;height:var(--header-h);max-width:calc(1160px + var(--gutter) * 2);padding-inline:var(--gutter);margin:16px auto 0;position:sticky;top:16px}.header__inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#ffffff8c,#ffffffd9);border-radius:100px;justify-content:space-between;align-items:center;gap:24px;height:100%;padding:0 14px 0 28px;display:flex;box-shadow:0 0 0 1px #0000000a,0 8px 24px -16px #0003}.header__logo{display:flex}.header__logo svg{width:auto;height:18px}.header__nav{align-items:center;gap:32px;display:flex}.header__nav ul{gap:28px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.header__nav ul a{color:var(--ink-2);font-weight:500;text-decoration:none}.header__nav ul a:hover{color:var(--accent)}.header__end{align-items:center;gap:8px;display:flex}.header__nav{margin-left:auto}.header__toggle{border:1px solid var(--line-strong);background:0 0;border-radius:100px;padding:8px 16px;font-size:13px;display:none}@media (width<=820px){.header__toggle{display:block}.header__nav{top:calc(var(--header-h) + 8px);left:var(--gutter);right:var(--gutter);border-radius:var(--radius);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffeb;flex-direction:column;align-items:stretch;gap:16px;padding:16px 24px 24px;display:none;position:absolute;box-shadow:0 12px 32px -16px #00000040}.header__nav.is-open{display:flex}.header__nav ul{flex-direction:column;gap:0;font-size:16px}.header__nav ul a{border-bottom:1px solid var(--line);padding:12px 0;display:block}.header__inner{padding:0 12px 0 20px}}.hero{padding:clamp(56px,9vw,120px) 0 clamp(64px,9vw,112px);position:relative}.hero__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero h1{font-family:var(--sans);letter-spacing:.02em;font-size:clamp(28px,3.6vw,48px);font-weight:700;line-height:1.45}.hero__lead{max-width:34em;color:var(--ink-2);margin-top:24px}.hero__note{color:var(--muted);margin-top:16px;font-size:12px;font-weight:400}.hero__note span{text-indent:-1.3em;padding-left:1.3em;display:block}.kv{justify-self:end;width:100%;max-width:540px}.kv__stage{flex-direction:column;justify-content:center;gap:28px;min-height:540px;display:flex}.kv__user{white-space:pre-line;color:#fff;background:var(--ink);border-radius:20px;flex:none;align-self:flex-end;max-width:82%;padding:14px 18px;font-size:14px;line-height:1.75;animation:.5s cubic-bezier(.22,1,.36,1) both float-in}.kv__ai{width:100%;min-height:120px;box-shadow:0 0 0 1px var(--line), 0 24px 48px -32px #2e507866;background:#fff;border-radius:20px;flex:none;align-self:flex-start;padding:30px 24px 22px;animation:.5s cubic-bezier(.22,1,.36,1) .12s both float-in;position:relative}.kv__model{color:var(--ink);background:#fff;border-radius:100px;align-items:center;gap:8px;padding:5px 14px 5px 10px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:-15px;left:22px;box-shadow:0 6px 16px -8px #0000004d}.kv__model svg{width:20px}.kv__answer{font-size:16px;line-height:1.75}.kv__answer--en{letter-spacing:0;font-size:15.5px;line-height:1.75}.kv__caret{vertical-align:-.12em;background:var(--brand-blue);width:2px;height:1em;margin-left:2px;animation:.9s step-end infinite blink;display:inline-block}.kv__dots{opacity:0;gap:6px;padding:10px 0;transition:opacity .3s;display:flex}.kv__dots.is-on{opacity:1}.kv__dots i{background:var(--brand-blue);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite dot}.kv__dots i:nth-child(2){background:#a9a6c2;animation-delay:.15s}.kv__dots i:nth-child(3){background:var(--brand-pink);animation-delay:.3s}.kv__stage.is-exit .kv__user,.kv__stage.is-exit .kv__ai{animation:.6s cubic-bezier(.5,0,.75,0) both float-out}.kv__stage.is-exit .kv__ai{animation-delay:50ms}@keyframes float-out{to{opacity:0;transform:translateY(-16px)}}@keyframes float-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes dot{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.kv__user,.kv__ai,.kv__dots i,.kv__caret{animation:none}}@media (width<=900px){.kv{justify-self:stretch;max-width:none;margin-top:8px}}@media (width<=600px){.kv{display:none}}@media (width<=900px){.hero__grid{grid-template-columns:minmax(0,1fr)}}.section{border-bottom:1px solid var(--line);padding:clamp(88px,11vw,144px) 0}.section--tint{background:#ffffff8c}.section__grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,72px);display:grid}.section__head{top:calc(var(--header-h) + 32px);align-self:start;position:sticky}.section__head h2{font-family:var(--sans);font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.5}.section__head p{color:var(--ink-2);margin-top:14px;font-size:15px}.section h3{font-family:var(--sans);font-size:19px;font-weight:700;line-height:1.6}.note{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.7}.tokens>p a{text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px;transition:text-decoration-color .15s,color .15s}.tokens>p a:hover{color:var(--accent);text-decoration-color:currentColor}.note a.note__inline{margin-left:0}.table-wrap+.note{margin-top:28px}.note+.note{margin-top:2px}.note:not(.note--link){text-indent:-1em;padding-left:1em}.note:not(.note--link):before{content:"※";color:var(--muted)}.note a{color:var(--ink-2);margin-left:.5em}.note--link a{margin-left:0}@media (width<=820px){.section__grid{grid-template-columns:minmax(0,1fr)}.section__head{position:static}}.reasons>div{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px 32px;padding:24px 0;display:grid}.reasons>div+div{border-top:1px solid var(--line)}.reasons>div:first-child{padding-top:0}.reasons dt{font-family:var(--sans);font-size:18px;font-weight:700}.reasons dd{color:var(--ink-2);font-size:15px}.tokens{margin-top:64px}.tokens>p:not(.note){color:var(--ink-2);margin-top:10px;font-size:15px}.tokens__figure{margin-top:20px}.tokens__row+.tokens__row{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.tokens__label{align-items:baseline;gap:10px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.tokens__label span{color:var(--muted);font-weight:500}.tokens__row.is-ours .tokens__label span{color:var(--accent)}.tokens__sentence{font-size:17px;line-height:2.1}.tokens__sentence span{border-radius:4px;padding:0 1px;display:inline-block}.tokens__sentence span:nth-child(4n+1){background:#f6dedb}.tokens__sentence span:nth-child(4n+2){background:#d9e7f1}.tokens__sentence span:nth-child(4n+3){background:#e7e1f3}.tokens__sentence span:nth-child(4n+4){background:#f8e9dc}.tokens__figure figcaption{color:var(--muted);margin-top:12px;font-size:12px}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px 16px 14px 0}thead th{color:var(--muted);border-bottom-color:var(--line-strong);font-size:13px;font-weight:500}tbody th{font-weight:500}.nowrap,.nobr,.models th[scope=row]{white-space:nowrap}.chart{margin-top:36px}.chart__bars{gap:10px;display:grid}.chart__row{color:var(--ink-2);grid-template-columns:minmax(120px,34%) minmax(0,1fr) 64px;align-items:center;gap:12px;font-size:13px;display:grid}.chart__row.is-ours{color:var(--ink);font-weight:700}.chart__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chart__track{height:14px}.chart__bar{transform-origin:0;background:#cdd3da;border-radius:0 4px 4px 0;height:100%;transition:transform 1s cubic-bezier(.22,1,.36,1);display:block}.is-ours .chart__bar{background:var(--brand-gradient)}.chart__value{font-variant-numeric:tabular-nums;text-align:right}.chart__head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:14px;padding-bottom:10px;display:flex}.chart__title{color:var(--ink);font-size:14px;font-weight:700}.chart__better{color:var(--muted);font-size:12px}.tokens__counts{color:var(--ink-2);margin-top:24px;font-size:15px}.tokens__counts b{margin:0 2px;font-size:1.25em}.tokens__counts b.is-ours{color:var(--accent)}.metrics{gap:56px;display:grid}.metric+.metric{border-top:1px solid var(--line);padding-top:48px}.metric>p.metric__model{font-family:var(--mono);letter-spacing:.02em;color:var(--accent);margin:0 0 6px;font-size:12px}.metric>p:not(.note):not(.metric__model){color:var(--ink-2);margin-top:6px;font-size:14.5px}.metric__pair{grid-template-columns:1fr 1fr;gap:8px 32px;display:grid}.metric__pair .chart__row{grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"label label""track value";row-gap:2px}.metric__pair .chart__label{grid-area:label}.metric__pair .chart__track{grid-area:track}.metric__pair .chart__value{grid-area:value}.split__legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;margin-bottom:12px;font-size:12px;display:flex}.split__legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.split{gap:10px;display:grid}.split__row{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;font-size:13px;display:grid}.split__bar{gap:2px;height:28px;display:flex}.split__seg{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:0;font-size:12px;transition:flex-grow 1s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.split__seg:first-child{border-radius:4px 0 0 4px}.split__seg:last-child{border-radius:0 4px 4px 0}.is-win{background:var(--brand-gradient);color:var(--ink);font-weight:700}.is-draw{color:var(--ink-2);background:#eceef1}.is-loss{color:var(--ink);background:#cdd3da}@media (width<=700px){.metrics{gap:44px}.metric__pair{grid-template-columns:minmax(0,1fr)}.chart__row{grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"label label""track value";gap:2px 8px;font-size:12.5px}.chart__label{grid-area:label}.chart__track{grid-area:track}.chart__value{grid-area:value}}@media (prefers-reduced-motion:reduce){.chart__bar,.split__seg{transition:none}}.table-wrap{overflow-x:auto}.models{min-width:440px}.models th[scope=row] code{font-size:13.5px;display:block}.models td{color:var(--ink-2);font-size:14px}.models__blog,.section__link{color:var(--accent);text-underline-offset:4px;margin-top:6px;font-size:13px;-webkit-text-decoration:underline #2e80b759;text-decoration:underline #2e80b759;display:table}.models__blog:after,.section__link:after{content:" ↗"}.models__blog:hover,.section__link:hover{text-decoration-color:currentColor}@media (width<=600px){.nobr{white-space:normal}.reasons>div{grid-template-columns:1fr}}.start{padding:clamp(88px,11vw,144px) 0}.start h2{font-family:var(--sans);font-size:clamp(24px,2.4vw,32px);font-weight:700}.start .container{text-align:center}.start .actions{justify-content:center}.footer{border-top:1px solid var(--line);color:var(--muted);background:#fff9;padding:32px 0 40px;font-size:13px}.footer__inner{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.footer ul{flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;display:flex}.footer a{text-decoration:none}.footer a:hover{color:var(--ink)}.footer p{margin-left:auto}@media (width<=600px){.footer__inner{flex-direction:column;align-items:flex-start;gap:28px}.footer ul{flex-direction:column;gap:14px;font-size:14px}.footer p{margin-left:0}:root{--header-h:60px}.header{max-width:none;margin:0;padding:0;top:0}.header__inner{padding:0 var(--gutter);box-shadow:0 1px 0 var(--line);background:#fbfbfae0;border-radius:0}.header__nav{top:var(--header-h);padding:8px var(--gutter) 24px;background:var(--bg);box-shadow:0 1px 0 var(--line), 0 16px 24px -16px #0003;border-radius:0;left:0;right:0}.actions{flex-direction:column;align-items:stretch;gap:16px;margin-top:36px}.actions .button{width:100%}.hero{min-height:calc(100svh - var(--header-h));box-shadow:0 1px 0 var(--line);background:radial-gradient(120% 70% at 0 0,#669bc247,#0000 70%),radial-gradient(110% 60% at 100% 100%,#e7a5a157,#0000 70%),#fff9;border-radius:0 0 32px 32px;padding:0;display:flex;position:relative}.hero__grid{flex-direction:column;flex:1;padding-top:40px;padding-bottom:96px;display:flex}.hero__text{flex-direction:column;flex:1;justify-content:center;display:flex}.hero h1{letter-spacing:.01em;font-size:min(7.1vw,34px);line-height:1.5}.hero h1 .nobr{white-space:nowrap}.hero__lead{margin-top:20px;font-size:15px;line-height:1.95}.hero .actions{gap:12px;margin-top:40px}.hero__scroll{font-family:var(--mono);letter-spacing:.2em;color:var(--ink-2);flex-direction:column;align-items:center;gap:8px;font-size:10px;text-decoration:none;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero__scroll:after{content:"";background:linear-gradient(var(--brand-blue), var(--brand-pink));transform-origin:top;width:1px;height:36px;animation:2.4s cubic-bezier(.65,0,.35,1) infinite scroll-cue}}@media (width>=601px){.hero__scroll{display:none}}@keyframes scroll-cue{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}50.1%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.hero__scroll:after{animation:none}}@media (width<=600px){.models{min-width:0}.models thead{display:none}.models,.models tbody,.models tr,.models th,.models td{display:block}.models tr{border-bottom:1px solid var(--line);padding:16px 0}.models th[scope=row],.models td{border:0;padding:0}.models td{margin-top:6px}.header .button--small{height:38px;padding:0 16px;font-size:13px}.header__toggle{white-space:nowrap;height:38px;padding:0 14px}.header .button--small{white-space:nowrap}}@media (width<=360px){.header__inner{gap:8px}.header__logo svg{height:15px}.header__end{gap:6px}.header .button--small{padding:0 12px}.header__toggle{padding:0 10px}}