/* Revision 3 — stronger hierarchy and formation → connection → focus. */
:root{--body:#284a50;--motion-ease:cubic-bezier(.2,.75,.25,1)}
body{font-weight:450}strong{font-weight:750;color:var(--ink)}h1{font-weight:460}h2{font-weight:480}
.hero{display:grid;grid-template-columns:56% 44%;min-height:0;padding-bottom:35px;padding-top:65px}.hero-content{width:100%;grid-column:1;max-width:720px}.hero h1{font-size:clamp(3.5rem,5.2vw,5.4rem)}.hero-lead{font-size:1.25rem;max-width:550px;line-height:1.75}.eyebrow{font-size:.9375rem;font-weight:650;color:#265d63;letter-spacing:.06em}.small-rule{height:2px;width:34px}.entry-note{font-size:1.125rem;font-weight:550;line-height:1.65;max-width:510px;color:#315b60;margin-top:27px}.entry-note strong{font-weight:700}.cta-note{font-size:1rem;color:#426269;font-weight:500}.hero-bottom{grid-column:1/-1;position:relative;left:auto;right:auto;bottom:auto;margin-top:64px;padding-top:28px;display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:center;border-top:1px solid #b6ccc2;z-index:4}.signature.claim{font-size:clamp(2.5rem,4vw,3.6rem);line-height:1.1;font-weight:600;font-style:normal;letter-spacing:-.03em;color:#07373b}.claim-noise{color:#446e73}.claim strong{color:#087a7e;font-weight:650}.claim-period{color:#c39032}.hero-caption{font-size:1rem;color:#335f64;font-weight:600;letter-spacing:.03em}.hero-art{top:20px;height:720px;width:63%;right:-3%;transform:none;will-change:auto}
.section-label{font-size:1rem;color:#235b62;font-weight:650;gap:18px;margin-bottom:36px;letter-spacing:.035em}.section-number{width:52px;height:52px;font-size:1rem;font-weight:750;background:#0d7177;color:#fff;border:1px solid #0d7177;box-shadow:0 0 0 6px #167d8010;transition:background .4s,box-shadow .4s}.section.is-current .section-number{background:#095059;box-shadow:0 0 0 6px #d5a34826;border-color:#cfa04b}.reading-route path{stroke-width:1.3}.route-track{opacity:.3}.route-progress{opacity:.8}.section-heading>p{font-size:1.25rem;line-height:1.75;font-weight:500;color:#2c5157}.large-copy{font-size:1.25rem;line-height:1.75}.base-content>p:not(.large-copy){font-size:1.125rem;line-height:1.8}.service h3{font-weight:550;font-size:clamp(2rem,2.6vw,2.45rem)}.service p{font-size:1.125rem;line-height:1.75;font-weight:450}.service .service-detail{font-size:.9375rem;font-weight:650;color:#315e64}.service-symbol,.service-symbol svg{width:50px}.service-symbol svg{stroke-width:1.6}.service{position:relative;padding:32px 14px 36px 0;border-color:#b3ccc3;transition:transform .35s var(--motion-ease),background .35s,border-color .35s}.capabilities-foot p{font-size:1.0625rem;font-weight:600;color:#2c555b}.connected-dot{height:11px;width:11px}.principles h3{font-size:2rem;font-weight:550}.principles p,.ai-note p,.steps p,.ownership-details p{font-size:1.125rem;line-height:1.75}.principle-index{font-size:1rem;font-weight:650;color:#785516}.ai-label{font-size:1rem;color:#165b62;font-weight:700}.steps h3{font-weight:550;font-size:2rem}.step-node{font-size:1rem;font-weight:700;border-width:1.5px;background:#edf4ed;color:#326268}.steps li.is-visible .step-node{background:#e5ad44;color:#153c3f;box-shadow:0 0 0 5px #e5ad441c}.steps li{transition:transform .35s var(--motion-ease)}.method-bottom p{font-size:1.125rem;line-height:1.8;font-weight:500}.ownership-details h3{font-size:1.125rem;font-weight:700}.contact-lead{font-size:1.25rem;line-height:1.75}.contact-person{font-size:1rem;font-weight:650}.contact-person span{font-size:1rem;color:#b4d7cf;font-weight:500}.dark-section strong{color:#e9f7ee}.dark-section .section-label{font-weight:650;color:#c5e4db}.dark-section .section-number{background:#e2ad4d;color:#083f43;border-color:#e2ad4d}.footer .footer-claim{font-size:1.75rem;font-weight:550;font-style:normal;line-height:1.2;color:#b8ded5}.footer-claim strong{color:#effaf2}.footer>p:last-child{font-size:.875rem}
.button{font-size:1.0625rem;font-weight:750;min-height:62px;padding:17px 26px;overflow:hidden;isolation:isolate;transition:transform .25s var(--motion-ease),box-shadow .25s,background .25s,border-color .25s}.button-primary{background:#e8ad41;box-shadow:0 3px 0 #ad7a24}.button:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff7 50%,transparent 75%);transform:translateX(-140%);transition:transform .6s var(--motion-ease);z-index:-1;pointer-events:none}.button-header{font-size:.9375rem;min-height:52px;padding:14px 20px;font-weight:700}.button:active{transform:translateY(1px);box-shadow:0 1px 0 #ad7a24}.wa-icon{transition:transform .3s}.button:focus-visible{box-shadow:0 6px 22px #b9833030}.button:focus-visible:before{transform:translateX(140%)}.button:focus-visible .wa-icon{transform:scale(1.12)}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #a67624,0 12px 25px #ae883526}.button:hover:before{transform:translateX(140%)}.button:hover .wa-icon{transform:scale(1.12) rotate(-7deg)}.button-header:hover{background:#e3f1e9;border-color:#26757b;box-shadow:0 4px 16px #16636b18}.service:hover{transform:translateY(-4px);background:#ffffff90;border-color:#168288}.service:hover .service-symbol{transform:rotate(-6deg) scale(1.08)}.service-symbol{transition:transform .35s var(--motion-ease)}.service:hover h3{color:#087a7e}.steps li:hover{transform:translateY(-5px)}.steps li:hover .step-node{background:#0d7177;color:white;border-color:#0d7177;box-shadow:0 0 0 6px #0d717714}.principles article{transition:background .3s}.principles article:hover{background:#e0eee56b}}
/* Art uses complementary soft masks, retaining its complete source composition. */
.graph-stack{position:relative;width:100%;height:100%;perspective:1000px;transform-style:preserve-3d;isolation:isolate}.graph-scene .graph-stack img.graph-layer{position:absolute;inset:0;margin:0;left:0;top:0;width:100%;max-width:100%;height:100%;object-fit:contain;object-position:center;will-change:transform,opacity;transition:opacity .16s linear,filter .16s linear;pointer-events:none;transform-origin:65% 55%}.graph-layer-1{mask-image:linear-gradient(180deg,#000 0%,#000 30%,transparent 38%)}.graph-layer-2{mask-image:linear-gradient(180deg,transparent 30%,#000 38%,#000 63%,transparent 71%)}.graph-layer-3{mask-image:linear-gradient(180deg,transparent 63%,#000 71%,#000 100%)}.graph-scene{--layer-a:1;--layer-b:1;--layer-c:1;--plane-a:0px;--plane-b:0px;--plane-c:0px;--graph-scale:1;--graph-clarity:1;--graph-drift:0px;--pointer-x:0px;--pointer-y:0px}.graph-layer-1{opacity:var(--layer-a);transform:translate3d(calc(var(--plane-a) + var(--pointer-x)),calc(var(--graph-drift) + var(--pointer-y)),0) scale(var(--graph-scale))}.graph-layer-2{opacity:var(--layer-b);transform:translate3d(calc(var(--plane-b) - var(--pointer-x)),calc(var(--graph-drift) - var(--pointer-y)),8px) scale(var(--graph-scale))}.graph-layer-3{opacity:var(--layer-c);transform:translate3d(calc(var(--plane-c) + var(--pointer-x)),var(--graph-drift),16px) scale(var(--graph-scale))}.graph-scene img{filter:saturate(var(--graph-clarity))}.base-art{height:640px;margin-top:-70px}.base-art .graph-stack{width:120%;height:820px;left:-7%;top:-95px}.art-caption{font-size:.9375rem;font-weight:650;color:#1d626a;bottom:-16px;background:#eef5f1d9;padding:9px 0}.ownership-art{height:610px}.ownership-art .graph-stack{width:145%;left:-12%}.contact-art{height:510px}.contact-art .graph-stack{width:145%;left:-8%}.capabilities-network{opacity:.25}.method-art{opacity:.18}
@media(max-width:1100px){.hero{padding-top:55px}.hero-content{grid-column:1}.hero h1{font-size:clamp(3.2rem,5.3vw,4.6rem)}.hero-lead{font-size:1.1875rem}.hero-art{right:-12%;width:62%;height:700px}.header-inner{gap:24px}.desktop-nav{gap:20px}.button-header{padding:13px;font-size:.8125rem}.base-art{height:580px}.base-art .graph-stack{height:750px}.service h3{font-size:2rem}.services{gap:0 40px}.section-heading{gap:40px}.contact-art{height:470px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-content{width:76%}.hero-art{width:68%;right:-18%;top:160px;opacity:.43}.hero h1{font-size:clamp(3.5rem,7.1vw,4.7rem)}.hero-bottom{margin-top:50px}.section-label{font-size:.9375rem}.service-symbol,.service-symbol svg{width:44px}.base-art{height:600px}.base-art .graph-stack{width:165%;height:750px;left:-15%;top:-40px}.ownership-art .graph-stack{width:215%;left:-30%}.contact-art .graph-stack{width:190%;left:-28%}.steps h3{font-size:1.7rem}.mobile-cta:not([hidden]){font-size:1rem;min-height:60px;max-width:440px}.mobile-cta:hover{transform:translateX(-50%) translateY(-3px)}}
@media(max-width:600px){.hero{display:flex;padding-top:30px;padding-bottom:24px}.hero-content{width:100%}.hero h1{font-size:clamp(3rem,11.2vw,4.1rem)}.hero-lead{font-size:1.125rem;line-height:1.75}.eyebrow{font-size:.875rem;font-weight:650}.entry-note{font-size:1rem;line-height:1.7}.cta-note{font-size:.9375rem}.hero .cta-group{margin-top:25px}.button{font-size:1rem;min-height:60px;padding:16px 18px}.hero-art{position:relative;top:auto;right:auto;width:calc(100% + 56px);height:350px;margin:16px -28px 0;opacity:1;order:1}.hero-bottom{order:2;left:auto;right:auto;bottom:auto;margin-top:12px;gap:13px;padding-top:25px}.signature.claim{font-size:clamp(2.4rem,9.6vw,3.1rem);max-width:100%;overflow-wrap:anywhere}.hero-caption{font-size:.9375rem;letter-spacing:0}.section-label{font-size:.9375rem;gap:15px;line-height:1.45}.section-number{width:44px;height:44px;font-size:.9375rem;box-shadow:0 0 0 4px #167d8010}.section-heading>p,.large-copy,.contact-lead{font-size:1.125rem;line-height:1.75}.service{padding:27px 0}.service-symbol,.service-symbol svg{width:36px}.service h3{font-size:2rem;font-weight:550}.service p,.base-content>p:not(.large-copy),.steps p,.principles p,.ai-note p,.ownership-details p{font-size:1.0625rem;line-height:1.8}.service .service-detail{font-size:.875rem}.capabilities-foot p{font-size:1rem}.base-art{height:520px;margin:10px -16px 0}.base-art .graph-stack{width:100%;height:520px;left:0;top:0}.art-caption{bottom:-12px;font-size:.875rem}.principles{margin-top:45px}.principles h3{font-size:1.8rem;font-weight:550}.principle-index{font-size:.875rem}.ai-label{font-size:1rem}.steps h3{font-size:1.85rem}.step-node{font-size:.9375rem}.ownership-art{height:320px;margin:0 -28px}.ownership-art .graph-stack{width:100%;height:320px;left:0}.contact-art{height:260px}.contact-art .graph-stack{width:100%;height:260px;left:0}.contact-person,.contact-person span{font-size:.9375rem}.footer{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px;padding-top:32px}.footer .footer-claim{font-size:1.7rem;line-height:1.2}.footer>p:last-child{font-size:.875rem}.mobile-cta:not([hidden]){font-size:.9375rem;gap:10px;padding:15px 13px}.mobile-cta:hover{transform:translateX(-50%)}.capabilities-network{opacity:.2}}
@media(prefers-reduced-motion:reduce){.graph-scene .graph-stack img.graph-layer{transform:none!important;opacity:1!important;filter:none!important;will-change:auto}.button:before{display:none}.button:hover,.service:hover,.steps li:hover,.service:hover .service-symbol{transform:none}.mobile-cta:not([hidden]):hover{transform:translateX(-50%)}}
@media(min-width:601px){.hero-art .graph-stack{mask-image:linear-gradient(90deg,transparent 0%,transparent 14%,#000 32%,#000 100%)}}
@media(min-width:1101px){.hero{max-width:1536px}.hero h1{font-size:clamp(3.5rem,5.2vw,4.65rem)}}