:root{--ink:#2d2708;--blue:#2355d9;--blue2:#5d85ff;--paper:#fff;--mist:#f3f4f7;--line:#d9d9d2;--dark:#15170f;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.8;font-size:16px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip{position:absolute;left:-999px;top:1rem;z-index:1000;background:#fff;padding:.7rem 1rem}.skip:focus{left:1rem}.site-header{height:108px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}.brand img{width:150px;height:auto}.global-nav{display:flex;align-items:center;gap:2.25rem;font:700 .75rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.global-nav>a:not(.nav-cta){position:relative}.global-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-.55rem;height:2px;background:var(--blue);transition:.25s}.global-nav>a:hover:after{right:0}.nav-cta{background:var(--ink);color:#fff;padding:1rem 1.35rem;border-radius:999px}.nav-cta span,.button span{color:#79a1ff}.menu-button{display:none}.hero{min-height:calc(100vh - 108px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:center;gap:4vw;padding:6vh max(6vw,calc((100vw - 1320px)/2)) 10vh;overflow:hidden}.hero-copy{padding-left:2vw}.eyebrow,.kicker{font:700 .72rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before,.kicker:before{content:"";display:inline-block;width:44px;height:2px;background:var(--blue);vertical-align:middle;margin-right:14px}.hero h1{font-size:clamp(3.6rem,7.2vw,7.5rem);line-height:.98;letter-spacing:-.06em;margin:2rem 0 2.2rem;font-weight:800}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:clamp(1.45rem,2vw,2rem);font-weight:700;line-height:1.55;margin:0 0 1.4rem}.hero-text{max-width:590px;color:#5c5b50}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.5rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;font-weight:700;border-radius:999px;padding:1.1rem 1.6rem;transition:.25s}.button.primary{background:var(--ink);color:#fff;box-shadow:0 14px 30px rgba(45,39,8,.15)}.button:hover{transform:translateY(-3px)}.text-link{font-weight:700;border-bottom:1px solid;padding:.7rem 0}.text-link span{color:var(--blue)}.hero-visual{position:relative;padding:1.5rem 3.5rem 3rem 0}.hero-frame{min-height:540px;background:#e8e8e8;display:grid;place-items:center;position:relative;overflow:hidden}.hero-frame:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.08);pointer-events:none}.hero-frame img{width:100%;height:100%;object-fit:cover}.vertical-label{position:absolute;right:-1.8rem;top:50%;transform:rotate(90deg) translateX(50%);transform-origin:right center;font:700 .66rem ui-monospace,monospace;letter-spacing:.15em}.hero-stamp{position:absolute;left:-2rem;bottom:0;width:160px;height:160px;background:var(--blue);color:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;line-height:1.45;box-shadow:0 18px 40px rgba(35,85,217,.28)}.hero-stamp span{font:700 .7rem ui-monospace,monospace;margin-bottom:.5rem}.hero-stamp strong{font-size:1.15rem}.section{padding:clamp(6rem,10vw,10rem) max(6vw,calc((100vw - var(--max))/2));position:relative}.section-label{position:absolute;left:3vw;top:8rem;writing-mode:vertical-rl;display:flex;align-items:center;gap:1rem;font:700 .69rem ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.section-label span{color:var(--blue)}.concept{border-top:1px solid var(--line)}.concept-body{max-width:1000px;margin:0 auto}.kicker{color:#6c6a59}.kicker.blue{color:#89a8ff}.concept h2,.feature-heading h2,.cases-heading h2,.tech-intro h2,.fit h2,.cta h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:1.2;letter-spacing:-.045em;margin:1.5rem 0 4rem}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;border-top:1px solid var(--line);padding-top:2.5rem;color:#555447}.dark{background:var(--dark);color:#fff}.section-label.light{color:#fff}.roles-intro,.role-grid,.feature-heading,.cases-heading,.tech-intro,.fit-inner{max-width:var(--max);margin:0 auto}.roles-intro{padding-right:8vw}.roles-intro h2{font-size:clamp(2.4rem,4.7vw,5rem);line-height:1.22;letter-spacing:-.045em;margin:1.5rem 0 4.5rem}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3c3d35;border:1px solid #3c3d35}.role-card{background:var(--dark);padding:2.5rem;min-height:430px;position:relative}.role-card.feature{background:#1b2450}.role-num{font:700 .7rem ui-monospace,monospace;color:var(--blue2);margin-bottom:4rem}.role-en{font:700 .67rem ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#94958c}.role-card h3{font-size:1.75rem;margin:.4rem 0 2rem}.role-card ul{list-style:none;padding:0;margin:0}.role-card li{padding:1rem 0;border-top:1px solid #3a3b34;font-size:.94rem}.role-card li:before{content:"↗";color:var(--blue2);margin-right:.7rem}.fact-note,.source-note{max-width:var(--max);margin:1.5rem auto 0;color:#8d8e86;font-size:.75rem}.feature-list{background:#f8f8f5}.feature-heading{margin-bottom:4rem}.feature-rows{max-width:var(--max);margin:0 auto;border-top:1px solid #aaa}.feature-row{display:grid;grid-template-columns:70px 1fr 150px;gap:2rem;align-items:start;padding:2.5rem 0;border-bottom:1px solid #aaa}.feature-row>span{font:700 .8rem ui-monospace,monospace;color:var(--blue)}.feature-row h3{margin:0 0 .6rem;font-size:1.65rem}.feature-row p{margin:0;max-width:680px;color:#626052}.feature-row b{font:700 .65rem ui-monospace,monospace;letter-spacing:.12em;text-align:right;color:#868576}.cases-heading{margin-bottom:5rem}.case-card{max-width:var(--max);margin:0 auto 8rem;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:5rem}.case-card.reverse{grid-template-columns:.8fr 1.2fr}.case-card.reverse .case-image{order:2}.case-image{display:block;position:relative;overflow:hidden;background:#eee}.case-image img{width:100%;aspect-ratio:1.45;object-fit:cover;transition:.6s}.case-image:hover img{transform:scale(1.025)}.case-image span{position:absolute;right:1rem;bottom:1rem;background:#fff;padding:.65rem 1rem;border-radius:999px;font:700 .7rem ui-monospace,monospace}.case-no{color:var(--blue);font:700 .75rem ui-monospace,monospace}.case-copy h3{font-size:clamp(2rem,3vw,3.4rem);line-height:1.15;margin:.8rem 0 1rem;letter-spacing:-.035em}.case-tag{font-weight:700;border-left:3px solid var(--blue);padding-left:1rem}.case-copy>p:last-child{color:#5c5b50}.technology{background:#edf1ff}.tech-intro{display:grid;grid-template-columns:.75fr 1.25fr;column-gap:5rem;align-items:start}.tech-intro .kicker{grid-column:1}.tech-intro h2{grid-column:1;margin-top:1rem}.tech-intro>p:last-child{grid-column:2;margin-top:3.2rem;font-size:1.08rem}.architecture{max-width:var(--max);margin:1rem auto 5rem;background:#fff;padding:2.4rem;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;box-shadow:0 22px 55px rgba(39,66,130,.1)}.arch-col{padding:1.4rem;display:flex;flex-direction:column;gap:.5rem}.arch-col.accent{background:var(--blue);color:#fff;padding:2rem}.arch-col p{margin:0;font:700 .65rem ui-monospace,monospace;letter-spacing:.14em;color:#7189ce}.arch-col.accent p{color:#b7c9ff}.arch-col strong{font-size:1.45rem}.arch-col span{font-weight:700}.arch-col i{font-style:normal;font-size:.78rem;color:#777}.arch-col.accent i{color:#d8e1ff}.arch-arrow{color:var(--blue);font-size:1.5rem}.tech-facts{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bcc7e7;border-left:1px solid #bcc7e7}.tech-facts article{padding:2.5rem;border-right:1px solid #bcc7e7;border-bottom:1px solid #bcc7e7}.tech-facts span{font:700 .7rem ui-monospace,monospace;color:var(--blue)}.tech-facts h3{font-size:1.4rem;margin:1.2rem 0 .8rem}.tech-facts p{margin:0;color:#555a68}.source-note{color:#69718b}.fit-inner{display:grid;grid-template-columns:1fr 1fr;column-gap:6rem;align-items:start}.fit-inner .kicker{grid-column:1}.fit-inner h2{grid-column:1}.fit-inner ul{grid-column:2;grid-row:1/3;list-style:none;padding:0;margin:3rem 0 0}.fit-inner li{font-size:1.1rem;padding:1.5rem 0;border-top:1px solid #3a3b34}.fit-inner li:before{content:"＋";color:var(--blue2);margin-right:1rem}.cta{text-align:center;background:#fff}.cta h2{margin:2rem auto;max-width:900px}.cta>p:not(.eyebrow){max-width:620px;margin:0 auto 2.5rem;color:#5f5e52}.cta .eyebrow:before{display:none}.button.large{padding:1.3rem 2rem}footer{padding:4rem 5vw 2rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}footer img{width:140px}footer div{display:flex;gap:2rem;font:700 .75rem ui-monospace,monospace}footer p{grid-column:1/-1;font:700 .67rem ui-monospace,monospace;color:#8b8a7e}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.case-image img{transition:none}}@media (max-width:960px){.site-header{height:82px}.global-nav{position:absolute;top:82px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:1.5rem 5vw 2rem;gap:0;border-top:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.08)}.global-nav.open{display:flex}.global-nav a{padding:1rem 0;border-bottom:1px solid var(--line)}.nav-cta{text-align:center;margin-top:1rem;border:0!important}.menu-button{display:flex;width:54px;height:54px;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-button span{width:25px;height:2px;background:var(--ink)}.menu-button b{font:700 .55rem ui-monospace,monospace;margin-top:2px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:7vh}.hero-copy{padding-left:0}.hero-visual{max-width:720px;width:90%;margin:0 auto}.hero-frame{min-height:440px}.section-label{position:static;writing-mode:horizontal-tb;margin-bottom:3rem}.concept-grid,.fit-inner{grid-template-columns:1fr;gap:1.5rem}.role-grid{grid-template-columns:1fr}.role-card{min-height:auto}.case-card,.case-card.reverse{grid-template-columns:1fr;gap:2.2rem}.case-card.reverse .case-image{order:0}.tech-intro{display:block}.tech-intro>p:last-child{margin-top:-2rem;margin-bottom:3rem}.architecture{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg);text-align:center}.fit-inner ul{grid-column:1;grid-row:auto;margin-top:0}}@media (max-width:640px){body{font-size:15px}.brand img{width:125px}.hero{padding:4rem 6vw 7rem}.hero h1{font-size:3.35rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-visual{width:100%;padding-right:1.7rem}.hero-frame{min-height:340px}.hero-stamp{width:125px;height:125px;left:-.8rem}.vertical-label{right:-1.4rem}.section{padding:6rem 6vw}.section-label{top:auto;left:auto}.concept h2,.feature-heading h2,.cases-heading h2,.tech-intro h2,.fit h2,.cta h2{font-size:2.65rem}.concept-grid{gap:1rem}.feature-row{grid-template-columns:40px 1fr}.feature-row b{display:none}.architecture{padding:1rem}.tech-facts{grid-template-columns:1fr}.case-card{margin-bottom:6rem}.cta br{display:none}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap;gap:1rem 1.5rem}footer p{grid-column:1}}