.hero{padding-top:clamp(80px,10vw,150px);padding-bottom:clamp(100px,12vw,170px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(320px,5fr);gap:clamp(40px,6vw,88px);align-items:center}.hero-copy{max-width:760px}.hero h1{margin-top:18px;max-width:780px}.hero h1 em{font-style:normal}.hero-lead{font-size:clamp(1.06rem,1.2vw,1.25rem);line-height:1.55;max-width:650px;margin-top:24px}.hero .button-row{margin-top:30px}.hero-tags{font-family:var(--mono);font-size:.65rem;letter-spacing:.09em;color:var(--muted);margin-top:30px}.hero-visual{min-height:480px;display:grid;place-items:center}.integration-plane{position:relative;width:min(100%,450px);aspect-ratio:4/5;border:1px solid var(--border);background:#fff;border-radius:22px;overflow:hidden}.plane-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:44px 44px;opacity:.55}.plane-line{position:absolute;height:1px;background:#bdbdbd;transform-origin:left center}.line-a{width:74%;top:31%;left:13%;transform:rotate(25deg)}.line-b{width:67%;top:56%;left:22%;transform:rotate(-31deg)}.line-c{width:58%;top:69%;left:8%;transform:rotate(-4deg)}.plane-node{position:absolute;display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:#fff;border:1px solid #d9d9d9;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.04)}.plane-node small,.plane-node span{font-family:var(--mono);font-size:.56rem;color:var(--muted)}.plane-node strong{font-size:.67rem;letter-spacing:.04em}.node-a{top:15%;left:8%}.node-b{top:34%;right:7%}.node-c{bottom:18%;left:9%}.node-d{bottom:7%;right:10%}.plane-core{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);width:142px;height:142px;border-radius:50%;background:#171717;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 60px rgba(0,0,0,.12)}.plane-core span{font-size:2rem;font-weight:500;letter-spacing:-.08em}.plane-core b{font-family:var(--mono);font-size:.57rem;letter-spacing:.13em}.plane-core i{font-family:var(--mono);font-size:.5rem;color:#aaa;margin-top:5px}.plane-note{position:absolute;right:16px;top:16px;font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;color:#888}.editorial{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}.editorial-grid{display:grid;grid-template-columns:2fr 10fr;gap:60px}.editorial h2{max-width:980px}.editorial h2 span{color:#888}.editorial p{max-width:760px;margin-top:24px;font-size:1.05rem}.services{background:var(--bg)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.concept{background:#f5f5f5}.concept-grid{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:center}.concept-copy h2{margin-top:14px}.concept-copy h2 span{color:#8b8b8b}.concept-copy p{margin-top:20px;max-width:590px}.system-diagram{aspect-ratio:8/5;min-height:350px;background:#fff;border:1px solid var(--border);border-radius:22px;position:relative;overflow:hidden}.diagram-ring{position:absolute;border:1px solid #d8d8d8;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-1{width:64%;aspect-ratio:1}.ring-2{width:35%;aspect-ratio:1}.diagram-axis{position:absolute;left:10%;right:10%;top:50%;height:1px;background:#ddd}.axis-2{transform:rotate(90deg)}.diagram-label{position:absolute;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;color:#777;background:#fff;padding:4px 7px}.label-1{top:17%;left:12%}.label-2{top:18%;right:12%}.label-3{bottom:17%;left:12%}.label-4{bottom:17%;right:12%}.diagram-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;background:#171717;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.diagram-core b{font-size:2rem;font-weight:350}.diagram-core small{font-family:var(--mono);font-size:.5rem;letter-spacing:.1em}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:44px 20px}.section-note{font-size:.78rem;color:var(--muted);margin-top:42px;max-width:650px}.demos{background:#f5f5f5}.demos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:3fr 9fr;gap:60px}.about-index{font-family:var(--mono);font-size:.67rem;color:var(--muted);display:flex;justify-content:space-between;align-items:flex-start}.about-copy{max-width:840px}.about-copy h2{max-width:800px}.about-lead{font-size:1.2rem;color:var(--text);margin-top:25px}.about-copy p:not(.about-lead){max-width:700px;margin-top:18px}.about-copy .text-link{margin-top:28px}.process-list{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border)}.process-step{padding:24px 18px 0 0;min-height:180px;border-right:1px solid var(--border);position:relative}.process-step:not(:first-child){padding-left:18px}.process-step:last-child{border-right:0}.process-step>span{font-family:var(--mono);font-size:.68rem;color:var(--muted)}.process-step h3{font-size:1.2rem;margin-top:28px}.process-step p{font-size:.82rem;margin-top:8px;max-width:190px}.contact{background:var(--inverse);color:#fff}.contact-grid{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}.contact .eyebrow{color:#aaa}.contact h2{margin-top:15px}.contact-copy>p:not(.eyebrow){color:#c5c5c5;max-width:520px;margin-top:22px;font-size:1.05rem}.contact-copy .btn{margin-top:28px}.contact-form{display:flex;flex-direction:column;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.btn--submit{align-self:flex-start;border:0;margin-top:2px}.contact-form a{color:#fff}