:root{--ink:#070908;--panel:#0d100f;--soft-ink:#151916;--paper:#f1f2ec;--lime:#c9ff3d;--cyan:#21e6d7;--line:#ecf4eb29;--muted:#98a098}*{box-sizing:border-box}h1,h2,h3,p,dl,dd,ol{margin:0}h1,h2,h3{font-size:inherit;font-weight:inherit}ol{padding:0;list-style:none}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--paper);font-family:var(--font-geist-sans), "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--lime);color:var(--ink)}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070908bd;justify-content:space-between;align-items:center;width:100%;height:74px;padding:0 clamp(20px,3.4vw,56px);display:flex;position:absolute;top:0;left:0}.site-header nav{align-items:center;gap:clamp(20px,3vw,48px);display:flex}.site-header nav a{font:500 12px/1 var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.07em}.site-header nav a:after{content:"";background:var(--lime);width:0;height:1px;margin-top:5px;transition:width .25s;display:block}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{width:100%}.brand{letter-spacing:-.04em;align-items:center;gap:14px;font-weight:650;display:flex}.brand-mark{background:var(--lime);width:34px;height:34px;color:var(--ink);font:650 12px/1 var(--font-geist-mono), monospace;letter-spacing:-.08em;place-items:center;display:grid}.hero{background-image:linear-gradient(#21e6d70b 1px,#0000 1px),linear-gradient(90deg,#21e6d70b 1px,#0000 1px);background-size:42px 42px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:center;gap:clamp(28px,4vw,78px);min-height:min(900px,100svh);padding:clamp(140px,18vh,200px) clamp(20px,3.4vw,56px) 72px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 75% 43%, #21e6d717, transparent 28%), radial-gradient(circle at 78% 43%, #c9ff3d12, transparent 45%), linear-gradient(90deg, var(--ink) 0%, transparent 35%, transparent 78%, var(--ink) 100%);position:absolute;inset:0}.hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:920px;margin:clamp(24px,4vh,44px) 0 28px;font-size:clamp(58px,8.5vw,136px);font-weight:610;line-height:.84}.hero h1 span{color:var(--lime);display:block}.hero-copy{z-index:2;position:relative}.eyebrow,.section-index{font:500 11px/1.4 var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin:0}.eyebrow{color:var(--cyan);align-items:center;gap:10px;display:flex}.eyebrow span{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 18px var(--cyan);border-radius:50%;animation:2s steps(2,end) infinite blink}.hero-lead{color:#c9cec8;letter-spacing:.01em;margin:0;font-size:clamp(14px,1.3vw,18px);line-height:1.9}.hero-actions{align-items:center;gap:28px;margin-top:38px;display:flex}.primary-action{background:var(--lime);min-width:210px;color:var(--ink);font:650 12px/1 var(--font-geist-mono), monospace;text-transform:uppercase;justify-content:space-between;align-items:center;padding:16px 18px;transition:background .2s,transform .2s;display:inline-flex}.primary-action:hover{background:var(--cyan);transform:translateY(-2px)}.text-action{font:500 12px/1 var(--font-geist-mono), monospace;text-transform:uppercase;border-bottom:1px solid var(--line);padding:10px 0}.text-action:hover{color:var(--cyan);border-color:var(--cyan)}.system-visual{z-index:1;aspect-ratio:1;justify-self:end;width:min(45vw,650px);position:relative}.system-visual:before,.system-visual:after{content:"";border:1px dashed #21e6d72e;border-radius:50%;animation:36s linear infinite rotate;position:absolute;inset:8%}.system-visual:after{border-color:#c9ff3d33;animation-duration:24s;animation-direction:reverse;inset:21%}.orbit{border:1px solid #eff2ec40;border-radius:50%;animation:18s linear infinite rotate;position:absolute;inset:8%}.orbit-two{border-color:#21e6d78c;animation:13s linear infinite reverse rotate;inset:21%}.orbit-three{border-color:#c9ff3da6;animation-duration:8s;inset:34%}.node{border:3px solid var(--ink);background:var(--lime);width:18px;height:18px;box-shadow:0 0 0 1px var(--lime), 0 0 20px #c9ff3d8c;border-radius:50%;display:block;position:absolute}.node-one{top:9%;left:18%}.node-two{background:var(--cyan);box-shadow:0 0 0 1px var(--cyan), 0 0 20px #21e6d78c;top:48%;right:-8px}.node-three{bottom:5%;left:25%}.core{z-index:3;background:var(--lime);color:var(--ink);border-radius:50%;place-content:center;animation:3s ease-in-out infinite pulse;display:grid;position:absolute;inset:41%;box-shadow:0 0 0 12px #c9ff3d14,0 0 80px #c9ff3d47}.core-label{font:700 clamp(9px, .8vw, 13px)/.9 var(--font-geist-mono), monospace;letter-spacing:-.05em;display:block}.core-label.accent{color:#416000}.signal{z-index:0;background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:.55;width:115%;height:1px;position:absolute;top:50%;left:-7%;transform:rotate(-21deg)}.signal-two{background:linear-gradient(90deg, transparent, var(--lime), transparent);transform:rotate(36deg)}.system-label,.system-readout{z-index:4;border:1px solid var(--line);font:500 9px/1 var(--font-geist-mono), monospace;letter-spacing:.12em;background:#070908cc;padding:5px 7px;position:absolute}.label-build{color:var(--lime);top:13%;right:4%}.label-design{color:var(--cyan);top:49%;left:0}.label-grow{color:var(--lime);bottom:12%;right:14%}.system-readout{color:#778078;border:0;bottom:0;right:0}.hero-meta{color:#59615a;font:500 9px/1 var(--font-geist-mono), monospace;letter-spacing:.08em;justify-content:flex-end;gap:20px;display:flex;position:absolute;bottom:20px;left:clamp(20px,3.4vw,56px);right:clamp(20px,3.4vw,56px)}.ticker{background:var(--lime);color:var(--ink);border-block:1px solid var(--ink);overflow:hidden}.ticker span{font:700 13px/1 var(--font-geist-mono), monospace;letter-spacing:.08em}.ticker i{border:1px solid var(--ink);border-radius:50%;width:7px;height:7px}.ticker-track{align-items:center;gap:24px;width:max-content;padding:15px 0;animation:24s linear infinite ticker;display:flex}.section{padding:clamp(88px,11vw,170px) clamp(20px,3.4vw,56px)}.services{background:var(--paper);color:var(--ink)}.section-heading{grid-template-columns:.42fr 1.58fr;gap:32px;margin-bottom:clamp(64px,8vw,110px);display:grid}.section-heading>div{justify-content:space-between;align-items:end;gap:40px;display:flex}.section-heading>div>p{color:#5b635c;max-width:420px;margin:0 0 5px;line-height:1.9}.section-heading h2 span{color:#8a948a}.section-index{color:#657068}.section-index.light{color:var(--cyan)}.section-heading h2,.commerce-heading h2{letter-spacing:-.075em;margin:0;font-size:clamp(52px,7.4vw,116px);font-weight:610;line-height:.86}.service-grid{border-top:1px solid #bdc3bb;border-left:1px solid #bdc3bb;grid-template-columns:repeat(3,1fr);display:grid}.service-card{border-bottom:1px solid #bdc3bb;border-right:1px solid #bdc3bb;flex-direction:column;min-height:410px;padding:clamp(24px,2.3vw,38px);transition:color .28s,background .28s;display:flex}.service-card h3{letter-spacing:-.055em;margin:auto 0 8px;font-size:clamp(31px,3.3vw,54px);font-weight:570}.service-card:hover{background:var(--ink);color:var(--paper)}.service-card:hover .service-arrow{color:var(--lime);transform:translate(3px,-3px)}.service-card:hover .service-description{color:#aeb6af}.service-top{font:500 11px/1 var(--font-geist-mono), monospace;justify-content:space-between;align-items:center;display:flex}.service-arrow{font-size:20px;transition:transform .25s}.service-jp{margin:0 0 28px;font-size:13px;font-weight:650}.service-description{color:#667068;min-height:76px;margin:0;font-size:13px;line-height:1.8}.data-bars{align-items:end;gap:3px;height:20px;margin-top:24px;display:flex}.data-bars span{background:#bdc3bb;flex:1;height:25%}.data-bars span:nth-child(2){height:52%}.data-bars span:nth-child(3){height:34%}.data-bars span:nth-child(4){height:82%}.data-bars span:nth-child(5){background:var(--lime);height:100%}.approach-section{background:var(--soft-ink);grid-template-columns:1fr 1fr;gap:8vw;padding:clamp(88px,10vw,150px) clamp(20px,3.4vw,56px);display:grid}.approach-copy h2{letter-spacing:-.075em;max-width:760px;margin:34px 0;font-size:clamp(52px,7vw,108px);font-weight:610;line-height:.88}.approach-copy>p:last-child{color:#aab2ab;max-width:520px;line-height:1.9}.approach-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.approach-list li{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr auto;align-items:baseline;gap:20px;padding:26px 0;display:grid}.approach-list span{color:var(--lime);font:500 10px/1 var(--font-geist-mono), monospace}.approach-list strong{letter-spacing:-.045em;font-size:clamp(26px,3vw,46px);font-weight:520}.approach-list em{color:#7f8880;font-size:12px;font-style:normal}.company{background:var(--ink)}.company h2{color:var(--paper);letter-spacing:-.09em;margin:0;font-size:clamp(74px,12vw,190px);font-weight:620;line-height:.72}.company h2 span{color:var(--lime)}.company dl{border-top:1px solid var(--line);margin:0}.company dl div{border-bottom:1px solid var(--line);grid-template-columns:125px 1fr;gap:24px;padding:28px 0;display:grid}.company dt{color:#7d867f;font:500 11px/1.6 var(--font-geist-mono), monospace}.company dd{margin:0;line-height:1.8}.company-layout{grid-template-columns:1fr 1fr;gap:8vw;margin-top:78px;display:grid}.commerce{color:var(--ink);background:#e4e8df;padding:clamp(88px,11vw,160px) clamp(20px,3.4vw,56px)}.commerce-heading{grid-template-columns:.42fr 1.58fr;gap:32px;margin-bottom:80px;display:grid}.commerce-heading>div{justify-content:space-between;align-items:end;gap:30px;display:flex}.commerce-heading>div>p{color:#657068;max-width:280px;margin:0 0 6px;line-height:1.7}.commerce-list{border-top:1px solid #abb3a9;margin:0}.commerce-list div{border-bottom:1px solid #abb3a9;grid-template-columns:minmax(180px,.6fr) 1.4fr;gap:30px;padding:23px 0;display:grid}.commerce-list dt{font-size:13px;font-weight:650}.commerce-list dd{color:#4e574f;margin:0;line-height:1.75}.commerce-list .needs-input{color:#8b301e;font-weight:650}footer{background:var(--lime);color:var(--ink);padding:clamp(70px,9vw,130px) clamp(20px,3.4vw,56px) 28px}.footer-main{justify-content:space-between;align-items:end;gap:40px;display:flex}.footer-main p{letter-spacing:-.075em;margin:0;font-size:clamp(48px,8vw,130px);font-weight:620;line-height:.82}.footer-main a{border-bottom:2px solid var(--ink);min-width:260px;font:650 13px/1 var(--font-geist-mono), monospace;text-transform:uppercase;justify-content:space-between;padding:18px 0;display:flex}.footer-bottom{font:550 10px/1 var(--font-geist-mono), monospace;text-transform:uppercase;border-top:1px solid #0709088c;justify-content:space-between;gap:20px;margin-top:100px;padding-top:20px;display:flex}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 18px #c9ff3d08,0 0 110px #c9ff3d66}}@keyframes blink{50%{opacity:.35}}@keyframes ticker{to{transform:translate(-50%)}}@media (width<=980px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:150px}.hero h1{font-size:clamp(58px,12vw,108px)}.system-visual{justify-self:center;width:min(80vw,600px);margin:-30px 0 10px}.section-heading,.commerce-heading{grid-template-columns:1fr}.section-heading>div,.commerce-heading>div{align-items:start}.service-grid{grid-template-columns:repeat(2,1fr)}.approach-section,.company-layout{grid-template-columns:1fr}.company h2{margin-bottom:30px}}@media (width<=640px){.site-header{height:64px}.site-header nav{gap:16px}.site-header nav a:nth-child(2){display:none}.brand{gap:9px;font-size:14px}.brand-mark{width:30px;height:30px}.hero{background-size:28px 28px;padding-top:122px}.hero h1{font-size:clamp(50px,16vw,78px)}.hero-lead{font-size:14px}.desktop-break{display:none}.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.primary-action{width:100%}.text-action{align-self:flex-start}.system-visual{width:96vw;margin-left:-20px;margin-right:-20px}.hero-meta{justify-content:space-between;gap:8px}.hero-meta span:nth-child(2){display:none}.section-heading>div,.commerce-heading>div{display:block}.section-heading>div>p,.commerce-heading>div>p{margin-top:28px}.section-heading h2,.commerce-heading h2{font-size:clamp(50px,16vw,76px)}.service-grid{grid-template-columns:1fr}.service-card{min-height:360px}.approach-list li{grid-template-columns:34px 1fr}.approach-list em{grid-column:2}.company-layout{margin-top:44px}.company dl div,.commerce-list div{grid-template-columns:1fr;gap:10px}.commerce-heading{margin-bottom:48px}.footer-main{flex-direction:column;align-items:start}.footer-main a{width:100%;min-width:0}.footer-bottom{flex-wrap:wrap;margin-top:70px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
