:root { --ink:#10162a; --ink-soft:#515a70; --paper:#f8f8f5; --white:#fff; --line:rgba(16,22,42,.12); --lime:#d5f666; --violet:#7667f8; --sky:#a6e8ff; --dark:#0d1121; --radius:20px; --shadow:0 20px 60px rgba(23,30,57,.10); }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:500 15px/1.65 Manrope,Arial,sans-serif;transition:background .35s,color .35s}body.dark{--ink:#f5f6fa;--ink-soft:#abb2c2;--paper:#0c1020;--white:#141a2e;--line:rgba(255,255,255,.13);--shadow:0 20px 60px rgba(0,0,0,.28)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.skip-link{position:fixed;top:-50px;left:12px;background:var(--lime);color:#111;padding:8px 15px;z-index:99}.skip-link:focus{top:12px}.site-header{position:absolute;z-index:10;inset:0 0 auto}.navbar{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--ink);color:var(--lime);font:800 18px/1 DM Mono}.brand-dot{color:var(--violet)}.nav-menu{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}.nav-menu>a:not(.nav-cta){opacity:.72}.nav-menu>a:not(.nav-cta):hover{opacity:1}.nav-cta,.button{display:inline-flex;align-items:center;gap:13px;border-radius:999px;font-weight:800;transition:transform .2s,box-shadow .2s}.nav-cta{padding:10px 16px;background:var(--ink);color:var(--paper)}.nav-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(16,22,42,.14)}.theme-toggle{position:relative;width:42px;height:24px;border:0;border-radius:30px;padding:0;background:#dfe3e9;color:#14203c;cursor:pointer}.theme-toggle:before{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform .25s}.theme-toggle span{position:absolute;z-index:1;font-size:12px;line-height:24px}.sun{right:5px}.moon{left:5px;opacity:0}body.dark .theme-toggle{background:#47506a}body.dark .theme-toggle:before{transform:translateX(18px);background:#cfd7f5}body.dark .sun{opacity:0}body.dark .moon{opacity:1}.menu-toggle{display:none}.hero{overflow:hidden;position:relative;min-height:750px;padding-top:152px;background:linear-gradient(120deg,#eff0ff 0%,#fbf9f5 51%,#edfbfb 100%)}body.dark .hero{background:radial-gradient(circle at 88% 25%,#183d51 0%,transparent 28%),linear-gradient(120deg,#10162c,#090d1b 72%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:40px;min-height:510px}.eyebrow{margin:0 0 16px;color:var(--ink-soft);font:500 11px/1.2 DM Mono;letter-spacing:1.6px}.eyebrow span{display:inline-block;width:22px;height:1px;margin:0 9px 3px 0;background:var(--violet)}h1,h2,h3,p{margin-top:0}h1{max-width:650px;margin-bottom:22px;font-size:clamp(45px,5.1vw,76px);letter-spacing:-4px;line-height:1.06}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}h1 em{color:var(--violet)}.period{color:var(--lime)}.hero-lead{max-width:510px;margin-bottom:30px;color:var(--ink-soft);font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:24px}.button{border:0;cursor:pointer;padding:14px 22px}.button-primary{background:var(--ink);color:var(--paper)}.button-primary span,.button-outline span{font-size:20px;line-height:10px}.button-text{padding:10px 0}.play{display:grid;place-items:center;width:28px;height:28px;padding-left:2px;border:1px solid var(--ink);border-radius:50%;font-size:9px}.trusted{display:flex;align-items:center;gap:15px;margin-top:46px;color:var(--ink-soft);font-size:12px}.avatar-stack{display:flex}.avatar-stack i{display:grid;place-items:center;width:27px;height:27px;margin-left:-6px;border:2px solid #f5f4f1;border-radius:50%;background:#4d5b79;color:white;font:10px/1 DM Mono}.avatar-stack i:nth-child(2){background:#e5956c}.avatar-stack i:nth-child(3){background:#718f79}.avatar-stack i:nth-child(4){background:var(--ink);color:var(--lime)}.hero-visual{position:relative;height:500px}.visual-grid{position:absolute;inset:20px 0 0 20px;background-image:linear-gradient(rgba(118,103,248,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(118,103,248,.13) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.dashboard-card{position:absolute;z-index:2;top:60px;right:35px;width:330px;padding:21px;border-radius:22px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow);backdrop-filter:blur(13px)}body.dark .dashboard-card{background:rgba(28,35,59,.65);border-color:rgba(255,255,255,.12)}.card-top{display:flex;align-items:center;justify-content:space-between}.mini-logo{display:grid;place-items:center;width:24px;height:24px;background:var(--ink);border-radius:7px;color:var(--lime);font:700 14px DM Mono}.live-pill{padding:4px 8px;border-radius:12px;background:rgba(122,233,157,.2);color:#237347;font:10px DM Mono}.live-pill i{display:inline-block;width:5px;height:5px;margin:0 4px 1px 0;border-radius:50%;background:#31be61}.dash-copy{margin:25px 0 16px}.dash-copy small,.metric-row small,.product-info>span{display:block;color:var(--ink-soft);font:10px DM Mono;letter-spacing:1px}.dash-copy strong{font-size:30px;letter-spacing:-1.6px;line-height:1.1}.chart{position:relative;height:110px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(112,120,145,.1) 28px)}.chart-line{position:absolute;inset:20px 0 5px;background:linear-gradient(180deg,rgba(118,103,248,.25),transparent);clip-path:polygon(0 90%,13% 70%,25% 78%,37% 42%,48% 62%,61% 27%,71% 39%,84% 10%,100% 18%,100% 100%,0 100%)}.chart-line:after{content:"";position:absolute;inset:0 0 auto;height:100%;background:var(--violet);clip-path:polygon(0 90%,13% 70%,25% 78%,37% 42%,48% 62%,61% 27%,71% 39%,84% 10%,100% 18%,100% 21%,84% 13%,71% 42%,61% 30%,48% 65%,37% 45%,25% 81%,13% 73%,0 93%)}.chart-dot{position:absolute;right:14%;top:19px;width:9px;height:9px;border:2px solid white;border-radius:50%;background:var(--violet)}.metric-row{display:flex;gap:48px;margin-top:17px}.metric-row b{font-size:24px}.metric-row sup{font-size:10px}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid rgba(255,255,255,.85);border-radius:13px;background:rgba(255,255,255,.72);box-shadow:0 13px 28px rgba(40,44,70,.13);backdrop-filter:blur(8px)}body.dark .floating-card{background:rgba(25,31,53,.82);border-color:rgba(255,255,255,.14)}.floating-card>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ece9ff;color:var(--violet);font-weight:800}.floating-card b,.floating-card small{display:block;font-size:11px}.floating-card small{color:var(--ink-soft);font-size:9px}.card-code{top:28px;left:0}.card-launch{right:0;bottom:42px}.card-launch>span{background:#effbd1;color:#647d14}.hero-ring{position:absolute;right:-90px;bottom:-100px;width:340px;height:340px;border:60px solid rgba(213,246,102,.28);border-radius:50%}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{top:130px;left:-80px;width:210px;height:210px;background:rgba(166,232,255,.38)}.orb-two{right:27%;top:135px;width:100px;height:100px;background:rgba(213,246,102,.42)}.marquee{position:absolute;right:0;bottom:0;left:0;padding:13px 0;overflow:hidden;border-top:1px solid rgba(16,22,42,.08);color:#596276;font:11px DM Mono;letter-spacing:1.2px;white-space:nowrap}.marquee div{width:max-content;animation:marquee 24s linear infinite}.marquee i{margin:0 25px;color:var(--violet);font-style:normal}@keyframes marquee{to{transform:translateX(-35%)}}.stats-section{border-bottom:1px solid var(--line);background:var(--white)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;align-items:center;min-height:170px}.stat{min-height:75px;padding-left:35px;border-left:1px solid var(--line)}.stat:first-child{padding-left:0;border:0}.stat b{font-size:40px;letter-spacing:-2.5px}.stat p{margin:0;color:var(--ink-soft);font-size:12px}.stats-note{padding-left:35px;border-left:1px solid var(--line);color:var(--ink-soft);font-size:13px}.stats-note strong{color:var(--ink)}.section{padding:130px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}.section-intro h2,.section-heading h2,.tech-copy h2,.contact-copy h2{margin:0;letter-spacing:-3.1px;font-size:clamp(38px,4.1vw,58px);line-height:1.08}.about-body{padding-top:35px}.large-copy{font-size:22px;line-height:1.55}.about-body>p:last-of-type{color:var(--ink-soft)}.inline-link{display:inline-flex;gap:12px;margin-top:9px;padding-bottom:3px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:800}.inline-link span{color:var(--violet);font-size:19px;line-height:15px}.services-section{background:var(--white)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:54px}.section-heading>p{margin:0;color:var(--ink-soft);font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-bottom:0;border-right:0}.service-card{position:relative;min-height:300px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:background .3s,color .3s,transform .3s}.service-card:hover{z-index:1;transform:translateY(-5px);background:var(--ink);color:#fff;box-shadow:var(--shadow)}.service-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eeeefe;color:var(--violet);font-size:22px;font-weight:800}.service-no{position:absolute;top:30px;right:28px;color:var(--ink-soft);font:11px DM Mono}.service-card h3{margin:49px 0 9px;font-size:25px;letter-spacing:-1.2px;line-height:1.1}.service-card p{max-width:255px;margin:0;color:var(--ink-soft);font-size:12px}.service-card a{position:absolute;right:27px;bottom:23px;display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;font-size:18px}.service-card:hover p,.service-card:hover .service-no{color:#b7bfd0}.service-card.featured{background:var(--violet);color:white}.service-card.featured .service-icon{background:rgba(255,255,255,.18);color:#fff}.service-card.featured p,.service-card.featured .service-no{color:#e3dfff}.service-card.featured a{border-color:rgba(255,255,255,.4)}.products-section{overflow:hidden}.products-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:20px}.product-card{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white);transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-large{grid-row:span 2}.product-visual{display:grid;place-items:center;height:196px;overflow:hidden}.product-large .product-visual{height:438px}.tailor{background:linear-gradient(145deg,#293d65,#12182d)}.tailor-card{position:relative;width:72%;height:68%;padding:24px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:linear-gradient(110deg,rgba(255,255,255,.16),rgba(255,255,255,.04));box-shadow:25px 28px 0 rgba(80,125,255,.15);color:white;transform:rotate(-4deg)}.tailor-brand{font:700 26px Manrope}.tailor-brand span{color:#9dd7ed}.tailor-list{display:flex;gap:8px;margin-top:42px}.tailor-list i{width:45px;height:32px;border-radius:5px;background:rgba(255,255,255,.2)}.tailor-list i:first-child{background:#a2e1f5}.tailor-chart{position:absolute;right:18px;bottom:16px;left:18px;height:55px;border-bottom:1px solid rgba(255,255,255,.3);background:linear-gradient(160deg,transparent 48%,#a2e1f5 49% 52%,transparent 53%),linear-gradient(20deg,transparent 45%,#9f95ff 46% 49%,transparent 50%)}.karagir{background:linear-gradient(145deg,#ffc95e,#f28b55)}.phone{width:116px;height:190px;padding:14px 11px;border:5px solid #1d2937;border-radius:17px;background:#fff4e3;box-shadow:8px 11px 0 rgba(103,58,37,.2);color:#243430}.phone-head{margin-bottom:19px;font:11px DM Mono;color:#ed7448}.phone strong{font-size:13px;line-height:1.3}.phone-task{margin-top:17px;padding:9px;border-radius:5px;background:#ffe19f;font-size:9px}.phone-task b{float:right;font-size:13px}.certificate{background:#5845a5}.certificate-sheet{width:160px;height:150px;padding:20px;text-align:center;background:#fff5d6;box-shadow:10px 10px 0 rgba(22,10,69,.25);color:#352866;transform:rotate(3deg)}.certificate-sheet div{font:8px DM Mono;letter-spacing:1px}.certificate-sheet b{display:block;margin-top:15px;font:20px Georgia}.certificate-sheet i{display:block;width:30px;height:1px;margin:14px auto;background:#d8ae4e}.certificate-sheet small{font-size:8px}.system{background:linear-gradient(135deg,#d6f6c1,#72c5b4)}.system-ui{display:flex;gap:13px;align-items:center;width:160px;padding:15px;border-radius:12px;background:white;box-shadow:10px 10px 0 rgba(27,108,86,.13)}.system-ui>span{display:grid;place-items:center;width:50px;height:50px;border:5px solid #243349;color:#243349;font:bold 15px DM Mono}.system-ui div{flex:1}.system-ui i{display:block;height:7px;margin:5px 0;border-radius:4px;background:#b9e8d9}.system-ui i:nth-child(2){width:75%}.system-ui i:nth-child(3){width:45%}.product-info{padding:20px}.product-info h3{margin:8px 0 7px;font-size:22px;letter-spacing:-1px;line-height:1.15}.product-info p{min-height:40px;margin:0;color:var(--ink-soft);font-size:11px;line-height:1.6}.product-info a{display:block;margin-top:15px;font-size:11px;font-weight:800}.product-info a b{float:right;font-size:18px;color:var(--violet)}.product-strip{display:flex;gap:23px;align-items:center;justify-content:center;margin-top:35px;color:var(--ink-soft);font-size:12px}.product-strip b{color:var(--ink);font-size:12px}.product-strip i{width:4px;height:4px;border-radius:50%;background:var(--violet)}.portfolio-section{background:var(--white)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.portfolio-card{min-width:0}.portfolio-art{position:relative;height:310px;overflow:hidden;border-radius:15px;transition:transform .3s}.portfolio-card:hover .portfolio-art{transform:scale(.985)}.portfolio-wide .portfolio-art{height:390px}.being-green{padding:43px;background:linear-gradient(120deg,#b6cba4,#375845);color:#f6f3e2}.being-green:before{content:"";position:absolute;right:0;bottom:-45px;width:56%;height:78%;background:radial-gradient(ellipse at 70% 80%,#f2d99e 0 17%,transparent 18%),radial-gradient(ellipse at 55% 65%,#8aaa54 0 32%,transparent 33%),radial-gradient(ellipse at 100% 34%,#264b31 0 33%,transparent 34%)}.art-kicker{font:10px DM Mono;letter-spacing:1.2px}.being-green b{position:relative;z-index:1;display:block;margin-top:80px;font:clamp(45px,6vw,73px)/.75 Georgia;letter-spacing:-4px}.being-green i{position:absolute;z-index:1;right:34px;top:34px;color:#d9f361;font-size:24px;font-style:normal}.fitvia{padding:30px;background:linear-gradient(140deg,#342846,#9d6b94);color:#fff}.fitvia>span{font:800 24px Manrope;letter-spacing:-2px}.fitvia>span span{color:#efa6bd}.fitvia p{margin-top:69px;font:42px/.85 Georgia}.fitvia p b{color:#f4c5d9}.fitvia i{position:absolute;right:-11px;bottom:-24px;color:#fcc7d9;font-size:130px;font-style:normal}.citypulse{padding:29px;background:#c8bba7;color:#211f20}.citypulse p{font:10px DM Mono;letter-spacing:3px}.citypulse b{display:block;margin-top:93px;font:42px/.88 Georgia}.citypulse i{position:absolute;right:0;bottom:0;width:52%;height:60%;background:linear-gradient(50deg,transparent 35%,rgba(255,255,255,.7) 36% 54%,transparent 55%),#9b7259}.foundation{padding:30px;background:#e4e4e4;color:#243457}.foundation b{display:block;font:60px Georgia;letter-spacing:-4px}.foundation span{font:11px DM Mono;letter-spacing:3px}.foundation p{position:absolute;bottom:18px;margin:0;font:25px/1.1 Georgia}.portfolio-caption{display:flex;justify-content:space-between;align-items:center;padding:17px 6px 0}.portfolio-caption h3{margin:0 0 2px;font-size:17px;letter-spacing:-.6px}.portfolio-caption p{margin:0;color:var(--ink-soft);font-size:11px}.portfolio-caption a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:17px}.work-list{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:60px;padding-top:25px;border-top:1px solid var(--line);font-size:11px}.work-list span{color:var(--ink-soft);margin-right:auto}.work-list b{font-size:11px}.technologies-section{background:var(--dark);color:#f7f8fb}.tech-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.tech-copy p:not(.eyebrow){max-width:390px;margin:23px 0 29px;color:#aeb5c7}.tech-copy h2 em{color:var(--lime)}.button-outline{border:1px solid rgba(255,255,255,.4);background:transparent;color:white}.tech-cloud{display:flex;flex-wrap:wrap;gap:13px;align-content:center}.tech-cloud span{padding:13px 19px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.05);color:#e8eaf0;font-size:15px;font-weight:700;transition:background .2s,transform .2s}.tech-cloud span:hover{background:var(--violet);transform:translateY(-4px)}.testimonial-section{padding:110px 0;background:var(--paper)}.testimonial-wrap{position:relative;max-width:820px;text-align:center}.quote-mark{font:100px/.5 Georgia;color:var(--violet)}.testimonial{display:none;margin:0}.testimonial.active{display:block;animation:fade .45s}.testimonial blockquote{margin:16px 0 28px;font-size:clamp(24px,3vw,35px);font-weight:600;letter-spacing:-1.5px;line-height:1.35}.testimonial figcaption{display:flex;justify-content:center;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#9c7e6d;color:#fff;font:11px DM Mono}.testimonial figcaption b,.testimonial figcaption small{display:block;text-align:left}.testimonial figcaption b{font-size:12px}.testimonial figcaption small{color:var(--ink-soft);font-size:10px}.slider-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:31px}.slider-controls button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.slider-controls span{font:11px DM Mono;color:var(--ink-soft)}.slider-controls b{color:var(--ink)}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.contact-section{position:relative;overflow:hidden;padding:130px 0;background:#7869f5;color:white}.contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-copy .eyebrow{color:#d7d2ff}.contact-copy .eyebrow span{background:var(--lime)}.contact-copy h2 em{color:var(--lime)}.contact-copy>p:not(.eyebrow){max-width:425px;margin:24px 0 33px;color:#e5e2ff}.contact-direct{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.contact-direct a span{color:var(--lime)}.contact-form{padding:29px;border:1px solid rgba(255,255,255,.25);border-radius:17px;background:rgba(30,26,93,.22);backdrop-filter:blur(12px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;margin-bottom:15px;color:#e9e7ff;font-size:11px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:10px 0;border:0;border-bottom:1px solid rgba(255,255,255,.35);border-radius:0;outline:0;background:transparent;color:#fff;font-size:13px}.contact-form select option{color:#111}.contact-form textarea{resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#c8c4eb}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--lime)}.contact-form .button{margin-top:6px;background:var(--lime);color:#27310c}.form-status{min-height:18px;margin:10px 0 0;color:var(--lime);font-size:11px}.contact-orb{position:absolute;left:-150px;bottom:-180px;width:580px;height:580px;border:95px solid rgba(213,246,102,.17);border-radius:50%}footer{background:var(--dark);color:#fff}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:start;gap:30px;padding:50px 0}.footer-top .brand-mark{background:var(--lime);color:#19200a}.footer-top p{margin:0;color:#aeb5c7;font-size:12px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;color:#cad0dd;font-size:12px}.footer-back{color:var(--lime);font-size:12px;font-weight:700;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid rgba(255,255,255,.12);color:#80899d;font:10px DM Mono}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:10;display:flex;align-items:center;gap:9px;padding:10px 15px;border-radius:30px;background:#24c269;color:#fff;box-shadow:0 7px 22px rgba(23,100,59,.35);font:800 12px Manrope}.whatsapp:first-letter{font-size:18px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.17s}
@media(max-width:850px){.nav-menu{position:absolute;top:72px;right:24px;left:24px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow)}.nav-menu.open{display:flex}.nav-menu>a:not(.nav-cta),.theme-toggle{padding:12px}.nav-cta{justify-content:center;margin-top:6px}.theme-toggle{align-self:flex-start;margin:4px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border:0;background:transparent;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;margin:auto;background:var(--ink);transition:.2s}.menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{padding-top:130px}.hero-grid,.about-grid,.tech-wrap,.contact-grid{grid-template-columns:1fr;gap:50px}.hero-visual{height:390px;max-width:520px;width:100%;margin:auto}.dashboard-card{right:12%;transform:scale(.88);transform-origin:center}.card-code{left:5%}.card-launch{right:4%}.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-note{display:none}.section{padding:90px 0}.about-body{padding:0}.products-grid{grid-template-columns:1fr 1fr}.product-large{grid-row:span 1;grid-column:span 2}.product-large .product-visual{height:300px}.portfolio-wide .portfolio-art{height:300px}.tech-wrap{gap:55px}.contact-grid{gap:50px}.footer-top{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/2}.footer-back{grid-column:2;grid-row:2}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:min(100% - 34px,1160px)}.navbar{height:72px}.hero{min-height:auto;padding-top:115px}.hero-grid{gap:20px;min-height:0}.hero-copy h1{font-size:44px;letter-spacing:-2.8px}.hero-lead{font-size:15px}.hero-actions{gap:16px}.trusted{margin-top:31px;align-items:flex-start;flex-direction:column;gap:8px}.hero-visual{height:320px}.dashboard-card{top:35px;right:0;transform:scale(.72);transform-origin:top right}.card-code{top:16px;left:0;transform:scale(.78);transform-origin:left top}.card-launch{bottom:10px;right:-8px;transform:scale(.78);transform-origin:right bottom}.hero-ring{width:230px;height:230px;border-width:40px;right:-70px}.stats-grid{min-height:0;padding:26px 0;gap:15px}.stat{min-height:0;padding-left:15px}.stat b{font-size:28px}.stat p{font-size:10px}.section-heading{display:block;margin-bottom:35px}.section-heading>p,.section-heading>.inline-link{margin-top:18px}.section-intro h2,.section-heading h2,.tech-copy h2,.contact-copy h2{font-size:39px;letter-spacing:-2px}.large-copy{font-size:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:250px}.products-grid{grid-template-columns:1fr}.product-large{grid-column:auto}.product-large .product-visual{height:250px}.product-strip{justify-content:flex-start;overflow:auto;white-space:nowrap}.portfolio-grid{grid-template-columns:1fr;gap:33px}.portfolio-wide .portfolio-art,.portfolio-art{height:245px}.being-green b{margin-top:58px}.work-list{gap:11px}.work-list span{width:100%;margin:0}.tech-cloud{gap:8px}.tech-cloud span{padding:10px 13px;font-size:12px}.testimonial-section{padding:75px 0}.testimonial blockquote{font-size:23px}.form-row{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:22px}.footer-links,.footer-back{grid-column:auto;grid-row:auto}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}.whatsapp{right:15px;bottom:15px;padding:11px}.whatsapp span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Bright blue agency refinement */
:root{--ink:#0b1834;--ink-soft:#55637b;--paper:#fff;--white:#fff;--line:rgba(15,43,92,.12);--lime:#66d3ff;--violet:#1976f3;--sky:#bfeaff;--dark:#07152e;--shadow:0 20px 60px rgba(23,62,122,.10)}
.hero{background:linear-gradient(120deg,#f7fbff 0%,#fff 51%,#edf8ff 100%)}
.hero-ring{border-color:rgba(57,143,255,.17)}.orb-two{background:rgba(102,211,255,.35)}.card-launch>span{background:#e2f6ff;color:#0879b6}.contact-section{background:linear-gradient(135deg,#126fe4,#3155cf)}.contact-orb{border-color:rgba(137,218,255,.18)}.contact-copy h2 em,.contact-direct a span{color:#aeeaff}.contact-form .button{background:#bdeeff;color:#082752}.footer-top .brand-mark{background:#bdeeff;color:#0a3262}.footer-back{color:#8bdbff}.avatar{background:#1976f3}
.why-section{background:linear-gradient(180deg,#f4f9ff 0%,#fff 100%)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-card{min-height:230px;padding:25px;border:1px solid #dceafb;border-radius:16px;background:rgba(255,255,255,.75);box-shadow:0 12px 28px rgba(36,109,186,.06);transition:transform .25s,box-shadow .25s}.why-card:hover{transform:translateY(-6px);box-shadow:0 19px 35px rgba(36,109,186,.12)}.why-card>span{display:block;margin-bottom:44px;color:var(--violet);font:11px DM Mono}.why-card h3{margin-bottom:8px;font-size:19px;letter-spacing:-.7px}.why-card p{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.7}.process-section{background:var(--white)}.process-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.process-line:before{content:"";position:absolute;top:24px;right:8%;left:8%;height:1px;background:linear-gradient(90deg,var(--violet),#bce8ff)}.process-step{position:relative;padding-top:3px}.process-step>b{position:relative;z-index:1;display:grid;place-items:center;width:45px;height:45px;margin-bottom:25px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 7px #e9f5ff;color:#fff;font:12px DM Mono}.process-step h3{margin-bottom:6px;font-size:19px}.process-step p{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.7}.faq-section{background:#f7fbff}.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-intro h2{margin:0;letter-spacing:-3px;font-size:clamp(38px,4.1vw,58px);line-height:1.08}.faq-intro>p:not(.eyebrow){margin:23px 0;color:var(--ink-soft)}.faq-list details{border-bottom:1px solid #d5e5f7}.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--violet);font-size:21px;line-height:22px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:610px;margin:0;padding:0 0 21px;color:var(--ink-soft);font-size:13px;line-height:1.75}
@media(max-width:850px){.why-grid{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(2,1fr);row-gap:40px}.process-line:before{display:none}.faq-wrap{grid-template-columns:1fr;gap:45px}}
@media(max-width:560px){.why-grid,.process-line{grid-template-columns:1fr}.why-card{min-height:auto}.why-card>span{margin-bottom:25px}.process-step{padding-left:60px}.process-step>b{position:absolute;top:3px;left:0}.faq-intro h2{font-size:39px;letter-spacing:-2px}}

/* Motion and interaction layer — CSS-first for fast, low-dependency performance */
.page-loader{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#fff;color:#0b1834;transition:opacity .55s ease,visibility .55s ease}.page-loader.done{visibility:hidden;opacity:0}.loader-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#126fe4,#64ccff);box-shadow:0 12px 30px rgba(25,118,243,.25);color:#fff;font:800 29px/1 DM Mono;animation:loaderPulse 1.2s ease-in-out infinite}.page-loader span{font:10px DM Mono;letter-spacing:1.2px;text-transform:uppercase;color:#5d6a80}@keyframes loaderPulse{50%{transform:scale(1.08) rotate(5deg);box-shadow:0 17px 42px rgba(25,118,243,.35)}}.mouse-glow{position:absolute;z-index:0;top:var(--mouse-y,45%);left:var(--mouse-x,67%);width:360px;height:360px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,rgba(89,184,255,.20),rgba(130,206,255,.07) 36%,transparent 69%);transition:top .16s linear,left .16s linear}.hero-grid{z-index:1}.industries-section{padding:98px 0;background:#f7fbff}.industries-section .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.industries-copy h2{margin:0;font-size:clamp(34px,3.5vw,49px);letter-spacing:-2.7px;line-height:1.1}.industry-list{display:flex;flex-wrap:wrap;gap:11px}.industry-list span{padding:14px 17px;border:1px solid #d7e8fb;border-radius:999px;background:#fff;box-shadow:0 8px 20px rgba(48,111,183,.05);font-size:12px;font-weight:800;transition:transform .25s,border-color .25s,color .25s}.industry-list span:hover{transform:translateY(-4px);border-color:#4aa6ff;color:#1976f3}.process-step{cursor:pointer;transition:transform .25s}.process-step:hover,.process-step.active{transform:translateY(-7px)}.process-step.active>b{background:#0b1834;box-shadow:0 0 0 7px #cfeaff,0 10px 22px rgba(25,118,243,.25)}.process-step:focus-visible{outline:2px solid #1976f3;outline-offset:8px}.tech-marquee{margin-top:76px;overflow:hidden;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:17px 0;white-space:nowrap}.tech-marquee div{display:inline-flex;align-items:center;gap:29px;width:max-content;animation:techTicker 28s linear infinite}.tech-marquee span{color:#dce8ff;font:11px DM Mono;letter-spacing:1.5px}.tech-marquee i{color:#64ccff;font-style:normal}@keyframes techTicker{to{transform:translateX(-38%)}}.back-to-top{position:fixed;right:24px;bottom:80px;z-index:10;width:40px;height:40px;border:1px solid #d3e5fa;border-radius:50%;background:#fff;color:#1976f3;box-shadow:0 9px 25px rgba(24,83,154,.15);cursor:pointer;opacity:0;transform:translateY(9px);pointer-events:none;transition:opacity .25s,transform .25s}.back-to-top.visible{opacity:1;transform:none;pointer-events:auto}.back-to-top:hover{background:#1976f3;color:#fff;transform:translateY(-3px)}
@media(max-width:850px){.industries-section .container{grid-template-columns:1fr;gap:35px}.tech-marquee{margin-top:52px}}
@media(max-width:560px){.industries-section{padding:72px 0}.industry-list{gap:8px}.industry-list span{padding:11px 13px;font-size:11px}.mouse-glow{width:260px;height:260px}.back-to-top{right:15px;bottom:71px}}

/* Product-first catalogue experience */
.hero{background:radial-gradient(circle at 75% 38%,rgba(206,232,255,.58),transparent 22%),radial-gradient(circle at 8% 26%,rgba(255,226,167,.32),transparent 19%),linear-gradient(120deg,#fffdf9 0%,#fff 53%,#f5fbff 100%)}.catalog-section{background:linear-gradient(135deg,#f9edff 0%,#e8f8ff 52%,#f6fcff 100%)}.catalog-head{max-width:590px;text-align:center;margin:0 auto 30px}.catalog-head h2{margin:0;font-size:clamp(39px,4.3vw,60px);letter-spacing:-3.4px;line-height:1.05}.catalog-head h2 em{color:var(--violet)}.catalog-head>p:last-child{max-width:450px;margin:17px auto 0;color:var(--ink-soft);font-size:13px}.catalog-tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:32px 0}.catalog-tabs button{border:1px solid #d6e6fa;border-radius:999px;padding:9px 15px;background:rgba(255,255,255,.72);color:var(--ink-soft);font-size:11px;font-weight:800;cursor:pointer;transition:.22s}.catalog-tabs button:hover,.catalog-tabs button.active{border-color:#1976f3;background:#1976f3;color:#fff;box-shadow:0 7px 18px rgba(25,118,243,.2)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.catalog-card{display:grid;grid-template-columns:50px 1fr 22px;align-items:center;gap:14px;min-height:130px;padding:20px;border:1px solid rgba(109,153,204,.16);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 10px 22px rgba(64,105,151,.08);transition:transform .28s,box-shadow .28s,opacity .25s}.catalog-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(52,102,163,.16)}.catalog-card.hidden{display:none}.catalog-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;color:#fff;font:800 15px DM Mono}.catalog-icon.blue{background:linear-gradient(135deg,#357ef9,#70c7ff)}.catalog-icon.violet{background:linear-gradient(135deg,#7b53eb,#b072ff)}.catalog-icon.cyan{background:linear-gradient(135deg,#11aec2,#65d8e6)}.catalog-icon.green{background:linear-gradient(135deg,#49b835,#a5d411)}.catalog-icon.pink{background:linear-gradient(135deg,#ef5289,#ff9fbd)}.catalog-icon.amber{background:linear-gradient(135deg,#ff9c27,#ffce52)}.catalog-card small{display:block;margin-bottom:4px;color:#7689a4;font:9px DM Mono;letter-spacing:.8px}.catalog-card h3{margin:0;font-size:17px;letter-spacing:-.6px;line-height:1.1}.catalog-card p{margin:5px 0 0;color:var(--ink-soft);font-size:10px;line-height:1.5}.catalog-card>a{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#1976f3;font-size:18px}.catalog-cta{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:32px;color:var(--ink-soft);font-size:13px}.catalog-cta .button{padding:12px 18px;font-size:12px}
@media(max-width:850px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.catalog-section{padding:80px 0}.catalog-head h2{font-size:41px;letter-spacing:-2.2px}.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:112px}.catalog-cta{flex-direction:column;gap:13px;text-align:center}.catalog-tabs{justify-content:flex-start}}