.ai{--ai:#f5a524;--ai-ink:#9a5a00;--ai-soft:#f5a52424}.ai ::selection{background:var(--ai);color:#111}.ai-kicker{align-items:center;gap:10px;display:inline-flex!important}.ai-kicker:before{content:"";background:var(--ai);width:4px;height:12px}.ai-hero{--hero-gap:clamp(48px, 7vw, 120px);column-gap:var(--hero-gap);padding-top:calc(var(--header-h) + clamp(40px, 6vw, 88px));grid-template-columns:minmax(0,1fr) min(38vw,560px);align-items:center;display:grid}.ai-hero__text{min-width:0}.ai-hero__img{height:min(calc(100svh - var(--header-h) - 160px), 760px);background:#0b0b0c;border-radius:6px;min-height:420px;position:relative;overflow:hidden}.ai-hero__img img{object-fit:cover;object-position:74% 50%}@media (max-width:899px){.ai-hero{padding-top:calc(var(--header-h) + 8px);grid-template-columns:1fr;row-gap:32px}.ai-hero__img{order:-1;height:min(46svh,400px);min-height:0}}.ai-lead{gap:10px;max-width:36em;display:grid}.ai-lead__main{color:var(--text-primary);letter-spacing:-.01em;font-size:clamp(20px,2vw,26px);font-weight:600}.ai-principles{grid-template-columns:1fr;gap:16px 48px;display:grid}@media (min-width:900px){.ai-principles{grid-template-columns:1fr 1fr}}.ai-principles article{border-top:2px solid var(--text-primary);align-content:start;gap:12px;padding-top:24px;display:grid}.ai-principles__no{font:600 13px var(--font-mono);letter-spacing:.08em;color:var(--ai-ink)}.ai-principles__no:before{content:"";background:var(--ai);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.ai-principles h3{font:700 clamp(24px, 2.6vw, 34px)/1.3 var(--font-jp);letter-spacing:-.02em}.ai-principles p{color:var(--text-secondary);max-width:30em;font-size:16px;line-height:1.9}.ai-scope{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-l);margin:clamp(48px,6vw,80px) 0 0;padding:clamp(24px,3vw,40px)}.ai-scope figcaption{align-items:baseline;gap:14px;margin-bottom:20px;display:flex}.ai-scope figcaption span:last-child{font:700 18px var(--font-jp)}.ai-scope__row{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;grid-template-areas:"layer layer""gen ai";align-items:center;gap:8px 24px;padding:14px 0;display:grid}@media (min-width:760px){.ai-scope__row{grid-template-columns:minmax(220px,1.3fr) 1fr 1fr;grid-template-areas:"layer gen ai"}}.ai-scope__row--head{font:400 11.5px var(--font-mono);letter-spacing:.06em;color:var(--text-tertiary);border-top:0;padding-top:0}.ai-scope__row--head span:first-child{grid-area:layer}@media (max-width:759px){.ai-scope__row--head span:first-child{display:none}.ai-scope__row--head{grid-template-areas:"gen ai"}}.ai-scope__row--head .is-ai{color:var(--ai-ink);font-weight:600}.ai-scope__row>:nth-child(2){grid-area:gen}.ai-scope__row>:nth-child(3){grid-area:ai}.ai-scope__layer{grid-area:layer;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;display:grid}.ai-scope__layer b{font:600 15px/1.5 var(--font-jp);grid-column:2}.ai-scope__layer small{color:var(--text-tertiary);grid-column:2;font-size:12.5px}.ai-scope__tag{font:600 10.5px var(--font-mono);color:#111;background:var(--ai);border-radius:3px;grid-area:1/1;padding:1px 5px}:is(.ai-scope__layer:not(:has(.ai-scope__tag)) b,.ai-scope__layer:not(:has(.ai-scope__tag)) small){grid-column:1/-1}.ai-scope__bar{transform-origin:0;border-radius:3px;height:14px;display:block}.ai-scope__bar.is-full{background:var(--border-strong)}.ai-scope__bar.is-part{background:linear-gradient(90deg, var(--border-strong) 0 45%, transparent 45%);box-shadow:inset 0 0 0 1px var(--border-default)}.ai-scope__bar.is-none{box-shadow:inset 0 0 0 1px var(--border-default);background:repeating-linear-gradient(-45deg, transparent 0 5px, var(--border-subtle) 5px 6px)}.ai-scope__bar.is-ai{background:var(--ai)}.ai-scope__note{color:var(--text-tertiary);flex-wrap:wrap;gap:8px 24px;margin-top:18px;font-size:12px;display:flex}.ai-scope__note span{align-items:center;gap:8px;display:inline-flex}.ai-scope__note i{border-radius:2px;width:18px;height:8px;display:inline-block}.ai-scope__note i.is-ai{background:var(--ai)}.ai-scope__note i.is-full{background:var(--border-strong)}.ai-scope__note i.is-none{box-shadow:inset 0 0 0 1px var(--border-default);background:repeating-linear-gradient(-45deg, transparent 0 3px, var(--border-subtle) 3px 4px)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.ai-scope__bar.is-ai,.ai-scope__bar.is-full,.ai-scope__bar.is-part{animation:linear both ai-grow;animation-timeline:view();animation-range:entry 20% cover 45%}}}@keyframes ai-grow{0%{scale:0 1}to{scale:1}}.ai-process{grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.ai-process{grid-template-columns:repeat(4,1fr)}}.ai-process li{border-top:1px solid var(--border-default);align-content:start;gap:8px;padding:24px 24px 24px 0;display:grid;position:relative}.ai-process li:before{content:"";background:var(--ai);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:0}.ai-process__no{font:600 12px var(--font-mono);letter-spacing:.08em;color:var(--ai-ink)}.ai-process h3{font:700 20px/1.4 var(--font-jp)}.ai-process p{color:var(--text-secondary);font-size:14px;line-height:1.85}:root:has(.ai) .site-footer__top>div:first-child{display:none}@media (min-width:900px){:root:has(.ai) .site-footer__top{grid-template-columns:1fr}}
