:root{--navy:#071f2f;--navy2:#0b2c40;--cyan:#00b9ef;--cyan2:#76e4ff;--ink:#13232d;--muted:#5b6b75;--paper:#f5f7f8;--white:#fff;--line:#dce5e9;--shadow:0 14px 35px rgba(4,30,45,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,27,40,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center}.brand img{display:block}.nav{display:flex;gap:24px;margin-left:auto}.nav a{color:#dfeef4;font-size:.95rem}.nav a:hover{color:#fff}.menu-toggle{display:none;background:none;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:8px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:9px;font-weight:700;transition:.2s transform,.2s background,.2s border}.btn:hover{transform:translateY(-1px)}.btn-primary,.btn-whatsapp{background:var(--cyan);color:#022333}.btn-outline{border:1px solid rgba(255,255,255,.72);color:#fff;background:rgba(255,255,255,.04)}.hero{background:radial-gradient(circle at 83% 20%,rgba(0,185,239,.20),transparent 32%),linear-gradient(135deg,#071f2f,#0b2c40 60%,#061b29);color:#fff;padding:72px 0 46px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:56px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:#a8deec;margin:0 0 12px}.eyebrow.dark{color:#39768a}.hero h1,.section h2,.flow-section h2,.contact-section h2,.aws-section h2{font-size:clamp(2.15rem,4vw,4rem);line-height:1.02;margin:0 0 20px;letter-spacing:-.035em}.hero h1 span{color:var(--cyan)}.hero-lead{font-size:1.17rem;color:#d9e8ee;max-width:690px}.hero-actions{display:flex;gap:14px;margin:28px 0}.tech-strip{display:flex;gap:10px;flex-wrap:wrap;color:#b7d5df;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.tech-strip span:not(:last-child)::after{content:"·";margin-left:10px;color:#5c8594}.hero-visual svg{width:100%;height:auto;display:block;filter:drop-shadow(0 28px 55px rgba(0,0,0,.22))}.section{padding:78px 0}.section.light{background:var(--paper)}.section h2{font-size:clamp(2rem,3.1vw,3rem);color:#0b2a3c}.cards{display:grid;gap:18px;margin-top:34px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.five{grid-template-columns:repeat(5,1fr)}.card,.analysis-card,.project{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 6px 18px rgba(10,39,53,.05);overflow:hidden}.card{padding:26px}.card-icon{width:48px;height:48px;border-radius:11px;background:#eafaff;color:#008fc0;display:grid;place-items:center;font-size:1.7rem}.card h3,.project h3,.analysis-card h3{margin:16px 0 8px;color:#09293b}.card p,.project p{color:#556670;margin:0}.flow-section{background:linear-gradient(135deg,#06263a,#043047);color:#fff;padding:56px 0}.flow-grid{display:grid;grid-template-columns:280px 1fr;gap:42px;align-items:center}.flow-section h2{font-size:2.2rem;margin-bottom:12px}.flow-intro p:last-child{color:#c5dce4}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:11px;align-items:center}.flow>div{text-align:center}.flow b{display:block;text-transform:uppercase;font-size:.75rem;color:#fff;margin-bottom:6px}.flow small{display:block;font-size:.68rem;color:#bdd5de}.flow>span{color:var(--cyan);font-size:1.4rem}.robot-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.robot-card{background:linear-gradient(145deg,#fff,#eef5f7);border:1px solid var(--line);border-radius:14px;padding:30px}.robot-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#008dbb;font-weight:800}.robot-card h3{font-size:1.45rem;margin:10px 0}.robotics blockquote{margin:30px 0 0;background:#09283a;color:#fff;border-left:4px solid var(--cyan);padding:24px 28px;border-radius:0 12px 12px 0;font-size:1.1rem}.robot-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.robot-gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(10,39,53,.05)}.robot-gallery img{width:100%;height:185px;display:block;object-fit:cover}.robot-gallery figcaption{padding:11px 14px;color:#315868;font-weight:700;font-size:.86rem}.project-art{background-color:#15394b}.project:nth-child(1) .project-art{background-position:center 58%}.project:nth-child(2) .project-art{background-position:center}.project:nth-child(3) .project-art{background-position:center}.project:nth-child(4) .project-art{background-position:center}.project:nth-child(5) .project-art{background-position:center}
.projects{background:#fff}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.section-heading>p{color:#647680;margin:0 0 14px}.project-cards{margin-top:28px}.project h3{font-size:1rem;padding:0 15px}.project p{font-size:.86rem;padding:0 15px}.project small{display:block;padding:12px 15px 18px;color:#008cb9;font-weight:700}.project-art{height:140px;display:flex;align-items:flex-end;padding:14px;background-size:cover;background-position:center;position:relative}.project-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,28,41,.72))}.project-art span{position:relative;color:#fff;font-weight:800;font-size:.75rem;letter-spacing:.08em}.technologies{background:#f7fafb}.tech-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.tech-groups article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.tech-groups h3{font-size:1rem;margin-top:0}.tech-groups p{color:#53656f;margin-bottom:0}.analytics{background:#fff}.lead-center{max-width:780px;color:#5b6c76}.analysis-card{padding:26px}.analysis-card span{color:#00aee1;font-weight:800}.analysis-card strong{display:block;color:#53646f;margin-bottom:10px}.analysis-card p{margin-bottom:0;color:#62737c}.aws-section{background:linear-gradient(135deg,#071f2f,#103d51);color:#fff}.aws-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:50px;align-items:center}.aws-section h2{color:#fff}.aws-section p{color:#c8dce4}.aws-badge{border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:34px;background:rgba(255,255,255,.05);text-align:center}.aws-badge strong,.aws-badge span,.aws-badge small{display:block}.aws-badge strong{color:#ffb84a;font-size:1.15rem}.aws-badge span{font-size:1.35rem;font-weight:800;margin:8px 0}.aws-badge small{color:#b9d4de}.about-grid{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start}.portrait{width:190px;height:190px;border-radius:50%;background:linear-gradient(145deg,#0b2c40,#00a8d6);display:grid;place-items:center;box-shadow:var(--shadow)}.portrait div{width:164px;height:164px;border-radius:50%;background:#0a2332;color:#fff;display:grid;place-items:center;font-size:2.8rem;font-weight:800}.role{font-weight:700;color:#397386}.credentials{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.credentials span{background:#e9f5f8;border:1px solid #d2e7ed;padding:8px 12px;border-radius:999px;font-size:.83rem;color:#285d6f}.contact-section{padding:72px 0;background:#061f2f;color:#fff}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:42px;align-items:center}.contact-section p{color:#c9dce3}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.contact-actions p{width:100%;text-align:right;margin:6px 0 0}.footer{background:#03141f;color:#a9c2cc;padding:28px 0;font-size:.86rem}.footer-grid{display:flex;justify-content:space-between;gap:20px}.footer strong{color:#fff;display:block}.footer span{display:block}.project:hover,.card:hover,.analysis-card:hover,.tech-groups article:hover{transform:translateY(-2px);box-shadow:var(--shadow);transition:.2s}.project,.card,.analysis-card,.tech-groups article{transition:.2s}
@media (max-width:1050px){.cards.four{grid-template-columns:repeat(2,1fr)}.cards.five{grid-template-columns:repeat(2,1fr)}.tech-groups{grid-template-columns:repeat(2,1fr)}.flow-grid{grid-template-columns:1fr}.flow{overflow-x:auto;padding-bottom:12px}.nav{gap:14px}.nav a{font-size:.86rem}}
@media (max-width:820px){.robot-gallery{grid-template-columns:1fr}.robot-gallery img{height:220px}.nav-wrap{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 0}.menu-toggle{display:block;margin-left:auto}.nav{display:none;order:3;width:100%;flex-direction:column;padding:10px 0 14px}.nav.open{display:flex}.hero{padding-top:46px}.hero-grid,.section-heading,.aws-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{order:-1}.hero-visual svg{max-height:390px}.robot-grid{grid-template-columns:1fr}.contact-actions{justify-content:flex-start}.contact-actions p{text-align:left}.portrait{width:150px;height:150px}.portrait div{width:128px;height:128px}.footer-grid{flex-direction:column}.flow{grid-template-columns:repeat(13,minmax(120px,1fr));}.cards.three{grid-template-columns:1fr}}
@media (max-width:560px){.wrap{width:min(100% - 26px,1180px)}.hero h1{font-size:2.45rem}.hero-actions{flex-direction:column;align-items:stretch}.cards.four,.cards.five,.tech-groups{grid-template-columns:1fr}.section{padding:58px 0}.project-art{height:170px}.brand img{width:160px}.hero-visual{display:none}}
.aws-heading{display:grid;grid-template-columns:1.5fr .6fr;gap:36px;align-items:end;margin-bottom:30px}.aws-cert-note{margin:0;text-align:right;font-size:.88rem;color:#a9cad5!important}.certification-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.cert-card{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:18px;min-height:154px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.055);transition:.2s transform,.2s background,.2s border-color}.cert-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.09);border-color:rgba(118,228,255,.5)}.cert-card img{width:100%;height:auto;display:block}.cert-card strong{display:block;color:#fff;line-height:1.3;font-size:1rem}.cert-card span{display:block;color:#76e4ff;font-size:.8rem;font-weight:700;margin-top:8px}.cert-card.featured{border-color:rgba(0,185,239,.52);background:linear-gradient(135deg,rgba(0,185,239,.10),rgba(255,255,255,.055))}
@media (max-width:1050px){.certification-grid{grid-template-columns:1fr 1fr}.cert-card.featured{grid-column:1/-1}.aws-heading{grid-template-columns:1fr}.aws-cert-note{text-align:left}}
@media (max-width:700px){.certification-grid{grid-template-columns:1fr}.cert-card.featured{grid-column:auto}.cert-card{grid-template-columns:92px 1fr}}

/* Version 4: flagship 3-cobot project + embedded-video area */
.project-featured{border-color:rgba(0,185,239,.48);box-shadow:0 10px 28px rgba(0,139,185,.10)}
.project-featured .project-art{background-position:center 58%}
.robot-gallery{grid-template-columns:repeat(4,1fr)}
.video-section{background:linear-gradient(180deg,#f7fafb,#eef5f7)}
.video-heading{margin-bottom:30px}
.video-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}
.video-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 7px 20px rgba(8,39,54,.06)}
.video-card-featured{border-color:rgba(0,185,239,.5)}
.youtube-slot{position:relative;aspect-ratio:16/9;background:#082432;overflow:hidden}
.youtube-slot img{width:100%;height:100%;display:block;object-fit:cover}
.youtube-slot iframe{width:100%;height:100%;border:0;display:block}
.youtube-poster-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:#fff;background:linear-gradient(180deg,rgba(3,25,37,.08),rgba(3,25,37,.72))}
.youtube-poster-overlay strong{font-size:1.05rem;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.youtube-poster-overlay small{margin-top:5px;color:#d8eef5}
.play-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(0,185,239,.93);color:#032131;font-size:1.35rem;margin-bottom:12px;padding-left:3px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.video-copy{padding:21px}
.video-copy h3{margin:0 0 8px;color:#09293b;font-size:1.08rem}
.video-copy p{margin:0;color:#5a6a74;font-size:.92rem}
.video-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.video-tags span{font-size:.72rem;font-weight:750;color:#187493;background:#e8f7fb;border:1px solid #d2edf4;padding:5px 8px;border-radius:999px}
.youtube-link{display:inline-flex;margin-top:14px;color:#008fbd;font-weight:750;font-size:.85rem}
.video-note{max-width:880px;margin:22px 0 0;color:#647680;font-size:.88rem}
@media (max-width:1050px){.robot-gallery{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr 1fr}.video-card-featured{grid-column:1/-1}}
@media (max-width:700px){.robot-gallery,.video-grid{grid-template-columns:1fr}.video-card-featured{grid-column:auto}}

/* Version 5: complete YouTube project gallery */
.video-channel-actions{display:flex;gap:12px;flex-wrap:wrap;margin:-8px 0 28px}.btn-video-channel{background:#0b2c40;color:#fff;border:1px solid #0b2c40}.btn-video-secondary{background:#fff;color:#0b2c40;border:1px solid #bfd1d8}.video-grid-main{grid-template-columns:repeat(3,1fr)}.video-grid-main .video-card-featured{grid-column:auto}.video-grid-more{grid-template-columns:repeat(4,1fr);margin-top:22px}.more-videos{margin-top:28px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 22px 22px}.more-videos summary{cursor:pointer;font-weight:800;color:#0b2a3c;padding:20px 0;list-style:none}.more-videos summary::-webkit-details-marker{display:none}.more-videos summary::after{content:"+";float:right;color:#00aee1;font-size:1.25rem}.more-videos[open] summary::after{content:"−"}.shorts-heading{margin:30px 0 16px;color:#0b2a3c}.shorts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.short-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.youtube-slot.short{aspect-ratio:9/16}.short-card .youtube-link{display:none}@media(max-width:1050px){.video-grid-main{grid-template-columns:1fr 1fr}.video-grid-more{grid-template-columns:1fr 1fr}.shorts-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.video-grid-main,.video-grid-more{grid-template-columns:1fr}.shorts-grid{grid-template-columns:repeat(2,1fr)}.video-channel-actions{flex-direction:column}.video-channel-actions .btn{width:100%}}

/* Version 6: video posters + real portrait */
.youtube-slot{appearance:none;border:0;padding:0;width:100%;cursor:pointer;text-align:inherit;font:inherit;color:inherit}
.youtube-slot:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}
.youtube-slot .youtube-poster-overlay{transition:.2s background,.2s transform}
.youtube-slot:hover .youtube-poster-overlay{background:linear-gradient(180deg,rgba(3,25,37,.02),rgba(3,25,37,.58))}
.youtube-slot:hover .play-mark{transform:scale(1.06)}
.play-mark{transition:.2s transform}
.portrait{overflow:hidden;padding:7px;background:linear-gradient(145deg,#0b2c40,#00a8d6)}
.portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 48%;border-radius:50%;border:4px solid rgba(255,255,255,.92);background:#dce8ed}
@media (max-width:820px){.portrait img{border-width:3px}}


.contact-buttons{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}