:root{--ink:#020304;--white:#e9edf0;--muted:#7b858c;--cyan:#8fd8e8}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--white)}body{font-family:Inter,Arial,sans-serif}.hero{position:relative;width:100%;height:100svh;isolation:isolate;background:#020304;overflow:hidden}.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-4}.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.24) 100%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 35%);pointer-events:none}#binaryRain{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.42;mix-blend-mode:screen;pointer-events:none}.noise{position:absolute;inset:-50%;z-index:4;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}.cursor-glow{position:absolute;width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:0;opacity:.16;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(116,205,223,.16),transparent 65%);transition:opacity .3s}.header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:34px 4vw}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand__mark{font:700 18px Space Mono;border:1px solid rgba(255,255,255,.22);width:43px;height:43px;display:grid;place-items:center}.brand__mark span{color:var(--cyan)}.brand__name{font-size:11px;letter-spacing:.26em;font-weight:600}.status{font:400 9px Space Mono;letter-spacing:.16em;color:#879198;display:flex;align-items:center;gap:10px}.status i{display:block;width:5px;height:5px;border-radius:50%;background:#8fc7a8;box-shadow:0 0 10px #8fc7a8;animation:pulse 2s infinite}.statement{position:absolute;z-index:2;left:7.5vw;top:50%;transform:translateY(-47%);width:min(47vw,760px)}.eyebrow{font:400 clamp(8px,.63vw,11px) Space Mono;letter-spacing:.17em;color:#7f8990;margin-bottom:28px}.eyebrow span{color:var(--cyan);margin-right:14px}.phrase-stage{position:relative;height:clamp(210px,27vw,425px);perspective:900px}.phrase{position:absolute;inset:0;margin:0;font-size:clamp(37px,4.5vw,86px);line-height:.91;letter-spacing:-.066em;font-weight:500;color:#dfe4e7;text-wrap:balance;opacity:0;filter:blur(10px);transform:translateY(35px) rotateX(-4deg);transition:opacity .8s ease,filter .8s ease,transform .8s cubic-bezier(.22,.8,.2,1)}.phrase em{font-style:normal;font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(204,227,233,.56);text-shadow:0 0 24px rgba(108,192,210,.09)}.phrase.is-active{opacity:1;filter:blur(0);transform:none}.phrase.is-leaving{opacity:0;filter:blur(13px);transform:translateY(-28px) rotateX(3deg)}.phrase-meta{display:flex;align-items:center;gap:17px;font:400 9px Space Mono;letter-spacing:.17em;color:#7b858c}.line{position:relative;width:120px;height:1px;background:rgba(255,255,255,.13);overflow:hidden}.line i{position:absolute;inset:0;transform-origin:left;background:var(--cyan);animation:timer 4.8s linear infinite}.coordinates{position:absolute;left:4vw;bottom:34px;font:400 8px Space Mono;letter-spacing:.16em;color:#596168;z-index:5}.scroll-cue{position:absolute;right:4vw;bottom:32px;display:flex;align-items:center;gap:13px;font:400 8px Space Mono;letter-spacing:.2em;color:#697178;z-index:5;transform:rotate(90deg);transform-origin:right center}.scroll-cue i{width:34px;height:1px;background:#64737a;position:relative}.scroll-cue i:after{content:"";position:absolute;width:9px;height:1px;background:inherit;right:0;transform:rotate(35deg);transform-origin:right}
@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-2%,2%)}75%{transform:translate(3%,3%)}100%{transform:translate(-3%,-2%)}}@keyframes pulse{50%{opacity:.35}}@keyframes timer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.hero__image{object-position:61% center;opacity:.76}.hero:after{background:linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.05) 80%)}.header{padding:22px}.status{display:none}.statement{left:24px;right:24px;top:auto;bottom:80px;transform:none;width:auto}.eyebrow{margin-bottom:16px}.phrase-stage{height:190px}.phrase{font-size:clamp(35px,11vw,54px);line-height:.92}.coordinates{display:none}.scroll-cue{right:20px}.brand__name{font-size:9px}}
@media(prefers-reduced-motion:reduce){.noise,.status i,.line i{animation:none}.phrase{transition:none}}
.header{justify-content:flex-end}.lightning{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 68% 18%,rgba(220,242,255,.54),rgba(135,191,215,.14) 24%,transparent 58%),linear-gradient(105deg,transparent 15%,rgba(203,235,249,.08) 49%,transparent 72%);mix-blend-mode:screen}.lightning.is-flashing{animation:lightning-flash .72s steps(1,end)}
@keyframes lightning-flash{0%,100%{opacity:0}7%{opacity:.14}12%{opacity:.02}18%{opacity:.28}25%{opacity:.04}32%{opacity:.1}45%{opacity:0}}
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.scroll-cue{border:0;background:transparent;cursor:pointer;padding:0;color:#697178;transition:color .35s ease,opacity .5s ease}.scroll-cue:hover{color:#bcdde5}.scroll-cue:hover i{width:52px}.scroll-cue i{transition:width .35s ease}.hero__image,.statement,.header,.coordinates,.scroll-cue{transition:opacity .85s ease,filter .85s ease,transform 1.15s cubic-bezier(.2,.75,.18,1)}
body.storming .statement{opacity:0;filter:blur(18px);transform:translateY(-57%) scale(.96)}body.storming .header,body.storming .coordinates,body.storming .scroll-cue{opacity:0}body.storming .hero__image{filter:brightness(.48) contrast(1.16);transform:scale(1.025)}body.archive-open .hero__image{opacity:.18;filter:brightness(.34) contrast(1.2);transform:scale(1.05)}body.archive-open .statement,body.archive-open .header,body.archive-open .coordinates,body.archive-open .scroll-cue{opacity:0;pointer-events:none}
.archive{position:absolute;inset:0;z-index:8;overflow:hidden;background:rgba(1,3,4,.2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .9s ease,visibility 0s linear .9s}.archive.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.digital-tide{position:absolute;left:-10%;right:-10%;bottom:-120%;height:125%;background:linear-gradient(180deg,rgba(119,199,217,.12),rgba(2,5,7,.95) 17%,#020304 55%);box-shadow:0 -1px 40px rgba(113,205,225,.22);transform:translateY(0);transition:transform 1.5s cubic-bezier(.16,.78,.2,1)}.archive.is-open .digital-tide{transform:translateY(-96%)}.digital-tide:before{content:"01001010 11010010 00110101 01001110 10100101 00101001 11001010 01010110 10010100 01101001";position:absolute;top:-22px;left:0;width:200%;font:9px Space Mono;color:rgba(139,219,235,.32);letter-spacing:16px;white-space:nowrap;animation:tide-code 7s linear infinite}.archive__grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(115,181,196,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(115,181,196,.1) 1px,transparent 1px);background-size:9vw 9vw;mask-image:linear-gradient(to bottom,transparent 4%,#000 55%,transparent 100%)}.archive__header{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:30px 4vw;font:9px Space Mono;letter-spacing:.18em;color:#69767b;opacity:0;transform:translateY(-12px);transition:.7s ease 1.05s}.archive.is-open .archive__header{opacity:1;transform:none}.archive__close{border:0;background:transparent;color:#7e8b90;font:9px Space Mono;letter-spacing:.14em;cursor:pointer;display:flex;align-items:center;gap:13px}.archive__close i{display:block;width:28px;height:1px;background:#79939a}.project{position:absolute;inset:9vh 5vw 8vh;z-index:2;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.7fr);gap:5vw;align-items:center;opacity:0;transform:translateY(110px) scale(.98);filter:blur(10px);transition:opacity 1s ease 1.2s,transform 1.15s cubic-bezier(.16,.78,.18,1) 1.2s,filter 1s ease 1.2s}.archive.is-open .project{opacity:1;transform:none;filter:none}.project.is-switching{opacity:0;filter:blur(13px);transform:translateY(-28px) scale(.985);transition:all .42s ease}.project__copy{align-self:center}.project__number,.project__sector{font:9px Space Mono;letter-spacing:.16em;color:#698087}.project__sector{margin-top:20px;color:#86969c}.project h2{font-size:clamp(44px,5.3vw,92px);font-weight:400;line-height:.83;letter-spacing:-.07em;margin:22px 0 24px;color:#e3e8ea}.project__copy p{max-width:420px;color:#8a959a;font-size:clamp(12px,1vw,16px);line-height:1.65;font-weight:300}.project__services{margin-top:28px;font:8px Space Mono;letter-spacing:.15em;color:#67757a}.project__link{display:inline-flex;align-items:center;gap:14px;margin-top:33px;color:#b5c2c6;text-decoration:none;font:9px Space Mono;letter-spacing:.16em;border-bottom:1px solid rgba(149,193,203,.26);padding-bottom:9px}.project__link span{color:#82c3d1}.project__stage{position:relative;perspective:1400px}.project__screen{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border:1px solid rgba(155,211,222,.14);background:#070b0d;box-shadow:0 32px 90px rgba(0,0,0,.75),0 0 50px rgba(85,163,181,.08);transform:rotateY(-3deg) rotateX(1.2deg);transform-origin:center;transition:transform .5s ease,background .5s ease}.project__stage:hover .project__screen{transform:rotateY(-.7deg) rotateX(.2deg) translateY(-4px)}.project__shadow{position:absolute;left:7%;right:7%;bottom:-38px;height:28px;background:rgba(61,141,157,.12);filter:blur(24px);border-radius:50%}.screen__chrome{position:absolute;z-index:4;left:0;right:0;top:0;height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;background:rgba(0,0,0,.6);border-bottom:1px solid rgba(255,255,255,.06)}.screen__chrome i{width:4px;height:4px;border-radius:50%;background:#556066}.screen__chrome span{margin-left:auto;font:6px Space Mono;letter-spacing:.14em;color:#56656b}.screen__site{position:absolute;inset:30px 0 0;transition:opacity .35s ease,transform .5s ease}.screen__scan{position:absolute;z-index:6;top:30px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#a6e1ed,transparent);box-shadow:0 0 22px #8ed4e3;opacity:.65;animation:screen-scan 4.8s ease-in-out infinite}.mock{height:100%;padding:4.5%;position:relative;overflow:hidden}.mock__nav{height:9%;display:flex;align-items:center;gap:5%;font:7px Inter;color:rgba(255,255,255,.78)}.mock__nav span{width:7%;height:2px;background:rgba(255,255,255,.22)}.mock__nav em{margin-left:auto;font-style:normal;padding:6px 10px;background:#ab1e2c;color:white;font-size:5px}.mock__hero{height:56%;display:flex;flex-direction:column;justify-content:center;position:relative}.mock__hero small{font:5px Space Mono;letter-spacing:.2em;color:rgba(255,255,255,.5);margin-bottom:3%}.mock__hero strong{font-size:clamp(17px,2vw,36px);line-height:.93;letter-spacing:-.05em}.mock__hero i{position:absolute;right:2%;top:12%;width:38%;height:82%;border-radius:60% 40% 50% 30%;background:radial-gradient(circle at 45% 30%,#c9d4d6 0,#64777c 25%,#162328 62%,transparent 64%);opacity:.7}.mock__cards{height:25%;display:grid;grid-template-columns:repeat(4,1fr);gap:2%}.mock__cards span{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.07)}.theme-hospital .mock{background:linear-gradient(120deg,#051014,#08191d 55%,#18080b)}.theme-soteks .mock{background:radial-gradient(circle at 76% 46%,#55422f,#171310 30%,#050505 65%)}.theme-autofolyo .mock{background:linear-gradient(135deg,#071217,#101b20 50%,#040607)}.theme-gok .mock{background:linear-gradient(125deg,#201f1b,#090a09 62%,#b59347 63%,#3c2f16)}.theme-milim .mock{background:radial-gradient(circle at 70% 40%,#243943,#091116 38%,#030405 70%)}.archive__footer{position:absolute;z-index:3;left:4vw;right:4vw;bottom:25px;display:flex;align-items:center;gap:13px;font:8px Space Mono;letter-spacing:.14em;color:#617076;opacity:0;transition:opacity .7s ease 1.5s}.archive.is-open .archive__footer{opacity:1}.archive__footer button{border:0;background:transparent;color:#77878d;font:8px Space Mono;letter-spacing:.14em;cursor:pointer;padding:8px}.archive__footer button:first-child{margin-right:8px}.archive__progress{height:1px;width:120px;background:rgba(255,255,255,.1);overflow:hidden}.archive__progress i{display:block;width:20%;height:100%;background:#8ccbd7;transition:width .7s cubic-bezier(.2,.8,.2,1)}.archive__footer small{margin-left:auto}.archive__footer span:nth-of-type(2){color:#455157}
@keyframes tide-code{to{transform:translateX(-50%)}}@keyframes screen-scan{0%,100%{transform:translateY(0);opacity:0}15%{opacity:.7}55%{transform:translateY(48vh);opacity:.35}60%{opacity:0}}
@media(max-width:900px){.project{inset:8vh 24px 70px;grid-template-columns:1fr;gap:18px;align-content:center}.project__copy{display:grid;grid-template-columns:1fr auto;column-gap:20px}.project__number,.project__sector{grid-column:1/-1}.project h2{font-size:40px;margin:14px 0;grid-column:1/2}.project__copy p{font-size:11px;grid-column:1/2;margin:0}.project__services{display:none}.project__link{grid-column:2;grid-row:3/5;align-self:end;margin:0}.project__stage{width:100%}.archive__header{padding:20px 24px}.archive__header>span{display:none}.archive__footer{left:18px;right:18px}.archive__footer small{display:none}}@media(max-width:560px){.project{inset:58px 18px 62px}.project h2{font-size:34px}.project__copy p{display:none}.project__link{font-size:7px}.project__screen{transform:none}.screen__site{inset:24px 0 0}.screen__chrome{height:24px}.archive__progress{width:68px}}

/* SERVICE EXPERIENCE */
.storm-show{position:absolute;inset:0;z-index:7;pointer-events:none;visibility:hidden;overflow:hidden}.storm-show__flash{position:absolute;inset:0;background:#dff8ff;opacity:0;mix-blend-mode:screen}.storm-show__vortex{position:absolute;left:50%;top:50%;width:15vmax;height:15vmax;border:1px solid rgba(157,225,239,.55);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.1);box-shadow:0 0 80px rgba(122,208,226,.25),inset 0 0 70px rgba(122,208,226,.2)}.storm-show__slashes{position:absolute;inset:0}.storm-show__slashes i{position:absolute;left:-20%;width:140%;height:1px;background:linear-gradient(90deg,transparent,rgba(171,232,244,.9),transparent);opacity:0;transform:scaleX(.1)}.storm-show__slashes i:nth-child(1){top:18%}.storm-show__slashes i:nth-child(2){top:31%;animation-delay:.08s!important}.storm-show__slashes i:nth-child(3){top:44%;animation-delay:.17s!important}.storm-show__slashes i:nth-child(4){top:57%;animation-delay:.11s!important}.storm-show__slashes i:nth-child(5){top:70%;animation-delay:.22s!important}.storm-show__slashes i:nth-child(6){top:83%;animation-delay:.15s!important}.storm-show__status{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;gap:8px;text-align:center;transform:translate(-50%,-50%);opacity:0;font:8px Space Mono;letter-spacing:.24em;color:#8fb3bc}.storm-show__status b{font-size:11px;color:#d0e5e9;font-weight:400}.storm-show__horizon{position:absolute;left:-10%;right:-10%;bottom:-30%;height:31%;background:linear-gradient(to bottom,rgba(110,212,232,.2),#020506 30%);box-shadow:0 -3px 45px rgba(110,212,232,.38);opacity:0}.storming .storm-show{visibility:visible}.storming .storm-show__flash{animation:storm-flash 2.65s steps(1,end)}.storming .storm-show__vortex{animation:vortex-impact 2.65s cubic-bezier(.15,.8,.15,1)}.storming .storm-show__slashes i{animation:signal-slash 1.15s ease-out .55s}.storming .storm-show__status{animation:system-status 2.65s ease}.storming .storm-show__horizon{animation:horizon-rise 2.65s cubic-bezier(.12,.76,.14,1) forwards}.storming .hero{animation:screen-impact 2.65s ease}.storming .lightning{opacity:.2}
.service{position:absolute;inset:8vh 5.5vw 7vh;z-index:2;display:grid;grid-template-columns:minmax(310px,.8fr) minmax(520px,1.55fr);gap:5vw;align-items:center;opacity:0;transform:translateY(140px) scale(.96);filter:blur(15px);transition:opacity 1s ease 1.1s,transform 1.35s cubic-bezier(.12,.8,.15,1) 1.1s,filter 1s ease 1.1s}.archive.is-open .service{opacity:1;transform:none;filter:none}.service.is-switching{opacity:0;filter:blur(18px);transform:translateY(-34px) scale(.97);transition:all .42s ease}.service__number,.service__label{font:9px Space Mono;letter-spacing:.18em;color:#65828a}.service__label{margin-top:22px;color:#8b9b9f}.service h2{font-size:clamp(46px,5.4vw,96px);font-weight:400;line-height:.82;letter-spacing:-.075em;margin:22px 0;color:#e5eaec}.service h3{font-size:clamp(17px,1.45vw,26px);line-height:1.22;font-weight:300;letter-spacing:-.025em;color:#a9bac0;margin:0 0 20px}.service__copy p{max-width:470px;color:#7f8c91;font-size:clamp(12px,.95vw,16px);line-height:1.68;font-weight:300}.service__tags{margin-top:30px;font:8px Space Mono;letter-spacing:.16em;color:#60747a}.service__stage{position:relative;perspective:1500px}.service-machine{position:relative;aspect-ratio:1.2/1;width:min(100%,760px);margin:auto;overflow:hidden;border:1px solid rgba(144,210,223,.14);background:radial-gradient(circle at 50% 50%,rgba(28,76,87,.19),rgba(2,5,7,.95) 64%);box-shadow:0 40px 100px rgba(0,0,0,.8),inset 0 0 90px rgba(72,157,176,.045);transform:rotateY(-3deg);transition:transform .7s ease}.service-machine:hover{transform:rotateY(-.5deg) translateY(-5px)}.machine__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(115,202,219,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(115,202,219,.07) 1px,transparent 1px);background-size:9% 9%;mask-image:radial-gradient(circle,#000 20%,transparent 76%);animation:grid-breathe 5s ease-in-out infinite}.machine__axis{position:absolute;background:linear-gradient(90deg,transparent,rgba(119,215,234,.26),transparent)}.machine__axis--x{left:5%;right:5%;top:50%;height:1px}.machine__axis--y{top:5%;bottom:5%;left:50%;width:1px;background:linear-gradient(transparent,rgba(119,215,234,.2),transparent)}.machine__particles i{position:absolute;width:3px;height:3px;background:#9bdcea;box-shadow:0 0 12px #7ac8d9;animation:particle-float 4s ease-in-out infinite}.machine__particles i:nth-child(1){left:13%;top:20%}.machine__particles i:nth-child(2){left:76%;top:16%;animation-delay:-1s}.machine__particles i:nth-child(3){left:22%;top:74%;animation-delay:-2.1s}.machine__particles i:nth-child(4){left:84%;top:67%;animation-delay:-.4s}.machine__particles i:nth-child(5){left:52%;top:12%;animation-delay:-2.7s}.machine__particles i:nth-child(6){left:9%;top:53%;animation-delay:-1.5s}.machine__particles i:nth-child(7){left:66%;top:84%;animation-delay:-3.2s}.machine__particles i:nth-child(8){left:91%;top:39%;animation-delay:-.8s}.machine__visual{position:absolute;inset:8%;display:grid;place-items:center}.machine__caption{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;font:7px Space Mono;letter-spacing:.18em;color:#4d686f}.machine__caption b{color:#779ba4;font-weight:400}.service__shadow{position:absolute;left:10%;right:10%;bottom:-35px;height:25px;background:rgba(65,155,174,.14);filter:blur(28px)}
.web-build{position:relative;width:78%;height:64%;border:1px solid rgba(147,220,234,.5);box-shadow:0 0 45px rgba(95,195,216,.12);animation:web-float 5s ease-in-out infinite}.web-build:before{content:"";position:absolute;left:0;right:0;top:10%;height:1px;background:rgba(143,213,226,.28)}.web-build__nav{position:absolute;left:5%;right:5%;top:4%;height:2%;background:linear-gradient(90deg,#8bd1df 12%,transparent 12% 64%,#58747a 64% 70%,transparent 70% 74%,#58747a 74% 80%,transparent 80%)}.web-build__title{position:absolute;left:8%;top:27%;width:46%;height:18%;border-left:2px solid #8bd1df;background:repeating-linear-gradient(to bottom,rgba(161,219,230,.34) 0 2px,transparent 2px 9px)}.web-build__orb{position:absolute;right:9%;top:22%;width:29%;aspect-ratio:1;border:1px solid rgba(139,218,233,.4);border-radius:50%;box-shadow:0 0 30px rgba(105,207,228,.17);animation:orb-pulse 3s ease infinite}.web-build__cards{position:absolute;left:8%;right:8%;bottom:10%;display:grid;grid-template-columns:repeat(3,1fr);gap:4%}.web-build__cards i{height:56px;border:1px solid rgba(119,192,207,.23);background:rgba(104,190,208,.035)}
.code-core{position:relative;width:68%;aspect-ratio:1;border:1px solid rgba(130,217,233,.24);border-radius:50%;animation:core-rotate 14s linear infinite}.code-core:before,.code-core:after{content:"";position:absolute;border:1px dashed rgba(130,217,233,.27);border-radius:50%;inset:13%;animation:core-rotate 8s linear infinite reverse}.code-core:after{inset:31%;border-style:solid;box-shadow:0 0 50px rgba(88,199,221,.2)}.code-core__terminal{position:absolute;inset:27% 15%;background:rgba(2,8,10,.88);border:1px solid rgba(137,215,230,.35);padding:9%;font:6px Space Mono;color:#79b9c6;transform:rotate(-8deg);box-shadow:0 0 35px rgba(89,192,213,.12)}.code-core__terminal i{display:block;height:2px;margin:8px 0;background:linear-gradient(90deg,#78c2d1 0 55%,transparent 55%)}.code-core__terminal i:nth-child(2){width:73%}.code-core__terminal i:nth-child(3){width:88%}.code-core__terminal i:nth-child(4){width:61%}
.social-system{position:relative;width:76%;aspect-ratio:1}.social-system__core{position:absolute;left:50%;top:50%;width:20%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #8bcfdc;box-shadow:0 0 60px rgba(101,202,221,.24),inset 0 0 25px rgba(101,202,221,.12)}.social-system__orbit{position:absolute;inset:10%;border:1px dashed rgba(134,210,225,.22);border-radius:50%;animation:core-rotate 18s linear infinite}.social-system__orbit:nth-child(2){inset:25%;animation-duration:11s;animation-direction:reverse}.social-card{position:absolute;width:24%;height:32%;border:1px solid rgba(133,210,224,.34);background:linear-gradient(150deg,rgba(95,185,202,.13),rgba(0,0,0,.6));box-shadow:0 15px 35px rgba(0,0,0,.5);animation:social-float 5s ease-in-out infinite}.social-card:before{content:"";position:absolute;inset:10%;background:linear-gradient(to bottom,rgba(142,216,230,.25) 0 45%,transparent 45% 58%,rgba(142,216,230,.18) 58% 61%,transparent 61% 72%,rgba(142,216,230,.12) 72% 75%,transparent 75%)}.social-card--a{left:3%;top:13%;transform:rotate(-8deg)}.social-card--b{right:2%;top:19%;transform:rotate(7deg);animation-delay:-1.4s}.social-card--c{left:38%;bottom:1%;transform:rotate(2deg);animation-delay:-2.7s}
.ad-system{position:relative;width:73%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(137,218,233,.21);display:grid;place-items:center}.ad-system:before,.ad-system:after{content:"";position:absolute;inset:13%;border:1px solid rgba(137,218,233,.2);border-radius:50%}.ad-system:after{inset:31%;border-color:#8fd3df;box-shadow:0 0 45px rgba(102,201,220,.25)}.ad-reticle{width:11%;aspect-ratio:1;border:1px solid #b7e5ed;border-radius:50%;box-shadow:0 0 35px #65bfd1;animation:target-lock 2.4s ease-in-out infinite}.ad-beam{position:absolute;left:50%;top:50%;width:48%;height:1px;transform-origin:left;background:linear-gradient(90deg,#9bddea,transparent)}.ad-beam:nth-of-type(2){transform:rotate(90deg)}.ad-beam:nth-of-type(3){transform:rotate(180deg)}.ad-beam:nth-of-type(4){transform:rotate(270deg)}.ad-metric{position:absolute;padding:8px 11px;border:1px solid rgba(133,206,220,.2);font:6px Space Mono;color:#7faab3;background:rgba(3,9,11,.8)}.ad-metric--a{left:-4%;top:18%}.ad-metric--b{right:-4%;bottom:19%}
.seo-system{position:relative;width:82%;height:72%;perspective:700px}.seo-search{position:absolute;left:7%;right:7%;top:2%;height:12%;border:1px solid rgba(138,215,229,.34);border-radius:100px}.seo-search:before{content:"SEARCH VISIBILITY";position:absolute;left:6%;top:50%;transform:translateY(-50%);font:6px Space Mono;letter-spacing:.14em;color:#698f97}.seo-bars{position:absolute;left:9%;right:9%;bottom:8%;height:66%;display:flex;align-items:flex-end;gap:5%;transform:rotateX(8deg)}.seo-bars i{flex:1;height:var(--h);border:1px solid rgba(139,217,231,.3);background:linear-gradient(to top,rgba(92,190,209,.25),rgba(92,190,209,.025));box-shadow:0 0 20px rgba(75,178,199,.08);animation:rank-rise 3.8s ease-in-out infinite alternate}.seo-bars i:nth-child(2){animation-delay:-.7s}.seo-bars i:nth-child(3){animation-delay:-1.4s}.seo-bars i:nth-child(4){animation-delay:-2.1s}.seo-rank{position:absolute;right:4%;top:21%;font:300 clamp(34px,5vw,74px) Inter;color:rgba(166,226,238,.7);letter-spacing:-.08em}.seo-rank small{font:6px Space Mono;letter-spacing:.12em;color:#63838a}
@keyframes storm-flash{0%,10%,100%{opacity:0}11%{opacity:.34}13%{opacity:0}23%{opacity:.13}25%{opacity:0}52%{opacity:.48}54%{opacity:.02}56%{opacity:.25}60%{opacity:0}}@keyframes vortex-impact{0%,18%{opacity:0;transform:translate(-50%,-50%) scale(.1)}25%{opacity:.6}58%{opacity:.22;transform:translate(-50%,-50%) scale(3.4)}78%{opacity:.08;transform:translate(-50%,-50%) scale(8)}100%{opacity:0;transform:translate(-50%,-50%) scale(12)}}@keyframes signal-slash{0%{opacity:0;transform:scaleX(.05)}22%{opacity:.8}100%{opacity:0;transform:scaleX(1)}}@keyframes system-status{0%,26%,100%{opacity:0;filter:blur(7px)}35%,64%{opacity:1;filter:none}76%{opacity:0;letter-spacing:.5em}}@keyframes horizon-rise{0%,45%{opacity:0;transform:translateY(0)}58%{opacity:1}100%{opacity:1;transform:translateY(-97vh)}}@keyframes screen-impact{0%,20%,100%{transform:none}22%{transform:translate(2px,-1px)}24%{transform:translate(-3px,2px)}27%{transform:translate(2px,1px)}52%{transform:translate(-4px,0)}54%{transform:translate(3px,-2px)}57%{transform:none}}@keyframes grid-breathe{50%{opacity:.48;transform:scale(1.04)}}@keyframes particle-float{50%{transform:translate(12px,-17px);opacity:.35}}@keyframes web-float{50%{transform:translateY(-7px) rotateX(1deg)}}@keyframes orb-pulse{50%{transform:scale(1.09);opacity:.5}}@keyframes core-rotate{to{transform:rotate(360deg)}}@keyframes social-float{50%{margin-top:-11px;filter:brightness(1.3)}}@keyframes target-lock{50%{transform:scale(.68);box-shadow:0 0 60px #75c9d9}}@keyframes rank-rise{to{filter:brightness(1.65);transform:translateY(-5px)}}
@media(max-width:900px){.service{inset:7vh 24px 65px;grid-template-columns:1fr;gap:20px;align-content:center}.service__copy{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.service__number,.service__label,.service h2{grid-column:1/-1}.service__label{margin-top:8px}.service h2{font-size:40px;margin:12px 0}.service h3{font-size:16px;margin:0}.service__copy p{font-size:11px;margin:0}.service__tags{display:none}.service-machine{max-height:43vh;width:auto}.archive__header{padding:20px 24px}.archive__header>span{display:none}.archive__footer{left:18px;right:18px}.archive__footer small{display:none}}@media(max-width:560px){.service{inset:54px 18px 58px;gap:12px}.service__copy{display:block}.service h2{font-size:33px}.service h3{font-size:13px}.service__copy p{display:none}.service-machine{max-height:42vh;transform:none}.archive__progress{width:66px}.storm-show__status b{font-size:8px}}

/* REFINED RAIN TRANSITION */
.storming .hero{animation:none!important}.storming .lightning{opacity:0!important}.storm-show{background:transparent}.rain-pool{position:absolute;left:0;right:0;bottom:0;height:20%;opacity:0;overflow:hidden;background:linear-gradient(to bottom,transparent,rgba(87,174,193,.13) 52%,rgba(2,7,9,.8));box-shadow:inset 0 -30px 60px rgba(0,0,0,.8)}.rain-pool:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(137,219,235,.55),transparent);box-shadow:0 0 24px rgba(110,207,226,.35)}.rain-pool i{position:absolute;bottom:-20px;font:10px 'IBM Plex Mono';color:rgba(128,209,225,.4);text-shadow:0 0 12px rgba(105,202,221,.5)}.rain-pool i:before{content:"010101001101"}.rain-pool i:nth-child(1){left:7%}.rain-pool i:nth-child(2){left:17%;animation-delay:.12s!important}.rain-pool i:nth-child(3){left:29%;animation-delay:.27s!important}.rain-pool i:nth-child(4){left:41%;animation-delay:.06s!important}.rain-pool i:nth-child(5){left:52%;animation-delay:.33s!important}.rain-pool i:nth-child(6){left:63%;animation-delay:.17s!important}.rain-pool i:nth-child(7){left:72%;animation-delay:.4s!important}.rain-pool i:nth-child(8){left:81%;animation-delay:.09s!important}.rain-pool i:nth-child(9){left:89%;animation-delay:.24s!important}.rain-pool i:nth-child(10){left:96%;animation-delay:.35s!important}.rain-curtain{position:absolute;left:-3%;right:-3%;bottom:-115%;height:115%;background:linear-gradient(to bottom,rgba(91,182,201,.12),rgba(2,5,7,.975) 8%,#020304 50%);box-shadow:0 -2px 35px rgba(98,191,210,.24)}.rain-curtain:before{content:"010101001101001010101100101001101010010101001101001010101100101001101010010101001101001010101100101001101010";position:absolute;top:-8px;left:0;width:200%;white-space:nowrap;font:8px 'IBM Plex Mono';letter-spacing:14px;color:rgba(139,222,238,.42);animation:curtain-code 4s linear infinite}.storming .rain-pool{animation:pool-form 2.85s ease forwards}.storming .rain-pool i{animation:pool-digits 1.5s ease-in forwards}.storming .rain-curtain{animation:rain-curtain-rise 2.85s cubic-bezier(.2,.72,.18,1) forwards}.archive{background:#020304}.digital-tide{display:none}.archive__grid{opacity:.08;background-size:12vw 12vw}.service{transition-delay:.5s}.archive.is-open .service{transition-delay:.5s}.archive__header{transition-delay:.75s}.archive__footer{transition-delay:.95s}
@keyframes pool-form{0%,18%{opacity:0;height:3%}42%{opacity:1;height:12%}70%,100%{opacity:1;height:22%}}@keyframes pool-digits{0%{opacity:0;transform:translateY(20px)}30%{opacity:1}100%{opacity:0;transform:translateY(-120px)}}@keyframes rain-curtain-rise{0%,42%{transform:translateY(0)}100%{transform:translateY(-100%)}}@keyframes curtain-code{to{transform:translateX(-50%)}}

/* EDITORIAL SERVICE TYPOGRAPHY */
.service__copy{font-family:'Instrument Sans',sans-serif}.service__number,.service__label,.service__tags,.machine__caption,.archive__header,.archive__footer{font-family:'IBM Plex Mono',monospace}.service h2{font-family:'Syne',sans-serif;font-weight:600;line-height:.8;letter-spacing:-.07em}.service h2 br+*{}.service h3{font-family:'Instrument Sans',sans-serif;font-weight:420;font-stretch:85%;font-size:clamp(20px,1.65vw,30px);line-height:1.08;color:#c0c9cc;letter-spacing:-.04em}.service__copy p{font-family:'Instrument Sans',sans-serif;font-size:clamp(13px,1vw,17px);color:#7e898d}.service-machine{aspect-ratio:1.35/1;background:linear-gradient(145deg,#05090b,#020304 68%);border-color:rgba(161,213,223,.18)}.machine__grid{opacity:.35}.machine__axis,.machine__particles{opacity:.35}.machine__visual{inset:5.5%}.device-scene{position:relative;width:100%;height:100%;font-family:'Instrument Sans',sans-serif}.device-scene *{box-sizing:border-box}.real-browser,.dashboard,.ads-dashboard,.search-window,.seo-console{background:#f4f4f1;color:#141719;border-radius:6px;box-shadow:0 30px 70px rgba(0,0,0,.55);overflow:hidden}.real-browser{position:absolute;left:1%;top:4%;width:84%;height:83%;animation:device-float 5s ease-in-out infinite}.real-chrome{height:8%;min-height:22px;background:#202326;display:flex;align-items:center;gap:5px;padding:0 12px}.real-chrome i{width:5px;height:5px;border-radius:50%;background:#697176}.real-chrome span{margin:auto;color:#8e969a;font:6px 'IBM Plex Mono';letter-spacing:.1em}.real-web-nav{height:10%;display:flex;align-items:center;gap:6%;padding:0 5%;font-size:6px}.real-web-nav b{margin-right:auto;font:700 8px Syne}.real-web-hero{position:relative;height:58%;padding:9% 6%;overflow:hidden;background:linear-gradient(125deg,#ecebe7,#d6dcdd)}.real-web-hero small{font:5px 'IBM Plex Mono';letter-spacing:.18em}.real-web-hero strong{display:block;margin-top:5%;font:600 clamp(16px,2.25vw,34px)/.88 Syne;letter-spacing:-.07em}.real-web-hero strong em{font-style:normal;color:transparent;-webkit-text-stroke:1px #1b2022}.real-web-hero button,.ad-creative button{border:0;background:#111719;color:white;font:5px 'IBM Plex Mono';padding:7px 12px;margin-top:6%}.web-object{position:absolute;right:-4%;top:-12%;width:48%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#b8dfe5,#3e5c64 46%,#111719 70%);box-shadow:-15px 20px 45px rgba(0,0,0,.22)}.real-web-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2%;height:24%;padding:2% 3%}.real-web-grid i{background:linear-gradient(145deg,#d8dcdb,#f7f7f4)}.real-phone{position:absolute;right:0;bottom:1%;width:24%;height:61%;padding:14% 5% 5%;background:#e9ebe8;color:#121719;border:5px solid #161b1d;border-radius:18px;box-shadow:0 25px 45px rgba(0,0,0,.6);transform:rotate(3deg);animation:phone-float 5s ease-in-out infinite}.phone-notch{position:absolute;top:5px;left:35%;right:35%;height:4px;border-radius:4px;background:#303536}.real-phone b{font:600 13px/.85 Syne}.real-phone span{display:block;height:18%;margin-top:10%;background:linear-gradient(135deg,#b4cfd4,#25383e)}
.dashboard{position:absolute;inset:3% 2% 4%;display:grid;grid-template-columns:17% 1fr;animation:device-float 5s ease-in-out infinite}.dashboard aside{background:#171d20;color:white;padding:14% 12%}.dashboard aside b{font:8px Syne}.dashboard aside i{display:block;width:75%;height:3px;background:#57666b;margin-top:18px}.dashboard main{padding:3.5%}.dashboard header,.ads-dashboard header,.seo-console header{display:flex;justify-content:space-between;font:7px 'IBM Plex Mono';color:#555f63}.dashboard header em{font-style:normal;color:#278764}.kpi-row,.ads-kpis,.seo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:2%;margin-top:4%}.kpi-row i,.ads-kpis i,.seo-metrics i{font-style:normal;padding:8%;background:#e4e7e5;border-radius:3px}.kpi-row small,.ads-kpis small,.seo-metrics small{display:block;font:5px 'IBM Plex Mono';color:#6e777a}.kpi-row b,.ads-kpis b,.seo-metrics b{display:block;margin-top:7%;font:600 clamp(10px,1.2vw,18px) Syne}.dash-body{display:grid;grid-template-columns:1.6fr 1fr;gap:3%;height:52%;margin-top:3%}.dash-chart,.dash-table{position:relative;background:#edf0ee;padding:5%;border-radius:3px}.dash-chart svg,.ads-chart svg,.seo-console svg{position:absolute;inset:18% 5% 8%;width:90%;height:74%;overflow:visible}.dash-chart polyline,.ads-chart polyline,.seo-console polyline{fill:none;stroke:#2f8fa2;stroke-width:2}.dash-table i{display:block;height:11%;margin-bottom:8%;background:linear-gradient(90deg,#bdc6c5 20%,transparent 20% 25%,#d4d9d7 25%)}.data-card{position:absolute;right:-1%;bottom:-2%;width:22%;padding:4%;color:white;background:#1c555f;border:1px solid #65aeba;box-shadow:0 15px 40px rgba(0,0,0,.4);animation:phone-float 5s ease-in-out infinite}.data-card small,.data-card span{display:block;font:5px 'IBM Plex Mono'}.data-card b{display:block;font:600 clamp(20px,3vw,44px) Syne;margin:8px 0}
.media-phone{position:absolute;left:31%;top:1%;width:38%;height:94%;background:#f0f0ed;color:#151819;border:7px solid #151a1c;border-radius:25px;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.65);z-index:3;animation:device-float 5s ease-in-out infinite}.media-phone .phone-notch{z-index:2;top:5px}.social-head{height:11%;padding:9% 7% 0;display:flex;justify-content:space-between;font:8px Syne}.social-head i{width:9px;height:9px;border:1px solid #333;border-radius:50%}.social-post{padding:0 6%}.post-visual{display:block;height:48%;min-height:120px;background:linear-gradient(135deg,#243a40,#89bac4 49%,#182326 50%);margin-bottom:8%}.social-post small{font:5px 'IBM Plex Mono';letter-spacing:.12em}.social-post b{display:block;font:600 clamp(10px,1.2vw,17px)/.95 Syne;margin:6% 0}.social-post em{font:6px 'IBM Plex Mono';font-style:normal;color:#5f686b}.story-card{position:absolute;width:27%;height:52%;padding:4%;color:white;border-radius:7px;box-shadow:0 20px 45px rgba(0,0,0,.55);overflow:hidden}.story-card small{font:5px 'IBM Plex Mono'}.story-card b{position:absolute;left:12%;bottom:10%;font:600 clamp(10px,1.2vw,18px)/.9 Syne}.story-a{left:2%;top:10%;background:linear-gradient(155deg,#bd6c55,#3e2028 53%,#101617);transform:rotate(-6deg)}.story-b{right:1%;top:8%;background:linear-gradient(145deg,#1d4852,#6da7b1);transform:rotate(6deg)}.story-b i{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;left:20%;top:22%;background:radial-gradient(circle,#d8e9e9 0 7%,transparent 8%),conic-gradient(from 20deg,#d9e7e7,#315b64,#d9e7e7);opacity:.65}.content-calendar{position:absolute;right:0;bottom:1%;width:30%;padding:3%;color:#1b2022;background:#e9ebe8;border-radius:4px;box-shadow:0 12px 35px rgba(0,0,0,.45)}.content-calendar b{font:6px 'IBM Plex Mono'}.content-calendar div{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:8%}.content-calendar i{aspect-ratio:1;background:#bcc7c7}.content-calendar i:nth-child(2),.content-calendar i:nth-child(5){background:#367f8d}
.ads-dashboard{position:absolute;left:1%;top:3%;width:79%;height:86%;padding:4%;animation:device-float 5s ease-in-out infinite}.ads-kpis{margin-top:3%}.ads-chart{position:relative;height:45%;margin-top:3%;padding:3%;background:#e7eae8}.ads-chart small{font:5px 'IBM Plex Mono'}.campaign-row{display:grid;grid-template-columns:8% 1fr auto;align-items:center;gap:3%;margin-top:3%;font-size:7px}.campaign-row>i{aspect-ratio:1;border-radius:50%;background:#4096a6}.campaign-row span small{display:block;font:4px 'IBM Plex Mono';color:#758083}.campaign-row em{font-style:normal;color:#258365}.ad-creative{position:absolute;right:0;bottom:0;width:28%;height:68%;padding:5%;color:white;background:linear-gradient(145deg,#4b8894,#172a2f 50%,#080b0d);box-shadow:0 20px 50px rgba(0,0,0,.55);transform:rotate(3deg)}.ad-creative small{font:5px 'IBM Plex Mono'}.ad-creative strong{display:block;margin-top:30%;font:600 clamp(13px,1.8vw,27px)/.86 Syne}.ad-creative button{background:white;color:#182023}
.search-window{position:absolute;left:0;top:1%;width:76%;height:88%;padding:5%;animation:device-float 5s ease-in-out infinite}.search-brand{font:600 18px Syne;color:#367f8e}.search-box{position:absolute;left:14%;right:6%;top:5%;height:10%;padding:2.5% 4%;border:1px solid #ccd2d1;border-radius:100px;font-size:7px;color:#596164}.search-box b{float:right;font-size:12px}.search-tabs{display:flex;gap:6%;margin:8% 0 4% 15%;font:5px 'IBM Plex Mono';color:#717a7d}.search-tabs span:first-child{color:#247b8d;border-bottom:1px solid #247b8d}.search-result{margin-left:15%;padding:4% 0;border-top:1px solid #e1e4e2}.search-result small{font:5px 'IBM Plex Mono';color:#596465}.search-result b{display:block;margin:2% 0;color:#286d9a;font:500 clamp(8px,1vw,14px) Instrument Sans}.search-result p{margin:0;font-size:6px;line-height:1.4;color:#697174}.search-result.muted{opacity:.5}.seo-console{position:absolute;right:0;bottom:0;width:43%;height:54%;padding:4%;background:#152025;color:white}.seo-console header{color:#89999e}.seo-metrics{margin-top:8%}.seo-metrics i{background:#213137}.seo-metrics b{font-size:11px}.seo-console svg{inset:53% 6% 8%;width:88%;height:38%}.rank-badge{position:absolute;right:1%;top:3%;padding:3%;background:#e7ebe9;color:#182024;box-shadow:0 10px 30px rgba(0,0,0,.4)}.rank-badge small{display:block;font:5px 'IBM Plex Mono'}.rank-badge b{font:600 clamp(22px,3vw,44px) Syne;color:#25798a}
@keyframes device-float{50%{transform:translateY(-7px)}}@keyframes phone-float{50%{transform:translateY(-10px) rotate(1deg)}}
@media(max-width:900px){.service-machine{aspect-ratio:1.45/1}.machine__visual{inset:4%}.service h2{font-family:'Syne',sans-serif;line-height:.82}.service h3{font-size:17px}.real-phone{border-width:4px}.media-phone{border-width:4px}.post-visual{min-height:70px}}@media(max-width:560px){.service-machine{aspect-ratio:1.3/1}.service h2{font-size:31px}.service h3{font-size:14px}.service__copy p{display:block;font-size:10px;line-height:1.45}.machine__caption{display:none}.dashboard{grid-template-columns:16% 1fr}.data-card,.content-calendar{display:none}.media-phone{left:27%;width:46%}.story-card{width:31%}.seo-console{width:46%}}

/* CINEMATIC SIGNAL-LOSS TRANSITION */
#binaryRain{transition:opacity 1.35s ease,filter 1.35s ease}.rain-pausing #binaryRain{opacity:.025;filter:blur(1.5px)}.transitioning .lightning{opacity:0!important}.transitioning .storm-show{visibility:visible}.transition-veil{position:absolute;inset:0;background:#010203;opacity:0;transition:opacity 1.35s cubic-bezier(.45,0,.3,1)}.screen-darkening .transition-veil{opacity:1}.transitioning .hero__image{filter:brightness(.72) contrast(1.1);transform:none}.screen-darkening .hero__image{filter:brightness(.08) contrast(1.12)}.transitioning .header,.transitioning .coordinates,.transitioning .scroll-cue{transition:opacity 1s ease}.text-dissolving .header,.text-dissolving .coordinates,.text-dissolving .scroll-cue{opacity:0}.transitioning .statement{opacity:1;filter:none;transform:translateY(-47%)}.text-dissolving .statement:not(.text-fall-layer){opacity:0;filter:blur(6px);transition:opacity .35s ease,filter .5s ease}.text-fall-layer{pointer-events:none;z-index:6;opacity:1!important;filter:none!important}.text-fall-layer .phrase{opacity:1;filter:none;transform:none;transition:none}.fall-glyph{display:inline-block;will-change:transform,opacity,filter;transform-origin:50% 100%}.text-fall-layer.is-falling .fall-glyph{animation:glyph-rain 1.8s cubic-bezier(.38,.02,.72,.38) var(--fall-delay) forwards}.text-fall-layer.is-falling .line{animation:line-collapse 1s ease .2s forwards}.text-fall-layer.is-falling .line i{animation:none}.service-rain{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:0;mix-blend-mode:screen;pointer-events:none;transition:opacity 1.8s ease 1s}.archive.is-open .service-rain{opacity:.5}.archive.is-open{transition:opacity 1.4s cubic-bezier(.22,.7,.2,1),visibility 0s}.archive.is-open .service{transition-delay:.75s}.archive.is-open .archive__header{transition-delay:1.05s}.archive.is-open .archive__footer{transition-delay:1.25s}.archive__grid{z-index:1}.archive__header,.archive__footer,.service{z-index:2}.rain-pool,.rain-curtain{display:none!important}
@keyframes glyph-rain{0%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}18%{opacity:1}78%{opacity:.65}100%{opacity:0;transform:translate3d(var(--fall-drift),var(--fall-distance),0) rotate(var(--fall-spin));filter:blur(3px)}}@keyframes line-collapse{to{opacity:0;transform:scaleX(0);transform-origin:right}}
@media(max-width:760px){.transitioning .statement,.text-fall-layer{transform:none}.text-fall-layer{top:auto;bottom:80px}}
@media(prefers-reduced-motion:reduce){.text-fall-layer.is-falling .fall-glyph{animation-duration:.35s}.transition-veil{transition-duration:.4s}}

/* RECOGNIZABLE TECHNOLOGY CONSTELLATIONS */
.service-machine .machine__particles{opacity:1;position:absolute;inset:0;z-index:7;pointer-events:none}.service-machine .machine__particles i{width:auto;height:auto;min-width:72px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--tech,#8fd8e8) 58%,transparent);border-left:2px solid var(--tech,#8fd8e8);border-radius:3px;background:linear-gradient(110deg,rgba(6,11,13,.94),rgba(16,24,27,.82));box-shadow:0 12px 30px rgba(0,0,0,.55),0 0 18px color-mix(in srgb,var(--tech,#8fd8e8) 15%,transparent);backdrop-filter:blur(8px);animation:tech-float 5s ease-in-out infinite}.service-machine .machine__particles i:before{display:block;white-space:pre;font:600 8px/1.25 'IBM Plex Mono';letter-spacing:.08em;color:#dce5e7;content:"TECH\A SYSTEM"}.service-machine .machine__particles i:after{content:"ACTIVE";display:block;margin-top:4px;font:5px 'IBM Plex Mono';letter-spacing:.18em;color:var(--tech,#8fd8e8)}.service-machine .machine__particles i:nth-child(1){left:1.5%;top:9%;--tech:#ef652a}.service-machine .machine__particles i:nth-child(2){left:auto;right:1%;top:14%;--tech:#2b91d0;animation-delay:-1.2s}.service-machine .machine__particles i:nth-child(3){left:1%;top:auto;bottom:12%;--tech:#f0cf35;animation-delay:-2.4s}.service-machine .machine__particles i:nth-child(4){left:auto;right:1%;top:auto;bottom:7%;--tech:#777bb3;animation-delay:-3.2s}.service-machine .machine__particles i:nth-child(5){left:45%;top:1%;--tech:#4ca56b;animation-delay:-.7s}.service-machine .machine__particles i:nth-child(n+6){display:none}
.scene-website .machine__particles i:nth-child(1):before{content:"HTML5\A STRUCTURE"}.scene-website .machine__particles i:nth-child(2):before{content:"CSS3\A INTERFACE"}.scene-website .machine__particles i:nth-child(3):before{content:"JAVASCRIPT\A INTERACTION"}.scene-website .machine__particles i:nth-child(4):before{content:"PHP 8\A BACKEND"}.scene-website .machine__particles i:nth-child(5):before{content:"PYTHON\A SYSTEMS"}
.scene-software .machine__particles i:nth-child(1){--tech:#7d59c8}.scene-software .machine__particles i:nth-child(2){--tech:#3f88d5}.scene-software .machine__particles i:nth-child(3){--tech:#d74d4d}.scene-software .machine__particles i:nth-child(4){--tech:#4fae92}.scene-software .machine__particles i:nth-child(5){--tech:#4aa2dc}.scene-software .machine__particles i:nth-child(1):before{content:".NET 8\A FRAMEWORK"}.scene-software .machine__particles i:nth-child(2):before{content:"C#\A APPLICATION"}.scene-software .machine__particles i:nth-child(3):before{content:"MS SQL\A DATABASE"}.scene-software .machine__particles i:nth-child(4):before{content:"REST API\A INTEGRATION"}.scene-software .machine__particles i:nth-child(5):before{content:"AZURE\A CLOUD"}
.scene-social .machine__particles i:nth-child(1){--tech:#e35687}.scene-social .machine__particles i:nth-child(2){--tech:#cfd5d7}.scene-social .machine__particles i:nth-child(3){--tech:#3a8ed0}.scene-social .machine__particles i:nth-child(4){--tech:#4c79cf}.scene-social .machine__particles i:nth-child(5){--tech:#e14d4d}.scene-social .machine__particles i:nth-child(1):before{content:"◎ INSTAGRAM\A CONTENT"}.scene-social .machine__particles i:nth-child(2):before{content:"𝕏 TWITTER\A CONVERSATION"}.scene-social .machine__particles i:nth-child(3):before{content:"in LINKEDIN\A AUTHORITY"}.scene-social .machine__particles i:nth-child(4):before{content:"f META\A COMMUNITY"}.scene-social .machine__particles i:nth-child(5):before{content:"▶ YOUTUBE\A VIDEO"}
.scene-ads .machine__particles i:nth-child(1){--tech:#4b8ff0}.scene-ads .machine__particles i:nth-child(2){--tech:#597de4}.scene-ads .machine__particles i:nth-child(3){--tech:#f0a83b}.scene-ads .machine__particles i:nth-child(4){--tech:#62a45d}.scene-ads .machine__particles i:nth-child(5){--tech:#c95a82}.scene-ads .machine__particles i:nth-child(1):before{content:"GOOGLE ADS\A SEARCH"}.scene-ads .machine__particles i:nth-child(2):before{content:"META ADS\A SOCIAL"}.scene-ads .machine__particles i:nth-child(3):before{content:"GA4\A ANALYTICS"}.scene-ads .machine__particles i:nth-child(4):before{content:"GTM\A TRACKING"}.scene-ads .machine__particles i:nth-child(5):before{content:"REMARKETING\A CONVERSION"}
.scene-seo .machine__particles i:nth-child(1){--tech:#4285f4}.scene-seo .machine__particles i:nth-child(2){--tech:#f0ad32}.scene-seo .machine__particles i:nth-child(3){--tech:#e06d44}.scene-seo .machine__particles i:nth-child(4){--tech:#5aa584}.scene-seo .machine__particles i:nth-child(5){--tech:#62a6df}.scene-seo .machine__particles i:nth-child(1):before{content:"SEARCH CONSOLE\A VISIBILITY"}.scene-seo .machine__particles i:nth-child(2):before{content:"GA4\A BEHAVIOUR"}.scene-seo .machine__particles i:nth-child(3):before{content:"SEMRUSH\A RESEARCH"}.scene-seo .machine__particles i:nth-child(4):before{content:"SCHEMA\A STRUCTURE"}.scene-seo .machine__particles i:nth-child(5):before{content:"PAGESPEED\A PERFORMANCE"}
@keyframes tech-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
@media(max-width:900px){.service-machine .machine__particles i{min-width:58px;padding:6px 7px}.service-machine .machine__particles i:before{font-size:6px}.service-machine .machine__particles i:after{font-size:4px}.service-machine .machine__particles i:nth-child(5){display:none}}
@media(max-width:560px){.service-machine .machine__particles i{min-width:48px;padding:5px}.service-machine .machine__particles i:before{font-size:5px}.service-machine .machine__particles i:after{display:none}.service-machine .machine__particles i:nth-child(4){display:none}}

/* WEBSITE DESIGN — LIVE CREATION SEQUENCE */
.website-build-sequence{display:none}.scene-website .website-build-sequence{display:block;position:absolute;inset:0;z-index:8;pointer-events:none;font-family:'IBM Plex Mono',monospace}.build-sequence__status{position:absolute;left:18px;top:14px;display:flex;gap:12px;align-items:center;font-size:6px;letter-spacing:.18em;color:#648089}.build-sequence__status span:before{content:"";display:inline-block;width:4px;height:4px;margin-right:7px;border-radius:50%;background:#77d09f;box-shadow:0 0 10px #77d09f}.build-sequence__status b{font-weight:400;color:#9dc3cb}.build-sequence__phases{position:absolute;left:17%;right:17%;bottom:5%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.build-sequence__phases:before{content:"";position:absolute;left:0;right:0;top:-7px;height:1px;background:rgba(126,199,214,.13)}.build-sequence__phases:after{content:"";position:absolute;left:0;top:-7px;width:25%;height:1px;background:#8fd8e8;box-shadow:0 0 12px #6bb9ca;animation:build-progress 8s steps(4,end) infinite}.build-sequence__phases i{position:relative;padding:6px 7px;border:1px solid rgba(132,202,216,.12);background:rgba(3,8,10,.82);font-style:normal;opacity:.3;animation:phase-focus 8s linear infinite}.build-sequence__phases i:nth-child(2){animation-delay:-6s}.build-sequence__phases i:nth-child(3){animation-delay:-4s}.build-sequence__phases i:nth-child(4){animation-delay:-2s}.build-sequence__phases b{font-size:5px;color:#66838a;font-weight:400}.build-sequence__phases span{display:block;margin-top:3px;font-size:7px;color:#dce6e8}.build-sequence__phases small{display:block;margin-top:2px;font-size:4px;letter-spacing:.12em;color:#698087}.build-sequence__terminal{position:absolute;left:3%;top:25%;width:29%;padding:10px;border-left:1px solid rgba(128,210,226,.36);background:linear-gradient(90deg,rgba(3,8,10,.92),transparent);font-size:5px;line-height:2;color:#6e929a}.build-sequence__terminal span{display:block;opacity:0;animation:code-line 8s steps(1,end) infinite}.build-sequence__terminal span:nth-child(2){animation-delay:-6s}.build-sequence__terminal span:nth-child(3){animation-delay:-4s}.build-sequence__terminal span:nth-child(4){animation-delay:-2s}.build-sequence__terminal b{color:#9ed8e3;font-weight:400}.build-sequence__beam{position:absolute;left:31%;top:9%;bottom:18%;width:1px;background:linear-gradient(transparent,#90d9e7,transparent);box-shadow:0 0 18px #65b7c8;opacity:0;animation:compile-beam 8s ease-in-out infinite}.scene-website .real-browser{animation:website-compile 8s cubic-bezier(.2,.7,.2,1) infinite}.scene-website .real-web-nav,.scene-website .real-web-hero,.scene-website .real-web-grid{transform-origin:left center}.scene-website .real-web-nav{animation:layer-css 8s ease infinite}.scene-website .real-web-hero{animation:layer-css 8s ease .08s infinite}.scene-website .real-web-grid{animation:layer-js 8s ease infinite}.scene-website .real-phone{animation:phone-compile 8s cubic-bezier(.2,.75,.2,1) infinite}.scene-website .web-object{animation:object-live 8s ease-in-out infinite}.scene-website .machine__grid{animation:architecture-grid 8s ease infinite}
@keyframes build-progress{0%{width:0}100%{width:100%}}@keyframes phase-focus{0%,24%{opacity:1;border-color:rgba(126,214,231,.5);box-shadow:inset 0 0 15px rgba(100,194,213,.12)}25%,100%{opacity:.28}}@keyframes code-line{0%,24%{opacity:1}25%,100%{opacity:.12}}@keyframes compile-beam{0%,9%{opacity:0;transform:translateX(0)}12%{opacity:1}24%{opacity:.2;transform:translateX(46vw)}25%,100%{opacity:0}}@keyframes website-compile{0%{opacity:.18;filter:grayscale(1);clip-path:inset(0 96% 0 0);transform:translateY(5px)}19%{opacity:.6;filter:grayscale(1);clip-path:inset(0)}25%{opacity:1;filter:grayscale(.75)}46%{filter:grayscale(0)}50%,100%{opacity:1;filter:none;clip-path:inset(0);transform:none}}@keyframes layer-css{0%,23%{opacity:.06;transform:translateX(-8px)}25%,46%{opacity:1;transform:none}47%,100%{opacity:1;transform:none}}@keyframes layer-js{0%,48%{opacity:.08;transform:translateY(18px)}55%,70%{opacity:1;transform:none}71%,100%{opacity:1;transform:none}}@keyframes phone-compile{0%,47%{opacity:0;transform:translateY(30px) rotate(8deg)}55%,72%{opacity:1;transform:translateY(0) rotate(3deg)}73%,100%{opacity:1;transform:rotate(3deg)}}@keyframes object-live{0%,48%{transform:scale(.75);filter:grayscale(1)}55%,70%{transform:scale(1.04);filter:none}71%,100%{transform:scale(1);filter:none}}@keyframes architecture-grid{0%,18%{opacity:.75;background-size:4.5% 4.5%}26%,100%{opacity:.35;background-size:9% 9%}}
@media(max-width:900px){.build-sequence__terminal{display:none}.build-sequence__beam{left:4%}.build-sequence__phases{left:6%;right:6%}.build-sequence__phases small{display:none}}

/* SINGLE-SCREEN TEXT NAVIGATION */
.hero__image{inset:0 auto 0 0;width:114%;max-width:none;object-fit:cover;object-position:center;transform:none}.statement{left:6vw;width:min(54vw,900px)}.eyebrow{padding-left:0}.scene-nav{position:absolute;left:4vw;bottom:31px;z-index:12;display:flex;align-items:center;gap:30px}.scene-nav button{position:relative;border:0;padding:5px 0;background:transparent;color:#748087;font:400 12pt 'IBM Plex Mono',monospace;letter-spacing:.12em;cursor:pointer;transition:color .35s ease,text-shadow .35s ease}.scene-nav button:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:#88d2e1;box-shadow:0 0 9px rgba(105,202,221,.65);transition:right .45s cubic-bezier(.2,.8,.2,1)}.scene-nav button:hover,.scene-nav button.is-active{color:#d8e4e7;text-shadow:0 0 18px rgba(118,208,225,.2)}.scene-nav button:hover:after,.scene-nav button.is-active:after{right:0}.content-panel{position:absolute;z-index:7;left:6vw;top:50%;width:min(55vw,930px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-47%)}.content-panel.is-active{opacity:1;visibility:visible;pointer-events:auto}.panel-eyebrow{margin-bottom:22px;color:#74858b;font:400 9px 'IBM Plex Mono',monospace;letter-spacing:.2em}.text-services{display:flex;flex-direction:column}.text-services>div{position:relative;display:grid;grid-template-columns:31px minmax(220px,.72fr) minmax(280px,1fr);align-items:center;gap:18px;min-height:82px;border-top:1px solid rgba(157,204,214,.1)}.text-services>div:last-child{border-bottom:1px solid rgba(157,204,214,.1)}.text-services>div>span{color:#66838a;font:7px 'IBM Plex Mono',monospace}.text-services h2{margin:0;color:#dfe5e7;font:500 clamp(25px,2.45vw,47px)/.9 'Syne',sans-serif;letter-spacing:-.055em}.text-services p{max-width:410px;margin:0;color:#7c898e;font:300 clamp(10px,.8vw,13px)/1.45 'Instrument Sans',sans-serif}.content-panel--contact h2{margin:0 0 42px;color:#e0e6e8;font:500 clamp(55px,6vw,108px)/.78 'Syne',sans-serif;letter-spacing:-.075em}.content-panel--contact h2 em{font-style:normal;font-weight:400;color:transparent;-webkit-text-stroke:1px rgba(192,218,224,.54)}.contact-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:22px;width:min(100%,850px)}.contact-form label{display:block}.contact-form label>span{display:block;margin-bottom:10px;color:#708188;font:7px 'IBM Plex Mono',monospace;letter-spacing:.18em}.contact-form input{width:100%;height:44px;border:0;border-bottom:1px solid rgba(155,205,215,.25);outline:0;background:transparent;color:#dce5e7;font:400 14px 'IBM Plex Mono',monospace;border-radius:0;transition:border-color .3s,box-shadow .3s}.contact-form input:focus{border-color:#8ed3e1;box-shadow:0 7px 15px -12px #76c8d9}.contact-form button{height:44px;border:0;border-bottom:1px solid rgba(155,205,215,.35);background:transparent;color:#a6b9be;font:7px 'IBM Plex Mono',monospace;letter-spacing:.15em;cursor:pointer;white-space:nowrap}.contact-form button i{display:inline-block;width:26px;height:1px;margin-left:10px;vertical-align:middle;background:#7caab4;transition:width .3s}.contact-form button:hover i,.contact-form button.is-sent i{width:42px}.panel-open .statement{opacity:0;filter:blur(7px);pointer-events:none}.rain-char{display:inline-block;will-change:transform,opacity,filter}.content-panel.is-entering .rain-char{animation:panel-rain-in .9s cubic-bezier(.18,.72,.2,1) var(--rain-delay) both}.content-panel.is-leaving .rain-char{animation:panel-rain-out .78s cubic-bezier(.42,.02,.78,.38) var(--rain-delay) both}.content-panel.is-entering .contact-form input{animation:field-reveal .9s ease .8s both}.content-panel.is-leaving .contact-form input{animation:field-hide .55s ease both}
@keyframes panel-rain-in{0%{opacity:0;transform:translate3d(0,-42vh,0);filter:blur(5px)}72%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:none}}@keyframes panel-rain-out{0%{opacity:1;transform:none;filter:none}18%{opacity:1}100%{opacity:0;transform:translate3d(0,48vh,0);filter:blur(4px)}}@keyframes field-reveal{from{opacity:0;transform:scaleX(.2);transform-origin:left}to{opacity:1;transform:none}}@keyframes field-hide{to{opacity:0;transform:scaleX(0);transform-origin:right}}
@media(max-width:900px){.hero__image{width:135%;opacity:.7}.statement{left:24px;width:min(72vw,650px)}.content-panel{left:24px;width:calc(100vw - 48px)}.text-services>div{grid-template-columns:24px 1fr;gap:10px;min-height:72px}.text-services p{display:none}.scene-nav{left:24px}.contact-form{grid-template-columns:1fr;gap:15px;width:min(100%,480px)}.contact-form button{justify-self:start}.content-panel--contact h2{margin-bottom:30px}}
@media(max-width:560px){.hero__image{width:158%;opacity:.58}.statement{width:calc(100vw - 48px)}.scene-nav{bottom:22px;gap:22px}.scene-nav button{font-size:10pt}.text-services h2{font-size:25px}.content-panel--contact h2{font-size:53px}.content-panel{top:47%}}
.home-returning .statement:not(.home-rain-layer){opacity:0}.home-rain-layer{z-index:7;pointer-events:none}.home-rain-layer .phrase{opacity:1;filter:none;transform:none;transition:none}.home-rain-layer.is-entering .rain-char{animation:panel-rain-in .9s cubic-bezier(.18,.72,.2,1) var(--rain-delay) both}

/* Single-service scene */
.scene-nav button{font-family:'Oxanium','IBM Plex Mono',monospace;font-size:10pt;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.scene-nav button.is-binary-glitch{color:#9ee7f2;text-shadow:0 0 6px rgba(114,214,232,.8),0 0 20px rgba(94,191,210,.35);letter-spacing:.24em}
.service-single{position:relative;width:min(47vw,790px);min-height:410px;padding-top:8px}
.service-single__index{margin-bottom:25px;color:#6d8a91;font:400 9px 'Space Mono',monospace;letter-spacing:.2em}
.service-single h2{max-width:760px;margin:0;color:#e3eaec;font:500 clamp(48px,5.1vw,94px)/.84 'Syne',sans-serif;letter-spacing:-.07em;text-wrap:balance}
.service-single h3{max-width:690px;margin:27px 0 18px;color:#9eb0b5;font:400 clamp(18px,1.55vw,27px)/1.18 'Space Mono',monospace;letter-spacing:-.035em}
.service-single>p{max-width:610px;margin:0;color:#78898e;font:300 clamp(13px,.9vw,16px)/1.65 'Instrument Sans',sans-serif;letter-spacing:.005em}
.service-single__controls{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:15px;width:min(100%,610px)}
.service-single__controls button{border:0;padding:5px 0;background:transparent;color:#71868c;font:400 8px 'Space Mono',monospace;letter-spacing:.16em;cursor:pointer;transition:color .3s,text-shadow .3s}
.service-single__controls button:hover{color:#d9e5e8;text-shadow:0 0 14px rgba(107,201,218,.35)}
.service-single__track{position:relative;display:block;flex:1;height:1px;overflow:hidden;background:rgba(151,200,210,.14)}
.service-single__track i{position:absolute;inset:0 auto 0 0;width:0;background:#83c7d4;box-shadow:0 0 8px rgba(112,202,219,.75)}
.service-single.is-timing .service-single__track i{animation:service-timer 20s linear forwards}
.service-single .service-copy-word{display:inline-block;white-space:nowrap}
.service-single .service-copy-char{display:inline-block;will-change:transform,opacity,filter}
.service-single.is-departing .service-copy-char{animation:service-copy-out 1.25s cubic-bezier(.4,.02,.76,.4) var(--copy-delay) both}
.service-single .typed-word{display:inline-block;white-space:nowrap}.service-single .typed-char{display:inline-block;opacity:0;will-change:transform,opacity,filter}.service-single .typed-char.is-visible{opacity:1}
.service-single.is-departing .typed-char{animation:service-copy-out 1.35s cubic-bezier(.4,.02,.76,.4) var(--typed-delay) both}
.service-single.is-arriving .service-copy-char{animation:service-copy-in 1.55s cubic-bezier(.18,.72,.2,1) var(--copy-delay) both}
.service-single.is-departing .service-single__controls,.service-single.is-arriving .service-single__controls{transition:opacity .7s ease;opacity:.2}
.text-fall-layer.is-falling .fall-glyph{animation-duration:2.9s}
.content-panel.is-entering .rain-char{animation-duration:1.6s}
.content-panel.is-leaving .rain-char{animation-duration:1.45s}
.home-rain-layer.is-entering .rain-char{animation-duration:1.6s}
@keyframes service-timer{to{width:100%}}
@keyframes service-copy-out{0%{opacity:1;transform:none;filter:none}25%{opacity:1}100%{opacity:0;transform:translate3d(0,28vh,0);filter:blur(4px)}}
@keyframes service-copy-in{0%{opacity:0;transform:translate3d(0,-24vh,0);filter:blur(5px)}75%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@media(max-width:900px){.service-single{width:min(68vw,690px);min-height:390px}.service-single h2{font-size:clamp(43px,7vw,72px)}}
@media(max-width:560px){.scene-nav button{font-size:9pt}.service-single{width:calc(100vw - 48px);min-height:420px}.service-single h2{font-size:42px}.service-single h3{font-size:16px}.service-single__controls{bottom:18px}}

/* Cinematic targeting HUD — intentionally rare and restrained */
.tactical-focus{--hud-x:66.5vw;--hud-y:23vh;position:absolute;z-index:11;left:0;top:0;width:210px;aspect-ratio:1;pointer-events:none;opacity:.78;transform:translate3d(var(--hud-x),var(--hud-y),0) translate(-50%,-50%);filter:drop-shadow(0 0 12px rgba(111,205,222,.38));will-change:transform}
.tactical-focus__ring{position:absolute;border-radius:50%;border:1px solid rgba(137,215,229,.48)}
.tactical-focus__ring--outer{inset:0;border-left-color:transparent;border-bottom-color:rgba(137,215,229,.08);animation:hud-spin 8s linear infinite}
.tactical-focus__ring--outer:before,.tactical-focus__ring--outer:after{content:"";position:absolute;left:50%;width:18px;height:1px;background:rgba(145,220,234,.5)}
.tactical-focus__ring--outer:before{top:-1px;transform:translateX(-50%)}.tactical-focus__ring--outer:after{bottom:-1px;transform:translateX(-50%)}
.tactical-focus__ring--middle{inset:16px;border-top-color:transparent;border-bottom-style:dashed;animation:hud-spin-reverse 6.3s linear infinite}
.tactical-focus__ring--inner{inset:34px;border-width:1px;border-right-color:transparent;border-top-style:dashed;box-shadow:inset 0 0 28px rgba(74,172,193,.07);animation:hud-spin 4.8s linear infinite}
.tactical-focus__cross{position:absolute;inset:50% auto auto 50%;width:15px;height:15px;border:1px solid rgba(170,235,246,.86);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(108,205,224,.45)}
.tactical-focus__cross:before,.tactical-focus__cross:after{content:"";position:absolute;left:50%;top:50%;background:rgba(151,222,235,.48);transform:translate(-50%,-50%)}
.tactical-focus__cross:before{width:33px;height:1px}.tactical-focus__cross:after{width:1px;height:33px}
.tactical-focus__scan{position:absolute;left:18%;right:18%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(145,222,236,.55),transparent);box-shadow:0 0 10px rgba(100,194,213,.3);animation:hud-scan 2.8s ease-in-out infinite}
.tactical-focus small{position:absolute;right:-17px;bottom:25px;padding:3px 6px;border-left:1px solid rgba(132,214,229,.5);background:rgba(2,8,10,.44);color:rgba(164,224,235,.78);font:400 6px 'Space Mono',monospace;letter-spacing:.16em;white-space:nowrap}
.hud-acquire .tactical-focus{animation:hud-acquire 2.7s ease both}
.hud-link-hover .tactical-focus{opacity:1;filter:drop-shadow(0 0 22px rgba(124,221,239,.78))}
.hud-link-hover .tactical-focus__ring--outer{animation-duration:.48s}.hud-link-hover .tactical-focus__ring--middle{animation-duration:.36s}.hud-link-hover .tactical-focus__ring--inner{animation-duration:.25s}
@keyframes hud-spin{to{transform:rotate(360deg)}}@keyframes hud-spin-reverse{to{transform:rotate(-360deg)}}
@keyframes hud-scan{0%,100%{transform:translateY(-36px);opacity:0}18%,82%{opacity:.65}50%{transform:translateY(36px);opacity:.35}}
@keyframes hud-appearance{0%,66%,100%{opacity:0;transform:translate(-50%,-50%) scale(.82)}71%,86%{opacity:.42;transform:translate(-50%,-50%) scale(1)}91%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes hud-acquire{0%{opacity:.25;filter:blur(2px) drop-shadow(0 0 4px rgba(111,205,222,.18))}28%,72%{opacity:1;filter:blur(0) drop-shadow(0 0 20px rgba(111,205,222,.65))}100%{opacity:.78;filter:drop-shadow(0 0 12px rgba(111,205,222,.38))}}
@media(max-width:900px){.tactical-focus{width:155px;opacity:.64}}
@media(max-width:560px){.tactical-focus{display:block;width:108px;opacity:.48}.tactical-focus small{display:none}}

/* Rain title first, digital terminal copy second */
.service-single h3:empty,.service-single>p:empty{min-height:1.2em}
.service-single .is-typing:after{content:"▌";display:inline-block;margin-left:.12em;color:#9be1ee;text-shadow:0 0 9px rgba(119,213,230,.7);animation:terminal-caret .62s steps(1,end) infinite}
.service-single>p.is-typing:after{font-size:.8em}
@keyframes terminal-caret{50%{opacity:0}}

/* Tactical framing around the service narrative */
.service-reticle{position:absolute;z-index:0;left:-28px;right:34px;top:-24px;bottom:48px;pointer-events:none}
.service-reticle i{position:absolute;width:34px;height:34px;opacity:.35;filter:drop-shadow(0 0 5px rgba(112,207,225,.32));animation:reticle-blink 3.8s steps(1,end) infinite}
.service-reticle i:before{content:"";position:absolute;width:18px;height:1px;background:rgba(135,215,230,.55);transform-origin:left center}
.service-reticle i:nth-child(1){left:0;top:0;border-left:1px solid rgba(135,215,230,.52);border-top:1px solid rgba(135,215,230,.52)}.service-reticle i:nth-child(1):before{left:4px;top:4px;transform:rotate(45deg)}
.service-reticle i:nth-child(2){right:0;top:0;border-right:1px solid rgba(135,215,230,.52);border-top:1px solid rgba(135,215,230,.52);animation-delay:-1.1s}.service-reticle i:nth-child(2):before{right:4px;top:4px;transform-origin:right center;transform:rotate(-45deg)}
.service-reticle i:nth-child(3){right:0;bottom:0;border-right:1px solid rgba(135,215,230,.52);border-bottom:1px solid rgba(135,215,230,.52);animation-delay:-2.2s}.service-reticle i:nth-child(3):before{right:4px;bottom:4px;transform-origin:right center;transform:rotate(45deg)}
.service-reticle i:nth-child(4){left:0;bottom:0;border-left:1px solid rgba(135,215,230,.52);border-bottom:1px solid rgba(135,215,230,.52);animation-delay:-3.1s}.service-reticle i:nth-child(4):before{left:4px;bottom:4px;transform:rotate(-45deg)}
.service-single.is-arriving .service-reticle i{animation-duration:.72s}.service-single.is-departing .service-reticle{animation:reticle-collapse 1.2s ease both}
@keyframes reticle-blink{0%,72%,100%{opacity:.22}76%,79%{opacity:.95}82%{opacity:.38}86%{opacity:.78}}
@keyframes reticle-collapse{to{opacity:0;transform:scale(.86);filter:blur(2px)}}

/* Contact transmission sequence */
.contact-honey{position:fixed!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.transmission-feedback{position:absolute;left:0;top:50%;z-index:5;display:flex;flex-direction:column;gap:11px;width:min(100%,850px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%)}
.transmission-feedback strong{width:0;overflow:hidden;white-space:nowrap;color:#dff7fb;font:500 clamp(35px,4.1vw,76px)/1 'Oxanium',monospace;letter-spacing:.035em;text-shadow:0 0 22px rgba(111,213,232,.32)}
.transmission-feedback span{opacity:0;color:#8ca8ae;font:400 10px 'Space Mono',monospace;letter-spacing:.16em}
.transmission-feedback.is-active{visibility:visible;opacity:1}.transmission-feedback.is-active strong{animation:transmission-type 1.25s steps(17,end) .65s forwards}.transmission-feedback.is-active span{animation:transmission-sub .7s ease 2s forwards}.transmission-feedback.is-error strong{color:#d3a4a4;text-shadow:0 0 18px rgba(190,82,82,.28)}
.transmission-sending .content-panel--contact>.panel-eyebrow,.transmission-sending .content-panel--contact>h2,.transmission-sending .contact-form{animation:contact-collapse 1s ease forwards;pointer-events:none}
#binaryRain{transition:filter .9s ease,transform 1.25s cubic-bezier(.2,.7,.2,1)}.transmission-sending #binaryRain{filter:brightness(1.65) contrast(1.28);transform:scaleX(.72);transform-origin:22% 50%}
.transmission-lock .tactical-focus{opacity:1;filter:drop-shadow(0 0 25px rgba(124,221,239,.9))}.transmission-lock .tactical-focus__ring--outer{animation-duration:.34s}.transmission-lock .tactical-focus__ring--middle{animation-duration:.25s}.transmission-lock .tactical-focus__ring--inner{animation-duration:.18s}
.transmission-vortex{position:fixed;inset:0;z-index:10;overflow:hidden;pointer-events:none}.transmission-vortex i{position:absolute;color:rgba(147,226,240,.74);font:400 9px 'Space Mono',monospace;font-style:normal;text-shadow:0 0 8px rgba(112,211,230,.75);animation:vortex-converge 1.65s cubic-bezier(.4,.02,.8,.35) var(--vortex-delay) both}
@keyframes contact-collapse{to{opacity:0;filter:blur(5px);transform:translateY(24px)}}
@keyframes vortex-converge{0%{opacity:0;transform:translate3d(0,0,0) scale(1)}15%{opacity:1}82%{opacity:.9}100%{opacity:0;transform:translate3d(var(--vortex-x),var(--vortex-y),0) scale(.25);filter:blur(2px)}}
@keyframes transmission-type{from{width:0}to{width:100%}}@keyframes transmission-sub{to{opacity:1}}
@media(max-width:560px){.transmission-feedback strong{font-size:31px}.transmission-feedback span{font-size:7px}.transmission-vortex i{font-size:7px}}