.landing-page{min-height:100%;overflow-x:hidden;background:#06111c;color:#fff}
.landing-hero{position:relative;display:flex;min-height:100svh;overflow:hidden;flex-direction:column;background:#06111c}
.landing-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .65s ease}.landing-video.is-ready{opacity:1}
.landing-overlay{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,12,20,.93) 0%,rgba(3,14,23,.78) 43%,rgba(3,14,23,.34) 74%,rgba(3,14,23,.55) 100%)}
.landing-overlay:after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,20,.36),transparent 24%,transparent 72%,rgba(3,12,20,.68));content:""}
.landing-navbar{position:relative;z-index:4;min-height:78px;border-bottom:1px solid rgba(255,255,255,.16)}
.landing-navbar .brand-logo{width:178px}.landing-top-links{display:flex;align-items:center;gap:24px}.landing-top-links a{color:#d3e0e7;font-size:.75rem;font-weight:750}.landing-top-links a:hover{color:#fff}.landing-top-links .landing-store-link{border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:8px 12px}
.landing-content{position:relative;z-index:3;display:grid;min-height:calc(100svh - 78px);grid-template-columns:minmax(0,1.04fr) minmax(410px,.7fr);gap:82px;align-items:center;padding:46px 0 58px}
.landing-copy{max-width:760px}.landing-kicker{display:block;margin-bottom:17px;color:#72d4ee;font-size:.67rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.landing-copy h1{margin:0;color:#fff;font-size:clamp(3.4rem,5.4vw,5.35rem);font-weight:610;line-height:.98;letter-spacing:-.052em}.landing-copy>p{max-width:670px;margin:24px 0 0;color:#c0ced6;font-size:1.02rem;line-height:1.7}.landing-primary-action{display:inline-flex;align-items:center;gap:11px;margin-top:30px;border-radius:8px;background:#1688b8;color:#fff;padding:12px 16px;font-size:.78rem;font-weight:800;transition:.2s}.landing-primary-action:hover{background:#1ba0d3;transform:translateY(-1px)}.landing-primary-action span{font-size:1rem}
.landing-options{display:grid;gap:9px;perspective:1000px}.landing-options-label{display:flex;justify-content:space-between;margin:0 3px 5px;color:#b7c6ce;font-size:.61rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.landing-options-label span{color:#64cbe8;font-size:.54rem;letter-spacing:.08em}.landing-option{--accent:88,203,233;--pointer-x:50%;--pointer-y:50%;position:relative;display:grid;min-height:86px;overflow:hidden;grid-template-columns:48px minmax(0,1fr) 39px;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(110deg,rgba(8,25,38,.74),rgba(15,39,53,.58));padding:12px 13px;box-shadow:0 14px 35px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(16px) saturate(125%);transform-style:preserve-3d;will-change:transform;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease}.landing-option:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(190px circle at var(--pointer-x) var(--pointer-y),rgba(var(--accent),.2),transparent 68%);opacity:.2;content:"";transition:opacity .25s}.landing-option:after{position:absolute;top:17px;bottom:17px;left:0;width:2px;border-radius:0 4px 4px 0;background:rgb(var(--accent));box-shadow:0 0 16px rgba(var(--accent),.75);content:"";opacity:.68;transition:opacity .25s,transform .25s}.landing-option:hover,.landing-option:focus-visible{border-color:rgba(var(--accent),.48);background:linear-gradient(110deg,rgba(10,31,45,.92),rgba(17,48,64,.8));box-shadow:0 19px 45px rgba(0,0,0,.29),0 0 0 1px rgba(var(--accent),.1);transform:translateY(-3px) scale(1.012)}.landing-option:hover:before,.landing-option:focus-visible:before{opacity:1}.landing-option:hover:after,.landing-option:focus-visible:after{opacity:1;transform:scaleY(1.28)}.landing-option:focus-visible{outline:2px solid rgba(var(--accent),.85);outline-offset:3px}.landing-option-icon{display:grid;width:48px;height:48px;border:1px solid rgba(var(--accent),.24);border-radius:15px;background:rgba(var(--accent),.08);place-items:center;transition:transform .3s ease,background .3s ease}.landing-option-icon svg{width:23px;fill:none;stroke:rgb(var(--accent));stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.landing-option:hover .landing-option-icon,.landing-option:focus-visible .landing-option-icon{background:rgba(var(--accent),.15);transform:translateZ(18px) rotate(-4deg) scale(1.06)}.landing-option-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.landing-option-copy small{color:rgb(var(--accent));font-size:.52rem;font-weight:900;letter-spacing:.12em}.landing-option-copy strong{color:#fff;font-size:.92rem;letter-spacing:-.01em}.landing-option-copy>span{overflow:hidden;color:#9fb1ba;font-size:.62rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.landing-option-arrow{display:grid;width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.04);place-items:center;transition:transform .3s ease,background .3s ease,border-color .3s ease}.landing-option-arrow svg{width:17px;fill:none;stroke:#c7d7de;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.landing-option:hover .landing-option-arrow,.landing-option:focus-visible .landing-option-arrow{border-color:rgba(var(--accent),.4);background:rgba(var(--accent),.13);transform:translate(2px,-2px) rotate(4deg)}.landing-option-infra{--accent:91,207,235}.landing-option-development{--accent:74,163,255}.landing-option-projects{--accent:94,220,177}.landing-option-store{--accent:247,181,80}
.video-control{position:absolute;z-index:5;right:22px;bottom:20px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);border-radius:30px;background:rgba(4,17,27,.7);color:#d7e4ea;padding:8px 11px;backdrop-filter:blur(8px);font-size:.62rem;font-weight:750;cursor:pointer}.video-control:before{width:7px;height:7px;border-radius:2px;background:#63d1ed;content:""}.video-control.is-paused:before{border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #63d1ed;border-radius:0;background:transparent}
.landing-noscript{position:absolute;z-index:6;right:20px;bottom:65px;border-radius:6px;background:#fff;color:#10263a;padding:8px 10px;font-size:.68rem}
@media(max-width:1050px){.landing-content{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:42px}.landing-copy h1{font-size:4rem}.landing-option{min-height:82px}}
@media(max-width:800px){.landing-hero{min-height:100svh}.landing-content{grid-template-columns:1fr;gap:35px;align-content:center;padding:38px 0 74px}.landing-copy{max-width:680px}.landing-copy h1{font-size:clamp(3rem,9vw,4.3rem)}.landing-copy>p{margin-top:19px;font-size:.93rem}.landing-options{width:100%;max-width:680px}.video-control{right:16px;bottom:14px}}
@media(max-width:560px){.landing-navbar{min-height:68px}.landing-navbar .brand-logo{width:145px}.landing-top-links{gap:12px}.landing-top-links a:first-child{display:none}.landing-content{min-height:calc(100svh - 68px);gap:30px;align-content:start;padding:54px 0 78px}.landing-copy h1{font-size:clamp(2.7rem,12.3vw,3.45rem)}.landing-copy>p{font-size:.86rem;line-height:1.6}.landing-primary-action{width:100%;justify-content:center;margin-top:23px}.landing-options{gap:7px}.landing-options-label span{display:none}.landing-option{min-height:78px;grid-template-columns:43px minmax(0,1fr) 34px;gap:11px;border-radius:17px;padding:10px 11px}.landing-option-icon{width:43px;height:43px;border-radius:13px}.landing-option-icon svg{width:20px}.landing-option-arrow{width:34px;height:34px}.landing-option-copy>span{font-size:.59rem}.landing-video{object-position:58% center}.landing-overlay{background:linear-gradient(180deg,rgba(3,13,21,.79),rgba(3,14,23,.92) 52%,rgba(3,14,23,.96))}}
@media(prefers-reduced-motion:reduce){.landing-video,.landing-option,.landing-option:after,.landing-option-icon,.landing-option-arrow,.landing-primary-action{transition:none}}