:root{--ink:#102e2b;--deep:#092622;--mint:#22d69a;--lime:#b9eb6b;--paper:#f6f5ef;--cream:#ece9dc;--coral:#ee795e;--muted:#61716e;--line:#d8ddd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:78px;padding:0 5vw;display:flex;align-items:center;gap:40px;background:rgba(246,245,239,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font:800 20px 'Manrope'}.brand>span:last-child>span{color:#17af7c}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--mint);display:grid;place-items:center;font:800 20px 'Manrope';transform:rotate(-3deg)}.main-nav{display:flex;align-items:center;gap:27px;margin:auto}.main-nav>a,.nav-group>button{font-size:14px;font-weight:600;border:0;background:none;padding:27px 0;cursor:pointer}.nav-group{position:relative}.nav-group>button span{font-size:12px}.dropdown{display:none;position:absolute;top:69px;left:-18px;background:white;border:1px solid var(--line);padding:10px;width:240px;box-shadow:0 16px 40px #102e2b1c;border-radius:12px}.nav-group:hover .dropdown,.nav-group.open .dropdown{display:grid}.dropdown a{padding:11px;border-radius:7px;display:grid;font-size:14px}.dropdown a:hover{background:#edf7f1}.dropdown small{color:var(--muted);margin-top:3px}.nav-actions{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--ink);color:white;padding:16px 22px;font-weight:700;border:1px solid var(--ink);transition:.25s}.btn:hover{background:#185047;transform:translateY(-2px)}.btn-small{padding:11px 17px}.menu-toggle{display:none;border:0;background:none;margin-left:auto}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:5px}.hero{min-height:700px;padding:90px 7vw 42px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f6f5ef 15%,#e9f1e9)}.hero-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#aebbb5 1px,transparent 1px),linear-gradient(90deg,#aebbb5 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to right,black,transparent 85%)}.hero-glow{position:absolute;width:700px;height:700px;border-radius:50%;right:-100px;top:-150px;background:radial-gradient(circle,#a6f3c8 0,transparent 65%)}.hero-copy{position:relative;z-index:2;max-width:670px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.3px;font-weight:800;display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:2px;background:var(--mint)}h1,h2,h3{font-family:'Manrope';margin:0;line-height:1.04}.hero h1{font-size:clamp(50px,6vw,88px);letter-spacing:-5px;margin:22px 0}.hero h1 em,.section-heading em,.statement em,.cta em{font-style:normal;color:#17a977}.hero-copy>p{font-size:19px;line-height:1.7;color:var(--muted);max-width:580px}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:34px}.btn-outline{background:transparent;color:var(--ink)}.quiet-link{font-size:13px;font-weight:700;margin-left:12px}.hero-visual{position:absolute;width:520px;height:520px;right:4vw;top:90px}.core-orb{position:absolute;left:175px;top:180px;width:165px;height:165px;border-radius:50%;background:var(--deep);box-shadow:0 0 0 22px #ecf4eb,0 0 70px #2eda9770;display:grid;place-content:center;justify-items:center;gap:13px;color:white}.brand-mark.large{width:58px;height:58px;font-size:35px;background:#16463e}.core-orb small{font-size:8px;letter-spacing:2px}.orbit{position:absolute;border:1px solid #87a69d;border-radius:50%;inset:95px}.orbit-two{inset:25px;border-style:dashed;animation:spin 40s linear infinite}.floating-card{position:absolute;background:#ffffffdd;border:1px solid white;padding:13px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 15px 50px #173e3420}.floating-card i{width:32px;height:32px;background:#d9f7e8;display:grid;place-items:center;color:#12956b}.floating-card div{display:grid}.floating-card b{font-size:12px}.floating-card small{font-size:10px;color:var(--muted);margin-top:3px}.fc-one{top:70px;left:0}.fc-two{right:0;top:230px}.fc-three{bottom:55px;left:35px}.trust-row{position:absolute;left:7vw;right:7vw;bottom:25px;border-top:1px solid #bdc8c1;padding-top:20px;display:flex;align-items:center;gap:25px;color:#6d7a75;font-size:11px}.trust-row span{font-size:9px;letter-spacing:2px}.trust-row i{height:3px;width:3px;border-radius:50%;background:#9ba9a4}.section{padding:110px 7vw}.section-kicker{color:#168c68;margin-bottom:25px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:58px}.section-heading h2{font-size:clamp(37px,4vw,59px);letter-spacing:-3px}.section-heading p{max-width:430px;line-height:1.7;color:var(--muted)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-card{min-height:515px;padding:38px;position:relative;overflow:hidden}.product-card.dark{background:var(--deep);color:white}.product-card.cream{background:var(--cream)}.product-top{display:flex;justify-content:space-between;align-items:center}.product-top small{letter-spacing:1.4px;font-size:8px;opacity:.6}.product-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--mint);color:var(--deep);font:bold 20px 'Manrope'}.product-icon.coral{background:var(--coral);color:white}.product-card h3{font-size:39px;margin-top:35px}.product-card h3 span{color:var(--mint)}.cream h3 span{color:var(--coral)}.tagline{font-size:19px!important;font-weight:700!important;color:inherit!important;margin:9px 0 24px!important}.product-card>p{max-width:430px;color:#b5c5c0;line-height:1.65}.cream>p{color:#68746f}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 38px}.chip-row span{padding:8px 11px;border:1px solid #ffffff2c;font-size:10px}.cream .chip-row span{border-color:#2c443a25}.product-card>a{font-weight:700;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:4px}.product-card>a span{margin-left:12px}.card-illustration{position:absolute;right:25px;bottom:20px;opacity:.3}.nodes{width:150px;height:120px;border:1px solid #7df3c6;border-radius:50%}.nodes i{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--mint)}.nodes i:nth-child(1){left:10px;top:30px}.nodes i:nth-child(2){right:15px;top:12px}.nodes i:nth-child(3){left:60px;bottom:0}.bars{display:flex;align-items:end;gap:7px;height:100px}.bars i{display:block;width:18px;background:var(--coral)}.bars i:nth-child(1){height:32%}.bars i:nth-child(2){height:58%}.bars i:nth-child(3){height:78%}.bars i:nth-child(4){height:100%}.path-section{padding:110px 7vw;background:var(--deep);color:white}.light{color:white}.section-heading.light p{color:#9db4ad}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff21;border-left:1px solid #ffffff21}.path-grid a{padding:26px;min-height:220px;border-right:1px solid #ffffff21;border-bottom:1px solid #ffffff21;display:grid;grid-template-columns:1fr auto;transition:.25s}.path-grid a:hover{background:#10483d;transform:translateY(-3px)}.path-grid span{font-size:10px;color:#6d9489}.path-grid i{font-size:25px;color:var(--mint);font-style:normal}.path-grid b{grid-column:1/3;font:700 19px 'Manrope';align-self:end}.path-grid small{color:#91aaa3;line-height:1.5}.path-grid strong{font-size:20px;align-self:end}.service-list{border-top:1px solid var(--line)}.service-list a{display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:27px 8px;border-bottom:1px solid var(--line);transition:.2s}.service-list a:hover{padding-left:22px;background:#edf2ec}.service-list span{font-size:11px;color:#89948e}.service-list div{display:grid;gap:7px}.service-list b{font:700 23px 'Manrope'}.service-list small{color:var(--muted)}.service-list i{font-style:normal;font-size:22px}.statement{padding:40px 3vw 100px}.statement-inner{min-height:480px;background:#154d43;color:white;padding:75px 5vw;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;position:relative;overflow:hidden}.big-mark{font:800 250px 'Manrope';color:#ffffff09;position:absolute;left:20px}.statement h2{font-size:52px;letter-spacing:-3px}.statement p{line-height:1.7;color:#bfd0cb;max-width:520px}.btn-light{background:var(--mint);border-color:var(--mint);color:var(--deep);margin-top:18px}.stats{padding-left:70px}.stats div{display:grid;border-bottom:1px solid #ffffff22;padding:18px}.stats b{font:700 43px 'Manrope';color:var(--mint)}.stats span{font-size:12px;color:#bfd0cb}.cta{padding:100px 7vw;display:flex;justify-content:space-between;align-items:end}.cta h2{font-size:clamp(38px,4vw,59px);letter-spacing:-3px}.cta>div:last-child{text-align:right}.cta p{font-size:12px;color:var(--muted);line-height:1.6}.page-hero{min-height:650px;padding:120px 10vw;background:linear-gradient(135deg,#f6f5ef,#e7f1e9)}.page-hero h1{font-size:clamp(50px,7vw,94px);letter-spacing:-5px;margin:25px 0}.page-hero h2{font:500 25px 'DM Sans';color:var(--muted);max-width:700px;line-height:1.5}.page-hero>p{font-size:18px;line-height:1.7;max-width:650px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,330px));gap:1px;background:#ced8d1;margin:40px 0;width:max-content;max-width:100%}.feature-grid div{padding:20px;background:#f6f5ef;display:flex;gap:16px}.feature-grid span{color:#16936c;font-size:11px}.empty-note{margin-top:45px;padding:30px;border-left:3px solid var(--mint);color:var(--muted)}footer{background:#061b18;color:white;padding:65px 7vw 25px}.brand-light .brand-mark{background:#17473f}.footer-top{display:flex;justify-content:space-between}.footer-top p{color:#829b94;font-size:13px;line-height:1.7;margin-top:20px}.footer-links{display:flex;gap:85px}.footer-links div{display:grid;align-content:start;gap:13px;font-size:13px}.footer-links b{font-size:10px;letter-spacing:1.5px;color:#6f8c84;margin-bottom:6px}.footer-bottom{border-top:1px solid #ffffff17;margin-top:55px;padding-top:23px;display:flex;justify-content:space-between;color:#66817a;font-size:10px}.reveal{opacity:0;transform:translateY(15px);transition:.7s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.hero-visual{opacity:.28;right:-170px}.hero-copy{max-width:650px}.main-nav{gap:16px}.nav-actions .text-link{display:none}.statement-inner{grid-template-columns:1fr 1fr}.stats{padding-left:20px}.product-grid{grid-template-columns:1fr}.path-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:67px;padding:0 20px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:66px;max-height:calc(100vh - 66px);overflow-y:auto;background:var(--paper);padding:15px 24px;align-items:stretch;box-shadow:0 15px 30px #0002}.main-nav.open{display:grid}.main-nav>a,.nav-group>button{padding:10px 0}.nav-group>button{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left}.nav-group>button span{transition:transform .2s}.nav-group.open>button span{transform:rotate(180deg)}.dropdown,.nav-group:hover .dropdown{display:none}.nav-group.open .dropdown{display:grid;position:static;width:100%;margin:2px 0 8px;box-shadow:none;background:#fff;border-radius:8px}.nav-actions{display:none}.hero{padding:70px 22px 85px;min-height:680px}.hero h1{font-size:50px;letter-spacing:-3px}.hero-copy>p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.quiet-link{text-align:center;margin:5px}.hero-visual{display:none}.trust-row{left:22px;right:22px;gap:9px;flex-wrap:wrap}.section,.path-section{padding:75px 22px}.section-heading{display:block}.section-heading h2,.statement h2{font-size:39px;letter-spacing:-2px}.section-heading p{margin-top:24px}.product-card{padding:27px;min-height:530px}.product-card h3{font-size:29px}.path-grid{grid-template-columns:1fr}.service-list a{grid-template-columns:40px 1fr auto}.service-list b{font-size:18px}.statement{padding:20px 12px 70px}.statement-inner{padding:60px 25px;display:block}.stats{padding:30px 0 0}.stats div{padding-left:0}.cta{padding:75px 22px;display:block}.cta>div:last-child{text-align:left;margin-top:30px}.footer-top{display:block}.footer-links{margin-top:45px;gap:35px;flex-wrap:wrap}.footer-bottom{gap:20px}.feature-grid{grid-template-columns:1fr;width:100%}.page-hero{padding:90px 22px}.page-hero h1{font-size:50px;letter-spacing:-3px}}

/* SudoCodeLab brand theme: deep green with intelligent orange accents. */
:root{--ink:#07572f;--deep:#043c22;--mint:#f39a13;--lime:#ffc45c;--paper:#fffaf2;--cream:#fff0d5;--coral:#e98c0c;--muted:#66736b;--line:#e2ddd2}
.brand{height:62px;overflow:hidden}.brand img{display:block;width:154px;height:auto;margin-top:-21px}.brand-light{height:72px;width:180px;background:#fff;border-radius:8px;padding:5px 10px}.brand-light img{width:160px;margin-top:-23px}.site-header{background:rgba(255,250,242,.95)}
.hero{background:linear-gradient(135deg,#fffaf2 15%,#f7ecd6)}.hero-glow{background:radial-gradient(circle,#ffd995 0,transparent 65%)}.hero h1 em,.section-heading em,.statement em,.cta em{color:#e98c0c}.section-kicker{color:#d77c00}.core-orb{box-shadow:0 0 0 22px #fff5e3,0 0 70px #f39a1366}.floating-card i{background:#fff0cf;color:#d77c00}.dropdown a:hover,.service-list a:hover{background:#fff0d5}.statement-inner{background:#07572f}.page-hero{background:linear-gradient(135deg,#fffaf2,#f7ecd6)}.feature-grid span{color:#d77c00}footer{background:#032d19}
@media(max-width:760px){.brand{height:38px;width:146px}.brand img{width:146px;margin-top:-76px}.brand-light{height:48px;width:166px}.brand-light img{width:146px;margin-top:-76px}}

/* Crop the stacked source artwork to its lower wordmark for compact navigation. */
.site-header .brand{width:164px;height:43px;overflow:hidden}.site-header .brand img{width:164px;max-width:none;margin-top:-85px}
.brand-light{width:184px;height:53px;overflow:hidden;padding:5px 10px}.brand-light img{width:164px;max-width:none;margin-top:-85px}
@media(max-width:760px){.site-header .brand{width:146px;height:38px}.site-header .brand img{width:146px;margin-top:-76px}.brand-light{width:166px;height:48px}.brand-light img{width:146px;margin-top:-76px}}

/* Full stacked SudoCodeLab logo, including the brain-and-braces brand mark. */
.site-header{height:104px}.site-header .brand{width:124px;height:91px;overflow:visible;flex:0 0 124px}.site-header .brand img{width:124px;height:auto;max-width:100%;margin:0}.main-nav>a,.nav-group>button{padding:40px 0}.dropdown{top:91px}
.brand-light{width:154px;height:113px;overflow:visible;padding:0;background:#fff}.brand-light img{width:154px;height:auto;max-width:100%;margin:0}
@media(max-width:760px){.site-header{height:88px}.site-header .brand{width:102px;height:75px;flex-basis:102px}.site-header .brand img{width:102px;margin:0}.main-nav{top:87px}.main-nav>a,.nav-group>button{padding:10px 0}.brand-light{width:132px;height:96px}.brand-light img{width:132px;margin:0}}

.core-orb{overflow:hidden;background:#fff;padding:14px}.core-orb img{display:block;width:135px;height:auto}
.big-logo{width:280px;max-width:90%;opacity:.08;filter:grayscale(1);position:relative;z-index:0}.statement-inner>div,.statement-inner>.stats{position:relative;z-index:1}

/* AI solutions gallery */
.showcase{background:#f2eee4}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.showcase-card{background:#fffaf2;border:1px solid var(--line);overflow:hidden}.showcase-card-wide{grid-column:1/-1}.showcase-image{aspect-ratio:3/2;overflow:hidden;background:#dfe8df}.showcase-card-wide .showcase-image{aspect-ratio:2.15/1}.showcase-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s ease}.showcase-card:hover .showcase-image img{transform:scale(1.025)}.showcase-copy{padding:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr) auto;gap:28px;align-items:end}.showcase-copy span{font-size:10px;letter-spacing:1.8px;color:#d77c00;font-weight:800}.showcase-copy h3{font-size:27px;margin-top:8px}.showcase-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.showcase-copy>a{font-size:13px;font-weight:800;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:4px}.showcase-copy>a span{font-size:15px;margin-left:8px}.showcase-card:not(.showcase-card-wide) .showcase-copy{grid-template-columns:1fr auto}.showcase-card:not(.showcase-card-wide) .showcase-copy p{grid-column:1/-1;grid-row:2}.showcase-footer{margin-top:32px;padding-top:28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.showcase-footer p{max-width:620px;color:var(--muted);line-height:1.65}
@media(max-width:900px){.showcase-grid{grid-template-columns:1fr}.showcase-card-wide{grid-column:auto}.showcase-card-wide .showcase-image{aspect-ratio:3/2}.showcase-copy,.showcase-card:not(.showcase-card-wide) .showcase-copy{grid-template-columns:1fr}.showcase-card:not(.showcase-card-wide) .showcase-copy p{grid-column:auto;grid-row:auto}.showcase-copy>a{justify-self:start}.showcase-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.showcase-copy{padding:22px;gap:16px}.showcase-copy h3{font-size:23px}.showcase-footer .btn{width:100%}}

.whatsapp-chat{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;gap:10px;padding:12px 17px 12px 13px;border-radius:999px;background:#25d366;color:#062c19;font-size:13px;font-weight:800;box-shadow:0 10px 32px #052d1b40;transition:transform .2s,box-shadow .2s}.whatsapp-chat:hover{transform:translateY(-3px);box-shadow:0 14px 38px #052d1b55}.whatsapp-chat svg{width:27px;height:27px;flex:0 0 auto}@media(max-width:760px){.whatsapp-chat{right:16px;bottom:16px;width:54px;height:54px;padding:0;justify-content:center}.whatsapp-chat svg{width:29px;height:29px}.whatsapp-chat span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}

/* Auto-scrolling SudoHIR freelancer benefits */
.freelancer-benefits{padding:90px 0;background:var(--deep);color:#fff;overflow:hidden}.benefits-heading{padding:0 7vw 45px;display:flex;justify-content:space-between;align-items:end;gap:50px}.benefits-heading h2{font-size:clamp(37px,4vw,59px);letter-spacing:-3px}.benefits-heading h2 em{font-style:normal;color:var(--mint)}.benefits-heading>p{max-width:480px;margin:0;color:#afc5bd;line-height:1.7}.benefits-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.benefits-track{display:flex;width:max-content;animation:benefits-scroll 42s linear infinite;will-change:transform}.benefits-marquee:hover .benefits-track,.benefits-marquee:focus-within .benefits-track{animation-play-state:paused}.benefits-set{display:flex;gap:22px;padding-right:22px}.benefit-card{width:min(78vw,520px);flex:none;display:block;background:#fffaf2;color:var(--ink);overflow:hidden;border:1px solid #ffffff1f}.benefit-card>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.benefit-card>div{padding:25px}.benefit-card span{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#d77c00}.benefit-card h3{font-size:25px;line-height:1.18;margin:11px 0}.benefit-card p{min-height:46px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.benefit-card strong{display:inline-block;margin-top:20px;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:3px}@keyframes benefits-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.freelancer-benefits{padding:70px 0}.benefits-heading{display:block;padding:0 22px 35px}.benefits-heading h2{font-size:38px;letter-spacing:-2px}.benefits-heading>p{margin-top:22px}.benefits-marquee{mask-image:none}.benefit-card{width:84vw}.benefit-card>div{padding:21px}.benefit-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.benefits-marquee{overflow-x:auto;scroll-snap-type:x mandatory}.benefits-track{animation:none}.benefits-set[aria-hidden="true"]{display:none}.benefit-card{scroll-snap-align:center}}

.showcase-features{grid-column:1/-1;list-style:none;margin:0;padding:24px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.showcase-features li{display:grid;gap:6px;padding-left:14px;border-left:2px solid var(--mint)}.showcase-features b{font:700 13px 'Manrope'}.showcase-features small{color:var(--muted);font-size:11px;line-height:1.5}.showcase-card:not(.showcase-card-wide) .showcase-features{grid-template-columns:repeat(2,minmax(0,1fr));grid-row:auto}.showcase-card:not(.showcase-card-wide) .showcase-features li{padding-left:11px}@media(max-width:760px){.showcase-features,.showcase-card:not(.showcase-card-wide) .showcase-features{grid-template-columns:1fr;gap:14px}.showcase-features{padding-top:20px}}
