:root{--bg:#f7f7f3;--ink:#111;--muted:#6f716c;--line:#dedfd9;--card:#fff;--lime:#c9ff5a;--blue:#6f8cff;--purple:#b56cff;--orange:#ff8d4d;--radius:28px;--shadow:0 20px 50px rgba(10,12,10,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,243,.78);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-color:var(--line);background:rgba(247,247,243,.93)}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{position:relative;width:34px;height:31px;display:inline-flex;align-items:flex-end;gap:3px}.brand-mark i{width:8px;background:#111;border-radius:8px 8px 2px 2px;transform:skew(-12deg)}.brand-mark i:nth-child(1){height:22px}.brand-mark i:nth-child(2){height:30px;background:var(--blue)}.brand-mark i:nth-child(3){height:18px;background:var(--purple)}.brand-copy{display:flex;flex-direction:column;line-height:.8}.brand-copy b{font-size:17px;letter-spacing:.07em}.brand-copy small{font-size:8px;letter-spacing:.45em;margin-top:8px}.desktop-nav{display:flex;gap:28px;font-size:14px;color:#4f514d}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:#111;transition:.25s}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:16px}.text-link{font-size:13px;color:#555}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:0 20px;border-radius:999px;font-weight:700;font-size:14px;transition:transform .25s,box-shadow .25s,background .25s}.btn b{font-size:18px}.btn-dark{background:#111;color:#fff}.btn-light{background:#fff;color:#111}.btn-outline{border:1px solid #c9cbc5}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.12)}.menu-toggle{display:none;border:0;background:none;width:38px;height:38px}.menu-toggle span{display:block;height:2px;background:#111;margin:6px}.mobile-menu{display:none}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#777}.hero{padding:82px 0 44px;position:relative}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(56px,7vw,108px);line-height:.91;letter-spacing:-.065em;margin:14px 0 24px}.hero h1 em,.page-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #111}.hero-copy{font-size:20px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.hero-note{margin-top:52px;display:flex;gap:28px;font-size:13px;color:#6d6f69}.hero-note strong{display:block;color:#111;font-size:24px}.hero-visual{height:580px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(1px);transition:transform .18s ease-out}.orb.one{width:330px;height:330px;right:10px;top:45px;background:radial-gradient(circle at 30% 30%,#fff,#8da4ff 45%,#573da8)}.orb.two{width:190px;height:190px;left:18px;bottom:24px;background:radial-gradient(circle at 30% 30%,#fff,#d3ff70 45%,#64b568)}.mock-window{position:absolute;background:#111;color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 35px 80px rgba(28,28,32,.25);transition:transform .2s ease-out}.mock-window.primary{width:75%;height:330px;right:0;bottom:60px}.mock-window.secondary{width:46%;height:185px;left:0;top:95px;background:#fff;color:#111}.mock-top{height:38px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.12)}.secondary .mock-top{border-color:#eee}.dot{width:7px;height:7px;border-radius:50%;background:#777}.screen-art{height:calc(100% - 38px);padding:24px;position:relative}.screen-art .bigline{font-size:36px;font-weight:800;line-height:1}.screen-art .chip{display:inline-block;margin-top:20px;background:var(--lime);color:#111;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.bars{position:absolute;bottom:28px;left:24px;right:24px;display:flex;align-items:flex-end;gap:8px;height:95px}.bars i{flex:1;background:#f3f3f3;border-radius:6px 6px 0 0}.bars i:nth-child(1){height:40%}.bars i:nth-child(2){height:74%;background:var(--blue)}.bars i:nth-child(3){height:58%;background:var(--purple)}.bars i:nth-child(4){height:88%;background:var(--lime)}.secondary .screen-art{padding:16px}.secondary .bigline{font-size:18px}.secondary .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.mini-grid i{height:40px;border-radius:9px;background:#eceee8}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#fff}.marquee-track{display:flex;width:max-content;animation:marquee 22s linear infinite}.marquee span{padding:18px 24px;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}.marquee span:after{content:"✦";margin-left:48px;color:var(--purple)}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:120px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.section-head h2,.split-copy h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.045em;margin:6px 0 0}.section-head p{max-width:440px;color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:300px;position:relative;overflow:hidden;transition:.35s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-num{font-size:12px;color:#8a8c86}.service-card h3{font-size:30px;letter-spacing:-.03em;margin:70px 0 12px}.service-card p{color:var(--muted);max-width:420px}.service-icon{position:absolute;right:28px;top:28px;width:64px;height:64px;border-radius:20px;background:#f1f2ed;display:grid;place-items:center;font-size:26px;transition:.35s}.service-card:hover .service-icon{transform:rotate(8deg) scale(1.08);background:var(--lime)}.service-arrow{position:absolute;right:28px;bottom:28px;font-size:27px;transition:.3s}.service-card:hover .service-arrow{transform:translate(4px,-4px)}.band{background:#111;color:#fff}.band .section-head p{color:#b9bbb5}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work-card{background:#20211f;border-radius:30px;padding:18px;min-height:410px;position:relative;overflow:hidden}.work-card:nth-child(1){grid-column:span 7}.work-card:nth-child(2){grid-column:span 5}.work-card:nth-child(3){grid-column:span 5}.work-card:nth-child(4){grid-column:span 7}.work-shot{height:300px;border-radius:20px;background:linear-gradient(135deg,#f2f3ee,#d7dbff);position:relative;overflow:hidden;transition:.45s}.work-card:hover .work-shot{transform:scale(.98)}.work-shot.orange{background:linear-gradient(135deg,#fff2e8,#ffbd96)}.work-shot.green{background:linear-gradient(135deg,#f4ffe0,#b9df63)}.work-shot.purple{background:linear-gradient(135deg,#f7edff,#b997ef)}.site-frame{position:absolute;inset:38px 30px -20px;background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.12);padding:18px}.site-frame .topline{height:8px;border-radius:10px;background:#111;width:34%}.site-frame .headline{height:48px;border-radius:10px;background:#efefea;width:70%;margin-top:30px}.site-frame .button{width:90px;height:24px;background:#111;border-radius:20px;margin-top:18px}.site-frame .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:34px}.site-frame .cards i{height:80px;background:#f2f2ef;border-radius:12px}.work-meta{display:flex;justify-content:space-between;align-items:center;padding:18px 8px 4px}.work-meta h3{margin:0;font-size:20px}.work-meta span{font-size:12px;color:#a5a7a1}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:36px 24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:44px;letter-spacing:-.05em}.stat span{font-size:13px;color:var(--muted)}.process{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.process-list{border-top:1px solid var(--line)}.process-item{border-bottom:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:50px 1fr;gap:18px;transition:.25s}.process-item h3{margin:0;font-size:25px}.process-item p{margin:8px 0 0;color:var(--muted)}.process-item:hover{padding-left:10px}.quote-card{background:#fff;border-radius:34px;padding:48px;border:1px solid var(--line)}.quote-mark{font-size:70px;line-height:1;color:var(--purple)}.quote-card blockquote{font-size:28px;line-height:1.25;letter-spacing:-.02em;margin:10px 0 28px}.quote-person strong{display:block}.quote-person span{color:var(--muted);font-size:13px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-card{border-top:1px solid #aeb0aa;padding:24px 0;transition:.25s}.insight-card:hover{transform:translateY(-6px)}.insight-card .tag{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.insight-card h3{font-size:25px;letter-spacing:-.03em;margin:42px 0 30px}.plain-arrow span{display:inline-block;transition:.2s}.plain-arrow:hover span{transform:translate(4px,-4px)}.footer-cta{background:#111;color:#fff;padding:100px 0}.footer-cta-inner h2{font-size:clamp(56px,7vw,100px);line-height:.92;letter-spacing:-.06em;margin:10px 0 34px}.footer-cta-inner h2 em{font-style:normal;color:var(--lime)}.footer-cta-actions{display:flex;align-items:center;gap:28px}.site-footer{background:#111;color:#fff;border-top:1px solid #2e302e;padding:60px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.7fr;gap:38px}.footer-grid h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#868985;margin:0 0 18px}.footer-grid a,.footer-grid p{display:block;color:#c9cbc6;font-size:13px;margin:9px 0}.footer-brand p{max-width:300px;margin-top:22px}.brand-footer .brand-mark i:first-child{background:#fff}.brand-footer .brand-copy{color:#fff}.footer-bottom{border-top:1px solid #2c2d2a;margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;color:#8c8f89;font-size:12px}.footer-bottom div{display:flex;gap:18px}.float-whatsapp{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;background:#25D366;color:#fff;font-weight:900;display:grid;place-items:center;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.16)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.cursor-glow{position:fixed;z-index:-1;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(111,140,255,.12),transparent 70%);transform:translate(-50%,-50%);left:50%;top:50%}.page-hero{padding:105px 0 90px;border-bottom:1px solid var(--line)}.page-hero .lead{font-size:21px;color:var(--muted);max-width:700px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.split-copy p{font-size:18px;color:var(--muted)}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-size:12px}.feature-list{display:grid;gap:12px}.feature{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.feature strong{font-size:17px}.feature p{color:var(--muted);font-size:14px;margin-bottom:0}.service-detail{display:grid;grid-template-columns:90px 1fr 1fr;gap:28px;padding:34px 0;border-top:1px solid var(--line)}.service-detail:last-child{border-bottom:1px solid var(--line)}.service-detail h3{font-size:31px;margin:0}.service-detail p{color:var(--muted);margin:0}.service-detail ul{margin:0;padding-left:20px;color:#454743}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry-card{min-height:220px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;position:relative;overflow:hidden}.industry-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-30px;bottom:-30px;background:var(--lime);opacity:.45;transition:.35s}.industry-card:hover:after{transform:scale(1.45)}.industry-card h3{font-size:24px;margin-top:70px}.industry-card p{color:var(--muted);font-size:14px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px}.contact-panel,.contact-form{background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px}.contact-panel h2{font-size:43px;letter-spacing:-.04em}.contact-list{display:grid;gap:22px;margin-top:40px}.contact-list small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.contact-list a,.contact-list p{font-size:18px;margin:5px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fbfbf8;border-radius:14px;padding:14px 15px;font:inherit;outline:none;transition:.2s}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.05)}.form-message{margin-top:16px;font-size:14px}.legal{max-width:860px}.legal h2{margin-top:40px}.legal p,.legal li{color:#555;line-height:1.75}.article-list{display:grid;gap:0;border-top:1px solid var(--line)}.article-row{display:grid;grid-template-columns:130px 1fr 40px;gap:20px;padding:30px 0;border-bottom:1px solid var(--line);align-items:center}.article-row h2{margin:0;font-size:30px;letter-spacing:-.03em}.article-row span{color:var(--muted);font-size:12px}.article-row b{font-size:25px;transition:.2s}.article-row:hover b{transform:translate(4px,-4px)}@media(max-width:900px){.desktop-nav,.desktop-only{display:none}.menu-toggle{display:block}.nav-actions .btn{display:none}.mobile-menu{position:absolute;left:20px;right:20px;top:76px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow)}.mobile-menu.open{display:grid}.mobile-menu a{padding:14px 12px;border-bottom:1px solid #eee}.mobile-menu a:last-child{border:0}.hero{padding-top:50px}.hero-grid,.split,.process,.contact-grid{grid-template-columns:1fr}.hero-visual{height:460px}.services-grid,.insight-grid,.industry-grid{grid-template-columns:1fr 1fr}.work-card:nth-child(n){grid-column:span 12}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.footer-grid{grid-template-columns:1fr 1fr}.service-detail{grid-template-columns:60px 1fr}.service-detail>*:nth-child(3){grid-column:2}.cursor-glow{display:none}}@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:72px}.hero h1,.page-hero h1{font-size:53px}.hero-copy,.page-hero .lead{font-size:17px}.hero-visual{height:380px}.orb.one{width:240px;height:240px}.mock-window.primary{width:82%;height:240px}.mock-window.secondary{width:54%;height:145px}.section{padding:78px 0}.section-head{display:block}.section-head h2,.split-copy h2{font-size:42px}.services-grid,.insight-grid,.industry-grid{grid-template-columns:1fr}.service-card{min-height:260px}.service-card h3{margin-top:58px}.stats{grid-template-columns:1fr 1fr}.stat{padding:26px 14px}.stat strong{font-size:35px}.process{gap:30px}.quote-card{padding:28px}.quote-card blockquote{font-size:22px}.footer-cta{padding:76px 0}.footer-cta-inner h2{font-size:51px}.footer-cta-actions{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom div{margin-top:12px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.article-row{grid-template-columns:80px 1fr 24px}.article-row h2{font-size:22px}.service-detail{grid-template-columns:44px 1fr}.service-detail h3{font-size:25px}}

/* Moblog Media official brand theme */
:root{--brand:#EF5219;--brand-soft:#fff0e9;--brand-deep:#c83d0d;--lime:#EF5219;--blue:#EF5219;--purple:#EF5219;--orange:#EF5219}
.brand{flex:0 0 auto}.brand-logo{width:220px;height:auto;max-height:58px;object-fit:contain;object-position:left center}.brand-footer .brand-logo{width:230px}.nav-wrap{height:92px}.desktop-nav a:after{background:var(--brand)}
.btn-dark{background:var(--brand);color:#fff}.btn-dark:hover{background:var(--brand-deep)}.btn-outline:hover{border-color:var(--brand);color:var(--brand)}
.hero h1 em,.page-hero h1 em{-webkit-text-stroke:1.5px var(--brand)}
.orb.one{background:radial-gradient(circle at 30% 30%,#fff,#ff9a72 45%,#EF5219)}.orb.two{background:radial-gradient(circle at 30% 30%,#fff,#ffd4c3 45%,#ef5219)}
.marquee span:after{color:var(--brand)}.service-card:hover .service-icon{background:var(--brand);color:#fff}.bars i:nth-child(2),.bars i:nth-child(3),.bars i:nth-child(4){background:var(--brand)}
.work-shot{background:linear-gradient(135deg,#fff7f3,#ffc6ae)}.work-shot.orange,.work-shot.green,.work-shot.purple{background:linear-gradient(135deg,#fff7f3,#ffb08e)}
.quote-mark,.footer-cta-inner h2 em{color:var(--brand)}.industry-card:after{background:var(--brand)}
.cursor-glow{background:radial-gradient(circle,rgba(239,82,25,.14),transparent 70%)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(239,82,25,.10)}
@media(max-width:900px){.brand-logo{width:185px;max-height:50px}.nav-wrap{height:78px}.mobile-menu{top:72px}}
@media(max-width:620px){.brand-logo{width:160px;max-height:44px}.nav-wrap{height:70px}}

/* Rich capability cards */
.capabilities-band{background:#101110}
.cap-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}
.cap-card{background:#20211f;border-radius:30px;padding:18px;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;border:1px solid rgba(255,255,255,.03)}
.cap-card:nth-child(3){grid-template-columns:1fr}.cap-card:nth-child(4){grid-column:auto}
.cap-card:hover{transform:translateY(-7px);box-shadow:0 24px 70px rgba(0,0,0,.34)}
.cap-visual{height:330px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff8f4 0%,#ffe1d2 53%,#f4753a 125%);color:#111}
.cap-card:hover .cap-visual:after{transform:translate3d(15px,-10px,0) scale(1.05)}
.cap-visual:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-80px;background:rgba(239,82,25,.13);transition:.55s ease}
.cap-copy{position:absolute;left:28px;top:28px;width:43%;z-index:4}
.cap-copy>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#ef5219}
.cap-copy h3{font-size:34px;line-height:.98;letter-spacing:-.045em;margin:13px 0 13px}
.cap-copy p{font-size:14px;line-height:1.45;color:#5f5c59;margin:0 0 20px}
.cap-copy b{display:inline-flex;background:#ef5219;color:#fff;padding:11px 15px;border-radius:999px;font-size:11px;box-shadow:0 10px 28px rgba(239,82,25,.2)}
.cap-meta{display:flex;justify-content:space-between;align-items:center;padding:18px 7px 2px;gap:20px}
.cap-meta h3{font-size:20px;margin:0;color:#fff}.cap-meta span{font-size:11px;color:#a8aaa5;text-align:right}
.browser-device{position:absolute;right:25px;bottom:-25px;width:51%;height:244px;background:#111;border:5px solid #171717;border-radius:16px 16px 10px 10px;box-shadow:0 24px 55px rgba(0,0,0,.3);transform:rotate(-3deg);transition:.5s ease;z-index:3}
.cap-card:hover .browser-device{transform:rotate(-1deg) translateY(-8px)}
.device-bar{height:24px;background:#ededeb;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:5px;padding:0 8px}.device-bar i{width:5px;height:5px;background:#aaa;border-radius:50%}
.device-body{height:calc(100% - 24px);background:#fafafa;padding:21px;position:relative;overflow:hidden}.device-body small{font-size:7px;font-weight:800}.device-body strong{display:block;font-size:25px;line-height:.95;margin-top:28px}.device-body strong em{font-style:normal;color:#ef5219}.device-cta{display:inline-block;margin-top:17px;font-size:8px;background:#ef5219;color:#fff;padding:7px 11px;border-radius:20px}.device-landscape{position:absolute;right:-15px;bottom:-18px;width:67%;height:55%;border-radius:80px 0 0 0;background:linear-gradient(145deg,#292929,#ef5219 58%,#111)}
.phone-device{position:absolute;right:32px;bottom:-42px;width:178px;height:292px;background:#111;border-radius:28px;padding:6px;transform:rotate(8deg);box-shadow:0 24px 55px rgba(0,0,0,.28);z-index:3;transition:.5s ease}.cap-card:hover .phone-device{transform:rotate(4deg) translateY(-8px)}
.phone-ui{height:100%;background:#fff;border-radius:23px;padding:32px 14px 14px;overflow:hidden}.phone-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:62px;height:15px;background:#111;border-radius:0 0 10px 10px;z-index:2}.phone-ui small{font-size:9px}.phone-ui strong{display:block;font-size:17px;color:#ef5219;margin-bottom:14px}.phone-search{height:19px;background:#f0f0ed;border-radius:20px}.phone-icons,.phone-products{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px}.phone-icons i{height:28px;background:#f4f2ef;border-radius:8px}.phone-products{grid-template-columns:repeat(3,1fr)}.phone-products i{height:62px;background:linear-gradient(#f7f4f1,#ead9cf);border-radius:8px}.cart-lines{position:absolute;right:175px;bottom:60px;width:95px;height:70px;z-index:2;transform:rotate(-5deg)}.cart-lines i{position:absolute;background:#ef5219;border-radius:6px}.cart-lines i:nth-child(1){width:90px;height:5px;top:14px}.cart-lines i:nth-child(2){width:68px;height:5px;top:42px;left:12px}.cart-lines i:nth-child(3){width:5px;height:62px;left:13px;top:2px;transform:rotate(-12deg)}
.metric-stack{position:absolute;right:28px;bottom:29px;width:48%;height:230px;z-index:3}.metric-card{position:absolute;right:0;top:8px;width:155px;background:#141414;color:#fff;padding:17px;border-radius:18px;box-shadow:0 18px 34px rgba(0,0,0,.18)}.metric-card small{display:block;color:#b8b8b8}.metric-card strong{font-size:27px}.metric-card em{font-style:normal;color:#67d883;font-size:11px;margin-left:7px}.metric-card.second{right:128px;top:86px;transform:rotate(-5deg);background:#fff;color:#111}.growth-chart{position:absolute;right:8px;bottom:0;width:230px;height:105px;border-radius:17px;background:rgba(255,255,255,.76);padding:16px;display:flex;align-items:flex-end;gap:9px}.growth-chart i{display:block;width:18%;background:#f8ae8d;border-radius:6px 6px 0 0}.growth-chart i:nth-child(1){height:24%}.growth-chart i:nth-child(2){height:38%}.growth-chart i:nth-child(3){height:52%}.growth-chart i:nth-child(4){height:70%}.growth-chart i:nth-child(5){height:92%;background:#ef5219}.growth-chart b{position:absolute;right:16px;top:13px;color:#ef5219;font-size:24px}
.flow-board{position:absolute;right:28px;top:38px;width:47%;height:250px;border-radius:22px;background:#171817;box-shadow:0 18px 40px rgba(0,0,0,.23);z-index:3}.flow-node{position:absolute;background:#fff;border:1px solid #ecece8;border-radius:14px;padding:11px 14px;font-size:11px;font-weight:800;z-index:3;box-shadow:0 10px 24px rgba(0,0,0,.08)}.node-a{left:18px;top:29px}.node-b{right:28px;top:30px;background:#ef5219;color:#fff;border-color:#ef5219}.node-c{left:28px;bottom:33px}.node-d{right:22px;bottom:33px}.flow-line{position:absolute;height:2px;background:#ef5219;transform-origin:left center;opacity:.8}.l1{width:122px;left:75px;top:53px}.l2{width:108px;left:81px;bottom:54px}.l3{width:120px;left:102px;top:124px;transform:rotate(31deg)}.flow-pulse{position:absolute;width:13px;height:13px;border-radius:50%;background:#ef5219;left:50%;top:50%;box-shadow:0 0 0 10px rgba(239,82,25,.12),0 0 0 22px rgba(239,82,25,.07);animation:flowPulse 1.8s ease-in-out infinite}@keyframes flowPulse{50%{transform:scale(1.35);box-shadow:0 0 0 16px rgba(239,82,25,.08),0 0 0 30px rgba(239,82,25,.03)}}
@media(max-width:900px){.cap-grid{grid-template-columns:1fr}.cap-card{grid-column:auto!important}.cap-visual{height:340px}}
@media(max-width:620px){.cap-visual{height:470px}.cap-copy{width:auto;right:24px}.browser-device,.metric-stack,.flow-board{width:72%;right:18px;bottom:-20px;top:auto}.phone-device{right:24px;bottom:-35px}.cart-lines{right:156px;bottom:35px}.cap-meta{align-items:flex-start;flex-direction:column;gap:7px}.cap-meta span{text-align:left}.cap-copy h3{font-size:30px}.cap-copy p{max-width:300px}.browser-device{height:220px}.metric-stack{height:210px}.flow-board{height:220px}}

/* Services page — homepage-aligned visual system */
.services-hero{padding:88px 0 74px;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 30%,rgba(239,82,25,.14),transparent 34%),var(--bg)}
.services-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}
.services-hero h1{font-size:clamp(54px,6vw,88px);line-height:.93;letter-spacing:-.06em;margin:14px 0 25px}.services-hero h1 em{font-style:normal;color:var(--brand)}
.services-hero .lead{font-size:19px;color:var(--muted);max-width:650px}.services-trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px}.services-trust-row span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#5e605c}.services-trust-row b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.services-hero-media{position:relative;min-height:470px}.service-image-shell{position:absolute;inset:36px 0 0 30px;border-radius:30px;overflow:hidden;box-shadow:0 35px 90px rgba(83,41,20,.18);border:1px solid rgba(239,82,25,.16);background:#fff}.service-image-shell img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.services-hero-media:hover .service-image-shell img{transform:scale(1.035)}
.service-float-card{position:absolute;z-index:4;background:rgba(17,17,17,.94);color:#fff;padding:16px 18px;border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.2);backdrop-filter:blur(10px);transition:.4s}.service-float-card small{display:block;color:#c9cbc5;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.service-float-card strong{display:block;font-size:16px;margin-top:5px}.float-a{left:0;top:8px}.float-b{right:-12px;bottom:12px;background:var(--brand)}.services-hero-media:hover .float-a{transform:translate(-7px,-7px) rotate(-1deg)}.services-hero-media:hover .float-b{transform:translate(8px,-8px) rotate(1deg)}
.service-orbit{position:absolute;border-radius:50%;border:1px solid rgba(239,82,25,.25);pointer-events:none}.orbit-a{width:120px;height:120px;right:-42px;top:38px;animation:serviceOrbit 6s ease-in-out infinite}.orbit-b{width:70px;height:70px;left:5px;bottom:30px;animation:serviceOrbit 5s ease-in-out infinite reverse}@keyframes serviceOrbit{50%{transform:translateY(12px) rotate(20deg)}}
.section-tight{padding:0 0 38px}.service-pill-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service-pill-grid a{min-height:118px;padding:17px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column;position:relative;transition:.3s}.service-pill-grid span{font-size:10px;color:#9a9c96}.service-pill-grid b{font-size:14px;line-height:1.15;margin-top:auto;max-width:120px}.service-pill-grid i{position:absolute;right:14px;bottom:14px;font-style:normal;width:28px;height:28px;border-radius:50%;background:#f0f1ed;display:grid;place-items:center;transition:.3s}.service-pill-grid a:hover{transform:translateY(-6px);background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 18px 40px rgba(239,82,25,.18)}.service-pill-grid a:hover span{color:#ffd9ca}.service-pill-grid a:hover i{background:#fff;color:var(--brand);transform:rotate(45deg)}
.services-showcase{padding-top:88px}.service-feature{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:stretch;margin:30px 0 78px;padding:20px;border:1px solid var(--line);border-radius:34px;background:#fff;box-shadow:0 14px 45px rgba(17,17,17,.04);transition:.4s}.service-feature.reverse{grid-template-columns:1.18fr .82fr}.service-feature.reverse .service-feature-copy{order:2}.service-feature:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(17,17,17,.09)}.service-feature-copy{padding:38px 30px}.service-index{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--brand)}.service-feature h3{font-size:clamp(36px,4vw,58px);line-height:.98;letter-spacing:-.045em;margin:16px 0}.service-feature-copy>p{color:var(--muted);font-size:17px;max-width:560px}.service-feature ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:26px 0 30px;padding:0;list-style:none}.service-feature li{font-size:14px;font-weight:650;position:relative;padding-left:23px}.service-feature li:before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:900}.service-inline-link{display:inline-flex;gap:14px;align-items:center;font-weight:800;font-size:14px;border-bottom:1px solid #111;padding-bottom:5px}.service-inline-link b{color:var(--brand);transition:.25s}.service-inline-link:hover b{transform:translate(4px,-4px)}
.service-feature-visual{min-height:430px;border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff4ee,#ffc5aa)}.visual-photo img{width:100%;height:100%;object-fit:cover;transition:.6s}.service-feature:hover .visual-photo img{transform:scale(1.035)}.visual-badge{position:absolute;left:20px;bottom:20px;background:#111;color:#fff;border-radius:999px;padding:11px 15px;font-size:11px;font-weight:800}
.visual-dashboard{background:#111;color:#fff;padding:32px}.dash-top{display:flex;justify-content:space-between;font-size:12px;color:#aeb0aa}.dash-top b{background:rgba(239,82,25,.18);color:#ff8d66;border-radius:999px;padding:5px 9px;font-size:9px}.dash-number{font-size:18px;margin-top:40px}.dash-number strong{font-size:72px;letter-spacing:-.06em}.dash-number small{margin-left:9px;color:#aeb0aa}.dash-chart{height:130px;display:flex;align-items:end;gap:10px;margin-top:25px;position:relative;z-index:2}.dash-chart i{flex:1;height:30%;border-radius:8px 8px 0 0;background:#2a2b29}.dash-chart i:nth-child(2){height:45%}.dash-chart i:nth-child(3){height:38%}.dash-chart i:nth-child(4){height:68%;background:#6d3320}.dash-chart i:nth-child(5){height:55%}.dash-chart i:nth-child(6){height:78%;background:#a94320}.dash-chart i:nth-child(7){height:100%;background:var(--brand)}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;position:relative;z-index:2}.dash-cards span{background:#1d1e1c;border:1px solid #2a2b29;border-radius:14px;padding:14px}.dash-cards small{display:block;color:#888b85}.dash-cards b{display:block;font-size:20px;margin-top:5px}.dash-glow{position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;bottom:-70px;background:radial-gradient(circle,rgba(239,82,25,.35),transparent 65%)}
.visual-search{padding:42px;background:linear-gradient(145deg,#fff8f4,#ffd6c4)}.search-box{height:58px;background:#fff;border-radius:18px;display:flex;align-items:center;gap:14px;padding:0 18px;box-shadow:0 12px 35px rgba(0,0,0,.08)}.search-box span{font-weight:900;color:#4285f4}.search-box b{font-size:14px}.search-box i{margin-left:auto;font-style:normal}.rank-card{position:absolute;left:42px;right:42px;top:132px;background:#fff;border-radius:20px;padding:18px;display:flex;gap:15px;align-items:center;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:.45s}.rank-card span{width:44px;height:44px;border-radius:14px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900}.rank-card b{display:block}.rank-card small{color:#888}.rank-two{top:230px;left:85px;opacity:.62;transform:scale(.96)}.service-feature:hover .rank-one{transform:translateY(-8px)}.seo-arrow{position:absolute;right:45px;bottom:35px;font-size:90px;color:var(--brand);font-weight:800;transform:rotate(-12deg)}
.visual-social{background:#151615}.social-card{position:absolute;width:235px;height:270px;border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 55px rgba(0,0,0,.28);transition:.5s}.social-card span{font-size:10px;font-weight:900;letter-spacing:.14em}.social-card strong{font-size:27px;line-height:.98}.s1{left:35px;top:70px;background:#fff;color:#111;transform:rotate(-8deg)}.s2{left:50%;top:42px;transform:translateX(-50%) rotate(3deg);background:var(--brand);color:#fff;z-index:2}.s3{right:32px;top:86px;background:#f7efe9;color:#111;transform:rotate(8deg)}.service-feature:hover .s1{transform:translate(-10px,-8px) rotate(-11deg)}.service-feature:hover .s2{transform:translate(-50%,-12px) rotate(1deg)}.service-feature:hover .s3{transform:translate(10px,-8px) rotate(11deg)}
.visual-flow{background:#171817}.flow-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:900;z-index:3;box-shadow:0 0 0 15px rgba(239,82,25,.13)}.flow-chip{position:absolute;background:#fff;border-radius:14px;padding:12px 16px;font-size:12px;font-weight:800;z-index:3}.fc1{left:48px;top:52px}.fc2{right:48px;top:52px}.fc3{left:34px;bottom:60px}.fc4{right:34px;bottom:60px}.fc5{left:50%;bottom:25px;transform:translateX(-50%)}.visual-flow svg{position:absolute;inset:0;width:100%;height:100%}.visual-flow path{fill:none;stroke:var(--brand);stroke-width:2;stroke-dasharray:8 8;animation:flowDash 8s linear infinite}@keyframes flowDash{to{stroke-dashoffset:-120}}
.visual-analytics{background:#111;color:#fff;padding:34px}.ana-head{display:flex;justify-content:space-between;color:#aeb0aa;font-size:12px}.ana-head b{color:#fff}.ana-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.ana-kpis span{padding:18px;border:1px solid #292a28;border-radius:18px;background:#1a1b19}.ana-kpis small{display:block;color:#888}.ana-kpis strong{font-size:36px;display:inline-block;margin-top:7px}.ana-kpis em{font-style:normal;color:#6de08b;margin-left:8px}.ana-line{position:absolute;left:28px;right:28px;bottom:25px;height:180px;background:linear-gradient(to top,rgba(239,82,25,.12),transparent);border-radius:20px}.ana-line svg{width:100%;height:100%}.ana-line polyline{fill:none;stroke:var(--brand);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 18px rgba(239,82,25,.3))}
.services-cta-band{padding:95px 0}.services-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:30px}.services-cta-inner h2{font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.05em;margin:10px 0 0}.services-cta-inner h2 em{font-style:normal;color:var(--brand)}
@media(max-width:1000px){.services-hero-grid{grid-template-columns:1fr}.services-hero-media{min-height:430px}.service-pill-grid{grid-template-columns:repeat(3,1fr)}.service-feature,.service-feature.reverse{grid-template-columns:1fr}.service-feature.reverse .service-feature-copy{order:0}.service-feature-visual{min-height:390px}.services-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.services-hero{padding-top:58px}.services-hero h1{font-size:52px}.services-hero-media{min-height:330px}.service-image-shell{inset:24px 0 0 0}.service-float-card{padding:12px}.float-a{left:-5px}.float-b{right:-5px}.service-pill-grid{grid-template-columns:1fr 1fr}.service-feature{padding:10px;border-radius:26px;margin-bottom:45px}.service-feature-copy{padding:26px 18px}.service-feature h3{font-size:36px}.service-feature ul{grid-template-columns:1fr}.service-feature-visual{min-height:340px}.social-card{width:175px;height:220px}.s1{left:15px}.s3{right:15px}.social-card strong{font-size:20px}.dash-number strong{font-size:54px}.dash-cards{grid-template-columns:1fr}.dash-cards span:nth-child(n+2){display:none}.flow-chip{padding:9px 11px}.fc1{left:20px}.fc2{right:20px}.fc3{left:15px}.fc4{right:15px}.services-cta-inner h2{font-size:48px}}

/* Services hero — aligned to homepage typography + interactive UI visual */
.services-hero-grid{grid-template-columns:1.12fr .88fr;gap:52px}
.services-hero h1{font-size:clamp(56px,7vw,108px);line-height:.91;letter-spacing:-.065em;margin:14px 0 24px}
.services-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--brand)}
.services-hero-media{height:580px;min-height:580px;position:relative;perspective:1200px}
.service-image-shell{display:none}
.service-glow{position:absolute;width:390px;height:390px;border-radius:50%;right:-20px;top:55px;background:radial-gradient(circle at 35% 35%,#fff 0,#ffd5c5 27%,rgba(239,82,25,.45) 58%,rgba(239,82,25,0) 75%);filter:blur(1px);transition:transform .18s ease-out}
.service-browser-card{position:absolute;right:2px;top:84px;width:88%;height:365px;background:#121212;border:1px solid rgba(255,255,255,.18);border-radius:26px;box-shadow:0 36px 90px rgba(28,20,16,.26);overflow:hidden;transform:rotateY(-4deg) rotateX(1deg);transition:transform .18s ease-out,box-shadow .35s}
.services-hero-media:hover .service-browser-card{box-shadow:0 48px 110px rgba(28,20,16,.34)}
.svc-browser-top{height:39px;background:#1e1e1e;display:flex;align-items:center;gap:6px;padding:0 14px;color:#858585}.svc-browser-top i{width:7px;height:7px;border-radius:50%;background:#6b6b6b}.svc-browser-top span{margin-left:10px;font-size:9px;letter-spacing:.08em}
.svc-browser-body{height:calc(100% - 39px);background:linear-gradient(135deg,#fff9f5 0,#fff 55%,#ffd6c5 100%);color:#111;position:relative;overflow:hidden;padding:21px 24px}.svc-browser-body:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:48px;background:linear-gradient(145deg,var(--brand),#ff9a73);opacity:.92}
.svc-browser-nav{display:flex;align-items:center;gap:8px;position:relative;z-index:2}.svc-browser-nav>b{width:25px;height:25px;background:#111;color:var(--brand);display:grid;place-items:center;font-size:13px}.svc-browser-nav>span{font-size:9px;font-weight:900;letter-spacing:.04em}.svc-browser-nav>small{margin-left:auto;font-size:7px;color:#60605d}
.svc-browser-main{position:absolute;left:25px;top:92px;z-index:3}.svc-browser-main>small{font-size:8px;font-weight:900;letter-spacing:.14em;color:var(--brand)}.svc-browser-main>strong{display:block;font-size:39px;line-height:.91;letter-spacing:-.055em;margin:8px 0 16px}.svc-browser-main strong em{font-style:normal;color:var(--brand)}.svc-browser-btn{display:inline-block;background:#111;color:#fff;border-radius:999px;padding:9px 13px;font-size:9px;font-weight:800}
.svc-browser-chart{position:absolute;right:24px;bottom:22px;width:170px;height:98px;z-index:4;display:flex;gap:7px;align-items:end;padding:14px;border-radius:17px;background:rgba(17,17,17,.92);box-shadow:0 15px 34px rgba(0,0,0,.17)}.svc-browser-chart i{flex:1;height:30%;border-radius:5px 5px 2px 2px;background:#5d5d5d}.svc-browser-chart i:nth-child(2){height:48%}.svc-browser-chart i:nth-child(3){height:62%;background:#9b4328}.svc-browser-chart i:nth-child(4){height:79%;background:#d04e25}.svc-browser-chart i:nth-child(5){height:100%;background:var(--brand)}
.service-analytics-card{position:absolute;right:-8px;bottom:34px;width:180px;background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:20px;padding:17px 18px;z-index:5;box-shadow:0 22px 48px rgba(0,0,0,.13);transition:transform .18s ease-out}.service-analytics-card small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#858585}.service-analytics-card strong{display:block;font-size:34px;letter-spacing:-.05em;color:var(--brand);line-height:1;margin-top:5px}.service-analytics-card span{font-size:10px;font-weight:800}.mini-line{height:28px;margin-top:10px;position:relative;overflow:hidden}.mini-line:before{content:"";position:absolute;left:0;right:0;top:15px;border-top:1px dashed #ddd}.mini-line i{position:absolute;left:3px;right:3px;bottom:4px;height:19px;border-top:3px solid var(--brand);transform:skewY(-8deg) rotate(-4deg);border-radius:50%}
.service-stack-card{position:absolute;left:7px;bottom:28px;z-index:5;width:155px;background:#111;color:#fff;border-radius:20px;padding:15px 16px;display:grid;grid-template-columns:24px 1fr;gap:8px 7px;box-shadow:0 22px 48px rgba(0,0,0,.18);transition:transform .18s ease-out}.service-stack-card span{font-size:8px;color:#ff9f7d}.service-stack-card b{font-size:11px}
.service-float-card{transition:transform .18s ease-out,box-shadow .3s}.float-a{left:-2px;top:28px}.float-b{right:-18px;bottom:154px}
.services-hero-media:hover .float-a,.services-hero-media:hover .float-b{transform:none}
@media(max-width:1000px){.services-hero-grid{grid-template-columns:1fr}.services-hero-media{height:520px;min-height:520px}.service-browser-card{width:82%;right:7%;}.float-b{right:2%}}
@media(max-width:620px){.services-hero h1{font-size:53px}.services-hero-media{height:390px;min-height:390px}.service-browser-card{width:94%;right:0;left:3%;top:62px;height:280px}.svc-browser-main{top:78px}.svc-browser-main>strong{font-size:28px}.svc-browser-chart{width:128px;height:78px;right:12px;bottom:12px}.service-analytics-card{width:145px;right:-3px;bottom:0}.service-stack-card{width:125px;left:-3px;bottom:2px}.float-a{top:5px}.float-b{display:none}.service-glow{width:250px;height:250px;right:-40px}.services-trust-row{margin-top:28px}}

/* Services v3: compact interactive service cards */
.services-showcase{padding-top:72px}
.service-feature,.service-feature.reverse{grid-template-columns:.92fr 1.08fr;gap:24px;margin:24px 0 48px;padding:14px;border-radius:28px;align-items:stretch}
.service-feature.reverse{grid-template-columns:1.08fr .92fr}
.service-feature-copy{padding:24px 24px 22px;display:flex;flex-direction:column;justify-content:center}
.service-feature h3{font-size:clamp(34px,3.15vw,48px);line-height:.97;margin:12px 0 14px;max-width:590px}
.service-feature-copy>p{font-size:15px;line-height:1.55}
.service-feature ul{gap:9px 16px;margin:18px 0 22px}
.service-feature li{font-size:13px}
.service-feature-visual{min-height:340px;transform-style:preserve-3d;transition:transform .22s ease,box-shadow .35s ease;will-change:transform;box-shadow:inset 0 0 0 1px rgba(17,17,17,.04)}
.service-feature:hover .service-feature-visual{box-shadow:0 22px 42px rgba(17,17,17,.12)}
.visual-badge{left:16px;bottom:16px;padding:9px 13px;font-size:10px;z-index:8}

/* Web & ecommerce — fully vector/CSS visual, no blurry raster */
.visual-web-ui{background:radial-gradient(circle at 84% 18%,rgba(239,82,25,.28),transparent 23%),linear-gradient(135deg,#fff8f4,#ffd4c2 62%,#ffb28f);padding:26px}
.web-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.web-orb-a{width:190px;height:190px;right:-55px;top:-48px;border:1px solid rgba(239,82,25,.35)}.web-orb-b{width:105px;height:105px;left:-26px;bottom:-28px;background:rgba(255,255,255,.38)}
.web-browser{position:absolute;left:8%;right:9%;top:12%;bottom:14%;background:#fff;border:8px solid #171817;border-radius:19px;box-shadow:0 28px 60px rgba(17,17,17,.22);overflow:hidden;transform:rotate(-1.7deg);transition:.45s}
.service-feature:hover .web-browser{transform:translateY(-5px) rotate(-.5deg)}
.web-browser-top{height:28px;background:#171817;display:flex;align-items:center;gap:6px;padding:0 10px;color:#aaa;font-size:8px}.web-browser-top i{width:6px;height:6px;border-radius:50%;background:#555}.web-browser-top span{margin-left:8px}
.web-browser-body{height:calc(100% - 28px);padding:16px;background:linear-gradient(180deg,#fff,#fbf8f5)}
.web-mini-nav{display:flex;align-items:center;gap:9px}.web-mini-nav b{display:grid;place-items:center;width:26px;height:22px;background:var(--brand);color:#111;font-size:12px}.web-mini-nav span{height:5px;width:36px;border-radius:99px;background:#ddd}.web-mini-nav span:nth-child(2){margin-left:auto}.web-mini-nav span:nth-child(4){width:24px}
.web-mini-copy{margin-top:28px;width:62%}.web-mini-copy small{font-size:7px;font-weight:900;letter-spacing:.12em;color:var(--brand)}.web-mini-copy strong{font-size:clamp(20px,2.1vw,34px);line-height:.94;display:block;letter-spacing:-.05em;margin-top:8px}.web-mini-copy em{color:var(--brand);font-style:normal}.web-mini-copy i{display:block;width:62px;height:18px;background:#111;border-radius:999px;margin-top:14px}
.web-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:absolute;left:16px;right:16px;bottom:14px}.web-mini-grid span{height:45px;border-radius:9px;background:#f0efec}.web-mini-grid span:nth-child(2){background:#ffe1d4}
.web-phone{position:absolute;right:4%;bottom:9%;width:105px;height:190px;background:#111;border:5px solid #111;border-radius:23px;color:#fff;padding:24px 12px 12px;box-shadow:0 20px 40px rgba(17,17,17,.25);transform:rotate(5deg);z-index:5;transition:.45s}.service-feature:hover .web-phone{transform:translate(7px,-8px) rotate(2deg)}.web-phone:after{content:"";position:absolute;inset:5px;border-radius:17px;background:linear-gradient(160deg,#1f201e,#ef5219);z-index:-1}.web-phone-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:37px;height:5px;border-radius:99px;background:#000}.web-phone small{font-size:7px;text-transform:uppercase;letter-spacing:.12em}.web-phone strong{font-size:17px;line-height:1.02;display:block;margin-top:16px}.web-phone span{position:absolute;right:12px;bottom:10px;font-size:22px}
.web-kpi{position:absolute;left:3%;top:5%;background:#111;color:#fff;border-radius:15px;padding:12px 15px;z-index:6;box-shadow:0 18px 36px rgba(17,17,17,.18);transition:.45s}.service-feature:hover .web-kpi{transform:translate(-6px,-8px)}.web-kpi small,.web-kpi span{display:block;color:#bbb;font-size:8px}.web-kpi strong{display:block;color:var(--brand);font-size:28px;line-height:1;margin:3px 0}

/* Make every service visual feel as interactive as the hero */
.visual-dashboard,.visual-search,.visual-social,.visual-flow,.visual-analytics{min-height:340px}
.visual-dashboard{padding:26px}.dash-number{margin-top:25px}.dash-number strong{font-size:60px}.dash-chart{height:95px;margin-top:14px}.dash-cards{margin-top:14px}
.visual-search{padding:30px}.rank-card{left:30px;right:30px;top:108px;padding:14px}.rank-two{top:190px;left:64px}.seo-arrow{right:30px;bottom:22px;font-size:72px}
.social-card{width:205px;height:225px;padding:20px}.s1{left:24px;top:58px}.s2{top:34px}.s3{right:24px;top:66px}.social-card strong{font-size:23px}
.flow-center{width:92px;height:92px;font-size:22px}.fc1,.fc2{top:42px}.fc3,.fc4{bottom:49px}.fc5{bottom:18px}
.visual-analytics{padding:28px}.ana-kpis{margin-top:24px}.ana-kpis strong{font-size:31px}.ana-line{height:145px;bottom:16px}

@media(max-width:1000px){.service-feature,.service-feature.reverse{grid-template-columns:1fr}.service-feature-visual{min-height:330px}}
@media(max-width:620px){.service-feature{margin-bottom:36px}.service-feature-copy{padding:22px 16px}.service-feature h3{font-size:34px}.service-feature-visual{min-height:300px}.web-browser{left:5%;right:7%;top:15%;bottom:15%}.web-phone{width:86px;height:160px}.web-kpi{padding:9px 11px}.social-card{width:155px;height:190px}.s1{left:10px}.s3{right:10px}.visual-dashboard,.visual-search,.visual-social,.visual-flow,.visual-analytics{min-height:300px}}

/* About page — homepage-matched interactive redesign */
.about-hero{padding:72px 0 56px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(239,82,25,.11),transparent 28%)}
.about-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}
.about-hero h1{font-size:clamp(58px,7vw,104px);line-height:.9;letter-spacing:-.065em;margin:14px 0 24px}.about-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--brand)}
.about-hero .lead{font-size:20px;line-height:1.5;color:var(--muted);max-width:650px}.about-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}.about-proof-row strong,.about-proof-row span{display:block}.about-proof-row strong{font-size:14px}.about-proof-row span{font-size:11px;color:var(--muted);margin-top:4px}
.about-hero-visual{height:520px;position:relative;perspective:1100px;transform-style:preserve-3d}.about-glow{position:absolute;width:360px;height:360px;border-radius:50%;right:28px;top:70px;background:radial-gradient(circle at 30% 30%,#fff,#ffb79d 45%,#ef5219);filter:blur(.2px);opacity:.9;transition:transform .18s ease-out}.about-system-card{position:absolute;left:11%;right:4%;top:94px;height:310px;background:#111;color:#fff;border-radius:28px;overflow:hidden;box-shadow:0 36px 80px rgba(17,17,17,.24);transition:transform .18s ease-out}.about-system-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #30312f}.about-system-top>span{width:7px;height:7px;background:#666;border-radius:50%}.about-system-top small{margin-left:auto;font-size:8px;letter-spacing:.15em;color:#999}.about-system-body{padding:30px}.about-system-body>p{font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--brand);margin:0 0 12px}.about-system-body>strong{font-size:39px;line-height:.98;letter-spacing:-.045em}.about-system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;position:absolute;left:30px;right:30px;bottom:28px}.about-system-grid i{font-style:normal;height:48px;border-radius:12px;background:#20211f;display:grid;place-items:center;font-size:9px;font-weight:900;letter-spacing:.12em;transition:.3s}.about-system-grid i:nth-child(2),.about-system-grid i:nth-child(5){background:var(--brand);color:#111}.about-system-card:hover .about-system-grid i{transform:translateY(-3px)}
.about-float{position:absolute;background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:18px;padding:14px 16px;box-shadow:0 18px 44px rgba(17,17,17,.13);transition:transform .18s ease-out;z-index:5}.about-float small,.about-float b,.about-float span{display:block}.about-float small{font-size:8px;letter-spacing:.16em;color:#888}.about-float b{font-size:15px;margin-top:5px}.about-float span{margin-top:9px;color:var(--brand)}.about-float-a{left:0;top:45px}.about-float-b{right:-8px;bottom:38px;background:var(--brand);color:#111}.about-float-b small{color:rgba(17,17,17,.6)}.about-float-b span{color:#111;letter-spacing:.25em}.about-orbit{position:absolute;border:1px solid rgba(239,82,25,.32);border-radius:50%;pointer-events:none}.about-orbit-a{width:96px;height:96px;right:-2px;top:54px}.about-orbit-b{width:72px;height:72px;left:22px;bottom:26px}
.about-story-section{padding-top:100px}.about-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.about-story-copy h2{font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.05em;margin:8px 0 24px}.about-story-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);max-width:570px}
.about-capability-board{min-height:430px;position:relative;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 50% 50%,#fff4ef,transparent 30%),#fff;overflow:hidden;transform-style:preserve-3d;transition:transform .22s ease,box-shadow .3s}.about-capability-board:hover{box-shadow:0 25px 60px rgba(17,17,17,.1)}.capability-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:28px;background:var(--brand);display:grid;place-items:center;font-size:46px;font-weight:900;z-index:3;box-shadow:0 18px 44px rgba(239,82,25,.26)}.capability-node{position:absolute;width:190px;padding:16px;border-radius:17px;background:#111;color:#fff;z-index:3;transition:.35s}.capability-node small,.capability-node b,.capability-node span{display:block}.capability-node small{font-size:8px;color:#999;letter-spacing:.14em}.capability-node b{font-size:17px;margin:5px 0}.capability-node span{font-size:10px;color:#aaa}.capability-node:hover{transform:translateY(-5px);background:var(--brand);color:#111}.capability-node:hover small,.capability-node:hover span{color:rgba(17,17,17,.6)}.node-1{left:28px;top:30px}.node-2{right:28px;top:34px}.node-3{left:28px;bottom:30px}.node-4{right:28px;bottom:30px}.capability-lines{position:absolute;inset:0;width:100%;height:100%}.capability-lines path{fill:none;stroke:#ef5219;stroke-width:1.5;stroke-dasharray:7 9;animation:aboutDash 14s linear infinite}@keyframes aboutDash{to{stroke-dashoffset:-180}}
.about-principles-section{padding-top:96px}.about-principles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.about-principle{min-height:310px;border:1px solid var(--line);background:#fff;border-radius:28px;padding:28px;position:relative;overflow:hidden;transition:.35s}.about-principle:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.about-principle>span{font-size:10px;color:#999}.principle-icon{position:absolute;right:24px;top:24px;width:58px;height:58px;border-radius:18px;background:#f0f0ec;display:grid;place-items:center;font-size:25px;transition:.35s}.about-principle:hover .principle-icon{background:var(--brand);transform:rotate(7deg) scale(1.05)}.about-principle h3{font-size:31px;line-height:1;letter-spacing:-.035em;margin:78px 0 14px;max-width:420px}.about-principle p{font-size:14px;color:var(--muted);max-width:490px}.about-principle>b{position:absolute;left:28px;bottom:26px;font-size:11px}
.about-global-section{overflow:hidden}.about-global-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center}.about-global-copy h2{font-size:clamp(48px,5.5vw,78px);line-height:.95;letter-spacing:-.055em;margin:10px 0 24px}.about-global-copy h2 em{font-style:normal;color:var(--brand)}.about-global-copy>p:last-child{color:#b9bbb5;max-width:470px}.about-network{height:430px;position:relative;border:1px solid #2b2d2a;border-radius:34px;background:radial-gradient(circle at center,rgba(239,82,25,.12),transparent 36%),#181917;overflow:hidden;transform-style:preserve-3d;transition:transform .22s}.network-ring{position:absolute;border:1px solid #3b3d39;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:230px;height:230px}.ring-two{width:360px;height:360px;border-style:dashed;animation:networkSpin 26s linear infinite}@keyframes networkSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.network-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;background:var(--brand);color:#111;border-radius:24px;display:grid;place-items:center;font-size:40px;font-weight:900;box-shadow:0 20px 45px rgba(239,82,25,.28)}.network-city{position:absolute;background:#fff;color:#111;border-radius:16px;padding:12px 14px;min-width:128px;transition:.3s;box-shadow:0 16px 34px rgba(0,0,0,.22)}.network-city:hover{transform:translateY(-5px) scale(1.03)}.network-city i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand);margin-right:6px}.network-city b{font-size:14px}.network-city span{display:block;margin:4px 0 0 16px;font-size:9px;color:#777}.city-pune{left:7%;top:16%}.city-ncr{right:7%;top:20%}.city-sydney{left:12%;bottom:15%}.city-dubai{right:10%;bottom:12%}
@media(max-width:1000px){.about-hero-grid,.about-story-grid,.about-global-grid{grid-template-columns:1fr}.about-hero-visual{height:480px}.about-story-grid{gap:36px}.about-network{height:400px}}
@media(max-width:700px){.about-hero{padding-top:46px}.about-hero h1{font-size:54px}.about-hero .lead{font-size:17px}.about-proof-row{grid-template-columns:1fr}.about-hero-visual{height:390px}.about-system-card{left:5%;right:3%;top:70px;height:260px}.about-system-body{padding:22px}.about-system-body>strong{font-size:30px}.about-system-grid{left:22px;right:22px;bottom:20px}.about-float-a{top:18px}.about-float-b{right:0;bottom:5px}.about-story-grid{grid-template-columns:1fr}.about-capability-board{min-height:500px}.capability-node{width:155px}.node-1,.node-3{left:12px}.node-2,.node-4{right:12px}.about-principles-grid{grid-template-columns:1fr}.about-principle{min-height:290px}.about-network{height:460px}.ring-two{width:310px;height:310px}.network-city{min-width:112px}.city-pune{left:4%;top:12%}.city-ncr{right:4%;top:17%}.city-sydney{left:5%;bottom:12%}.city-dubai{right:4%;bottom:10%}}

/* Work page — interactive visual system aligned with homepage/services/about */
.work-hero{padding:76px 0 72px;overflow:hidden}.work-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:58px;align-items:center}.work-hero h1{font-size:clamp(58px,7vw,104px);line-height:.9;letter-spacing:-.065em;margin:14px 0 24px}.work-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--brand)}.work-hero .lead{font-size:18px;color:var(--muted);max-width:610px}.work-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.work-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px;max-width:630px}.work-proof-row>div{border-top:1px solid var(--line);padding-top:13px}.work-proof-row strong,.work-proof-row span{display:block}.work-proof-row strong{font-size:16px}.work-proof-row span{font-size:10px;color:var(--muted);margin-top:3px}.work-hero-visual{height:530px;position:relative;perspective:1100px;transform-style:preserve-3d}.work-hero-glow{position:absolute;width:365px;height:365px;border-radius:50%;right:22px;top:55px;background:radial-gradient(circle at 30% 30%,#fff,#ffc3ae 43%,#ef5219);opacity:.88;transition:transform .18s ease-out}.work-browser{position:absolute;left:8%;right:3%;top:85px;height:326px;border-radius:28px;background:#111;color:#fff;overflow:hidden;box-shadow:0 36px 80px rgba(17,17,17,.24);transition:transform .18s ease-out}.work-browser-top{height:42px;border-bottom:1px solid #30312f;display:flex;align-items:center;gap:7px;padding:0 14px}.work-browser-top>span{width:7px;height:7px;border-radius:50%;background:#656565}.work-browser-top small{margin-left:auto;font-size:8px;letter-spacing:.12em;color:#92928e}.work-browser-body{position:absolute;inset:42px 0 0;background:linear-gradient(145deg,#fff 0 64%,#fff0ea 64%);color:#111;padding:22px;overflow:hidden}.work-browser-body:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-75px;bottom:-85px;background:linear-gradient(140deg,var(--brand),#ff9c78)}.work-browser-nav{display:flex;align-items:center;gap:8px;position:relative;z-index:2}.work-browser-nav b{width:27px;height:24px;display:grid;place-items:center;background:var(--brand);font-size:13px}.work-browser-nav i{height:5px;width:34px;border-radius:99px;background:#ddd}.work-browser-nav i:nth-child(2){margin-left:auto}.work-browser-copy{position:absolute;left:24px;top:78px;z-index:3}.work-browser-copy small{font-size:8px;letter-spacing:.15em;font-weight:900;color:var(--brand)}.work-browser-copy strong{display:block;font-size:42px;line-height:.9;letter-spacing:-.06em;margin-top:8px}.work-browser-copy strong em{font-style:normal;color:var(--brand)}.work-browser-copy>span{display:block;width:74px;height:21px;background:#111;border-radius:999px;margin-top:16px}.work-browser-panels{position:absolute;right:28px;bottom:24px;width:185px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;z-index:4}.work-browser-panels i{height:82px;border-radius:13px;background:#111}.work-browser-panels i:nth-child(2){background:#ef5219}.work-browser-panels i:nth-child(3){background:#f1b7a4}.work-float{position:absolute;z-index:6;background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:19px;padding:15px 17px;box-shadow:0 18px 40px rgba(17,17,17,.13);transition:transform .18s ease-out}.work-float small,.work-float strong,.work-float span{display:block}.work-float small{font-size:8px;letter-spacing:.14em;color:#888}.work-float strong{font-size:28px;line-height:1;margin:5px 0;color:var(--brand)}.work-float span{font-size:10px;font-weight:800}.work-float-a{left:0;top:28px}.work-float-b{right:-5px;bottom:34px;background:var(--brand);color:#111}.work-float-b strong{font-size:16px;color:#111}.work-float-b small{color:rgba(17,17,17,.58)}.work-orbit{position:absolute;border:1px solid rgba(239,82,25,.35);border-radius:50%;pointer-events:none}.work-orbit-a{width:105px;height:105px;right:0;top:58px}.work-orbit-b{width:72px;height:72px;left:22px;bottom:28px}
.work-showcase-section{padding-top:105px}.work-showcase-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work-project{grid-column:span 5;background:#171816;color:#fff;border-radius:30px;padding:16px;overflow:hidden;transition:transform .25s ease,box-shadow .3s ease;transform-style:preserve-3d}.work-project-large{grid-column:span 7}.work-project:hover{box-shadow:0 30px 60px rgba(17,17,17,.14)}.work-project-visual{height:340px;border-radius:22px;position:relative;overflow:hidden;background:#fff3ed;transform-style:preserve-3d}.work-project-meta{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:18px 7px 5px}.work-project-meta p{margin:0 0 4px;font-size:9px;letter-spacing:.14em;color:var(--brand);font-weight:900}.work-project-meta h3{font-size:21px;margin:0;letter-spacing:-.025em}.work-project-meta>span{font-size:9px;letter-spacing:.08em;color:#999;text-align:right}.project-browser-shell{position:absolute;left:7%;right:6%;top:38px;height:280px;background:#111;border-radius:18px;overflow:hidden;box-shadow:0 22px 45px rgba(17,17,17,.16);transition:.4s}.work-project:hover .project-browser-shell{transform:translateY(-5px) rotateX(1deg)}.project-browser-bar{height:32px;background:#111;color:#fff;display:flex;align-items:center;gap:5px;padding:0 10px}.project-browser-bar span{width:6px;height:6px;border-radius:50%;background:#666}.project-browser-bar small{margin-left:auto;font-size:7px;letter-spacing:.1em;color:#999}.project-web-body{position:absolute;inset:32px 0 0;background:linear-gradient(145deg,#fff 0 70%,#ffe4da 70%);color:#111;padding:17px}.project-web-nav{display:flex;gap:7px;align-items:center}.project-web-nav b{width:23px;height:21px;background:var(--brand);display:grid;place-items:center;font-size:11px}.project-web-nav i{width:25px;height:4px;background:#ddd;border-radius:99px}.project-web-nav i:nth-child(2){margin-left:auto}.project-web-copy{margin-top:29px}.project-web-copy small{font-size:7px;color:var(--brand);font-weight:900;letter-spacing:.13em}.project-web-copy strong{font-size:36px;line-height:.91;letter-spacing:-.055em;display:block;margin-top:7px}.project-web-copy em{display:block;width:65px;height:19px;background:#111;border-radius:999px;margin-top:14px}.project-web-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:43%;position:absolute;left:17px;bottom:16px}.project-web-cards i{height:43px;border-radius:9px;background:#f0f0ec}.project-device{position:absolute;right:4%;bottom:18px;width:105px;height:205px;background:#111;border:5px solid #111;border-radius:22px;color:#fff;padding:27px 8px 8px;z-index:5;box-shadow:0 18px 35px rgba(0,0,0,.2);transition:.4s}.work-project:hover .project-device{transform:translate(-6px,-5px) rotate(-2deg)}.device-notch{position:absolute;top:5px;left:34px;right:34px;height:7px;border-radius:10px;background:#444}.project-device b,.project-device span{display:block}.project-device b{font-size:13px;line-height:1}.project-device span{font-size:7px;color:#aaa;margin:5px 0 15px}.project-device i{display:block;height:22px;border-radius:7px;background:#252624;margin-top:6px}.project-device i:nth-of-type(2){background:var(--brand)}.project-kpi{position:absolute;left:3%;top:15px;background:#111;color:#fff;border-radius:15px;padding:12px 14px;z-index:6;box-shadow:0 16px 30px rgba(17,17,17,.18)}.project-kpi small,.project-kpi span{display:block;font-size:7px;color:#aaa}.project-kpi strong{display:block;font-size:24px;color:var(--brand);line-height:1;margin:3px 0}
.commerce-project{background:radial-gradient(circle at 72% 45%,#ff9d76,transparent 36%),#fff1eb}.commerce-phone{position:absolute;width:168px;height:300px;right:11%;top:20px;background:#fff;border:8px solid #111;border-radius:30px;padding:28px 13px 12px;box-shadow:0 24px 44px rgba(17,17,17,.2);transition:.4s}.work-project:hover .commerce-phone{transform:translateY(-6px) rotate(2deg)}.commerce-notch{position:absolute;left:54px;right:54px;top:7px;height:10px;border-radius:10px;background:#111}.commerce-top{display:flex;justify-content:space-between;font-size:13px;font-weight:900}.commerce-search{height:22px;border-radius:99px;background:#eee;margin:13px 0}.commerce-products{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.commerce-products i{height:73px;border-radius:10px;background:#f0f0ec}.commerce-products i:nth-child(2){background:#ffd2c2}.commerce-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:14px}.commerce-tabs i{height:24px;border-radius:8px;background:#f1f1ed}.commerce-card{position:absolute;left:5%;top:76px;width:180px;background:#111;color:#fff;border-radius:20px;padding:16px;box-shadow:0 20px 38px rgba(17,17,17,.2)}.commerce-card small,.commerce-card span{display:block;font-size:8px;color:#aaa}.commerce-card strong{font-size:31px;color:var(--brand)}.commerce-card>div{height:52px;display:flex;align-items:end;gap:6px;margin-top:12px}.commerce-card>div i{flex:1;background:#555;border-radius:4px 4px 0 0;height:34%}.commerce-card>div i:nth-child(2){height:53%}.commerce-card>div i:nth-child(3){height:72%;background:#b43c1d}.commerce-card>div i:nth-child(4){height:100%;background:var(--brand)}.commerce-badge{position:absolute;left:7%;bottom:23px;background:#fff;border-radius:14px;padding:10px 13px;font-size:9px;box-shadow:0 12px 26px rgba(17,17,17,.1)}.commerce-badge b{color:var(--brand)}
.marketing-project{background:linear-gradient(145deg,#fff6f1,#ffe2d6)}.marketing-dashboard{position:absolute;left:6%;right:7%;top:38px;height:248px;background:#fff;border-radius:20px;padding:17px;box-shadow:0 22px 44px rgba(17,17,17,.12);transition:.4s}.work-project:hover .marketing-dashboard{transform:translateY(-5px)}.marketing-head{display:flex;justify-content:space-between;font-size:11px}.marketing-head span{font-size:7px;color:var(--brand);font-weight:900}.marketing-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.marketing-kpis i{font-style:normal;background:#f3f3ef;border-radius:10px;padding:9px}.marketing-kpis small,.marketing-kpis b{display:block}.marketing-kpis small{font-size:6px;color:#888}.marketing-kpis b{font-size:16px}.marketing-kpis i:nth-child(2){background:#ffdccf}.marketing-kpis i:nth-child(3){background:#111;color:#fff}.marketing-chart{position:absolute;left:18px;right:18px;bottom:17px;height:100px;border-top:1px dashed #ddd}.marketing-chart>span{position:absolute;left:0;right:0;border-top:1px solid #eee}.marketing-chart>span:nth-child(1){top:25%}.marketing-chart>span:nth-child(2){top:50%}.marketing-chart>span:nth-child(3){top:75%}.marketing-chart svg{position:absolute;inset:0;width:100%;height:100%}.marketing-chart path{fill:none;stroke:var(--brand);stroke-width:4;stroke-linecap:round}.marketing-platforms{position:absolute;left:3%;bottom:18px;display:flex;gap:7px}.marketing-platforms i{font-style:normal;width:31px;height:31px;border-radius:9px;background:#111;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;box-shadow:0 10px 18px rgba(17,17,17,.12)}.marketing-platforms i:nth-child(2){background:var(--brand)}.marketing-growth{position:absolute;right:3%;bottom:18px;background:#111;color:#fff;border-radius:15px;padding:10px 13px}.marketing-growth small,.marketing-growth span{display:block;font-size:7px;color:#aaa}.marketing-growth strong{font-size:22px;color:var(--brand)}
.automation-project{background:linear-gradient(145deg,#fff3ed,#ffd9cb)}.automation-board{position:absolute;left:4%;right:5%;top:31px;height:264px;background:#111;color:#fff;border-radius:20px;padding:15px;box-shadow:0 22px 42px rgba(17,17,17,.2);transition:.4s}.work-project:hover .automation-board{transform:translateY(-4px)}.automation-head{display:flex;justify-content:space-between;align-items:center}.automation-head b{font-size:12px}.automation-head small{font-size:7px;color:var(--brand);letter-spacing:.12em}.automation-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.automation-columns section{background:#20211f;border-radius:12px;padding:9px}.automation-columns section>strong{font-size:8px;color:#aaa}.automation-columns section>i{font-style:normal;display:block;background:#2a2b28;border-radius:8px;padding:8px;margin-top:7px;transition:.3s}.automation-columns section>i:hover{background:var(--brand);color:#111;transform:translateY(-2px)}.automation-columns b,.automation-columns span{display:block}.automation-columns b{font-size:8px}.automation-columns span{font-size:6px;color:#aaa;margin-top:2px}.automation-columns section>i:hover span{color:rgba(17,17,17,.6)}.automation-flow{position:absolute;left:6%;bottom:16px;background:#fff;border-radius:14px;padding:10px 13px;display:flex;gap:7px;align-items:center;font-size:8px;font-weight:900;box-shadow:0 12px 24px rgba(17,17,17,.1)}.automation-flow span{color:var(--brand)}.automation-stat{position:absolute;right:4%;bottom:15px;background:var(--brand);color:#111;border-radius:14px;padding:9px 12px}.automation-stat small,.automation-stat span{display:block;font-size:7px}.automation-stat strong{font-size:22px;line-height:1}
.work-standard-section{overflow:hidden}.work-standard-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.work-standard-copy h2{font-size:clamp(48px,5.5vw,78px);line-height:.95;letter-spacing:-.055em;margin:9px 0 24px}.work-standard-copy h2 em{font-style:normal;color:var(--brand)}.work-standard-copy>p:last-child{max-width:480px;color:#b9bbb5}.work-standard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-standard-card{min-height:330px;border:1px solid #30312f;border-radius:24px;padding:23px;position:relative;background:#181917;transition:.35s}.work-standard-card:hover{transform:translateY(-7px);border-color:#4c4f49}.work-standard-card>span{font-size:9px;color:#777}.standard-icon{position:absolute;right:20px;top:20px;width:50px;height:50px;border-radius:15px;background:#262725;display:grid;place-items:center;font-size:21px;transition:.35s}.work-standard-card:hover .standard-icon{background:var(--brand);color:#111;transform:rotate(7deg)}.work-standard-card h3{font-size:23px;line-height:1.02;letter-spacing:-.03em;margin:75px 0 13px}.work-standard-card p{font-size:12px;color:#a9aaa5}.work-standard-card>b{position:absolute;bottom:22px;left:23px;font-size:9px;color:var(--brand)}
@media(max-width:1000px){.work-hero-grid,.work-standard-grid{grid-template-columns:1fr}.work-hero-visual{height:480px}.work-project,.work-project-large{grid-column:span 12}.work-standard-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.work-hero{padding-top:45px}.work-hero h1{font-size:54px}.work-proof-row{grid-template-columns:1fr}.work-hero-visual{height:400px}.work-browser{left:4%;right:2%;top:72px;height:270px}.work-browser-copy strong{font-size:32px}.work-browser-panels{width:130px}.work-float-a{top:12px}.work-float-b{bottom:4px}.work-project-visual{height:310px}.work-project-meta{display:block}.work-project-meta>span{display:block;text-align:left;margin-top:7px}.project-device{width:92px;height:184px}.project-web-copy strong{font-size:29px}.commerce-card{width:145px}.commerce-phone{right:4%;width:145px}.marketing-dashboard{left:3%;right:3%}.automation-columns{gap:5px}.automation-columns section{padding:6px}.work-standard-cards{grid-template-columns:1fr}.work-standard-card{min-height:270px}}