:root{--ink:#07172f;--ink-2:#0b2446;--blue:#123ee8;--coral:#ff786c;--paper:#fff;--wash:#f4f7fb;--line:#cfd7e5;--muted:#506077;--max:1180px;--radius:3px;--shadow:0 20px 55px rgba(7,23,47,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}a{color:inherit}h1,h2,h3,p{margin-top:0}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--ink);color:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{height:88px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:1.8rem;line-height:1;text-decoration:none;font-weight:800;letter-spacing:-.06em}.brand span{color:var(--blue)}nav{display:flex;gap:32px;margin-left:auto}nav a,footer>a{text-decoration:none;font-size:.9rem;font-weight:600}nav a:hover,footer>a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;background:var(--blue);color:#fff;border:2px solid var(--blue);border-radius:var(--radius);font-weight:750;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{background:#0c31c4;box-shadow:0 10px 25px rgba(18,62,232,.25);transform:translateY(-2px)}.button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.button-small{min-height:42px;padding:0 20px;font-size:.9rem}
.hero{max-width:var(--max);min-height:650px;margin:auto;padding:85px 24px 100px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.hero>*{min-width:0}.hero h1{max-width:650px;font-size:clamp(3rem,5vw,4.75rem);line-height:1.03;letter-spacing:-.065em}.hero-copy>p{max-width:610px;margin-bottom:34px;color:var(--muted);font-size:1.2rem;line-height:1.55}.system-map{position:relative;width:100%;aspect-ratio:1.3;min-height:420px}.system-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--ink);stroke-width:2}.system-map path{stroke-dasharray:7 7}.system-map .accent-line{stroke:var(--coral)}.map-node{position:absolute;z-index:1;display:flex;background:#fff;border:2px solid var(--ink);box-shadow:var(--shadow)}.node-data{left:4%;top:6%;width:86px;height:80px;flex-direction:column;justify-content:center;gap:7px;padding:14px;border-color:var(--blue)}.node-data span{height:8px;border:2px solid var(--blue);border-radius:50%}.node-code{left:43%;top:8%;width:95px;height:95px;align-items:center;justify-content:center;color:var(--blue);font:700 1.75rem monospace}.node-list{right:2%;top:18%;width:95px;height:90px;flex-direction:column;gap:12px;padding:20px}.node-list i{height:3px;background:var(--ink)}.node-core{left:45%;top:42%;width:96px;height:96px;border-color:var(--blue);transform:rotate(30deg);background:linear-gradient(90deg,#fff 50%,var(--blue) 50%)}.node-bars{left:10%;bottom:5%;width:100px;height:90px;align-items:flex-end;justify-content:center;gap:8px;padding:16px}.node-bars i{width:13px;border:2px solid var(--blue)}.node-bars i:nth-child(1){height:28px}.node-bars i:nth-child(2){height:48px;background:var(--blue)}.node-bars i:nth-child(3){height:65px}.node-flow{right:5%;bottom:5%;width:105px;height:90px;align-items:flex-end;justify-content:center;gap:8px;padding:18px}.node-flow i{width:14px;height:14px;border:2px solid var(--blue);border-radius:50%}.node-flow i:nth-child(2){transform:translateY(-35px);background:var(--coral);border-color:var(--coral)}
.services{background:var(--wash);padding:110px max(24px,calc((100% - var(--max))/2))}.section-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:60px;align-items:end;margin-bottom:70px}.section-heading h2{margin:0;font-size:clamp(2.2rem,4vw,3.65rem);line-height:1.08;letter-spacing:-.05em}.section-heading p{margin:0;color:var(--muted);font-size:1.05rem}.service-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-list article{padding:32px 40px 20px 0}.service-list article+article{border-left:1px solid var(--line);padding-left:40px}.service-number{color:var(--blue);font-family:monospace;font-weight:700}.service-list h3{margin:40px 0 16px;font-size:1.55rem;line-height:1.2}.service-list p{color:var(--muted);margin:0}
.principles{background:var(--ink);color:#fff;padding:110px max(24px,calc((100% - var(--max))/2))}.section-heading.light p{color:#b8c5d7}.principle-list{display:grid;grid-template-columns:repeat(3,1fr);gap:70px}.principle-list article{position:relative;padding-top:100px}.principle-list h3{font-size:1.4rem}.principle-list p{color:#b8c5d7;max-width:290px}.principle-mark{position:absolute;left:0;top:8px;width:62px;height:62px}.cube{border:2px solid var(--blue);transform:rotate(30deg);background:linear-gradient(90deg,transparent 50%,var(--blue) 50%)}.rings{border:2px solid #fff;border-radius:50%;box-shadow:inset 0 14px var(--blue),0 16px 0 -14px #fff,0 31px 0 -29px #fff}.nodes{border:2px solid var(--blue)}.nodes:before,.nodes:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:var(--coral);border:2px solid #fff}.nodes:before{left:-10px;top:-10px}.nodes:after{right:-10px;bottom:-10px;background:var(--blue)}

.closing{min-height:320px;padding:70px 24px;background:var(--blue);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.closing h2{max-width:720px;margin-bottom:30px;font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.05em}.button-inverse{background:#fff;border-color:#fff;color:var(--blue)}.button-inverse:hover{background:var(--ink);border-color:var(--ink);color:#fff}footer{min-height:190px;background:var(--ink);color:#fff;padding:45px max(24px,calc((100% - var(--max))/2));display:flex;align-items:flex-end;justify-content:space-between}.brand-light{color:#fff}.brand-light span{color:var(--coral)}footer p{margin:14px 0 0;color:#b8c5d7;font-size:.9rem}
@media(max-width:800px){.site-header{height:74px}.site-header nav{display:none}.hero{padding-top:45px;grid-template-columns:1fr;gap:20px}.system-map{min-height:0;aspect-ratio:1.3}.section-heading{grid-template-columns:1fr;gap:20px}.service-list,.principle-list{grid-template-columns:1fr}.service-list article,.service-list article+article{border-left:0;border-bottom:1px solid var(--line);padding:30px 0}.service-list h3{margin-top:20px}.principle-list{gap:36px}.services,.principles{padding-top:80px;padding-bottom:80px}}
@media(max-width:480px){.site-header{padding:0 18px}.site-header .button{padding:0 15px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:2.75rem}.system-map{transform:scale(.92);transform-origin:center}.closing{min-height:300px}footer{align-items:flex-start;gap:35px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}