:root{--navy:#061b3d;--navy2:#092b5b;--blue:#0752a0;--gold:#ffbf18;--ink:#071e43;--muted:#5c6d87;--line:#e3eaf4;--pale:#f3f6fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px}.wrap{width:min(1180px,calc(100% - 54px));margin:auto}a{color:inherit;text-decoration:none}.topbar{height:62px;background:#061a38;color:white;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #00132d30}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand-mark{font:800 34px/1 Manrope,sans-serif;letter-spacing:-5px;color:white;position:relative;padding-right:5px}.brand-mark span{color:var(--gold)}.brand-name{display:grid;gap:2px}.brand-name b{font:800 15px Manrope}.brand-name small{font-size:9px;color:#c5d0e1}.nav-links{display:flex;align-items:center;gap:23px;height:100%;font-size:11px;font-weight:700;color:#edf2fa}.nav-links a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a.active{color:var(--gold);border-color:var(--gold)}.nav-chat{border-radius:30px;background:var(--gold);padding:11px 18px;color:#081d3c;font-size:10px;font-weight:800;white-space:nowrap}.nav-chat span{margin-right:6px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 36%,#22558a 0%,transparent 34%),linear-gradient(110deg,#052653 0%,#061b3c 55%,#0d3a70 100%);color:white;min-height:374px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 44%,#ffffff08 44% 44.1%,transparent 44.1%),radial-gradient(circle at 19% 40%,#ffffff12 1px,transparent 2px);background-size:auto,27px 27px;opacity:.55}.hero-inner{position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;min-height:374px}.hero-copy{padding:35px 0 28px;position:relative;z-index:3}.hero-kicker{font-size:9px;letter-spacing:.15em;font-weight:800;color:#d6e2f3;margin:0 0 22px}.hero-kicker i{display:inline-block;width:4px;height:4px;background:var(--gold);border-radius:50%;margin:0 7px 2px}.hero h1{font:800 38px/1.08 Manrope;margin:0 0 8px;letter-spacing:-1.8px}.hero h1 strong{font-size:58px;letter-spacing:-3px}.hero h1 em{font-style:normal;color:var(--gold)}.hero h2{font:700 18px Manrope;margin:8px 0 15px}.hero-description{font-size:17px;font-style:italic;line-height:1.45;color:#f2f5fa;margin:0 0 21px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:9px;padding:14px 23px;border-radius:30px;font-size:12px;font-weight:800;box-shadow:0 8px 20px #00152b35}.button.yellow{background:var(--gold);color:#061b3d}.button.whatsapp{background:#05b94e;color:#fff}.button:hover,.small-button:hover,.nav-chat:hover{transform:translateY(-2px);filter:brightness(1.04)}.hero-tagline{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:11px}.hero-tagline span{width:54px;height:1px;background:#fff}.hero-portrait{height:374px;position:relative;display:flex;justify-content:center;align-items:end;z-index:2}.hero-portrait img{position:relative;z-index:2;width:min(100%,420px);height:360px;object-fit:cover;object-position:center 31%;border-radius:48% 48% 0 0;mask-image:linear-gradient(to bottom,black 0 88%,transparent 100%);filter:drop-shadow(0 5px 22px #00142d65)}.portrait-ring{position:absolute;width:340px;height:340px;border:2px solid #f4c34a;border-radius:50%;right:6%;top:38px;opacity:.75}.handwritten{position:absolute;right:-5px;top:50px;z-index:4;font:italic 25px/1.08 Georgia,serif;text-align:center;transform:rotate(-8deg);color:#fff}.handwritten b{color:var(--gold);font-weight:400}.handwritten i{display:block;width:68px;height:3px;background:var(--gold);transform:rotate(-8deg);margin:8px auto}.capability-bar{background:#f5f7fc;border-bottom:1px solid #dfe7f2}.capabilities{display:grid;grid-template-columns:repeat(5,1fr);padding:17px 0}.capability{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:72px;border-right:1px solid #91a9cb;gap:3px;padding:0 8px}.capability:last-child{border:0}.capability>span{height:27px;color:#064b97;font-size:25px;font-weight:800;line-height:1.1;margin-bottom:3px}.capability b,.capability small{font-size:12px;font-weight:500}.capability small{font-size:11px}.section{padding:30px 0}.about-grid{display:grid;grid-template-columns:1.25fr 1fr .65fr;gap:15px;align-items:stretch}.section-label{color:#0752a0;font-size:16px;font-weight:800;margin:0 0 8px;position:relative;padding-bottom:9px}.section-label:after{content:"";position:absolute;bottom:0;left:0;width:43px;height:3px;background:var(--gold)}.about-copy h2,.services-intro h2,.projects-intro h2,.approach h2,.contact h2{font:800 22px/1.2 Manrope;margin:0 0 8px;letter-spacing:-.6px;color:#071f48}.about-copy>p:not(.section-label){font-size:12px;line-height:1.65;margin:0 0 9px}.tick-list{list-style:none;padding:0;margin:9px 0 0;display:grid;gap:5px}.tick-list li{font-size:12px;font-weight:700;line-height:1.35}.tick-list li:before{content:"✓";display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--gold);color:white;font-size:10px;margin-right:9px}.experience-card{background:#f1f4fb;border-radius:12px;padding:20px 18px;align-self:center}.experience-card h3{font:800 14px Manrope;margin:0 0 13px}.experience-card h3 span{font-size:18px;margin-right:7px;color:#074d95}.experience-card>p{font-size:11px;line-height:1.5;margin:0}.tick-list.compact{gap:7px;margin:10px 0 15px}.tick-list.compact li{font-size:10px;font-weight:500}.tick-list.compact li:before{width:13px;height:13px;font-size:9px;margin-right:7px}.small-button{display:inline-flex;align-items:center;gap:10px;background:#071f48;color:white;padding:10px 15px;border-radius:5px;font-size:10px;font-weight:800;box-shadow:0 5px 12px #071f4820;transition:.2s}.small-button b{font-size:15px}.stats-card{background:linear-gradient(145deg,#062958,#031733);border-radius:11px;padding:15px 17px;color:white;display:grid;align-content:space-around;gap:10px;box-shadow:0 8px 20px #071f481a}.stats-card>div{display:flex;align-items:center;gap:14px}.stat-icon{font-size:28px;color:white;width:42px;text-align:center}.gold-star{color:var(--gold)}.stats-card p{display:grid;gap:2px;margin:0}.stats-card strong{font:800 21px Manrope;color:var(--gold)}.stats-card small{font-size:10px}.services{border-top:1px solid #e8edf5;border-bottom:1px solid #e8edf5}.services-grid{display:grid;grid-template-columns:.85fr 2fr;gap:30px;align-items:center}.services-intro h2,.projects-intro h2{font-size:29px;margin:0 0 7px}.services-intro>p:not(.section-label),.projects-intro>p:not(.section-label){font-size:12px;line-height:1.6;margin:0 0 10px}.yellow-button{background:var(--gold);color:#071f48;border-radius:25px;padding:11px 18px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-card{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid #e0e8f5;border-radius:9px;box-shadow:0 3px 8px #173b6810;min-height:70px}.service-card>span{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:50%;background:#eaf2ff;color:#0870d8;font-size:19px;font-weight:800}.service-card h3{font:800 11px/1.35 Manrope;margin:0 0 3px}.service-card p{font-size:9px;color:#56708e;margin:0}.projects{border-bottom:1px solid #e8edf5}.projects-grid{display:grid;grid-template-columns:.9fr repeat(3,1fr);gap:13px;align-items:center}.projects-intro h2{font-size:28px}.project-card{border:1px solid #e0e8f5;border-radius:8px;overflow:hidden;box-shadow:0 3px 8px #173b6810;background:#fff}.project-art{height:108px;position:relative;overflow:hidden}.school-art{background:linear-gradient(135deg,#d9eaff,#f4f8ff);display:flex;padding:12px 17px;gap:7px}.mini-sidebar{width:20%;background:#fff;border-radius:3px;box-shadow:0 1px 4px #173b6820}.mini-dashboard{flex:1;background:#fff;border-radius:3px;padding:8px;box-shadow:0 1px 4px #173b6820}.mini-top{height:8px;width:44%;background:#1d77d1;border-radius:3px;margin-bottom:8px}.mini-stats{display:flex;gap:5px}.mini-stats i{height:20px;flex:1;background:#e5f1ff;border-radius:3px}.mini-rows{display:grid;gap:4px;margin-top:7px}.mini-rows i{height:5px;background:#edf1f6;border-radius:3px}.till-art{background:linear-gradient(130deg,#e9fff4,#b5eed7);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#08744b}.till-logo{font:800 23px Manrope}.till-logo span{color:#12b76a}.till-art strong{font:800 14px Manrope}.till-art small{font-size:7px;letter-spacing:.14em;margin-top:3px}.till-lines{display:flex;gap:6px;margin-top:10px}.till-lines i{width:42px;height:4px;background:#72cba5;border-radius:3px}.crm-art{background:radial-gradient(circle at 60% 40%,#147a8c,#061b39 75%);display:grid;place-items:center}.crm-window{width:68%;height:76px;border:1px solid #5bd8c6;border-radius:5px;background:#082b4c;box-shadow:0 8px 22px #00142d55;padding:9px;color:white;font:700 9px Manrope}.crm-orb{float:right;width:32px;height:32px;border-radius:50%;background:#08b99c;display:grid;place-items:center;font-size:17px}.crm-window i{display:block;height:4px;background:#3d6c89;border-radius:3px;width:65%;margin-top:12px}.crm-window i:last-child{width:43%;margin-top:6px}.project-details{padding:9px 10px}.project-details h3{font:800 11px Manrope;margin:0 0 3px}.project-details p{font-size:9px;color:#526b8b;margin:0}.approach{background:#fbfcff}.approach-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.approach h2{font-size:26px}.approach-grid>div:first-child>p:not(.section-label){font-size:12px;line-height:1.7;color:#435875}.approach-panel{position:relative;padding:24px 28px;background:#f0f4fc;border-radius:12px}.quote-mark{font:800 48px Georgia;color:var(--gold);line-height:.7}.approach-panel blockquote{font:italic 17px/1.5 Manrope;color:#0b2752;margin:4px 0 20px}.approach-points{display:flex;flex-wrap:wrap;gap:8px}.approach-points span{font-size:9px;font-weight:700;color:#25486f;background:#fff;padding:8px 10px;border-radius:20px}.contact{background:linear-gradient(110deg,#06234b,#0b376a);color:white;padding:43px 0}.contact h2{font-size:32px;color:white}.contact .section-label{color:#ffca48}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.contact-grid>div:first-child>p:not(.section-label){font-size:12px;line-height:1.6;color:#d0dced;max-width:420px}.contact-card{background:#fff;border-radius:10px;padding:10px 20px;color:#071f48}.contact-card>a{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #e8edf5}.contact-card>a:last-of-type{border:0}.contact-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff3d4;color:#a87908;font-size:17px}.contact-card>a span:nth-child(2){display:grid;gap:3px;flex:1}.contact-card small{font-size:8px;color:#8291a7;letter-spacing:.12em;font-weight:800}.contact-card b{font:800 12px Manrope}.contact-card>a>strong{color:#b17e08}.contact-card>p{font-size:9px;color:#7b8ba1;line-height:1.5;border-top:1px solid #e8edf5;padding-top:10px;margin:0}.footer{background:#041831;color:#fff}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.footer-links{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700}.footer-links span{color:#66809e}.footer-whatsapp{background:#05b94e;color:white;padding:12px 19px;border-radius:30px;font-size:10px;font-weight:800}.footer-bottom{text-align:center;border-top:1px solid #24405f;padding:13px 0;font-size:9px;color:#c0cde0}.chat-launcher{position:fixed;right:18px;bottom:18px;z-index:70;border:0;border-radius:30px;background:var(--gold);color:#061b3d;padding:14px 19px;font:800 11px "DM Sans";box-shadow:0 7px 24px #00152b40;cursor:pointer}.chat-launcher span{margin-right:7px}.chat-widget{display:none;position:fixed;right:18px;bottom:75px;z-index:71;width:min(320px,calc(100vw - 30px));background:#fff;border:1px solid #e2eaf5;border-radius:12px;box-shadow:0 18px 55px #00152b40;overflow:hidden}.chat-widget.open{display:block}.chat-header{display:flex;justify-content:space-between;align-items:center;background:#061f46;color:white;padding:15px 17px}.chat-header>div{display:grid;gap:4px}.chat-header b{font:800 13px Manrope}.chat-header small{font-size:9px;color:#c5d3e5}.chat-header button{border:0;background:none;color:#fff;font-size:23px;cursor:pointer}.chat-body{padding:14px;display:grid;gap:8px}.chat-message{background:#f0f4fa;border-radius:8px;padding:11px;font-size:10px;line-height:1.5;color:#29415f;margin-bottom:3px}.chat-body button,.chat-whatsapp{border:0;border-radius:6px;background:#f4f7fc;padding:11px;text-align:left;font:700 10px "DM Sans";color:#17385e;cursor:pointer}.chat-body button:hover{background:#e8eff9}.chat-whatsapp{background:#e8f8ef;color:#087646;text-align:center}
@media(max-width:1000px){.nav-links{gap:13px}.nav-links a{font-size:10px}.brand{min-width:175px}.about-grid{grid-template-columns:1.1fr 1fr .7fr;gap:10px}.experience-card{padding:16px 13px}.stats-card{padding:13px}.service-card{padding:11px 8px}.projects-grid{grid-template-columns:.8fr repeat(3,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}.topbar{height:60px}.menu-toggle{display:block}.nav-chat{display:none}.nav-links{display:none;position:absolute;top:60px;left:0;right:0;height:auto;background:#061a38;padding:10px 20px 18px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 20px #00152b40}.nav-links.open{display:flex}.nav-links a{height:auto;padding:12px 5px;border-bottom:1px solid #ffffff17}.hero-inner{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:42px 0 10px}.hero h1{font-size:32px}.hero h1 strong{font-size:50px}.hero h2{font-size:15px}.hero-description{font-size:15px}.hero-portrait{height:300px;max-width:360px;width:100%;justify-self:center}.hero-portrait img{height:290px;width:290px}.portrait-ring{width:270px;height:270px;right:10%;top:25px}.handwritten{right:0;top:25px;font-size:21px}.hero-tagline{margin:18px 0 0}.capabilities{grid-template-columns:repeat(2,1fr);gap:0;padding:10px 0}.capability{min-height:75px;border-right:1px solid #c5d3e5;border-bottom:1px solid #c5d3e5}.capability:nth-child(2n){border-right:0}.capability:last-child{grid-column:1/-1;border-bottom:0}.about-grid{grid-template-columns:1fr}.about{padding:28px 0}.experience-card{padding:20px}.stats-card{grid-template-columns:1fr 1fr;gap:15px}.services-grid{grid-template-columns:1fr;gap:20px}.service-cards{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr 1fr}.projects-intro{grid-column:1/-1}.project-art{height:120px}.approach-grid{grid-template-columns:1fr;gap:25px}.contact-grid{grid-template-columns:1fr;gap:20px}.footer-top{flex-wrap:wrap}.footer-links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.footer-whatsapp{margin-left:auto}}
@media(max-width:430px){.hero-kicker{font-size:8px;letter-spacing:.09em}.hero h1 strong{font-size:44px}.hero-buttons .button{padding:12px 15px;font-size:10px}.hero-portrait{height:270px}.hero-portrait img{height:260px;width:260px}.portrait-ring{width:240px;height:240px}.service-cards{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.projects-intro{grid-column:auto}.project-art{height:150px}.footer-top{justify-content:center}.footer-whatsapp{margin:0}.footer-links{font-size:9px;gap:8px}.contact-card b{font-size:10px}.stats-card strong{font-size:18px}}
