:root{--bg:#071116;--bg-deep:#050b10;--panel:rgba(14,37,44,.74);--text:#edf5f2;--muted:#91aaa5;--cyan:#8de9e2;--blue:#78b9ff;--amber:#d9a45f;--line:rgba(171,230,226,.18);--shell:min(1320px,calc(100% - 64px));--header:74px;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-deep);color:var(--text);font-family:var(--font);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:fixed;z-index:999;left:16px;top:-80px;padding:12px 17px;background:var(--cyan);color:#06171c;font-weight:800}.skip-link:focus{top:16px}.ambient-noise{position:fixed;z-index:20;inset:0;pointer-events:none;opacity:.025;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='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(#n)'/%3E%3C/svg%3E")}
.site-header{position:absolute;z-index:30;inset:0 0 auto;height:var(--header);border-bottom:1px solid rgba(171,230,226,.12);background:linear-gradient(180deg,rgba(5,11,16,.58),transparent);backdrop-filter:blur(8px)}.header-inner{width:var(--shell);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px}.brand-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(141,233,226,.4);box-shadow:0 0 18px rgba(141,233,226,.08)}.brand-text{display:flex;align-items:baseline;gap:7px;text-transform:uppercase;letter-spacing:.08em}.brand-text strong{font-size:19px;letter-spacing:-.04em;color:var(--cyan)}.brand-text span{font-size:10px;color:#c6d8d5}.system-status{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:#9bb5b0}.system-status b{margin-left:12px;color:#64817d;font-weight:400}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.phone-link{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:#a3bbb7;transition:color .2s}.phone-link span{color:var(--cyan);margin-left:8px;font-size:15px}.phone-link:hover,.phone-link:focus-visible{color:var(--cyan)}
.gateway{position:relative;isolation:isolate;min-height:100svh;padding:calc(var(--header) + 28px) 0 48px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 72% 44%,rgba(35,97,108,.23),transparent 34%),radial-gradient(circle at 12% 88%,rgba(33,69,102,.16),transparent 34%),linear-gradient(145deg,#061014 0%,#08171e 52%,#071116 100%)}.gateway:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(141,233,226,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(141,233,226,.038) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,transparent 95%)}.gateway:after{content:"";position:absolute;z-index:2;left:0;right:0;top:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(141,233,226,.22),transparent);box-shadow:0 0 20px rgba(141,233,226,.2);pointer-events:none;animation:scan-page 10s linear infinite}.particle-field{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;opacity:.6}.grid-field{position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 47%,transparent 30%,rgba(2,8,12,.28) 75%,rgba(2,8,12,.64) 100%)}.gateway-inner{position:relative;z-index:3;width:var(--shell);margin:auto;flex:1;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(650px,1.28fr);align-items:center;gap:24px}.gateway-copy{align-self:center;padding-bottom:20px}.eyebrow{margin:0 0 25px;color:#86aaa5;font-family:var(--mono);font-size:10px;letter-spacing:.16em}.gateway-copy h1{margin:0;max-width:530px;font-size:clamp(48px,5.2vw,82px);line-height:1.01;letter-spacing:-.08em}.gateway-copy h1 em{font-style:normal;color:var(--cyan)}.gateway-intro{margin:25px 0 0;color:#9db3af;font-size:17px}.gateway-stage{position:relative;width:min(720px,100%);height:620px;margin-inline:auto}.connection-lines{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible}.connection-lines .line{fill:none;stroke:rgba(141,233,226,.34);stroke-width:1;stroke-dasharray:5 8;animation:dash 12s linear infinite}.connection-lines circle{fill:var(--cyan);filter:drop-shadow(0 0 5px var(--cyan))}.core-wrap{position:absolute;z-index:3;top:50%;left:50%;width:350px;height:350px;transform:translate(-50%,-50%);transform-style:preserve-3d;transition:transform .25s var(--ease)}.core-halo{position:absolute;inset:25px;border-radius:50%;background:rgba(87,211,220,.16);filter:blur(40px)}.core-ring{position:absolute;inset:0;border:1px solid rgba(141,233,226,.2);border-radius:50%;transform-style:preserve-3d}.ring-outer{transform:rotateX(66deg) rotateZ(18deg) scale(1.4);animation:orbit-a 28s linear infinite}.ring-mid{inset:35px;border-color:rgba(120,185,255,.25);transform:rotateY(66deg) rotateZ(-24deg) scale(1.12);animation:orbit-b 22s linear infinite}.ring-inner{inset:63px;border-color:rgba(217,164,95,.28);transform:rotateX(75deg) rotateY(18deg);animation:orbit-c 18s linear infinite}.core-disc{position:absolute;inset:43px;display:grid;place-items:center;border:1px solid rgba(141,233,226,.62);border-radius:50%;background:radial-gradient(circle at 34% 24%,rgba(218,255,251,.17),rgba(6,18,23,.88) 65%);box-shadow:inset 0 0 35px rgba(141,233,226,.13),0 0 0 12px rgba(141,233,226,.035),0 0 70px rgba(105,215,222,.2);transform:translateZ(36px)}.core-disc:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(141,233,226,.34);border-radius:50%;animation:spin 26s linear infinite}.core-disc img{position:relative;z-index:3;width:205px;height:205px;object-fit:cover;border-radius:50%;border:5px solid rgba(241,250,247,.95);box-shadow:0 0 35px rgba(141,233,226,.19)}.disc-grid{position:absolute;inset:0;border-radius:50%;background:linear-gradient(rgba(141,233,226,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,233,226,.08) 1px,transparent 1px);background-size:31px 31px;mask-image:radial-gradient(circle,transparent 35%,#000 100%)}.scan-line{position:absolute;z-index:4;left:15px;right:15px;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 14px var(--cyan);animation:scan-core 4s ease-in-out infinite}.crosshair:before,.crosshair:after{content:"";position:absolute;z-index:4;background:rgba(141,233,226,.52)}.crosshair:before{width:1px;height:24px;left:50%;top:-12px}.crosshair:after{height:1px;width:24px;left:-12px;top:50%}.core-label{position:absolute;z-index:5;font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:#8eb5b1;white-space:nowrap}.core-label i{font-style:normal;color:var(--amber)}.label-top{top:-31px;left:50%;transform:translateX(-50%)}.label-right{top:50%;right:-110px;display:flex;align-items:center;gap:8px}.label-right i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.label-bottom{bottom:-33px;left:50%;transform:translateX(-50%)}.label-left{left:-117px;top:50%;transform:rotate(-90deg) translateX(50%);transform-origin:right center}.radial-mark{position:absolute;z-index:2;font-family:var(--mono);font-size:8px;color:#537b78}.mark-top{top:-49px;left:50%;transform:translateX(-50%)}.mark-right{right:-56px;top:50%;transform:translateY(-50%)}.mark-bottom{bottom:-47px;left:50%;transform:translateX(-50%);color:var(--amber)}.mark-left{left:-50px;top:50%;transform:translateY(-50%)}.project-module{position:absolute;z-index:6;width:238px;min-height:158px;padding:17px 18px;display:flex;flex-direction:column;border:1px solid rgba(141,233,226,.28);background:linear-gradient(145deg,rgba(19,47,55,.86),rgba(8,23,29,.84));backdrop-filter:blur(14px);box-shadow:0 20px 48px rgba(0,0,0,.3);transition:transform .28s var(--ease),border-color .28s,background .28s,box-shadow .28s}.project-module:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(141,233,226,.12),transparent 65%);transform:translateX(-120%);transition:transform .7s}.project-module:hover,.project-module:focus-visible{transform:translateY(-6px) translateZ(10px);border-color:var(--cyan);background:linear-gradient(145deg,rgba(20,59,66,.94),rgba(8,25,31,.92));box-shadow:0 28px 60px rgba(0,0,0,.42),0 0 24px rgba(141,233,226,.12)}.project-module:hover:before,.project-module:focus-visible:before{transform:translateX(120%)}.module-web{top:40px;right:-4px;width:260px;min-height:177px}.module-house{left:-1px;bottom:46px}.module-rental{right:24px;bottom:5px}.module-index{position:absolute;top:14px;right:17px;color:#648b86;font-family:var(--mono);font-size:9px}.module-label{font-family:var(--mono);font-size:8px;letter-spacing:.1em;color:var(--amber)}.project-module strong{margin-top:11px;font-size:18px;letter-spacing:-.035em}.project-module p{margin:5px 0 15px;color:#9db4b0;font-size:11px;line-height:1.4}.module-status{display:flex;align-items:center;gap:7px;margin-top:auto;color:var(--cyan);font-family:var(--mono);font-size:8px;letter-spacing:.08em}.module-status i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.module-status b{margin-left:auto;font-size:14px;font-weight:400}.module-status.is-building{color:var(--amber)}.module-status.is-building i{background:var(--amber);box-shadow:0 0 9px var(--amber)}.gateway-footer{position:relative;z-index:3;width:var(--shell);margin:0 auto;display:flex;align-items:center;gap:15px;color:#587572;font-family:var(--mono);font-size:8px;letter-spacing:.12em}.footer-rule{height:1px;flex:1;background:linear-gradient(90deg,rgba(141,233,226,.25),transparent)}.legal-footer{height:42px;display:flex;align-items:center;justify-content:space-between;width:var(--shell);margin:auto;color:#65817d;font-family:var(--mono);font-size:9px;letter-spacing:.05em}.legal-footer nav{display:flex;gap:20px}.legal-footer a{color:#9dbab5;transition:color .2s}.legal-footer a:hover,.legal-footer a:focus-visible{color:var(--cyan)}
@keyframes orbit-a{to{transform:rotateX(66deg) rotateZ(378deg) scale(1.4)}}@keyframes orbit-b{to{transform:rotateY(66deg) rotateZ(-384deg) scale(1.12)}}@keyframes orbit-c{to{transform:rotateX(75deg) rotateY(18deg) rotateZ(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:-120}}@keyframes scan-core{0%,100%{transform:translateY(-95px);opacity:0}20%,78%{opacity:1}50%{transform:translateY(95px)}}@keyframes scan-page{0%{transform:translateY(-50px);opacity:0}20%,75%{opacity:.45}100%{transform:translateY(600px);opacity:0}}
@media(max-width:1180px){:root{--shell:min(100% - 44px,1320px)}.gateway-inner{grid-template-columns:.8fr 1.2fr;gap:0}.gateway-stage{transform:scale(.9);transform-origin:center right;margin-left:-18px;margin-right:-18px}.project-module{width:220px}.module-web{width:240px;right:0}.label-right{right:-85px}.label-left{left:-90px}}
@media(max-width:900px){:root{--header:70px}.gateway{min-height:auto;padding-top:calc(var(--header) + 42px);padding-bottom:18px;overflow:visible}.gateway-inner{grid-template-columns:1fr;gap:12px}.gateway-copy{text-align:center;padding:0}.gateway-copy h1{margin-inline:auto;font-size:clamp(45px,8vw,68px)}.gateway-intro{margin-top:15px}.gateway-stage{width:min(720px,100%);height:590px;transform:none;margin:0 auto}.gateway-footer{margin-top:0}.legal-footer{height:48px}.system-status b{display:none}.phone-link{font-size:0}.phone-link span{font-size:18px}.gateway:after{top:26%}}
@media(max-width:560px){:root{--shell:min(100% - 28px,1320px)}.site-header{height:64px}.header-inner{gap:10px}.brand-logo{width:36px;height:36px}.brand-text{display:grid;gap:0;line-height:1.1}.brand-text strong{font-size:17px}.brand-text span{font-size:8px}.system-status{font-size:8px;margin-left:auto}.system-status .status-dot{width:6px;height:6px}.gateway{padding-top:calc(64px + 30px);padding-bottom:8px}.gateway-copy h1{font-size:clamp(40px,12vw,56px);letter-spacing:-.07em}.gateway-intro{font-size:14px}.gateway-stage{height:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px 0 18px}.connection-lines{display:none}.core-wrap{position:relative;top:auto;left:auto;width:246px;height:246px;transform:none;flex:0 0 auto;margin-bottom:18px}.core-disc{inset:31px}.core-disc img{width:144px;height:144px;border-width:4px}.core-disc:before{inset:10px}.ring-outer{transform:rotateX(66deg) rotateZ(18deg) scale(1.32)}.ring-mid{inset:27px;transform:rotateY(66deg) rotateZ(-24deg) scale(1.05)}.ring-inner{inset:48px}.core-label{font-size:7px}.label-right{right:-74px}.label-left{left:-76px}.label-top{top:-25px}.label-bottom{bottom:-27px}.radial-mark{font-size:7px}.mark-top{top:-39px}.mark-bottom{bottom:-39px}.mark-left{left:-35px}.mark-right{right:-40px}.project-module,.module-web,.module-house,.module-rental{position:relative;inset:auto;width:min(100%,360px);min-height:132px;padding:15px 16px}.project-module strong{font-size:17px}.project-module p{max-width:290px;margin-bottom:10px}.module-web{order:1}.module-house{order:2}.module-rental{order:3}.gateway-footer{margin-top:4px;font-size:7px}.legal-footer{width:var(--shell);height:auto;min-height:60px;padding:12px 0;gap:8px;align-items:flex-start;flex-direction:column;font-size:8px}.legal-footer nav{gap:15px}.ambient-noise{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.particle-field{display:none}.core-wrap{transform:translate(-50%,-50%)}.gateway-stage{transform:none}}
@media(max-width:560px) and (prefers-reduced-motion:reduce){.core-wrap{transform:none}}
.label-right{right:-48px}
@media(max-width:560px){.gateway-stage{overflow:hidden}.label-right{right:-35px}.mark-right{right:-32px}}
/* Language selector */
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(132,242,229,.22);border-radius:999px;background:rgba(3,20,25,.62);font-family:var(--mono,monospace);font-size:9px;letter-spacing:.12em}
.language-switch button{border:0;border-radius:999px;background:transparent;color:#87a7a5;padding:5px 7px;font:inherit;cursor:pointer;letter-spacing:inherit}
.language-switch button[aria-pressed="true"]{background:#82eee0;color:#06171c}
.language-switch button:focus-visible{outline:2px solid #82eee0;outline-offset:2px}
@media(max-width:900px){.header-inner .language-switch{margin-left:auto;margin-right:8px}.phone-link{display:none}}
@media(max-width:560px){.language-switch{font-size:8px;padding:2px}.language-switch button{padding:4px 6px}}