:root{--bg:#040915;--bg2:#070e1e;--panel:#0b172b;--panel2:#101d35;--line:rgba(140,169,242,.14);--text:#f5f8ff;--muted:#a1aec9;--cyan:#28d5ff;--blue:#348aff;--violet:#aa59ff;--pink:#d966ff;--grad:linear-gradient(105deg,#19cafa 1%,#5c8eff 49%,#bd62f5 100%);--max:1236px;--r:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(#82a8e411 .65px,transparent .65px);background-size:28px 28px;opacity:.3;pointer-events:none;z-index:-1}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #61e1ff;outline-offset:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(var(--max),calc(100% - 72px));margin-inline:auto}.skip-link{position:fixed;z-index:300;top:-80px;left:15px;padding:13px 20px;background:white;color:black}.skip-link:focus{top:10px}.gradient-text{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#58d7ff;font-size:10px;letter-spacing:1.85px;font-weight:850;text-transform:uppercase}.section-pad{padding:102px 0}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:36px}.section-intro h2,.why-copy h2,.tech-heading h2,.faq-grid h2,.contact-copy h2{font-size:clamp(34px,3.65vw,54px);line-height:1.105;letter-spacing:-2.3px;margin:17px 0 0;font-weight:850}.section-side{max-width:402px;padding-bottom:4px}.section-side p{color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 16px}.text-link{display:inline-flex;align-items:center;gap:9px;color:#8cdbff;font-weight:700;font-size:12px;transition:gap .2s}.text-link svg{width:15px;height:15px}.text-link:hover{gap:14px;color:#fff}.btn{min-height:45px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:10px;font-size:12px;font-weight:780;border:1px solid transparent;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;white-space:nowrap}.btn svg{width:17px;height:17px}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(106deg,#0475ff,#4e68ff 52%,#af3be7);border-color:#708efcaa;box-shadow:0 7px 24px #3c6dff48,inset 0 1px #ffffff40}.btn-primary:hover{box-shadow:0 13px 36px #485eff75,0 0 27px #685cff40}.btn-glass{background:#0b1630bb;color:#e8f2ff;border:1px solid #687fb75e;box-shadow:inset 0 1px #ffffff12}.btn-glass:hover{border-color:#75b4ecb8;background:#142444}.btn-large{min-height:52px;padding:0 24px;font-size:13px;border-radius:10px}
/* Navigation */
.site-header{position:sticky;top:0;z-index:100;background:#040a17d4;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #ffffff0c;transition:background .2s,box-shadow .2s}.site-header.scrolled{background:#050b1aef;box-shadow:0 15px 45px #0006}.site-header:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:var(--grad);width:var(--scroll-progress,0%);pointer-events:none}.admin-bar .site-header{top:32px}.nav-inner{height:76px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;max-width:320px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;position:relative;border-radius:11px;background:linear-gradient(140deg,#13c7ff,#504dff 60%,#b33ee4);box-shadow:0 0 20px #465efb4c;transform:rotate(-5deg);overflow:hidden}.brand-mark:before{content:"";position:absolute;width:30px;height:34px;border-radius:5px;background:#061227b8;transform:rotate(18deg) translate(3px,-3px)}.brand-mark span{position:relative;z-index:2;font-size:25px;font-weight:950;font-style:italic;line-height:1;color:#f7fbff}.brand-mark i{position:absolute;width:30px;height:4px;right:-6px;bottom:5px;background:#7ae6ff;transform:rotate(-28deg)}.brand-text{display:flex;flex-direction:column;gap:3px;line-height:1.1;min-width:0}.brand-text strong{font-size:16px;letter-spacing:-.5px;max-width:217px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-text small{color:#7e94bc;font-weight:800;font-size:8px;letter-spacing:1.55px;white-space:nowrap}.nav-links{display:flex;align-items:center;justify-content:center;gap:21px;margin:auto}.nav-links a{font-size:12px;font-weight:650;color:#afbdd6;position:relative;transition:color .2s;white-space:nowrap}.nav-links a:hover,.nav-links a.current{color:#fff}.nav-links a.current:after,.nav-links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:#41cfff;box-shadow:0 0 12px #41cfff}.nav-contact{margin-left:auto}.nav-toggle{display:none;background:#101d33;color:#d8e8ff;border:1px solid #546c9a6b;border-radius:10px;height:40px;width:43px;align-items:center;justify-content:center}
/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 79% 23%,#121960 0,#080e25 38%,#040915 77%);border-bottom:1px solid #1b3255}.hero:before{content:"";position:absolute;inset:auto -5% -180px;pointer-events:none;height:350px;background:radial-gradient(ellipse at 50% 100%,#074b9159,transparent 66%)}.hero-grid-layer{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#030813 5%,transparent 85%),repeating-linear-gradient(90deg,transparent 0 74px,#719de908 75px 76px);mask-image:linear-gradient(to bottom,transparent,black 62%,transparent)}.hero-aurora{position:absolute;right:-15%;top:-50%;width:900px;height:730px;border-radius:50%;background:conic-gradient(from 15deg,#2f36b660,#1c8fe12d,#4f1ea45e,#3128c05e);filter:blur(125px);opacity:.48;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;min-height:525px;position:relative;gap:12px;padding-top:50px;padding-bottom:39px}.hero-copy{position:relative;z-index:2}.hero-eyebrow{border:1px solid #285b89;background:#06325240;border-radius:100px;padding:7px 12px;font-size:9px;letter-spacing:1.25px;color:#84e8ff}.live-dot{width:6px;height:6px;background:#27ecf5;border-radius:50%;box-shadow:0 0 0 4px #1c9dd429,0 0 12px #50f5fc}.hero h1{font-weight:900;font-size:clamp(45px,4.55vw,68px);line-height:1.095;margin:20px 0 19px;letter-spacing:-3.4px}.hero-copy>p{max-width:520px;color:#b4c2da;font-size:14.7px;line-height:1.8;margin-bottom:26px}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.play-circle{font-size:9px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #6c85b9;color:#c5e8ff}.hero-bottom-note{display:flex;align-items:center;gap:13px;margin-top:40px;padding-top:18px;border-top:1px solid #a7beeb22;max-width:485px}.mini-avatars{display:flex;padding-left:5px}.mini-avatars span{width:30px;height:30px;border:2px solid #091627;margin-left:-7px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#204da2,#913dbe);font-size:10px;font-weight:850;color:#e8f5ff}.mini-avatars span:nth-child(2){background:linear-gradient(130deg,#059bad,#3846b5)}.mini-avatars span:nth-child(3){background:linear-gradient(130deg,#7046ba,#c25e89)}.hero-bottom-note strong{font-size:11px;display:block}.hero-bottom-note small{color:#8199be;font-size:10px;display:block;margin-top:3px}.hero-art{position:relative;aspect-ratio:1.42/1;width:110%;max-width:702px;margin-left:-3%;isolation:isolate;align-self:center}.hero-art-glow{position:absolute;inset:5% 0 0;background:radial-gradient(ellipse at center,#3042d270,#07172c00 69%);filter:blur(47px)}.hero-scene{width:100%;height:100%;position:relative;object-fit:cover;mask-image:radial-gradient(ellipse at 54% 51%,black 51%,transparent 85%);filter:drop-shadow(0 15px 38px #2c42be56);animation:floatScene 8s ease-in-out infinite;transform-origin:center}.hero-shine{position:absolute;z-index:-1;right:0;bottom:6%;width:85%;height:10%;background:#3a6aff;filter:blur(46px);opacity:.25}.hero-art-label{position:absolute;bottom:3%;right:10%;font-size:9px;font-weight:850;letter-spacing:2px;color:#9bdfff;text-shadow:0 0 10px #15bafe}.hero-art-label span{color:#ce83ff}.hero-trustbar{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:21px 0 22px;border-top:1px solid #4873ae2b;position:relative}.hero-trustbar span:not(.trusted-line){display:inline-flex;gap:10px;align-items:center;font-size:11px;color:#a0b0cc;font-weight:680;white-space:nowrap}.hero-trustbar svg{width:16px;height:16px;color:#52d1ff}.trusted-line{display:block;width:1px;height:15px;background:#628bca50}@keyframes floatScene{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* Services */
.services{background:radial-gradient(ellipse at 5% 50%,#101b42aa,transparent 46%),linear-gradient(#060b18,#080f22)}.filterbar{display:flex;flex-wrap:wrap;gap:9px;margin:4px 0 23px}.filter-btn{border:1px solid #42567c66;color:#a8bdd9;background:#0d192f;padding:9px 15px;border-radius:100px;font-size:11px;font-weight:720;transition:background .2s,border .2s,color .2s}.filter-btn:hover,.filter-btn.active{background:linear-gradient(120deg,#12518a88,#58379f7a);border-color:#5b91d3;color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{border:1px solid #6488c336;border-radius:18px;background:linear-gradient(146deg,#12213bdb,#0a1429d9);padding:25px 26px 22px;min-height:265px;position:relative;overflow:hidden;transition:transform .32s,border .32s,box-shadow .32s}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mouse-x,65%) var(--mouse-y,0%),#5864f53a,transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}.service-card:after{content:"";position:absolute;inset:auto -70px -105px auto;width:180px;height:180px;background:#4852fc28;filter:blur(68px);pointer-events:none}.service-card:hover{transform:translateY(-5px);border-color:#739effbb;box-shadow:0 24px 55px #0008,0 0 35px #5669ff1a}.service-card:hover:before{opacity:1}.service-index{position:absolute;right:25px;top:23px;color:#687eac80;font-size:12px;font-weight:800}.service-icon{height:52px;width:52px;display:grid;place-items:center;background:linear-gradient(145deg,#0660ad,#152e70);border:1px solid #35b8ff66;box-shadow:inset 0 1px #b9e8ff53,0 6px 23px #1074ff42;border-radius:12px;color:#80e7ff;margin-bottom:24px}.service-icon svg{width:25px;height:25px}.service-card:nth-child(3n+2) .service-icon{background:linear-gradient(145deg,#6830ae,#2d1a6b);border-color:#b46cfa76;color:#dda3ff;box-shadow:0 6px 23px #742ae050}.service-card:nth-child(3n) .service-icon{background:linear-gradient(145deg,#036b7a,#0c3654);border-color:#18dbea76;color:#79f0ef;box-shadow:0 6px 23px #0ba7c445}.service-card h3{font-size:18px;line-height:1.3;letter-spacing:-.65px;margin:0 0 10px}.service-card p{font-size:12px;line-height:1.8;color:#98abc9;max-width:320px;margin-bottom:20px}.service-link{font-size:11px;font-weight:800;color:#60d5ff;display:flex;gap:8px;align-items:center;width:max-content}.service-link svg{width:15px;height:15px}.service-link:hover{color:#fff}.service-card[hidden]{display:none!important}
/* About */
.why-us{background:radial-gradient(ellipse at 78% 32%,#1a27638c,transparent 51%),#070d1d}.why-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}.why-copy h2{margin-bottom:21px}.why-copy>p{font-size:14px;line-height:1.85;color:#9cafcc;max-width:490px}.why-features{display:grid;gap:13px;margin:26px 0 31px}.why-features span{display:flex;gap:11px;align-items:center;font-size:12px;font-weight:650;color:#d3e1f5}.why-features svg{width:18px;height:18px;color:#38dcff;background:#103b57;padding:3px;border-radius:100px}.why-graphic{height:365px;position:relative;overflow:hidden;border-radius:24px;border:1px solid #698ad251;background:radial-gradient(circle at 70% 17%,#4438c665,transparent 45%),linear-gradient(125deg,#0f1c3b,#070e21);box-shadow:0 22px 73px #0008,inset 0 1px #adc4ff12}.why-graphic:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#7ea6ff13 1px,transparent 1px),linear-gradient(90deg,#7ea6ff13 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(to bottom,black,transparent)}.graph-overline{position:absolute;left:30px;top:28px;color:#8eddfa;letter-spacing:1.7px;font-size:10px;font-weight:800}.graph-bars{display:flex;align-items:end;gap:11px;position:absolute;bottom:57px;left:49px;right:48px;height:210px}.graph-bars i{flex:1;height:36%;background:linear-gradient(0deg,#263b8e2a,#4250f7ad);border:1px solid #8199ff5e;border-radius:7px 7px 0 0;box-shadow:inset 0 1px #bad4ff5e,0 0 25px #434dff16}.graph-bars i:nth-child(2){height:44%}.graph-bars i:nth-child(3){height:52%}.graph-bars i:nth-child(4){height:59%}.graph-bars i:nth-child(5){height:73%}.graph-bars i:nth-child(6){height:82%}.graph-bars i:nth-child(7){height:100%}.graph-growth{position:absolute;left:7%;top:18%;width:85%;height:59%;filter:drop-shadow(0 0 12px #24bbff66)}.graph-float{position:absolute;right:29px;top:35px;background:#152347e8;border:1px solid #7272da92;border-radius:10px;padding:11px 15px;font-size:10px;color:#80cde3;letter-spacing:.65px;line-height:1.6;box-shadow:0 9px 35px #0006}.graph-float strong{font-size:12px;color:#fff}.graph-bottom{position:absolute;left:0;right:0;bottom:0;padding:16px;background:#080f20e8;border-top:1px solid #9cb7ff1f;font-weight:750;font-size:9px;text-align:center;letter-spacing:1.4px;color:#99a9d5}.graph-bottom span{color:#46d6f5;padding:0 5px}
/* Portfolio */
.portfolio{background:linear-gradient(#071021,#090f20)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portfolio-card{background:#101b31;border:1px solid #7997db3e;border-radius:19px;overflow:hidden;transition:transform .27s,border .27s,box-shadow .27s}.portfolio-card:hover{transform:translateY(-5px);border-color:#839ef1aa;box-shadow:0 28px 52px #0008}.portfolio-visual{height:233px;position:relative;overflow:hidden}.creative-art{background:radial-gradient(circle at 70% 80%,#7326cda8,transparent 43%),linear-gradient(135deg,#19336d,#151b43 68%,#462a69)}.creative-window{position:absolute;top:24px;left:35px;right:-35px;bottom:-25px;border:1px solid #8c8dffa6;border-radius:13px;transform:perspective(700px) rotateY(-7deg) rotateZ(-4deg);background:linear-gradient(120deg,#141b3b,#212448);box-shadow:-10px 15px 40px #0009,0 0 40px #605afa53;padding:31px 28px}.window-dots{position:absolute;top:13px;left:16px;display:flex;gap:5px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#7785c5}.creative-headline{position:relative;z-index:2;margin-top:21px;font-size:24px;line-height:1.17;font-weight:900;letter-spacing:-1px}.creative-headline em{font-style:normal;color:#b0b8ff}.creative-buttons b{display:inline-block;font-size:8px;border:1px solid #617ff3;background:#403eac;padding:7px 11px;border-radius:5px;margin-top:17px;position:relative;z-index:3}.creative-orb{position:absolute;right:-34px;bottom:-56px;width:204px;height:204px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#a888ff,#4045d4 44%,#031441 65%);box-shadow:0 0 40px #5d61f480,inset 9px 0 20px #81c2ff8a}.dashboard-art{background:radial-gradient(circle at 30% 0,#136a8075,transparent 55%),linear-gradient(120deg,#0e223b,#07162a)}.dash-window{position:absolute;inset:25px 19px -16px 35px;transform:perspective(700px) rotateX(5deg) rotateY(-9deg);border-radius:11px;border:1px solid #4c8fba85;display:flex;overflow:hidden;background:#071226;box-shadow:0 10px 40px #000b,0 0 40px #13b6f02c}.dash-sidebar{width:46px;background:#091d38;padding:17px 13px;display:flex;flex-direction:column;gap:15px;border-right:1px solid #1c355a}.dash-sidebar i{width:18px;height:10px;background:#225b8d;border-radius:3px}.dash-sidebar i:first-child{background:#26d2d8}.dash-body{padding:19px 17px;flex:1;min-width:0}.dash-heading{color:#c0e0f1;font-weight:850;font-size:12px;margin-bottom:16px}.dash-heading span{color:#6ceace;font-size:7px;float:right}.dash-stats{display:flex;gap:10px}.dash-stats div{padding:9px 13px;background:#102746;border:1px solid #2c5172;border-radius:7px;min-width:100px}.dash-stats small{display:block;color:#668daf;font-size:8px}.dash-stats b{font-size:15px}.dash-chart{height:95px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #355b7e;margin-top:16px;padding-inline:10px}.dash-chart i{flex:1;height:30%;border-radius:4px 4px 0 0;background:linear-gradient(#3df2d5,#087bab)}.dash-chart i:nth-child(2){height:48%}.dash-chart i:nth-child(3){height:43%}.dash-chart i:nth-child(4){height:66%}.dash-chart i:nth-child(5){height:58%}.dash-chart i:nth-child(6){height:83%}.dash-chart i:nth-child(7){height:71%}.dash-chart i:nth-child(8){height:97%}.dash-chart i:nth-child(9){height:86%}.mobile-art{background:radial-gradient(circle at 55% 25%,#6328b1bd,transparent 61%),linear-gradient(120deg,#121d47,#091a38);display:flex;justify-content:center;align-items:flex-end}.mobile-halo{position:absolute;width:280px;height:280px;border:1px solid #9583ec72;box-shadow:0 0 60px #7952fd5e,inset 0 0 50px #6645ec34;top:3px;border-radius:50%}.mobile-mock{position:relative;border:5px solid #15162b;background:linear-gradient(160deg,#293f82,#130f38);border-radius:23px 23px 0 0;width:125px;height:210px;box-shadow:0 6px 30px #000a,0 0 20px #724aff4c;padding:18px 11px;color:#fff;overflow:hidden}.mobile-mock.left{transform:translate(18px,22px) rotate(-14deg);z-index:1}.mobile-mock.right{transform:translate(-4px,7px) rotate(9deg);z-index:2;background:linear-gradient(160deg,#102b63,#291e62)}.phone-notch{position:absolute;width:35px;height:8px;border-radius:0 0 9px 9px;background:#070a1b;top:0;left:calc(50% - 17px)}.mobile-image{height:100px;background:linear-gradient(135deg,#9c72dd,#272e8e);border-radius:9px;position:relative;overflow:hidden;margin-bottom:12px}.mobile-moon{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#9cbfff,#5547e4,#110743);right:-17px;bottom:-32px;box-shadow:0 0 22px #a38cff}.mobile-mock b{font-size:14px;line-height:1.15;display:block}.mobile-mock span{font-size:6px;letter-spacing:1px}.mobile-ring{width:68px;height:68px;margin:10px auto 15px;display:grid;place-items:center;border:9px solid #5345d1;border-radius:50%;font-size:25px;box-shadow:0 0 25px #7858e8}.mobile-button{font-size:7px;background:#875cff;border-radius:5px;padding:6px;text-align:center;margin-top:14px}.portfolio-info{display:flex;justify-content:space-between;gap:12px;padding:21px 21px 24px;align-items:end}.pill{font-size:8px;letter-spacing:1px;color:#84defe;font-weight:850}.portfolio-info h3{font-size:16px;letter-spacing:-.5px;margin:7px 0 5px}.portfolio-info p{font-size:11px;line-height:1.65;color:#94a9c9;margin:0}.portfolio-go{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:9px;background:#20355a;border:1px solid #678ada78;color:#e6f0ff}.portfolio-go svg{width:16px;height:16px}.portfolio-go:hover{background:#355aca}.portfolio-real img{width:100%;height:100%;object-fit:cover}.portfolio-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(110deg,#112a4b,#30316e)}.portfolio-placeholder svg{width:85px;height:85px;color:#91b5ff}.concept-hint{font-size:10px;color:#647e9f;margin-top:18px;line-height:1.65}
/* Technology */
.tech{position:relative;background:radial-gradient(ellipse at 80% 40%,#1d165771,transparent 55%),#070c1a;border-top:1px solid #7686b31f;border-bottom:1px solid #7686b31f}.tech-inner{display:grid;grid-template-columns:.95fr 1.15fr;align-items:center;gap:50px}.tech-heading h2{font-size:clamp(32px,3vw,43px);letter-spacing:-1.8px;margin-bottom:20px}.tech-heading p{color:#9aacc9;font-size:13px;line-height:1.9;max-width:445px}.tech-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tech-item{border-radius:13px;background:linear-gradient(135deg,#13213a,#0d172d);border:1px solid #7796cd40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:108px;font-size:10px;font-weight:800;color:#d8e3fb;transition:transform .25s,border .25s,box-shadow .25s}.tech-item:hover{transform:translateY(-4px);border-color:#748ff2;box-shadow:0 15px 30px #0006}.tech-icon{height:39px;min-width:39px;display:grid;place-items:center;font-size:29px;font-weight:880;color:#54dcff}.tech-icon.next{color:white;background:#090a0e;border:1px solid #6f829e;border-radius:50%;font-size:22px}.tech-icon.wp{border:2px solid #6fc8ff;border-radius:50%;font-family:Georgia,serif;font-size:23px}.tech-icon.php{color:#b3adfa;font-size:15px;font-style:italic}.tech-icon.flutter{color:#5bd8ff}.tech-icon.js{background:#ecc14c;color:#171717;border-radius:5px;font-size:14px;min-width:31px;height:31px}.tech-icon.figma{color:#f8868c}.tech-icon.cloud{color:#e6e9ff}
/* Process */
.process{background:radial-gradient(ellipse at 12% 12%,#111c4280,transparent 42%),#070e1e}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.process-card{position:relative;padding:25px 23px 24px;border-radius:17px;background:linear-gradient(155deg,#11203a,#0b1529);border:1px solid #6385c238;min-height:205px}.process-card:after{content:"";position:absolute;top:51px;right:-15px;width:14px;border-top:1px dashed #6086b6;z-index:2}.process-card:last-child:after{display:none}.process-icon{width:51px;height:51px;border-radius:50%;border:1px solid #2dbafe;box-shadow:0 0 21px #167ad04a;display:grid;place-items:center;color:#69dfff;background:#102b50;margin-bottom:23px}.process-card:nth-child(even) .process-icon{border-color:#a66aff;color:#ce9bff;background:#292048}.process-card>span{position:absolute;top:38px;right:24px;color:#5e8aca;font-weight:850;font-size:12px}.process-card h3{font-size:15px;letter-spacing:-.5px;margin-bottom:7px}.process-card p{font-size:11px;line-height:1.8;color:#95a8c6;margin:0}
/* Plans */
.plans{background:radial-gradient(ellipse at 55% 0,#26186c69,transparent 50%),#070d1d}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan{position:relative;padding:28px;border-radius:20px;border:1px solid #728cc342;background:linear-gradient(150deg,#121f38,#0c1529);box-shadow:0 15px 40px #0003}.plan.featured{border-color:#8375fb94;background:radial-gradient(circle at 90% 0,#7230bc3b,transparent 65%),linear-gradient(155deg,#1b2550,#101c38);box-shadow:0 22px 60px #0006,0 0 43px #5447e329}.plan-tag{color:#69d5fc;letter-spacing:1.25px;font-size:9px;font-weight:900}.plan h3{font-size:21px;letter-spacing:-.8px;margin:18px 0 10px}.plan p{color:#9baccc;line-height:1.75;font-size:12px;min-height:65px}.plan-rule{height:1px;background:#a1c1fc23;margin:20px 0}.plan strong{font-size:20px;letter-spacing:-1px}.plan ul{padding:0;margin:21px 0 27px;list-style:none;display:grid;gap:12px}.plan li{font-size:11px;color:#c1cfe5;display:flex;align-items:center;gap:11px}.plan li:before{content:"✓";color:#56dfff;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;background:#13517865;font-size:11px;font-weight:900}.plan .btn{width:100%}.plan-highlight{position:absolute;top:-12px;right:18px;background:linear-gradient(105deg,#2a9bfd,#8952eb);border:1px solid #969bf1;border-radius:100px;padding:5px 12px;color:white;font-size:9px;font-weight:850;letter-spacing:.7px}
/* CTA */
.cta-banner{background:#070d1d;padding:0 0 30px}.cta-panel{overflow:hidden;min-height:215px;border:1px solid #8281fb80;border-radius:23px;background:radial-gradient(ellipse at 85% 95%,#3035bc93,transparent 44%),linear-gradient(100deg,#11254a,#101a40);position:relative;display:flex;align-items:center;justify-content:space-between;padding:35px 52px;gap:30px;box-shadow:0 20px 55px #0006}.cta-panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 59px,#7c9beb0e 60px 61px);mask-image:linear-gradient(90deg,transparent,black)}.cta-panel:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:12%;bottom:-175px;background:radial-gradient(circle at 40% 15%,#77beff,#4937a9 40%,#0a0f36 68%);box-shadow:0 0 45px #526dff85,0 0 100px #445cec55}.cta-content{position:relative;z-index:2}.cta-panel h2{font-size:clamp(28px,3.2vw,45px);line-height:1.2;margin:15px 0 11px}.cta-panel p{color:#bdcdea;font-size:12px;margin:0;max-width:550px}.cta-panel .btn{z-index:2}
/* FAQ */
.faq{background:#070d1d}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:65px}.faq-grid h2{font-size:clamp(30px,3.25vw,45px);margin-bottom:17px}.faq-grid>div:first-child>p{font-size:13px;color:#9caeca;line-height:1.85;margin-bottom:22px}.faq-items{display:grid;gap:10px}.faq-items details{background:#101c31;border:1px solid #6484bb3b;border-radius:11px;overflow:hidden}.faq-items details[open]{border-color:#6b92ce80;background:#12213a}.faq-items summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:16px 18px;color:#e9f0fc;font-weight:750;font-size:12px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:21px;color:#61d5ff;font-weight:450;line-height:.75;transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{border-top:1px solid #6c8dcc33;margin:0;padding:14px 18px 18px;color:#9eb2cf;font-size:12px;line-height:1.9}
/* Contact */
.contact{background:radial-gradient(ellipse at 82% 26%,#271b7e5e,transparent 42%),linear-gradient(#0a1328,#060c19);border-top:1px solid #728ecf1e}.contact-grid{display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:start}.contact-copy{padding-top:24px}.contact-copy h2{margin-bottom:21px}.contact-copy>p{font-size:13px;color:#a3b3ce;line-height:1.9;max-width:430px}.contact-benefits{display:grid;gap:23px;margin-top:36px}.contact-benefits>div{display:flex;gap:13px;align-items:center}.contact-benefit-icon{width:42px;height:42px;border:1px solid #6a8ad67a;color:#72d8ff;display:grid;place-items:center;border-radius:11px;background:#142744}.contact-benefits strong{font-size:12px;display:block}.contact-benefits small{display:block;font-size:11px;color:#8ba3c5;margin-top:5px}.contact-email{display:flex;align-items:center;gap:11px;color:#a3dfff;font-size:12px;margin-top:24px;overflow-wrap:anywhere}.contact-email+.contact-email{margin-top:13px}.contact-email svg{width:17px;height:17px}.form-card{background:linear-gradient(155deg,#142342ee,#0b172de8);padding:32px;border-radius:20px;border:1px solid #7b98e066;box-shadow:0 22px 75px #0009,inset 0 1px #ffffff18}.form-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #94a3dd25;margin-bottom:22px;padding-bottom:20px}.form-heading h3{font-size:24px;margin:9px 0 4px}.form-heading p{font-size:11px;color:#9eabc7;margin:0}.form-heading-icon{height:46px;width:46px;border-radius:11px;display:grid;place-items:center;color:#bbd1ff;background:linear-gradient(150deg,#263f81,#3d2868);border:1px solid #819de97c}.form-card form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-card label{display:block;font-size:10px;color:#c3d0ea;font-weight:800;letter-spacing:.1px}.form-card label em{color:#73dfff;font-style:normal}.form-card input,.form-card textarea,.form-card select{display:block;width:100%;background:#09172c;border:1px solid #4a61877d;border-radius:8px;padding:12px;color:#f3f8ff;outline:none;margin-top:8px;font-size:12px;transition:border .2s,box-shadow .2s}.form-card input::placeholder,.form-card textarea::placeholder{color:#6680a3}.form-card textarea{resize:vertical;min-height:112px}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:#48c8ff;box-shadow:0 0 0 3px #43c5fc18}.form-card select option{background:#0f1b32}.submit-btn{width:100%;font-size:12px;margin-top:2px}.form-disclaimer{font-size:10px;color:#708aac;text-align:center}.form-feedback{display:none;font-size:12px;line-height:1.6;padding:12px;background:#0b463f80;border:1px solid #27cdbf77;border-radius:8px;margin:0}.form-feedback.show{display:block}.form-feedback.error{background:#5a1d3680;border-color:#e6597388}.hp-field{position:absolute;left:-10000px;top:auto;height:1px;width:1px;overflow:hidden}
/* Footer */
.site-footer{border-top:1px solid #7195db30;background:#040a15;padding:63px 0 0}.footer-top{display:grid;grid-template-columns:1.6fr .7fr 1fr 1fr;gap:50px;padding-bottom:55px}.footer-about>p{font-size:12px;line-height:1.85;color:#91a5c4;margin:25px 0 25px;max-width:340px}.footer-slogan{letter-spacing:2px;font-size:9px;color:#8dcce9;font-weight:850}.footer-slogan span{color:#a479ee}.footer-nav,.footer-cta{display:flex;flex-direction:column;align-items:start;gap:11px}.footer-nav h4,.footer-cta h4{font-size:12px;margin:6px 0 12px}.footer-nav a{font-size:11px;color:#92a7c7}.footer-nav a:hover{color:#72e0ff}.footer-cta p{font-size:12px;color:#a0b1cc;line-height:1.65}.footer-email{font-size:11px;color:#81cef6;overflow-wrap:anywhere}.footer-bottom{border-top:1px solid #7f94c526;padding:19px 0 23px;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#748bab;font-size:10px}.footer-bottom button{background:none;color:#96d9fd;border:0;font-size:10px;padding-left:12px}.float-contact{position:fixed;right:22px;bottom:23px;z-index:90;display:flex;align-items:center;gap:8px;background:linear-gradient(130deg,#007be8,#694ee7);color:white;border:1px solid #7eb2ff9c;box-shadow:0 12px 35px #1318b07a;padding:11px 15px;border-radius:100px;font-size:11px;font-weight:800;transition:transform .25s,box-shadow .25s}.float-contact:hover{transform:translateY(-4px);box-shadow:0 15px 35px #195af19d}.float-contact svg{height:17px;width:17px}
/* Other WP pages */
.entry-content{color:#bfcee6;line-height:1.8}.entry-content a{color:#69d8ff}.entry-content h1,.entry-content h2,.entry-content h3{color:#fff}.entry-content p{margin:0 0 17px}body:not(.home) .container{max-width:var(--max)}
/* Animation: progressive reveal only when observer supported */
.has-reveal .reveal-ready{opacity:1;transform:none}.has-reveal .reveal-ready.is-visible{animation:bwsReveal .65s ease both}@keyframes bwsReveal{from{opacity:.8;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.nav-links{gap:13px}.nav-links a{font-size:11px}.nav-contact{padding-inline:15px}.hero h1{font-size:clamp(42px,4.6vw,61px)}.hero-art{width:116%;margin-left:-7%}.footer-top{gap:29px}}
@media(max-width:1000px){.container{width:min(var(--max),calc(100% - 46px))}.nav-inner{height:70px}.nav-toggle{display:flex;margin-left:auto}.nav-contact{display:none}.nav-links{position:absolute;left:23px;right:23px;top:calc(100% + 7px);margin:0;padding:15px;display:none;flex-direction:column;align-items:stretch;gap:0;border:1px solid #6c83ba90;background:#0a1429f6;backdrop-filter:blur(30px);border-radius:14px;box-shadow:0 30px 80px #000c}.nav-links.open{display:flex}.nav-links a{padding:12px;font-size:13px;border-bottom:1px solid #ffffff0b}.nav-links a:last-child{border:0}.nav-links a.current:after,.nav-links a:hover:after{bottom:2px;right:auto;width:45px}.hero-grid{min-height:465px}.hero-copy>p{font-size:13px}.hero h1{font-size:clamp(37px,4.65vw,54px);letter-spacing:-2.3px}.hero-art{width:118%;margin-left:-8%}.hero-art-label{display:none}.why-grid{gap:30px}.tech-inner{gap:25px}.contact-grid{gap:30px}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-cta{grid-column:1/-1;display:block}.footer-cta .btn{margin:0 25px 0 10px}}
@media(max-width:780px){.section-pad{padding:73px 0}.section-intro{display:block;margin-bottom:28px}.section-intro h2,.why-copy h2,.tech-heading h2,.faq-grid h2,.contact-copy h2{font-size:36px;letter-spacing:-1.5px}.section-side{margin-top:13px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:55px;padding-bottom:0;min-height:0}.hero-copy{text-align:left}.hero h1{font-size:clamp(39px,7vw,61px);max-width:650px}.hero-copy>p{max-width:560px}.hero-bottom-note{margin-top:25px}.hero-art{width:100%;max-width:690px;aspect-ratio:1.7;margin:4px auto 0}.hero-trustbar{flex-wrap:wrap;justify-content:center;gap:14px 25px}.trusted-line{display:none}.hero-trustbar span:not(.trusted-line){font-size:10px}.service-grid,.portfolio-grid,.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-grid,.tech-inner,.faq-grid,.contact-grid{grid-template-columns:1fr}.why-graphic{max-width:620px;width:100%;order:-1;height:300px}.tech-list{max-width:600px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card:nth-child(2):after{display:none}.cta-panel{padding:35px;gap:20px}.cta-panel h2{font-size:34px}.footer-top{grid-template-columns:1.4fr 1fr;gap:35px}.footer-cta{grid-column:auto}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.site-header .brand-text strong{font-size:13px;max-width:195px}.brand-mark{width:38px;height:38px}.brand-text small{font-size:6.8px;letter-spacing:1.2px}.hero-grid{padding-top:42px}.hero-eyebrow{font-size:8px;letter-spacing:.85px;padding:6px 9px}.hero h1{font-size:clamp(35px,9vw,50px);letter-spacing:-2px;margin-top:20px}.hero-copy>p{font-size:12.3px}.hero-cta{gap:10px}.btn-large{min-height:46px;padding:0 13px;font-size:11px}.hero-art{width:116%;margin-left:-8%;aspect-ratio:1.5;margin-top:10px}.hero-bottom-note{margin-top:22px}.hero-trustbar{gap:13px 19px;padding:16px 0}.hero-trustbar span:not(.trusted-line){font-size:9px}.hero-trustbar svg{width:14px;height:14px}.section-pad{padding:64px 0}.section-intro h2,.why-copy h2,.tech-heading h2,.faq-grid h2,.contact-copy h2{font-size:32px;letter-spacing:-1.2px}.section-side p{font-size:12px}.filterbar{gap:6px}.filter-btn{font-size:10px;padding:8px 10px}.service-grid,.portfolio-grid,.plans-grid{grid-template-columns:1fr;gap:13px}.service-card{min-height:0;padding:21px 23px}.service-icon{margin-bottom:19px}.service-card h3{font-size:18px}.service-card p{font-size:12px}.portfolio-visual{height:239px}.portfolio-grid{max-width:440px;margin:auto}.why-grid{gap:27px}.why-graphic{height:265px}.graph-bars{bottom:55px;height:145px}.graph-overline{left:18px;top:18px;font-size:8px}.graph-float{top:20px;right:13px;padding:6px 8px}.graph-bottom{font-size:6px;letter-spacing:.4px;padding:12px 4px}.tech-list{grid-template-columns:repeat(4,1fr);gap:7px}.tech-item{min-height:84px;font-size:8px}.tech-icon{font-size:23px;height:30px;min-width:30px}.process-grid{gap:10px}.process-card{padding:19px 15px;min-height:225px}.process-card h3{font-size:13px}.process-card p{font-size:10px}.process-card>span{right:13px;top:26px}.process-icon{height:42px;width:42px;margin-bottom:15px}.process-icon svg{height:19px;width:19px}.plan{padding:23px}.plan p{min-height:auto}.cta-panel{display:block;min-height:225px;padding:26px 23px}.cta-panel h2{font-size:29px}.cta-panel p{font-size:11px;margin-bottom:19px}.cta-panel:after{right:-80px}.faq-grid{gap:23px}.form-card{padding:21px 16px}.form-row{grid-template-columns:1fr;gap:14px}.contact-copy{padding-top:0}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer-about{grid-column:1/-1}.footer-cta{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:start;gap:9px;font-size:9px}.float-contact{right:15px;bottom:14px;padding:12px}.float-contact span{display:none}.float-contact svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.has-reveal .reveal-ready{opacity:1;transform:none}}
/* Unified dark styling on regular WordPress pages */
.inner-page{min-height:58vh;padding:95px 0 110px;background:radial-gradient(ellipse at 85% 10%,#1b235f8c,transparent 48%),#060b1b}.inner-shell{max-width:1020px}.inner-page-kicker{font-size:10px;letter-spacing:2px;color:#6edbff;font-weight:850;margin-bottom:16px}.inner-article h1,.inner-shell>h1,.error-shell h1{font-size:clamp(34px,5vw,65px);letter-spacing:-2px;line-height:1.12;margin:0 0 30px}.inner-article{padding:0 0 40px}.entry-content{font-size:15px;max-width:860px}.entry-content ul,.entry-content ol{margin-bottom:25px}.entry-content li{margin-bottom:9px}.entry-content blockquote{border-left:3px solid #70d9ff;padding:10px 22px;background:#14233a;color:#e7eeff}.entry-content img{border-radius:14px}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{border:1px solid #5f82b64a;padding:11px}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.journal-card{background:#101b31;border:1px solid #789ad345;border-radius:18px;padding:30px}.journal-card>span{color:#61d7ff;font-size:11px}.journal-card h2{font-size:23px;margin:14px 0}.journal-card p{font-size:13px;color:#a5b5d0}.error-shell{max-width:750px;text-align:center}.error-shell p{color:#a5b5d0;margin-bottom:25px}@media(max-width:560px){.inner-page{padding:70px 0 85px}.articles-grid{grid-template-columns:1fr}}
.post-date{font-size:11px;color:#81d9ff;letter-spacing:1px;margin:-9px 0 26px}.post-featured-image{border-radius:16px;margin:0 0 35px;max-width:100%;height:auto}
.brand-mark img.brand-custom-image{width:100%;height:100%;object-fit:contain;position:relative;z-index:3;border-radius:inherit;background:#07152b}

/* v3.1 · GYW / getyourwebsite permanent brand treatment */
.brand.gyw-brand{display:inline-flex;gap:9px;align-items:center;max-width:none;min-width:0;flex-shrink:0;text-decoration:none}
.gyw-brand .brand-monogram{width:105px;height:51px;flex:none;display:block;position:relative}
.gyw-brand .brand-monogram img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 9px rgba(41,159,255,.17))}
.gyw-brand .brand-text{display:flex;flex-direction:column;gap:5px;white-space:nowrap;line-height:1}
.gyw-brand .brand-text strong{font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:900;letter-spacing:-.9px;max-width:none;overflow:visible;text-overflow:clip;line-height:1.07}
.gyw-brand .brand-get{color:#f5f9ff}
.gyw-brand .brand-website{background:linear-gradient(95deg,#20dbfc 6%,#348afe 65%,#b162fc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gyw-brand .brand-text small{font-size:7.1px;letter-spacing:.65px;font-weight:800;color:#819ecb}
.site-header .gyw-brand .brand-text strong{font-size:17px;max-width:none}
.site-footer .gyw-brand .brand-monogram{width:116px;height:58px}
.site-footer .gyw-brand .brand-text strong{font-size:19px}
.site-footer .gyw-brand .brand-text small{font-size:7.3px}
@media(max-width:1200px){.site-header .gyw-brand .brand-monogram{width:85px;height:44px}.site-header .gyw-brand .brand-text strong{font-size:15px}.site-header .gyw-brand .brand-text small{font-size:6px;letter-spacing:.38px}.site-header .nav-inner{gap:17px}}
@media(max-width:1000px){.site-header .gyw-brand .brand-monogram{width:100px;height:48px}.site-header .gyw-brand .brand-text strong{font-size:17px}.site-header .gyw-brand .brand-text small{font-size:7px}}
@media(max-width:560px){.site-header .gyw-brand{gap:6px}.site-header .gyw-brand .brand-monogram{width:78px;height:38px}.site-header .gyw-brand .brand-text strong{font-size:14px;letter-spacing:-.6px}.site-header .gyw-brand .brand-text small{font-size:5.4px;letter-spacing:0}.site-footer .gyw-brand{gap:7px}.site-footer .gyw-brand .brand-monogram{width:84px;height:45px}.site-footer .gyw-brand .brand-text strong{font-size:16px}.site-footer .gyw-brand .brand-text small{font-size:5.9px;letter-spacing:.2px}}
@media(max-width:380px){.site-header .gyw-brand .brand-monogram{width:66px;height:34px}.site-header .gyw-brand .brand-text strong{font-size:12px}.site-header .gyw-brand .brand-text small{font-size:4.9px}}