.pillars{--p-ink:var(--ink,#0b111b);--p-paper:var(--paper,#f5f2ec);--p-mint:var(--mint,#6de0c4);--p-soft:#a6b9bf;position:relative;isolation:isolate;color:var(--p-paper);background:var(--p-ink);padding:110px clamp(20px,4.5vw,80px) 40px;overflow:clip;font-family:Manrope,sans-serif}
.pillars *{box-sizing:border-box}.pillars button,.pillars a{-webkit-tap-highlight-color:transparent}.pillars a:focus-visible,.pillars button:focus-visible{outline:2px solid var(--p-mint);outline-offset:5px}.pillars-intro{max-width:1440px;margin:0 auto 48px;display:grid;grid-template-columns:1.3fr 1fr;gap:18px 60px;align-items:end}.pillars-eyebrow{grid-column:1/-1;color:var(--p-mint);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.pillars-intro h2{font:400 clamp(56px,6.7vw,102px)/.92 'Instrument Serif',Georgia,serif;letter-spacing:-.045em;margin:0}.pillars-intro h2 em{font-weight:400;color:var(--p-mint)}.pillars-intro-copy{font-size:18px;line-height:1.65;max-width:38ch;color:var(--p-soft);margin:0 0 4px}.pillars-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);gap:clamp(30px,5vw,80px);position:relative;align-items:start}.pillars-stage-wrap{position:sticky;top:84px;align-self:start;min-width:0}.pillars-nav{display:flex;align-items:center;border-bottom:1px solid #31434a;margin-bottom:14px;gap:0}.pillars-nav button{flex:1;min-width:0;min-height:52px;position:relative;padding:12px 8px;border:0;background:transparent;color:#a3b5bd;font:500 14px Manrope,sans-serif;cursor:pointer}.pillars-nav button:after{content:'';position:absolute;bottom:-1px;left:10%;right:10%;height:2px;background:var(--p-mint);transform:scaleX(0);transition:transform .5s cubic-bezier(.22,1,.36,1)}.pillars-nav button[aria-pressed=true]{color:var(--p-paper)}.pillars-nav button[aria-pressed=true]:after{transform:scaleX(1)}.pillars-nav button:hover{color:var(--p-mint)}.pillars-stage{aspect-ratio:800/580;position:relative;isolation:isolate;perspective:1200px;overflow:hidden;border-bottom:1px solid #31434a;background:radial-gradient(ellipse at 52% 48%,#213a3e 0%,#101f2a 37%,transparent 70%)}.pillars-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 52%,#68d6be19,transparent 54%);transition:filter 1.2s,opacity 1.2s}.pillars-stage[data-active="1"] .pillars-atmosphere{filter:hue-rotate(-28deg);opacity:.5}.pillars-stage[data-active="2"] .pillars-atmosphere{filter:hue-rotate(14deg);opacity:.8}.pillars-orbit{position:absolute;left:8%;right:5%;top:14%;height:63%;border:1px solid #79c7bd21;border-radius:50%;transform:rotate(-21deg);box-shadow:0 0 60px #52b8a00a;pointer-events:none}.pillars-floor{position:absolute;left:7%;right:7%;bottom:7%;height:32%;border:1px solid #59737b45;border-radius:50%;transform:rotateX(62deg);background:radial-gradient(ellipse at center,#24373a,#11202b 62%,#07121b);box-shadow:0 32px 45px #0009,inset 0 -8px 15px #0006;transition:transform 1.4s}.pillars-floor i{position:absolute;inset:12%;border:1px solid #8fb0b01f;border-radius:50%}.pillars-floor i:nth-child(2){inset:26%}.pillars-floor i:nth-child(3){inset:40%}.pillar-scene{position:absolute;inset:0;opacity:0;transform:translate3d(8%,5%,-140px) rotateY(-13deg) scale(.9);transform-origin:50% 70%;transition:opacity .65s,transform 1.15s cubic-bezier(.22,1,.36,1);pointer-events:none}.pillar-scene.is-current{opacity:1;transform:translate3d(0,0,0) rotateY(0) scale(1);z-index:2}.pillars-stage-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:14px 2px;background:linear-gradient(transparent,var(--p-ink));font:10px/1.4 monospace;letter-spacing:.08em;color:#8aabb2;z-index:8}.scene-coordinate{position:absolute;bottom:12%;left:5%;font:11px monospace;letter-spacing:.05em;text-transform:uppercase;color:#8db3b8}.scene-example{position:absolute;bottom:12%;right:5%;font:10px monospace;text-transform:uppercase;color:#93a5af}.pillars-scene-count{color:var(--p-mint);white-space:nowrap;margin-left:10px}
/* SOCLE — a coherent physical workstation, connected by a live cable. */
.socle-server{position:absolute;left:10%;top:37%;width:23%;height:30%;transform:rotateY(23deg) rotateX(8deg) rotateZ(-5deg);transform-style:preserve-3d;filter:drop-shadow(-12px 30px 15px #0008);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.scene-socle:not(.is-current) .socle-server{transform:translateY(18%) rotateY(30deg) rotateZ(-12deg)}.server-blade{position:relative;height:26%;margin-bottom:4%;border:1px solid #5d727c;border-radius:4px;background:linear-gradient(130deg,#31444e,#13222c 55%,#233540);box-shadow:inset 0 1px #b5c6c155,inset 0 -4px 8px #0008;padding:12% 10%}.server-top{height:14%;background:linear-gradient(145deg,#5b727b,#2d434f 45%,#162d38);transform:skewX(-30deg);transform-origin:bottom left;border:1px solid #6f8a91;border-radius:3px 4px 0 0;margin-left:6%;width:94%}.server-blade span{width:5px;height:5px;position:absolute;left:10%;top:40%;border-radius:50%;background:var(--p-mint);box-shadow:0 0 8px var(--p-mint)}.server-blade i{height:2px;background:#6c888e;display:block;width:34%;margin:4% 0 4% 19%;opacity:.55}.server-blade b{font:8px monospace;position:absolute;right:10%;top:36%;color:#a8c4c6}.server-caption{font:12px 'Instrument Serif',serif;color:#c6d8d7;text-align:center;margin-top:10px}.socle-computer{position:absolute;left:35%;top:18%;width:48%;height:54%;transform:rotateY(-14deg) rotateX(6deg);filter:drop-shadow(10px 24px 20px #0008)}.computer-frame{position:relative;height:71%;padding:3.5%;background:linear-gradient(135deg,#70838a,#253a46 12%,#1c2d39 72%,#53666c);border:1px solid #7d9397;border-radius:8px;box-shadow:inset 0 1px 2px #e9f4ee8c,3px 4px 0 #061520}.computer-screen{height:100%;position:relative;background:radial-gradient(ellipse at 75% 15%,#60d8bc99,transparent 55%),linear-gradient(150deg,#183a43,#081525 75%);border:1px solid #03121b;overflow:hidden}.screen-horizon{position:absolute;width:125%;height:105%;left:-20%;top:35%;border-radius:50%;border:1px solid #b8f4dc77;box-shadow:0 -10px 30px #b4ffdc19,0 -60px 100px #3cf2b011;transform:rotate(-26deg)}.screen-caption{position:absolute;left:10%;top:16%;color:#eef8ef;font:400 clamp(14px,2vw,29px)/1.1 'Instrument Serif',serif;letter-spacing:-.03em}.screen-corner{position:absolute;bottom:9%;left:10%;font:8px monospace;color:#96c7c3}.screen-camera{position:absolute;left:50%;top:1.7%;width:3px;height:3px;border-radius:50%;background:#061824}.computer-neck{width:16%;height:20%;margin:auto;background:linear-gradient(90deg,#455d66,#91a6a9 46%,#2b4551);transform:skewX(-5deg);box-shadow:3px 1px 0 #0a1b27}.computer-foot{height:6%;width:47%;margin:auto;border-radius:50%;background:linear-gradient(150deg,#849c9e,#1b303d 80%);border:1px solid #5f7983;box-shadow:0 5px 0 #0a1520}.socle-phone{position:absolute;top:45%;left:78%;width:13%;height:31%;border-radius:16px;border:4px solid #63818c;background:radial-gradient(ellipse at 20% 10%,#2f8d7f,#112832 70%);box-shadow:3px 6px 0 #06131d,10px 25px 20px #0006;transform:rotateY(-22deg) rotateZ(7deg);overflow:hidden}.phone-speaker{position:absolute;top:5%;left:35%;width:30%;height:3px;border-radius:5px;background:#0a1721}.phone-orbit{position:absolute;top:19%;left:-50%;width:170%;height:52%;border:1px solid #acf5dba1;border-radius:50%;transform:rotate(-25deg)}.phone-line{position:absolute;left:18%;top:70%;width:60%;height:3px;background:#d4f2e288}.phone-line.short{top:76%;width:36%;background:#d4f2e244}.phone-home{position:absolute;bottom:5%;left:31%;height:2px;width:38%;background:#b4cfcf}.socle-wires{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.wire-track{fill:none;stroke:#58858b66;stroke-width:2}.wire-pulse{fill:none;stroke:var(--p-mint);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:25 560;animation:hw-wire 5s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 5px #6de0c4)}.socle-wires circle{fill:var(--p-mint);opacity:.7}
/* PRESENCE — actual project imagery, planes and framing. */
.presence-window{position:absolute;width:76%;left:2%;top:16%;transform:rotateY(12deg) rotateX(7deg) rotateZ(-5deg);background:#eff0e8;border:1px solid #acb8ac;border-radius:6px;box-shadow:0 30px 48px #0009,4px 4px 0 #87998e;overflow:hidden;transition:transform 1.4s cubic-bezier(.22,1,.36,1)}.scene-presence:not(.is-current) .presence-window{transform:rotateY(28deg) rotateX(18deg) rotateZ(-10deg) translateZ(-100px)}.window-bar{height:24px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#e1e8e1;color:#425959}.window-bar i{width:4px;height:4px;background:#7a9b8e;border-radius:50%}.window-bar span{margin-left:auto;font:8px monospace;opacity:.8}.presence-media{position:relative;aspect-ratio:16/9;background:#152e31;overflow:hidden}.presence-media img{width:100%;height:100%;object-fit:cover;display:block}.presence-reflection{position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 35%,#ffffff38 45%,transparent 55%);transform:translateX(-50%);animation:hw-reflection 8s ease-in-out infinite;animation-play-state:paused;pointer-events:none}.presence-label{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;color:#233e36;font:8px monospace;letter-spacing:.03em}.presence-secondary{position:absolute;left:65%;top:38%;width:31%;height:39%;overflow:hidden;background:#111e26;border:5px solid #344955;border-radius:8px;box-shadow:-15px 24px 35px #0009,3px 3px 0 #6c848c;transform:rotateY(-14deg) rotateZ(6deg)}.presence-secondary img{width:100%;height:100%;object-fit:cover;object-position:57% 45%;filter:brightness(.8)}.presence-secondary>div{position:absolute;left:0;right:0;bottom:0;padding:14px 10px;background:linear-gradient(transparent,#07121a);color:white}.presence-secondary span{display:block;font:11px/1.4 Manrope,sans-serif;font-weight:600;letter-spacing:.04em}.presence-secondary small{font:13px 'Instrument Serif',serif;display:block;margin-top:4px}.presence-statement{position:absolute;left:8%;top:61%;font:400 clamp(25px,3.7vw,53px)/.9 'Instrument Serif',serif;letter-spacing:-.045em;transform:rotate(-5deg);color:var(--p-paper);text-shadow:0 4px 25px #0008}.presence-statement em{color:var(--p-mint)}
/* POTENTIEL — source material is reorganised, not a synthetic brain. */
.ai-question{position:absolute;left:13%;top:11%;width:74%;padding:15px 20px;border:1px solid #6c969b77;border-radius:4px;background:linear-gradient(130deg,#1c3d44dd,#0b1b29e8);box-shadow:0 12px 30px #0004;color:#d8eeea;font:500 clamp(12px,1.5vw,20px) Manrope,sans-serif;display:flex;gap:13px;align-items:center;z-index:6}.ai-dot{width:7px;height:7px;border-radius:50%;background:var(--p-mint);box-shadow:0 0 16px #6de0c4bb}.ai-question-mark{margin-left:auto;color:var(--p-mint)}.ai-document{position:absolute;left:12%;top:27%;width:34%;height:44%;background:#e6eae0;border:1px solid #f5f2ecbd;border-radius:3px;color:#18362f;box-shadow:0 18px 24px #0005;padding:7% 5% 4%;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.doc-back{transform:rotate(-16deg) translate(-10%,-5%);background:#768d8a;animation:hw-doc-back 10s ease-in-out infinite;animation-play-state:paused}.doc-middle{transform:rotate(9deg) translate(10%,-7%);background:#a5bbb0;animation:hw-doc-middle 10s ease-in-out infinite;animation-play-state:paused}.doc-front{transform:rotate(-5deg) translate(0,8%);z-index:3;background:linear-gradient(135deg,#f5f2ec,#d7e5d9)}.doc-type{position:absolute;top:7%;left:10%;font:8px monospace;letter-spacing:.05em}.doc-page{position:absolute;bottom:8%;right:10%;font:30px 'Instrument Serif',serif;color:#29473d55}.doc-front strong{display:block;font:400 clamp(16px,2.3vw,31px)/1.05 'Instrument Serif',serif;letter-spacing:-.03em;margin:0 0 18%}.doc-lines i{display:block;width:100%;height:3px;margin:9% 0;background:#4d6d5c45}.doc-lines i:nth-child(2n){width:74%}.doc-lines i.highlight-line{position:relative;width:92%;background:#1e6048;height:4px;box-shadow:0 0 0 5px #6de0c470;animation:hw-highlight 8s ease-in-out infinite;animation-play-state:paused}.doc-source{font:8px monospace;color:#305846;display:block;margin-top:14%}.ai-synthesis{position:absolute;left:62%;top:32%;width:34%;padding:6% 4%;background:linear-gradient(135deg,#1e3b43,#0c1e2b);border:1px solid #50777e;border-radius:4px;box-shadow:10px 20px 30px #0006;transform:rotateY(-12deg) rotateZ(3deg);z-index:5}.ai-result-label{display:block;font:9px monospace;letter-spacing:.06em;color:var(--p-mint);margin-bottom:17%}.ai-synthesis strong{font:400 clamp(20px,2.7vw,39px)/.95 'Instrument Serif',serif;letter-spacing:-.035em}.ai-synthesis strong em{color:var(--p-mint)}.ai-synthesis p{font:11px/1.6 Manrope,sans-serif;color:#b4c8ca;margin:16% 0}.ai-source-link{font:8px monospace;color:#9dc9c6;display:flex;align-items:center;gap:5px;border-top:1px solid #50777e;padding-top:12%}.ai-source-link i{width:5px;height:5px;border:1px solid var(--p-mint);border-radius:50%}.ai-link{position:absolute;inset:0;width:100%;height:100%;z-index:4}
/* FLUX — sequential workstations connected by one moving signal. */
.flux-caption{position:absolute;left:8%;top:9%;font:400 clamp(25px,3.8vw,52px)/.95 'Instrument Serif',serif;letter-spacing:-.04em;color:var(--p-paper)}.flux-caption em{color:var(--p-mint)}.flux-path{position:absolute;inset:0;width:100%;height:100%;z-index:1}.flux-path .wire-pulse{stroke-dasharray:32 700;animation-duration:7s}.flow-station{position:absolute;top:43%;width:24%;height:31%;background:linear-gradient(130deg,#344e56,#102532 72%);border:1px solid #6f8e94;border-radius:6px;box-shadow:6px 9px 0 #061621,11px 25px 35px #0006,inset 0 1px #d8eade44;padding:14% 3.2% 3%;transform:rotateY(-8deg) rotateX(7deg);z-index:3}.station-one{left:5%}.station-two{left:38%;top:29%;transform:rotateY(-7deg) rotateX(7deg) translateZ(20px)}.station-three{left:71%;top:43%;transform:rotateY(-14deg) rotateX(7deg)}.flow-icon{position:absolute;left:15%;top:12%;width:32%;aspect-ratio:1;border-radius:4px;border:1px solid #78acaa60;background:linear-gradient(135deg,#79b7a922,#09232e);display:grid;place-items:center}.flow-step{position:absolute;right:12%;top:16%;font:10px monospace;color:#b0d1cd}.flow-station strong{font:400 clamp(18px,2.4vw,33px)/1 'Instrument Serif',serif;display:block;color:#f1f7ed}.flow-station small{font:9px/1.5 Manrope,sans-serif;color:#aec8c9;display:block;margin-top:8%}.flow-led{height:3px;background:#47716d;border-radius:2px;position:absolute;left:14%;right:14%;bottom:12%;animation:hw-station 7s ease-in-out infinite;animation-play-state:paused}.station-two .flow-led{animation-delay:1.4s}.station-three .flow-led{animation-delay:2.8s}.flow-envelope{display:block;width:60%;height:43%;border:1px solid #91e0c8;position:relative;border-radius:1px}.flow-envelope:before{content:'';position:absolute;width:66%;height:66%;border-bottom:1px solid #91e0c8;border-right:1px solid #91e0c8;left:16%;top:-35%;transform:rotate(45deg)}.flow-folder{display:block;width:62%;height:47%;border:1px solid #91e0c8;border-radius:1px;position:relative}.flow-folder:before{content:'';position:absolute;left:-1px;top:-5px;width:48%;height:4px;border:1px solid #91e0c8;border-bottom:0;border-radius:1px 2px 0 0}.flow-check{display:block;width:42%;height:26%;border-bottom:2px solid #91e0c8;border-left:2px solid #91e0c8;transform:rotate(-45deg) translateY(-15%)}.flux-packet{position:absolute;left:20%;top:62%;height:7px;width:13px;border:1px solid #8cf7d6;background:#4abf9c99;box-shadow:0 0 12px #6de0c488;z-index:4;opacity:0;animation:hw-packet 7s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused}.packet-two{animation-delay:1.1s}
/* Narrative column: open editorial text, no card chrome. */
.pillar-story{min-height:82svh;padding:115px 0 85px;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:110px;position:relative}.pillar-number{font:11px/1.5 monospace;letter-spacing:.1em;color:var(--p-mint);margin:0 0 24px}.pillar-story h3{font:400 clamp(48px,4.8vw,76px)/.95 'Instrument Serif',Georgia,serif;letter-spacing:-.04em;margin:0 0 18px}.pillar-story h3 span{color:var(--p-mint)}.pillar-trade{font:600 20px/1.35 Manrope,sans-serif;color:#ecf4eb;margin:0 0 26px}.pillar-promise{font:400 24px/1.35 'Instrument Serif',Georgia,serif;color:#b3e5d7;margin:0 0 24px}.pillar-description{font:400 16px/1.7 Manrope,sans-serif;color:#9fb4bd;max-width:38ch;margin:0 0 28px}.pillar-examples{list-style:none;margin:0 0 28px;padding:0;color:#c4d0d0;font:13px/1.7 Manrope,sans-serif}.pillar-examples li{position:relative;padding-left:18px;margin:7px 0}.pillar-examples li:before{content:'';position:absolute;left:0;top:.65em;width:5px;height:1px;background:var(--p-mint)}.pillar-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:46px;width:fit-content;color:var(--p-paper);font-size:14px;text-decoration:none;border-bottom:1px solid #6de0c48c;padding-bottom:5px;max-width:100%}.pillar-cta span{font-size:22px;color:var(--p-mint);transition:transform .3s}.pillar-cta:hover span{transform:translate(3px,-3px)}.pillar-media-note{font:11px/1.6 Manrope,sans-serif;color:#829ca6;margin:0 0 20px;max-width:35ch}.pillars-outro{max-width:1440px;margin:0 auto;padding:28px 0 0;border-top:1px solid #31434a;display:flex;justify-content:space-between;gap:20px;color:#91aab5;font-size:14px}.pillars-outro span{color:var(--p-mint)}
/* Motion runs only for the active scene while visible. */
.pillars.is-motion-on.is-stage-visible .pillar-scene.is-current .wire-pulse,.pillars.is-motion-on.is-stage-visible .pillar-scene.is-current .presence-reflection,.pillars.is-motion-on.is-stage-visible .pillar-scene.is-current .doc-back,.pillars.is-motion-on.is-stage-visible .pillar-scene.is-current .doc-middle,.pillars.is-motion-on.is-stage-visible .pillar-scene.is-current .highlight-line,.pillars.is-motion-on.is-stage-visible .pillar-scene.is-current .flow-led,.pillars.is-motion-on.is-stage-visible .pillar-scene.is-current .flux-packet{animation-play-state:running}
@keyframes hw-wire{to{stroke-dashoffset:-585}}
@keyframes hw-reflection{0%,20%{transform:translateX(-45%)}70%,100%{transform:translateX(45%)}}
@keyframes hw-doc-back{0%,15%,100%{transform:rotate(-16deg) translate(-10%,-5%)}45%,70%{transform:rotate(-8deg) translate(-4%,-16%)}}
@keyframes hw-doc-middle{0%,15%,100%{transform:rotate(9deg) translate(10%,-7%)}45%,70%{transform:rotate(3deg) translate(4%,-13%)}}
@keyframes hw-highlight{0%,15%,100%{box-shadow:0 0 0 5px #6de0c430}45%,70%{box-shadow:0 0 0 5px #6de0c4b0}}
@keyframes hw-station{0%,10%,100%{background:#47716d;box-shadow:none}25%,45%{background:#90f4d7;box-shadow:0 0 14px #6de0c488}70%{background:#5e9a8b}}
@keyframes hw-packet{0%{opacity:0;transform:translate(0,0)}12%{opacity:1}43%{opacity:1;transform:translate(185px,-75px)}72%{opacity:1;transform:translate(390px,0)}84%,100%{opacity:0;transform:translate(425px,-25px)}}
.pillars:not(.is-motion-on) .pillar-scene,.pillars:not(.is-motion-on) .socle-server,.pillars:not(.is-motion-on) .presence-window,.pillars:not(.is-motion-on) .ai-document,.pillars:not(.is-motion-on) .pillars-nav button:after,.pillars:not(.is-motion-on) .pillar-cta span{transition:none!important}.pillars:not(.is-motion-on) .wire-pulse{stroke-dasharray:none;opacity:.55}.pillars:not(.is-motion-on) .flux-packet{display:none}
@media(min-width:1600px){.pillars-stage-wrap{top:110px}}
@media(max-width:1100px){.pillars-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,.85fr);gap:28px}.pillar-story h3{font-size:53px}.pillar-trade{font-size:18px}.pillar-promise{font-size:23px}.pillars-nav button{font-size:14px;padding-inline:4px}.ai-question{padding:11px 14px}.flow-station small{font-size:8px}.pillars-stage-bottom{font-size:8px}.scene-coordinate{font-size:9px}.scene-example{font-size:8px}}
@media(max-width:767px){.pillars{padding:70px 20px 30px}.pillars-intro{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.pillars-eyebrow{font-size:11px;margin:0}.pillars-intro h2{font-size:66px}.pillars-intro-copy{font-size:16px;max-width:36ch}.pillars-layout{display:block}.pillars-stage-wrap{top:62px;z-index:7;background:var(--p-ink);padding-top:0;padding-bottom:8px;box-shadow:0 14px 14px -10px #0b111bee}.pillars-nav{margin-bottom:0;background:var(--p-ink)}.pillars-nav button{flex:1 1 auto;min-height:48px;font-size:14px;padding:12px 3px}.pillars-stage{aspect-ratio:1.52}.pillar-story{min-height:67svh;padding:46px 0 44px;scroll-margin-top:calc(62px + 74vw);border-bottom:1px solid #31434a}.pillar-number{font-size:11px;margin-bottom:16px}.pillar-story h3{font-size:60px}.pillar-trade{font-size:20px;margin-bottom:20px}.pillar-promise{font-size:25px;margin-bottom:20px}.pillar-description{font-size:16px;max-width:46ch;margin-bottom:22px}.pillar-examples{font-size:14px;margin-bottom:22px}.pillar-media-note{font-size:12px;max-width:none}.pillar-cta{font-size:15px;min-height:48px}.pillars-stage-bottom{font-size:7px;padding:10px 0}.scene-coordinate{font-size:8px;bottom:13%}.scene-example{font-size:7px;bottom:13%}.screen-caption{font-size:18px}.server-caption{font-size:10px;margin-top:5px}.server-blade b{font-size:6px}.socle-phone{border-width:3px;border-radius:10px}.window-bar{height:16px;padding:0 6px}.window-bar span{font-size:6px}.window-bar i{width:3px;height:3px}.presence-label{font-size:6px;padding:6px}.presence-statement{font-size:30px;top:60%}.presence-secondary{border-width:3px}.presence-secondary span{font-size:7px}.presence-secondary small{font-size:10px}.presence-secondary>div{padding:8px 6px}.ai-question{font-size:10px;padding:9px 11px;gap:8px}.ai-dot{width:4px;height:4px}.doc-type{font-size:5px}.doc-front strong{font-size:19px}.doc-lines i{height:2px}.doc-lines i.highlight-line{height:2px;box-shadow:0 0 0 3px #6de0c470}.doc-source{font-size:5px}.ai-result-label{font-size:6px}.ai-synthesis strong{font-size:24px}.ai-synthesis p{font-size:7px}.ai-source-link{font-size:5px}.flux-caption{font-size:32px}.flow-station strong{font-size:20px}.flow-station small{font-size:6px}.flow-step{font-size:6px}.flow-led{height:2px}.flow-folder:before{top:-3px;height:2px}.flux-packet{height:4px;width:7px;animation-name:hw-packet-mobile}.pillars-outro{font-size:12px;padding-top:22px}.pillars-outro span{text-align:right}.ai-document{padding-top:7%}.wire-pulse{stroke-width:2.2}}
@media(max-width:370px){.pillars{padding-inline:16px}.pillars-intro h2{font-size:58px}.pillars-nav button{font-size:14px}.pillars-stage-wrap{top:56px}.pillar-story h3{font-size:52px}.pillar-trade{font-size:18px}.pillar-promise{font-size:23px}.screen-caption{font-size:15px}.presence-statement{font-size:26px}.doc-front strong{font-size:16px}.ai-synthesis strong{font-size:20px}.flux-caption{font-size:28px}.flow-station strong{font-size:17px}}
@keyframes hw-packet-mobile{0%{opacity:0;transform:translate(0,0)}12%{opacity:1}43%{opacity:1;transform:translate(80px,-30px)}72%{opacity:1;transform:translate(168px,0)}84%,100%{opacity:0;transform:translate(183px,-11px)}}
@media(prefers-reduced-motion:reduce){.pillars *,.pillars *:before,.pillars *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pillars .wire-pulse{stroke-dasharray:none;opacity:.55}.pillars .flux-packet{display:none}}

/* Fixed internal layouts keep the physical objects coherent at every scale. */
.pillars .server-blade{padding:0}.pillars .server-blade i{position:absolute;left:29%;top:32%;margin:0}.pillars .server-blade i:nth-of-type(2){top:46%}.pillars .server-blade i:nth-of-type(3){top:60%}
.pillars .flow-station{padding:0}.pillars .flow-station strong{position:absolute;left:14%;top:53%}.pillars .flow-station small{position:absolute;left:14%;right:6%;top:75%;margin:0}
.pillars .ai-document{padding:0}.pillars .doc-front strong{position:absolute;left:10%;right:6%;top:20%;margin:0}.pillars .doc-lines{position:absolute;left:10%;right:10%;top:38%;height:40%;display:flex;flex-direction:column;gap:12%}.pillars .doc-lines i{margin:0;flex:0 0 3px}.pillars .doc-front .doc-lines{top:54%;height:24%;gap:19%}.pillars .doc-source{position:absolute;left:10%;bottom:7%;margin:0}
.pillars .ai-synthesis{height:44%;padding:0}.pillars .ai-result-label{position:absolute;left:12%;right:8%;top:10%;margin:0}.pillars .ai-synthesis strong{position:absolute;left:12%;right:5%;top:26%}.pillars .ai-synthesis p{position:absolute;left:12%;right:5%;top:60%;margin:0}.pillars .ai-source-link{position:absolute;left:12%;right:12%;bottom:8%;padding-top:7px}
.pillars:not(.is-motion-on) *,.pillars:not(.is-motion-on) *:before,.pillars:not(.is-motion-on) *:after{animation-play-state:paused!important;transition:none!important}
@media(max-width:767px){.pillars .ai-synthesis p{display:none}.pillars .doc-lines i{flex-basis:2px}.pillars .ai-source-link{padding-top:4px}}

/* Integration: persistent navigation and composed contrast. */
.pillars .pillars-stage-wrap{top:94px}.pillars .presence-statement{color:#163d32;text-shadow:none}.pillars .presence-statement em{color:#256a51}.pillars .scene-coordinate{background:#0b111bc9;padding:5px 7px;font-size:9px;bottom:11%}
@media(max-width:767px){.pillars .pillars-stage-wrap{top:74px}.pillars .scene-coordinate{font-size:6px;padding:3px 5px}.pillars .presence-statement{top:60%}}

@media(max-width:767px){.pillars .flux-caption{font-size:26px;top:4%}.pillars .flow-station small{display:none}.pillars .flow-station strong{top:55%;font-size:18px}.pillars .flow-led{bottom:7%}}