:root{--primary:#4778ee;--primary-dark:#2f5bc7;--accent:#16b8a6;--accent-2:#8b5cf6;--bg:#07111f;--bg-card:#0d1b2a;--bg-elevated:#13243a;--text:#eef6ff;--text-muted:#a5b4c7;--border:rgba(122,162,206,.22);--gradient-hero:linear-gradient(135deg,#4778ee 0%,#16b8a6 100%);--gradient-card:linear-gradient(145deg,#0d1b2a 0%,#13243a 100%);--glow:0 18px 44px rgba(37,93,180,.24);--radius:16px;--radius-sm:8px;--transition:.28s cubic-bezier(.4,0,.2,1);--container:1440px}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{color-scheme:light;--primary:#2858cf;--primary-dark:#1e43a0;--accent:#076f67;--accent-2:#6840c8;--bg:#eef3f8;--bg-card:#fff;--bg-elevated:#dde7f1;--text:#09182a;--text-muted:#384b61;--border:rgba(23,55,92,.28);--gradient-hero:linear-gradient(135deg,#2858cf 0%,#076f67 100%);--gradient-card:linear-gradient(145deg,#fff 0%,#f3f7fb 100%);--glow:0 16px 38px rgba(27,67,139,.18)}
html[data-theme="light"] body:before{background:radial-gradient(circle at 10% 12%,rgba(40,88,207,.12),transparent 28%),radial-gradient(circle at 90% 55%,rgba(7,111,103,.09),transparent 25%)}
html[data-theme="light"] .site-header{background:rgba(238,243,248,.95)}
html[data-theme="light"] .header-inner{background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(20,48,82,.1)}
html[data-theme="light"] .nav-link{color:#30445b;font-weight:600}
html[data-theme="light"] .hero-subtitle{color:#34495f;font-weight:500}
html[data-theme="light"] .stats-rail{background:rgba(255,255,255,.96)}
html[data-theme="light"] .card{background:#fff;box-shadow:0 12px 34px rgba(23,55,92,.1)}
html[data-theme="light"] .tech-row{background:#fff}
html[data-theme="light"] .tech-chip,html[data-theme="light"] .chip{color:#263b52;background:#f0f4fa}
html[data-theme="light"] .field input,html[data-theme="light"] .field textarea,html[data-theme="light"] .field select,html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:#fff;color:var(--text)}
html[data-theme="light"] .field label{background:#fff}
html[data-theme="light"] .marquee-item{background:#fff}
html[data-theme="light"] .mobile-nav{background:rgba(255,255,255,.98)}
html[data-theme="light"] .modal{background:rgba(22,22,36,.5)}
html[data-theme="light"] .site-footer{color:#f0f0ff}
html[data-theme="light"] .site-footer h3,html[data-theme="light"] .site-footer .brand{color:#f0f0ff}
html[data-theme="light"] .site-footer p,html[data-theme="light"] .site-footer a{color:#9c9cb7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.7 Inter,system-ui,sans-serif;animation:fadeIn .4s ease;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 12%,rgba(71,120,238,.07),transparent 28%),radial-gradient(circle at 90% 55%,rgba(22,184,166,.05),transparent 25%);z-index:-2}h1,h2,h3,h4,.brand,.btn{font-family:Manrope,Inter,sans-serif}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(2.6rem,6vw,5.8rem);line-height:1.02;letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.04em}h3{line-height:1.25}p{color:var(--text-muted)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.page-shell{min-height:100vh}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.section{position:relative;padding:110px 0}.section-tight{padding:64px 0}.section-title{max-width:760px;margin-bottom:44px}.section-title.center{text-align:center;margin-inline:auto}.section-title p{font-size:1.08rem}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--text-muted)}.reveal{opacity:1;transform:none}.reveal.revealed{opacity:1;transform:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.site-header{position:sticky;top:0;z-index:1000;padding:14px 0;background:rgba(7,17,31,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.header-inner{height:64px;display:flex;align-items:center;gap:26px;padding:0 16px;border:1px solid var(--border);border-radius:14px;background:rgba(13,27,42,.68)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.brand-logo{display:block;width:auto;height:48px;border-radius:9px;object-fit:contain}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--gradient-hero);color:var(--bg);clip-path:polygon(50% 0,100% 100%,70% 100%,50% 58%,30% 100%,0 100%);font-weight:900}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:auto}.nav-link{position:relative;color:#bac7d8;font-size:.93rem}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:-13px;height:2px;background:var(--gradient-hero);transition:right var(--transition)}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:hover:after,.nav-link.active:after{right:0}.theme-toggle{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);color:var(--text);cursor:pointer;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--glow)}.theme-toggle svg{grid-area:1/1;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s,transform .3s}.theme-toggle .sun-icon{opacity:0;transform:rotate(30deg) scale(.7)}.theme-toggle .moon-icon{opacity:1;transform:none}html[data-theme="dark"] .theme-toggle .sun-icon{opacity:1;transform:none}html[data-theme="dark"] .theme-toggle .moon-icon{opacity:0;transform:rotate(-30deg) scale(.7)}.header-cta{margin-left:0}.menu-btn,.mobile-nav{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:0;border-radius:10px;color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition)}.btn:hover{transform:translateY(-2px);box-shadow:var(--glow)}.btn:disabled{opacity:.65;cursor:wait}.btn-primary,.btn-accent{background:var(--gradient-hero)}.btn-outline{border:2px solid transparent;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,var(--gradient-hero) border-box;color:var(--text)}.btn-whatsapp{background:#25d366}.btn-telegram{background:#229ed9}.btn-wide{width:100%}.btn-small{min-height:40px;padding:0 16px;font-size:.82rem}:focus-visible{outline:3px solid rgba(0,212,170,.55);outline-offset:3px}
.hero{position:relative;min-height:680px;display:grid;place-items:center;isolation:isolate;overflow:hidden;background-image:radial-gradient(circle,rgba(108,99,255,.15) 1px,transparent 1px);background-size:28px 28px;border-bottom:1px solid var(--border)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,var(--bg));z-index:-1}.hero-content{text-align:center;max-width:1050px;padding:80px 0}.hero h1{margin-bottom:22px}.hero-subtitle{min-height:45px;color:#c9c9dc;font-size:clamp(1.3rem,2.7vw,2rem)}.type-cursor:after{content:"";display:inline-block;width:2px;height:1em;margin-left:5px;background:var(--accent);vertical-align:-.12em;animation:blink .8s infinite}@keyframes blink{50%{opacity:0}}.hero-actions{display:flex;justify-content:center;gap:16px;margin-top:28px}.blob{position:absolute;border-radius:50%;filter:blur(45px);opacity:.28;z-index:-1;animation:float 10s ease-in-out infinite}.blob-one{width:290px;height:290px;background:var(--primary);left:-90px;top:25%}.blob-two{width:340px;height:200px;background:var(--accent);right:-90px;bottom:12%;animation-delay:-3s}.blob-three{width:180px;height:180px;background:var(--primary);left:60%;top:8%;opacity:.13;animation-delay:-6s}@keyframes float{0%,100%{transform:translate(0) scale(1)}50%{transform:translate(30px,-24px) scale(1.12)}}
.stats-rail{display:grid;grid-template-columns:repeat(6,1fr);border-block:1px solid var(--border);background:rgba(19,19,26,.65)}.stat-item{position:relative;padding:34px 18px;text-align:center}.stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:var(--border)}.stat-value{font:800 clamp(1.8rem,3vw,2.7rem)/1 Manrope;color:var(--text)}.stat-suffix{color:var(--accent)}.stat-label{display:block;margin-top:8px;color:var(--text-muted);font-size:.83rem}
.card{background:rgba(255,255,255,.035);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.card:hover{box-shadow:var(--glow);transform:translateY(-4px);border-color:rgba(0,212,170,.32)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{position:relative;padding:26px;overflow:hidden}.service-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--gradient-hero);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition)}.service-card:hover:before{opacity:1}.icon-well{display:grid;place-items:center;width:54px;height:54px;margin-bottom:22px;border-radius:12px;background:var(--gradient-hero);font:800 1.05rem Manrope;color:white;box-shadow:0 12px 30px rgba(108,99,255,.22)}.service-card h3{font-size:1.08rem}.service-card p{font-size:.9rem;margin-bottom:0}
.tech-stack{display:grid;gap:9px}.tech-row{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:16px;padding:11px 16px;border:1px solid rgba(108,99,255,.12);border-radius:10px;background:rgba(19,19,26,.5)}.tech-label{font:700 .84rem Manrope;color:#d8d8e9}.tech-scroller{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.tech-chip,.chip{white-space:nowrap;border:1px solid rgba(108,99,255,.25);border-radius:7px;background:linear-gradient(135deg,rgba(108,99,255,.08),rgba(0,212,170,.04));color:#c5c5dc;font-size:.74rem;padding:6px 10px;transition:var(--transition)}.tech-chip:hover{color:white;border-color:var(--primary);box-shadow:0 0 18px rgba(108,99,255,.3)}
.project-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card,.article-card{overflow:hidden}.media-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-elevated)}.media-frame img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .media-frame img,.article-card:hover .media-frame img{transform:scale(1.055)}.card-body{padding:22px}.category-chip{display:inline-flex;margin-bottom:11px;padding:4px 9px;border-radius:6px;background:rgba(108,99,255,.18);color:#aaa4ff;font-size:.7rem;font-weight:700}.category-chip[data-category="IoT"]{background:rgba(0,212,170,.13);color:var(--accent)}.category-chip[data-category="Mobile"]{background:rgba(255,107,107,.13);color:#ff9292}.category-chip[data-category="Web"]{background:rgba(70,150,255,.14);color:#8dbdff}.category-chip[data-category="Gaming"]{background:rgba(181,100,255,.16);color:#d7a7ff}.project-card h3,.article-card h3{margin-bottom:8px}.project-card p,.article-card p{font-size:.88rem}.chip-list{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.card-actions{display:flex;gap:10px;margin-top:18px}.portfolio-toolbar,.tag-toolbar{display:flex;align-items:center;gap:8px;overflow-x:auto;margin-bottom:22px;padding-bottom:9px}.filter-tab{position:relative;border:0;background:transparent;color:var(--text-muted);padding:10px 15px;white-space:nowrap;cursor:pointer}.filter-tab:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--gradient-hero);transition:var(--transition)}.filter-tab.active{color:white}.filter-tab.active:after,.filter-tab:hover:after{left:12px;right:12px}.search-wrap{position:relative;margin-bottom:30px}.search-wrap input{width:100%;padding-left:48px}.search-wrap:before{content:"⌕";position:absolute;left:18px;top:11px;color:var(--accent);font-size:1.2rem}
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.timeline:before{content:"";position:absolute;top:37px;left:12%;right:12%;border-top:2px dashed rgba(0,212,170,.55);animation:dash 15s linear infinite}.process-step{position:relative;text-align:center}.step-icon{position:relative;z-index:1;display:grid;place-items:center;width:74px;height:74px;margin:0 auto 20px;border:2px solid transparent;border-radius:50%;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--gradient-hero) border-box;color:var(--accent);font:800 1.1rem Manrope}.step-number{font-size:.72rem;color:var(--primary)}@keyframes dash{to{transform:translateX(8px)}}
.testimonial-grid{columns:3;column-gap:18px}.testimonial-card{break-inside:avoid;margin-bottom:18px;padding:23px}.person-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.avatar{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border:1px solid rgba(71,120,238,.34);border-radius:15px;background:rgba(71,120,238,.12);color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.12)}.avatar .ui-icon{width:27px;height:27px;stroke-width:1.9}.person-meta strong,.person-meta span{display:block}.person-meta span{color:var(--text-muted);font-size:.76rem}.stars{color:#ffd84a;letter-spacing:2px;font-size:.85rem}.testimonial-card p{font-size:.88rem;margin:12px 0 0}.marquee{overflow:hidden;margin-top:25px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;gap:12px;animation:marquee 36s linear infinite}.marquee-item{padding:12px 18px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:#c9c9dd;font-size:.82rem}@keyframes marquee{to{transform:translateX(-50%)}}
.inner-hero{padding:100px 0 72px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(108,99,255,.18),transparent 42%)}.inner-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);max-width:1050px;margin-inline:auto}.inner-hero p{max-width:760px;margin-inline:auto;font-size:1.08rem}.story-grid,.contact-layout,.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.glass-panel{padding:30px}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.check-list li{position:relative;padding-left:27px;color:#c5c5d6}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--accent)}.story-timeline{position:relative;padding-left:35px}.story-timeline:before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:2px;background:var(--gradient-hero)}.milestone{position:relative;margin-bottom:25px}.milestone:before{content:"";position:absolute;left:-33px;top:7px;width:12px;height:12px;border:3px solid var(--primary);border-radius:50%;background:var(--bg)}.milestone strong{color:var(--accent)}.expertise-grid,.team-grid,.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.expertise-card,.team-card,.why-card{padding:22px}.skill-track{height:8px;margin-top:16px;border-radius:10px;background:#272738;overflow:hidden}.skill-fill{height:100%;width:var(--pct);transform:scaleX(0);transform-origin:left;background:var(--gradient-hero);border-radius:inherit;transition:transform 1s .2s}.skill-fill.revealed{transform:scaleX(1)}.team-card .avatar{width:64px;height:64px;flex-basis:64px;margin-bottom:16px;border-radius:18px}.team-card .avatar .ui-icon{width:32px;height:32px}.team-card small{color:var(--accent)}.world-map{height:180px;margin-top:25px;border-radius:12px;background-image:radial-gradient(circle,rgba(0,212,170,.42) 1.3px,transparent 1.4px);background-size:11px 11px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%)}.contact-info{padding:38px}.contact-row{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid var(--border)}.contact-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:rgba(108,99,255,.17);color:var(--accent)}.contact-actions{display:grid;gap:10px;margin-top:22px}.form-card{padding:38px}.form-grid{display:grid;gap:18px}.field{position:relative}.field input,.field textarea,.field select,input,textarea,select{width:100%;padding:17px 15px 12px;border:1px solid rgba(136,136,170,.28);border-radius:9px;background:#111119;color:var(--text);outline:none}.field label{position:absolute;left:14px;top:15px;color:var(--text-muted);pointer-events:none;transition:.2s;background:#111119;padding:0 4px}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{top:-9px;font-size:.72rem;color:var(--accent)}select{padding:15px}.message{padding:14px 16px;border-radius:9px;margin-top:18px}.message.success{border:1px solid rgba(0,212,170,.35);background:rgba(0,212,170,.09);color:#8fffe9}.message.error{border:1px solid rgba(255,107,107,.35);background:rgba(255,107,107,.09);color:#ffaaaa}
.article-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-muted);font-size:.78rem;margin-bottom:12px}.article-hero{position:relative;height:400px;overflow:hidden;border-radius:var(--radius);margin:30px 0}.article-hero img{width:100%;height:100%;object-fit:cover}.article-hero:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,var(--bg))}.article-shell{max-width:820px;margin-inline:auto}.article-body{font-size:1.05rem;line-height:1.88}.article-body h2{font-size:2rem;margin:50px 0 15px}.article-body h3{font-size:1.35rem;margin:32px 0 10px}.article-body code{padding:3px 7px;border-radius:5px;background:#222234;color:#b7fff1}.article-body pre{overflow:auto;padding:20px;border:1px solid var(--border);border-radius:10px;background:#07070b}.article-body pre code{padding:0;background:transparent}.share-row{display:flex;gap:10px;margin:40px 0}.modal{position:fixed;inset:0;z-index:2000;display:none;place-items:center;padding:24px;background:rgba(4,4,8,.84);backdrop-filter:blur(10px)}.modal.open{display:grid}.modal-panel{position:relative;width:min(940px,100%);max-height:90vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;background:var(--bg-card);border:1px solid rgba(108,99,255,.45);border-radius:var(--radius);box-shadow:var(--glow)}.modal-panel>img{width:100%;height:100%;min-height:460px;object-fit:cover}.modal-content{padding:38px}.modal-close{position:absolute;right:14px;top:14px;z-index:2;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:white;cursor:pointer}
.admin-wrap{max-width:1100px;margin-inline:auto}.admin-grid{display:grid;grid-template-columns:1fr 320px;gap:20px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px;text-align:left;border-bottom:1px solid var(--border)}.table th{color:var(--accent);font-size:.78rem}.site-footer{padding:70px 0 20px;border-top:1px solid;border-image:var(--gradient-hero) 1;background:#08080c;color:#f0f0ff}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:50px}.footer-grid h3{font-size:.86rem;color:#f0f0ff}.footer-grid>div>a:not(.brand),.footer-grid>div>p{display:block;margin:7px 0;color:#9c9cb7;font-size:.82rem}.footer-brand{margin-bottom:17px;color:#f0f0ff}.footer-logo-image{width:52px;height:52px;border-radius:12px;object-fit:cover}.social-row{display:flex;gap:8px;margin-top:18px}.social-row a{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(108,99,255,.3);border-radius:50%;font-size:.7rem}.response-badge{display:inline-block;margin-top:10px;padding:7px 10px;border:1px solid var(--border);border-radius:7px;color:#c9c9da;font-size:.75rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:20px;border-top:1px solid rgba(108,99,255,.12);color:#85859f;font-size:.75rem}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:999;width:54px;height:54px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.88);border-radius:50%;background:#25d366;color:#fff;box-shadow:0 8px 28px rgba(37,211,102,.34);transition:transform var(--transition),box-shadow var(--transition)}.whatsapp-float:before{content:"";position:absolute;inset:-6px;border:1px solid rgba(37,211,102,.38);border-radius:inherit;animation:whatsapp-ring 2.4s ease-out infinite}.whatsapp-float:after{content:attr(data-label);position:absolute;right:64px;white-space:nowrap;padding:7px 10px;border-radius:7px;background:#17251c;color:#fff;font:600 .72rem Inter;opacity:0;transform:translateX(6px);pointer-events:none;transition:var(--transition)}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(37,211,102,.44)}.whatsapp-float:hover:after{opacity:1;transform:none}.whatsapp-float svg{position:relative;width:28px;height:28px;fill:currentColor}.back-top{position:fixed;left:24px;bottom:24px;z-index:999;width:46px;height:46px;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);color:var(--text);opacity:0;transform:translateY(14px);pointer-events:none;transition:var(--transition)}.back-top.visible{opacity:1;transform:none;pointer-events:auto}@keyframes whatsapp-ring{0%{transform:scale(.88);opacity:.7}75%,100%{transform:scale(1.28);opacity:0}}
@media(max-width:1100px){.desktop-nav{gap:18px}.header-cta{display:none}.services-grid,.expertise-grid,.team-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.stats-rail{grid-template-columns:repeat(3,1fr)}.stat-item:nth-child(3):after{display:none}.project-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{columns:2}.tech-row{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:760px){.container{width:min(calc(100% - 28px),var(--container))}.section{padding:76px 0}.site-header{padding:8px 0}.header-inner{height:58px;padding:0 12px;gap:10px}.brand-logo{height:42px}.desktop-nav{display:none}.theme-toggle{margin-left:auto;flex-basis:38px;width:38px;height:38px}.menu-btn{display:grid;gap:6px;width:40px;height:40px;padding:10px;border:0;background:transparent}.menu-btn span{height:2px;background:var(--text)}.mobile-nav{display:none;position:absolute;left:14px;right:14px;top:78px;padding:18px;border:1px solid var(--border);border-radius:12px;background:rgba(19,19,26,.98);box-shadow:var(--glow)}.mobile-nav.open{display:grid;gap:12px}.mobile-nav>a:not(.btn){padding:8px}.hero{min-height:600px}.hero-content{padding:70px 0}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.stats-rail{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2n):after{display:none}.services-grid,.project-grid,.article-grid,.expertise-grid,.team-grid,.why-grid,.story-grid,.contact-layout,.mission-grid,.admin-grid{grid-template-columns:1fr}.tech-row{grid-template-columns:1fr;gap:8px}.timeline{grid-template-columns:1fr;gap:25px}.timeline:before{left:37px;right:auto;top:35px;bottom:35px;width:2px;height:auto;border:0;border-left:2px dashed rgba(0,212,170,.5)}.process-step{text-align:left;padding-left:95px;min-height:76px}.step-icon{position:absolute;left:0;top:0}.testimonial-grid{columns:1}.inner-hero{padding:72px 0 52px}.article-hero{height:250px}.modal-panel{grid-template-columns:1fr}.modal-panel>img{min-height:220px;height:220px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.form-card,.contact-info{padding:24px}.whatsapp-float{right:14px;bottom:14px;width:50px;height:50px}.whatsapp-float:after{display:none}.back-top{left:16px;bottom:16px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.stats-rail{grid-template-columns:1fr 1fr}.service-card{padding:22px}.modal{padding:10px}.modal-content{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.skill-fill{transform:scaleX(1)}}

/* Professional academic palette and shared icon system */
.ui-icon{display:block;width:1.25em;height:1.25em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ui-icon .icon-solid{fill:currentColor;stroke:none}
.btn-primary{background:var(--primary);box-shadow:0 10px 24px rgba(47,91,199,.2)}
.btn-primary:hover{background:var(--primary-dark)}
.btn-accent{background:var(--gradient-hero)}
.btn .ui-icon{width:17px;height:17px;transition:transform var(--transition)}
.btn:hover .ui-icon{transform:translateX(2px)}
.btn-whatsapp .ui-icon,.btn-telegram .ui-icon{width:18px;height:18px}
.hero{background-image:radial-gradient(circle,rgba(71,120,238,.14) 1px,transparent 1px)}
.stats-rail{background:rgba(13,27,42,.72)}
.card{background:rgba(13,27,42,.72)}
.tech-row{border-color:rgba(71,120,238,.18);background:rgba(13,27,42,.62)}
.tech-label{color:var(--text)}
.tech-chip,.chip{border-color:rgba(71,120,238,.28);background:linear-gradient(135deg,rgba(71,120,238,.11),rgba(22,184,166,.06));color:#c7d5e8}
.tech-chip:hover{color:var(--text);border-color:var(--primary);box-shadow:0 0 18px rgba(71,120,238,.24)}
.filter-tab.active{color:var(--text)}
.category-chip{background:rgba(71,120,238,.2);color:#b8c9ff}
.category-chip[data-category="IoT"]{background:rgba(22,184,166,.15);color:#69e1d3}
.category-chip[data-category="Mobile"]{background:rgba(238,105,118,.15);color:#ff9eaa}
.category-chip[data-category="Web"]{background:rgba(70,150,255,.16);color:#9bc7ff}
.icon-well{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 12px 28px rgba(47,91,199,.24)}
.icon-well .ui-icon{width:27px;height:27px}
.step-icon .ui-icon{width:29px;height:29px}
.contact-icon .ui-icon{width:22px;height:22px}
.check-list li{color:var(--text-muted)}
.check-list li:before{content:"";top:4px;width:7px;height:13px;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg)}
.search-wrap:before{content:none}
.search-wrap .search-icon{position:absolute;left:17px;top:50%;width:20px;height:20px;color:var(--accent);transform:translateY(-50%);pointer-events:none}
.field input,.field textarea,.field select,input,textarea,select{background:var(--bg-card);color:var(--text);border-color:var(--border)}
.field label{background:var(--bg-card)}
.modal-close{display:grid;place-items:center;color:var(--text)}
.modal-close .ui-icon{width:20px;height:20px}
.response-badge{display:inline-flex;align-items:center;gap:7px}
.response-badge .ui-icon{width:14px;height:14px;color:var(--accent)}
.country-code{display:inline-grid;place-items:center;min-width:25px;height:19px;margin-right:4px;border:1px solid var(--border);border-radius:5px;color:var(--accent);font:700 .62rem/1 Manrope}
.marquee-item{color:var(--text-muted)}
.social-row a{transition:transform var(--transition),background var(--transition),border-color var(--transition),color var(--transition)}
.social-row a:hover{transform:translateY(-2px);border-color:var(--accent);background:rgba(22,184,166,.1);color:#fff}
.social-row .ui-icon{width:17px;height:17px}
.back-top{display:grid;place-items:center;cursor:pointer}
.back-top .ui-icon{width:20px;height:20px}
.menu-btn{place-items:center;color:var(--text);cursor:pointer}
.menu-btn .ui-icon{grid-area:1/1;width:24px;height:24px}
.menu-btn .menu-close-icon{display:none}
.menu-btn.open .menu-open-icon{display:none}
.menu-btn.open .menu-close-icon{display:block}
:focus-visible{outline-color:rgba(22,184,166,.65)}
html[data-theme="light"] .stats-rail{background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(23,55,92,.07)}
html[data-theme="light"] .stat-label{color:#40536a;font-weight:600}
html[data-theme="light"] .card{background:#fff;border-color:rgba(23,55,92,.24);box-shadow:0 12px 34px rgba(23,55,92,.1)}
html[data-theme="light"] .card:hover{border-color:rgba(7,111,103,.45);box-shadow:0 18px 42px rgba(23,55,92,.16)}
html[data-theme="light"] .card p,html[data-theme="light"] .section-title p,html[data-theme="light"] .inner-hero p{color:#384b61}
html[data-theme="light"] .tech-row{background:#fff;border-color:rgba(23,55,92,.22);box-shadow:0 3px 12px rgba(23,55,92,.045)}
html[data-theme="light"] .tech-label{color:var(--text)}
html[data-theme="light"] .tech-chip,html[data-theme="light"] .chip{color:#263b52;border-color:#b9c8da;background:#f0f4fa;font-weight:600}
html[data-theme="light"] .filter-tab{color:#405269;font-weight:600}
html[data-theme="light"] .filter-tab.active{color:#09182a}
html[data-theme="light"] .category-chip{background:#dfe7ff;color:#2349a4}
html[data-theme="light"] .category-chip[data-category="IoT"]{background:#d8f0ec;color:#06675f}
html[data-theme="light"] .category-chip[data-category="Mobile"]{background:#f9e1e5;color:#973240}
html[data-theme="light"] .category-chip[data-category="Web"]{background:#dcecff;color:#1e5c9b}
html[data-theme="light"] .category-chip[data-category="Gaming"]{background:#eee2fb;color:#6f2f99}
html[data-theme="light"] .skill-track{background:#cbd7e4}
html[data-theme="light"] .mobile-nav{background:rgba(255,255,255,.98)}
html[data-theme="light"] .modal-close{background:#fff}
html[data-theme="light"] .media-frame{background:#d8e2ed}
html[data-theme="light"] .field input,html[data-theme="light"] .field textarea,html[data-theme="light"] .field select,html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{border-color:#9badc2;background:#fff;color:#09182a;box-shadow:inset 0 1px 2px rgba(23,55,92,.04)}
html[data-theme="light"] .field input:focus,html[data-theme="light"] .field textarea:focus,html[data-theme="light"] .field select:focus,html[data-theme="light"] input:focus,html[data-theme="light"] textarea:focus,html[data-theme="light"] select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(40,88,207,.12)}
html[data-theme="light"] .field label{color:#455970}
html[data-theme="light"] .btn-outline{background:linear-gradient(#fff,#fff) padding-box,var(--gradient-hero) border-box;color:#13243a}
html[data-theme="light"] .contact-row{border-color:rgba(23,55,92,.2)}
html[data-theme="light"] .contact-icon{background:rgba(40,88,207,.13);color:#076f67}
html[data-theme="light"] .message.success{border-color:#58a692;background:#e1f5ee;color:#064f45;font-weight:700;box-shadow:0 6px 18px rgba(6,79,69,.08)}
html[data-theme="light"] .message.error{border-color:#d98f98;background:#fdecef;color:#7f1d2d;font-weight:700;box-shadow:0 6px 18px rgba(127,29,45,.07)}
html[data-theme="light"] .marquee-item{border-color:rgba(23,55,92,.22);color:#34485f;box-shadow:0 3px 10px rgba(23,55,92,.05)}
html[data-theme="light"] .article-body code{background:#e9eff8;color:#174d68}
html[data-theme="light"] .article-body pre{background:#102033}
html[data-theme="light"] .article-body pre code{color:#c8fff7;background:transparent}
@media(max-width:760px){.mobile-nav{background:rgba(13,27,42,.98)}.menu-btn{display:grid}}

/* Project cards and full technical detail pages */
.project-card-link{display:flex;flex-direction:column;height:100%;color:inherit}
.project-card-link .card-body{display:flex;flex:1;flex-direction:column}
.project-card-link .chip-list{margin-bottom:18px}
.project-card-cta{align-self:flex-start;margin-top:auto}
.project-card-link:focus-visible{outline:3px solid rgba(22,184,166,.65);outline-offset:-3px;border-radius:inherit}
.project-detail-top{padding-top:54px}
.project-back{margin-bottom:30px}
.project-detail-hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);align-items:center;gap:54px}
.project-detail-copy h1{max-width:850px;margin:8px 0 22px;font-size:clamp(2.65rem,5vw,5rem)}
.project-lead{max-width:760px;font-size:1.12rem;line-height:1.8}
.project-stack{margin:24px 0}
.project-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.project-detail-media{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--bg-elevated);box-shadow:var(--glow)}
.project-detail-media:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
.project-detail-media img{width:100%;height:100%;object-fit:cover}
#technical-details{scroll-margin-top:105px}
.project-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px}
.project-detail-main{display:grid;gap:22px}
.detail-section{padding:32px}
.detail-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:25px}
.detail-heading h2,.detail-side-card h2{margin:0 0 5px;font-size:1.35rem;letter-spacing:-.025em}
.detail-heading p{margin:0;font-size:.9rem}
.detail-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid rgba(71,120,238,.28);border-radius:12px;background:linear-gradient(135deg,rgba(71,120,238,.16),rgba(22,184,166,.09));color:var(--accent)}
.detail-icon .ui-icon{width:23px;height:23px}
.detail-intro{margin:0;font-size:1.02rem;line-height:1.85}
.architecture-list{display:grid}
.architecture-step{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--border)}
.architecture-step>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(71,120,238,.13);color:var(--accent);font:800 .76rem Manrope}
.architecture-step h3{margin:0 0 6px;font-size:1rem}
.architecture-step p{margin:0;font-size:.9rem}
.technology-role-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.technology-role{padding:17px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.025)}
.technology-role strong{display:block;margin-bottom:5px;color:var(--accent);font:700 .86rem Manrope}
.technology-role p{margin:0;font-size:.84rem;line-height:1.65}
.implementation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.implementation-step{padding:20px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}
.implementation-step>span{display:block;margin-bottom:13px;color:var(--accent);font:800 .75rem Manrope}
.implementation-step h3{margin-bottom:7px;font-size:1rem}
.implementation-step p{margin:0;font-size:.86rem}
.project-detail-sidebar{position:sticky;top:112px;display:grid;gap:18px}
.detail-side-card{padding:25px}
.detail-side-card .check-list{margin-top:18px}
.detail-side-card .check-list li{font-size:.88rem}
.detail-cta-card{overflow:hidden;background:linear-gradient(145deg,rgba(71,120,238,.12),rgba(22,184,166,.07))}
.detail-cta-card>.detail-icon{margin-bottom:19px}
.detail-cta-card p{font-size:.9rem}
.related-projects{border-top:1px solid var(--border)}
html[data-theme="light"] .project-detail-media{border-color:rgba(23,55,92,.28);box-shadow:0 20px 45px rgba(23,55,92,.14)}
html[data-theme="light"] .detail-icon{border-color:rgba(40,88,207,.27);background:linear-gradient(135deg,rgba(40,88,207,.13),rgba(7,111,103,.08));color:#076f67}
html[data-theme="light"] .architecture-step>span{background:#e1e9fb;color:#214aa9}
html[data-theme="light"] .technology-role,html[data-theme="light"] .implementation-step{border-color:rgba(23,55,92,.2);background:#f6f9fc}
html[data-theme="light"] .technology-role strong{color:#214aa9}
html[data-theme="light"] .detail-cta-card{background:linear-gradient(145deg,#eef3ff,#e5f4f1)}
@media(max-width:1050px){.project-detail-hero{grid-template-columns:1fr 400px;gap:34px}.project-detail-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:860px){.project-detail-hero,.project-detail-layout{grid-template-columns:1fr}.project-detail-media{width:min(100%,680px)}.project-detail-sidebar{position:static;grid-template-columns:1fr 1fr}.detail-cta-card{grid-column:1/-1}}
@media(max-width:620px){.project-detail-top{padding-top:36px}.project-back{margin-bottom:24px}.project-detail-copy h1{font-size:clamp(2.35rem,13vw,3.65rem)}.project-detail-actions{display:grid}.project-detail-actions .btn{width:100%}.project-detail-media{aspect-ratio:16/11;border-radius:16px}.detail-section{padding:23px}.detail-heading{gap:12px}.technology-role-list,.implementation-grid,.project-detail-sidebar{grid-template-columns:1fr}.detail-cta-card{grid-column:auto}.architecture-step{grid-template-columns:40px minmax(0,1fr);gap:11px}}

/* Larger, clearer interface icons */
.icon-well{width:60px;height:60px}
.icon-well .ui-icon{width:32px;height:32px;stroke-width:1.95}
.step-icon .ui-icon{width:32px;height:32px;stroke-width:1.95}
.contact-icon{width:48px;height:48px}
.contact-icon .ui-icon{width:25px;height:25px;stroke-width:1.95}
.whatsapp-contact-icon{border:1px solid rgba(37,211,102,.28);background:rgba(37,211,102,.11);color:#0b8f70}
.whatsapp-contact-icon .whatsapp-icon{width:27px;height:27px}
.whatsapp-float{width:58px;height:58px;border-width:3px}
.whatsapp-float .whatsapp-icon{display:block;width:31px;height:31px}
.detail-icon{width:50px;height:50px;flex-basis:50px}
.detail-icon .ui-icon{width:26px;height:26px;stroke-width:1.95}
.social-row .ui-icon{width:19px;height:19px}
.btn .ui-icon{width:18px;height:18px}
.btn-whatsapp .whatsapp-icon{width:20px;height:20px}
@media(max-width:760px){.whatsapp-float{width:52px;height:52px}.whatsapp-float .whatsapp-icon{width:28px;height:28px}}
@media(max-width:620px){.icon-well{width:56px;height:56px}.icon-well .ui-icon{width:30px;height:30px}.detail-icon{width:47px;height:47px;flex-basis:47px}.detail-icon .ui-icon{width:24px;height:24px}}

/* Optimized floating artwork for the homepage hero */
.hero-content{position:relative;z-index:2}
.hero-floating-icons{position:absolute;inset:0;z-index:1;width:min(100%,1760px);margin-inline:auto;overflow:hidden;pointer-events:none}
.hero-floating-icon{position:absolute;display:block;width:var(--size);height:auto;opacity:var(--opacity,.86);filter:drop-shadow(0 18px 28px rgba(35,107,181,.2));transform:rotate(var(--tilt,0deg));animation:hero-art-float var(--duration,7s) ease-in-out var(--delay,0s) infinite;will-change:transform}
.hero-floating-icon img{display:block;width:100%;height:auto}
.hero-floating-cap{--size:clamp(150px,11vw,205px);--tilt:-7deg;--duration:7.4s;left:clamp(18px,3.8vw,76px);top:13%}
.hero-floating-research{--size:clamp(125px,9vw,168px);--tilt:5deg;--duration:8.2s;--delay:-3.4s;left:clamp(70px,8vw,155px);bottom:5%}
.hero-floating-ai{--size:clamp(155px,11vw,210px);--tilt:7deg;--duration:7.8s;--delay:-1.8s;right:clamp(16px,3.6vw,72px);top:13%}
.hero-floating-growth{--size:clamp(130px,9.5vw,178px);--tilt:-5deg;--duration:8.6s;--delay:-4.2s;right:clamp(68px,7.5vw,145px);bottom:4%}
.hero-floating-iot{--size:clamp(88px,6.3vw,118px);--opacity:.58;--tilt:-9deg;--duration:9.2s;--delay:-5.1s;left:1.5%;top:48%}
.hero-floating-orbit{--size:clamp(92px,6.8vw,126px);--opacity:.52;--tilt:10deg;--duration:9.6s;--delay:-2.7s;right:1.4%;top:48%}
html[data-theme="dark"] .hero-floating-icon{filter:drop-shadow(0 18px 32px rgba(34,176,226,.2)) saturate(1.08)}
@keyframes hero-art-float{0%,100%{transform:translate3d(0,0,0) rotate(var(--tilt,0deg))}50%{transform:translate3d(0,-15px,0) rotate(calc(var(--tilt,0deg) + 2deg))}}
@media(max-width:1500px){.hero-floating-research,.hero-floating-growth,.hero-floating-iot,.hero-floating-orbit{display:none}.hero-floating-cap,.hero-floating-ai{--size:100px;--opacity:.62;top:11%}.hero-floating-cap{left:10px}.hero-floating-ai{right:10px}}
@media(max-width:1250px){.hero-floating-icons{display:none}}
@media(prefers-reduced-motion:reduce){.hero-floating-icon{animation:none;will-change:auto}}

/* Founder-led team presentation */
.founder-team-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:20px;align-items:stretch}
.founder-card,.team-overview-card{padding:34px}
.founder-card{position:relative;isolation:isolate;overflow:hidden}
.founder-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gradient-hero)}
.founder-card:after{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-110px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(71,120,238,.18),transparent 68%)}
.founder-heading{display:flex;align-items:center;gap:17px;margin-bottom:22px}
.founder-avatar{width:68px;height:68px;flex-basis:68px;border-radius:19px}
.founder-avatar .ui-icon{width:34px;height:34px}
.founder-role{display:block;margin-bottom:4px;color:var(--accent);font:700 .75rem/1.3 Manrope;text-transform:uppercase;letter-spacing:.08em}
.founder-card h3{margin:0;font-size:clamp(1.7rem,2.6vw,2.35rem)}
.founder-summary{max-width:760px;font-size:1.02rem;line-height:1.82}
.founder-highlights{margin:24px 0}
.team-overview-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}
.team-overview-heading .icon-well{flex:0 0 54px;margin:0}
.team-overview-heading h3{margin:3px 0 6px;font-size:1.35rem}
.team-overview-heading p{margin:0}
.team-discipline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.team-discipline{padding:18px;border:1px solid var(--border);border-radius:13px;background:rgba(71,120,238,.045)}
.team-discipline .detail-icon{margin-bottom:14px}
.team-discipline h4{margin:0 0 7px;font-size:.98rem}
.team-discipline p{margin:0;font-size:.82rem;line-height:1.65}
.team-discipline .chip-list{margin:14px 0 0}
html[data-theme="light"] .team-discipline{border-color:rgba(23,55,92,.2);background:#f6f9fc}
@media(max-width:1100px){.founder-team-layout{grid-template-columns:1fr}}
@media(max-width:580px){.founder-card,.team-overview-card{padding:24px}.founder-heading,.team-overview-heading{align-items:flex-start}.team-discipline-grid{grid-template-columns:1fr}}