/* A single visual language from the opening emblem to the live architecture. */
.intro-emblem i{background:#d8e8bd;box-shadow:0 0 32px #d8e8bd44}.intro-emblem svg{stroke:#dce8ccbb;filter:drop-shadow(0 0 8px #d9e8c266)}.intro-center h2 span,.intro-center sup{color:#d8e8bd}.intro-city{color:#c7dfc39c;stroke-width:1.2;opacity:.8;filter:drop-shadow(0 0 9px #bfdbca44)}.intro-grid{background-image:radial-gradient(ellipse at 50% 40%,#b6d4b62b,transparent 60%),linear-gradient(#d5e9d30e 1px,transparent 1px),linear-gradient(90deg,#d5e9d30e 1px,transparent 1px)}.brand-intro.is-leaving .intro-panel{transition-duration:1.05s;transition-timing-function:cubic-bezier(.7,0,.15,1)}.is-leaving .intro-center{transform:scale(.95);transition:opacity .3s,transform .6s}.is-leaving .intro-city{transform:scale(1.1);filter:blur(3px);transition:opacity .85s,transform 1.1s,filter .9s}
.intro-transfer{position:fixed;z-index:1200;pointer-events:none;filter:drop-shadow(0 0 18px #d8e8bca8)}.intro-transfer svg{width:100%;height:100%;fill:none;stroke:#e2eed0;stroke-width:1}.intro-transfer path{stroke-width:7;stroke-linecap:square}.intro-transfer circle{stroke:#d3e4beb3;stroke-width:.8}
.hero-cyber{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;mix-blend-mode:screen}.hero-cyber>svg{position:absolute;inset:0;width:100%;height:100%;fill:none}.cyber-blueprint{stroke:#c4dcd14d;stroke-width:.65}.cyber-traces{stroke:url(#hero-silver);stroke-width:1.6;stroke-dasharray:200 1600;stroke-dashoffset:1800;filter:drop-shadow(0 0 7px #d8ede2b3);animation:cyber-route 11s linear infinite}.cyber-traces>path:nth-child(2){stroke-dasharray:110 1700;opacity:.8}.cyber-nodes{fill:#e4efdb;stroke:#e1edda4d;stroke-width:10;paint-order:stroke;filter:drop-shadow(0 0 8px #dbedcc);animation:cyber-node-breathe 5s ease-in-out infinite}.cyber-nodes>circle:nth-child(2){stroke-width:17}.hero-ground-grid{position:absolute;inset:47% -25% -47%;background-image:linear-gradient(#c3dac630 1px,transparent 1px),linear-gradient(90deg,#c3dac626 1px,transparent 1px);background-size:90px 90px;transform:perspective(440px) rotateX(63deg);transform-origin:center top;mask-image:linear-gradient(transparent,#000b 20%,#000 65%,transparent);animation:cyber-grid-flow 15s linear infinite;opacity:.55}.hero-silver-rise{position:absolute;inset:0;background:linear-gradient(114deg,transparent 49%,#d1e8df13 50%,#edf5eb57 50.4%,#b9d8cf18 51.2%,transparent 53%);background-size:250% 100%;animation:silver-rise 13s ease-in-out infinite;opacity:.7;mask-image:linear-gradient(transparent 5%,#0008 25%,#000 70%,transparent)}.hero-scan-light{position:absolute;inset:15% -10% 15%;height:1px;box-shadow:0 0 22px 2px #e1f1d943;background:linear-gradient(90deg,transparent,#dfecdb80,transparent);transform:rotate(-13deg);animation:cyber-scan 12s ease-in-out infinite;opacity:0}.cyber-coordinate{position:absolute;font-size:8px;letter-spacing:2px;color:#b9d2c4;display:flex;align-items:center;gap:13px}.cyber-coordinate i{width:32px;height:1px;background:#d7e6d9a1}.cyber-coordinate-one{left:42%;top:56%}.cyber-coordinate-two{right:10%;top:22%}
.hero-focus{border-color:#d7e8d661}.hero-focus:before,.hero-focus:after{box-shadow:0 0 15px #e6f0cf8c}.hero-focus-corner{box-shadow:0 0 0 7px #deedcc0d,0 0 24px #dcebb4ab;animation:focus-beacon 4s ease-in-out infinite}.hero-refined .hero-atmosphere{background:radial-gradient(ellipse at var(--hero-light-x,68%) var(--hero-light-y,35%),#daebcb36,transparent 43%)}.hero-flow{stroke-width:2;filter:drop-shadow(0 0 7px #d7e6bd9c);animation-duration:11s}.hero-flow-two{animation-duration:17s}.hero-contour{stroke:#cfdfb836}#hero-particles{filter:brightness(1.6)}
.cover-letter{display:inline-block;transform-origin:50% 90%;backface-visibility:hidden}.hero-cover-title{perspective:1000px}.hero-cover-title h1{animation:none;overflow:visible}.hero-cover-title h1>strong{display:inline-block}.hero-refined h1 [data-hero-word]{white-space:nowrap}.hero-refined h1 strong>[data-hero-word]{display:inline-block}.hero-cover-title h1>strong:after{content:'';position:absolute;inset:-12% -3%;background:linear-gradient(110deg,transparent 35%,#f3f8eec7 49%,transparent 62%);mix-blend-mode:overlay;pointer-events:none;transform:translateX(-130%);opacity:0;mask-image:linear-gradient(transparent 5%,#000 50%,transparent 95%)}
.hero-revealing .hero-cover-title h1>strong:after{animation:headline-silver 2.1s 1.15s cubic-bezier(.2,.7,.2,1) both}.hero-foreground-sweep{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;background:linear-gradient(115deg,transparent 42%,#d7e8c11a 49%,#f2f8df46 50%,transparent 57%);mix-blend-mode:screen;transform:translateX(-100%)}.hero-revealing .hero-foreground-sweep{animation:foreground-arrival 1.8s .15s cubic-bezier(.15,.6,.2,1) both}.hero-revealing .hero-focus{animation:focus-arrival 1.5s .15s both cubic-bezier(.2,.8,.2,1)}.hero-revealing .hero-cyber{animation:cyber-arrival 1.6s both}.hero-project-orb:after{content:'';position:absolute;inset:-10px;border:1px solid #e2efc766;border-radius:50%;opacity:0;pointer-events:none}.hero-revealing .hero-project-orb:after{animation:orb-receive 1.8s .8s both}.hero-project-orb:hover:after{opacity:.45;transform:scale(1.06);transition:opacity .4s,transform .7s}.hero-project-orb>span{z-index:1}
.intro-pending .hero-refined:not(.hero-revealing):not(.is-cover-ready) :is(.hero-cover-title,.hero-cover-caption,.hero-project-orb,.hero-edition,.hero-bottom){opacity:0}.hero-revealing .hero-cover-title,.hero-revealing .hero-cover-caption,.hero-revealing .hero-project-orb,.hero-revealing .hero-edition,.hero-revealing .hero-bottom{opacity:1}
@keyframes cyber-route{to{stroke-dashoffset:-1800}}@keyframes cyber-node-breathe{0%,100%{opacity:.5}50%{opacity:1}}@keyframes cyber-grid-flow{to{background-position:0 -180px,0 -180px}}@keyframes silver-rise{0%,10%{background-position:150% 0;opacity:0}25%{opacity:.8}65%{background-position:-50% 0;opacity:.8}80%,100%{background-position:-50% 0;opacity:0}}@keyframes cyber-scan{0%,20%{top:12%;opacity:0}30%{opacity:.65}70%{top:82%;opacity:.45}80%,100%{top:90%;opacity:0}}@keyframes focus-beacon{0%,100%{box-shadow:0 0 0 5px #deedcc0b,0 0 18px #dcebb48c}50%{box-shadow:0 0 0 11px #deedcc0b,0 0 26px #e9f2d7c9}}@keyframes foreground-arrival{0%{transform:translateX(-100%);opacity:0}35%{opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes headline-silver{0%{transform:translateX(-100%);opacity:0}30%{opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes focus-arrival{from{clip-path:inset(0 100% 100% 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes cyber-arrival{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:none}}@keyframes orb-receive{0%{transform:scale(.75);opacity:0}28%{opacity:.85}100%{transform:scale(1.5);opacity:0}}
/* An unbroken routing diagram replaces the pair of floating browser windows. */
.conversion-network{display:block;min-height:420px;padding:0;background:radial-gradient(ellipse at 38% 40%,#73987d1b,transparent 65%),linear-gradient(#bbd0b907 1px,transparent 1px),linear-gradient(90deg,#bbd0b907 1px,transparent 1px);background-size:auto,44px 44px,44px 44px;isolation:isolate;overflow:hidden}.network-edition{position:absolute;left:30px;top:25px;font-size:8px;color:#aac0a1;letter-spacing:2px}.network-ghost{position:absolute;bottom:35px;left:22%;font-size:clamp(110px,15vw,230px);font-weight:600;letter-spacing:-.065em;line-height:1;color:transparent;-webkit-text-stroke:1px #bed4b31c;z-index:-1;pointer-events:none}.network-routing{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b7cfa157;stroke-width:1}.network-routing circle{fill:#deedbd;stroke:#d7e9b73d;stroke-width:13;paint-order:stroke;filter:drop-shadow(0 0 10px #bfd99b)}.network-current{stroke:#dcecc2;stroke-width:1.6;stroke-dasharray:65 700;stroke-dashoffset:765;filter:drop-shadow(0 0 6px #cde8b3);animation:network-flow 5s linear infinite;animation-play-state:paused}.is-network-visible .network-current{animation-play-state:running}.network-origin{position:absolute;left:7%;top:78px;width:30%;max-width:225px}.network-step{display:block;font-size:8px;letter-spacing:1.5px;color:#9bb18e}.network-origin>svg{display:block;width:135px;height:145px;fill:none;stroke:#c4d6b4aa;stroke-width:.9;margin:5px 0 5px}.network-origin>strong{display:block;font-size:19px;font-weight:500;color:#e2ead6;letter-spacing:-.6px}.network-origin>small{display:block;color:#8fa887;font-size:11px;margin-top:8px;line-height:1.7}.network-switch{position:absolute;left:45.625%;top:48.7%;transform:translate(-50%,-50%);width:53px;height:53px;display:grid;place-items:center;border:1px solid #bfd8a775;border-radius:50%;background:#18372b;box-shadow:0 0 0 8px #a9c39a09,0 0 35px #bad69a16}.network-switch>span{font-size:38px;font-weight:250;color:#dbeabd;line-height:1}.network-switch>i{position:absolute;inset:-8px;border:1px dashed #b7cda43d;border-radius:50%;animation:network-orbit 28s linear infinite;animation-play-state:paused}.is-network-visible .network-switch>i{animation-play-state:running}.network-switch>small{position:absolute;top:68px;font-size:7px;letter-spacing:1.5px;white-space:nowrap;color:#9ab88d}.network-destinations{position:absolute;right:6%;top:70px;width:30%;display:grid;gap:35px}.network-destination{position:relative;display:flex;align-items:center;gap:18px;padding:20px 16px;background:linear-gradient(120deg,#c3d3af13,#133023);border:1px solid #b6cba538;box-shadow:inset 0 1px #eff3dd09;min-height:100px}.network-destination>span{position:absolute;top:-11px;left:14px;padding:3px 7px;background:#1a392d;color:#a3be90;font-size:8px;letter-spacing:2px}.network-destination strong{display:block;font-size:24px;letter-spacing:-.8px;font-weight:450;color:#d9e6ca}.network-destination small{display:block;margin-top:9px;font-size:11px;color:#91aa85}.network-destination>i{font-style:normal;font-size:25px;color:#bfd6aa;margin-left:auto;font-weight:300}.network-destination:nth-child(2){background:linear-gradient(120deg,#cedebd24,#143427)}.network-footer{position:absolute;bottom:26px;left:30px;right:30px;display:flex;gap:12px;align-items:center;border-top:1px solid #bcd3ae25;padding-top:18px;font-size:13px;color:#93ad8c}.network-footer>span{display:flex;align-items:center;gap:10px}.network-footer>span i{width:4px;height:4px;border-radius:50%;background:#c6dca9;box-shadow:0 0 12px #deedba}.network-footer>strong{font-weight:500;color:#d3e2c0}.network-footer>small{margin-left:auto;font-size:9px;color:#799772}
@keyframes network-flow{to{stroke-dashoffset:0}}@keyframes network-orbit{to{transform:rotate(360deg)}}
/* Small, deliberate gestures throughout the remaining chapters. */
.section-heading h2>span{position:relative}.section-heading.is-visible h2>span:after{content:'';position:absolute;left:0;bottom:-7px;height:1px;width:100%;background:linear-gradient(90deg,#82976b,transparent);transform-origin:left;animation:detail-line-in 1.2s .25s both cubic-bezier(.2,.8,.2,1)}.difference-heading h2>span:after{display:none}.benefit-grid article{transition:background .5s,box-shadow .5s}.benefit-grid article:hover{background:linear-gradient(160deg,#c1cdb218,transparent);box-shadow:inset 0 1px #9caa854d}.benefit-grid .benefit-no{display:block;transition:letter-spacing .5s,color .5s}.benefit-grid article:hover .benefit-no{letter-spacing:2px;color:#567047}.works .work-image:after{content:'';position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,#e9f1e631 50%,transparent 60%);pointer-events:none;transform:translateX(-90%);opacity:0;z-index:3}.works .work-image:hover:after{animation:work-light-pass 1.15s both}.work-caption>a{transition:transform .4s,background .4s,color .4s}.work-caption>a:hover{transform:rotate(45deg);background:#203e2e;color:#dce9bd}.process-list li.is-visible{position:relative}.process-list li.is-visible:before{content:'';position:absolute;top:0;left:0;height:1px;width:100%;background:linear-gradient(90deg,#91a776,transparent);transform-origin:left;animation:detail-line-in 1.3s calc(var(--detail-order,0) * .14s) both}.package-card{transition:border-color .4s,box-shadow .4s,transform .5s}.package-card:hover{border-color:#b9cf94;box-shadow:0 15px 45px #152b1b24,inset 0 1px #d6e5b332;transform:translateY(-5px)}.consultation-form-wrap{position:relative}.consultation-form-wrap:before{content:'';position:absolute;left:0;top:0;height:1px;width:100%;background:linear-gradient(90deg,#d0e3a5,transparent);transform-origin:left}.consultation-form-wrap.is-visible:before{animation:detail-line-in 1.3s both}.consultation-form-wrap:focus-within:before{background:linear-gradient(90deg,#dcebb3,#dcebb355,transparent)}
@keyframes detail-line-in{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes work-light-pass{0%{transform:translateX(-80%);opacity:0}30%{opacity:1}100%{transform:translateX(80%);opacity:0}}
@media(min-width:1500px){.conversion-network{padding:0;min-height:440px}.network-origin{left:8%;top:85px}.network-origin>svg{width:155px;height:155px}.network-destinations{top:76px;gap:45px}.network-destination{min-height:110px;padding:22px}.network-ghost{font-size:210px}}
@media(max-width:1000px){.network-origin{left:6%;width:34%;top:95px}.network-origin>svg{width:110px;height:135px}.network-origin>strong{font-size:16px}.network-origin>small{font-size:10px}.network-destinations{right:5%;width:30%;top:79px}.network-destination{padding:17px 12px;min-height:92px}.network-destination strong{font-size:19px}.network-destination small{font-size:10px}.network-destination i{font-size:18px}.network-footer{left:20px;right:20px;font-size:11px;gap:7px;flex-wrap:wrap}.network-footer>small{width:100%;font-size:8px;margin:0 0 0 14px}.network-edition{left:20px;font-size:7px;letter-spacing:1.2px}}
@media(max-width:700px){.hero-cyber .cyber-blueprint{opacity:.7}.cyber-traces{stroke-width:1.1;opacity:.8}.hero-ground-grid{opacity:.35;inset:47% -50% -35%;background-size:65px 65px}.hero-silver-rise{opacity:.45}.cyber-coordinate{display:none}.hero-focus{border-color:#d7e8d64d}.hero-refined h1>strong{display:block}.hero-foreground-sweep{background:linear-gradient(115deg,transparent 35%,#f1f6e440 50%,transparent 65%)}.conversion-network{padding:0;min-height:445px}.network-edition{left:20px;top:23px;font-size:7px}.network-origin{left:6%;top:82px;width:37%;max-width:none}.network-origin>svg{width:100px;height:130px}.network-origin>strong{font-size:15px}.network-origin>small{max-width:110px;font-size:10px}.network-switch{left:46%;top:47%;width:38px;height:38px}.network-switch>span{font-size:28px}.network-switch>i{inset:-6px}.network-switch>small{font-size:5px;letter-spacing:.8px;top:51px}.network-destinations{right:5%;top:84px;width:34%;gap:43px}.network-destination{padding:18px 11px;min-height:96px}.network-destination strong{font-size:18px}.network-destination small{font-size:10px;line-height:1.6;word-break:keep-all}.network-destination>i{display:none}.network-footer{bottom:24px;left:20px;right:20px;font-size:12px;gap:7px}.network-footer>span{gap:8px}.network-footer>small{font-size:8px;margin-left:12px}.network-ghost{font-size:125px;left:15%;bottom:80px}.network-routing{opacity:.8}.package-card:hover{transform:none}}
@media(max-width:360px){.network-origin>strong{font-size:14px}.network-origin>svg{width:85px}.network-destination{padding:17px 8px}.network-destination strong{font-size:16px}.network-destination small{font-size:9px}.network-footer{font-size:11px;left:16px;right:16px}.hero-refined h1{font-size:44px}}
body.motion-paused :is(.hero-cyber *,.hero-focus-corner,.hero-flow,.hero-foreground-sweep,.hero-project-orb:after,.network-current,.network-switch>i){animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.intro-transfer{display:none}.hero-cyber *,.hero-focus-corner,.hero-flow,.hero-foreground-sweep,.hero-cover-title h1>strong:after,.network-current,.network-switch>i{animation:none!important}.hero-foreground-sweep{display:none}.cyber-traces{stroke-dashoffset:0;opacity:.5}.hero-silver-rise,.hero-scan-light{display:none}.cover-letter{opacity:1!important;transform:none!important;filter:none!important}.hero-refined :is(.hero-cover-title,.hero-cover-caption,.hero-project-orb,.hero-edition,.hero-bottom){opacity:1!important;transform:none!important;filter:none!important}.hero-project-orb:after{display:none}.package-card:hover{transform:none}}

.network-origin>small{word-break:keep-all}

.hero-refined h1 strong>[data-hero-word]{position:relative}
.hero-refined h1 strong>[data-hero-word]:after{content:attr(data-text);position:absolute;inset:0;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,transparent 35%,#f6f9e9 48%,#e3efcf 51%,transparent 65%);background-size:300% 100%;background-position:150% 0;background-clip:text;-webkit-background-clip:text;pointer-events:none;opacity:0}
.hero-revealing h1 strong>[data-hero-word]:after{animation:type-reflection 2.2s 1.45s both cubic-bezier(.2,.6,.2,1)}
@keyframes type-reflection{0%{background-position:150% 0;opacity:0}22%{opacity:.85}100%{background-position:-50% 0;opacity:0}}
body.motion-paused .hero-refined h1 strong>[data-hero-word]:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-refined h1 strong>[data-hero-word]:after{display:none}}

.hero-offscreen :is(.hero-cyber *,.hero-focus-corner,.hero-flow,.hero-project-orb>svg){animation-play-state:paused!important}