/* Reference-led refinement: indigo/blue, purple/pink and clean white space. */
:root{--ink:#101020;--blue:#5146ed;--night:#100a3d;--muted:#656577;--line:#e6e6f0;--indigo-gradient:linear-gradient(120deg,#5142eb,#387ff4);--pink-gradient:linear-gradient(120deg,#7a36ef,#e93fa9)}
.brand-mark{position:static;display:flex;align-items:center;justify-content:center;width:49px;height:34px;background:transparent;border:0;border-radius:0;overflow:visible}
.brand .brand-mark img{position:static;display:block;width:49px;height:34px;max-width:100%;object-fit:contain;border-radius:0}
.wordmark>span{color:#5146ed}
.hero-grid{padding:64px 0 68px;gap:65px}
.hero h1{font-size:clamp(56px,5.7vw,86px);line-height:1.045;letter-spacing:-4px;margin:28px 0 0}
/* A readable solid fallback; transparent glyphs only with supported clipping. */
.gradient-heading,.hero h1 .gradient-heading{color:#5146ed;background:none;-webkit-text-fill-color:currentColor}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .gradient-heading,.hero h1 .gradient-heading{background-image:var(--indigo-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
 #work .gradient-heading,#experts .gradient-heading,.premium-footer .gradient-heading{background-image:var(--pink-gradient)}
 .contact-intro h2 .gradient-heading{background-image:linear-gradient(110deg,#b9a2ff,#aad1ff)}
}
.hero-copy>p{margin:26px 0 28px;color:#656577;font-size:17px;line-height:1.8;max-width:510px}
.hero-copy .eyebrow{color:#17114f;background:#f3f2fc;border-color:#dcd8f0;font-size:10px;letter-spacing:.08em}
.brand-orbit{margin-top:0;width:460px;height:460px}
.orbit-center{display:grid;place-items:center;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;z-index:1}
.orbit-center img{display:block;width:242px;height:121px;object-fit:contain;border-radius:0;background:transparent;filter:drop-shadow(0 16px 22px #39218e18)}
.button.blue,.button.dark,.nav-cta{background:#100b4b;border:1px solid #5b5791;box-shadow:0 4px 16px #30238225}
.button.blue:hover,.button.dark:hover,.nav-cta:hover{background:#4237ca;box-shadow:0 7px 24px #5146ed30}
#services .services-grid{grid-template-columns:1fr;gap:24px}
#services .service-card.service-row{display:grid;grid-template-columns:39% 61%;padding:0;min-height:265px;border:1px solid #e4e3ec;border-radius:23px;overflow:hidden;box-shadow:0 2px 4px #1b154205;transform:none;background:#fff}
#services .service-card.service-row:hover{border-color:#afa3ed;box-shadow:0 12px 35px #35296810}
.service-feature{position:relative;padding:34px 36px;display:flex;flex-direction:column;color:#fff;background:var(--indigo-gradient);isolation:isolate}
.service-feature::after{content:attr(data-number);position:absolute;right:16px;bottom:8px;font-family:Sora,sans-serif;font-size:110px;font-weight:700;line-height:1;opacity:.12;z-index:-1}
#services .service-card-top{margin:0 0 23px;align-items:center}
#services .service-icon{background:#ffffff20;border:1px solid #ffffff40;color:#fff;border-radius:50%;width:39px;height:39px;font-size:22px}
#services .service-number{font-size:12px;letter-spacing:1px;color:#fff;background:#ffffff20;border:1px solid #ffffff50;border-radius:50px;padding:4px 12px}
#services .service-card h3{color:#fff;font-size:31px;line-height:1.22;font-weight:700;letter-spacing:-1px;margin:0;max-width:320px}
#services .service-card-bottom{width:fit-content;min-height:42px;margin-top:29px;padding:10px 17px;border-radius:50px;background:#fff;color:#15113e;letter-spacing:.7px;font-size:11px;gap:22px;box-shadow:0 3px 7px #17095c12}
#services .service-card-bottom>span:last-child{color:#171346;font-size:17px;line-height:1}
.service-summary{display:flex;justify-content:center;flex-direction:column;padding:34px 42px}
#services .service-summary>p{font-size:17px;color:#39384c;line-height:1.8;margin:0 0 21px}
#services .service-details{padding:20px 0 0;margin:0;border-top:1px solid #ededf5;grid-template-columns:100px 1fr;gap:12px 18px}
#services .service-details p{font-size:14px;color:#676679;margin:0;line-height:1.8}
#services .service-details>span{font-size:10px;color:#69648d;padding-top:4px}
.service-row[data-tone="pink"] .service-feature{background:var(--pink-gradient)}
.service-row[data-tone="teal"] .service-feature{background:linear-gradient(120deg,#0ba582,#16bba8)}
.service-row[data-tone="amber"] .service-feature{background:linear-gradient(120deg,#be5a12,#e39420)}
#services .service-row:nth-child(even){grid-template-columns:61% 39%}
#services .service-row:nth-child(even) .service-feature{order:2}
#services .service-row:nth-child(even) .service-summary{order:1}
.studio-grid{grid-template-columns:.88fr 1.2fr;gap:55px}
.team-card{background:#fff;border:1px solid #e7e4f1;border-radius:23px;padding:12px 12px 23px;overflow:hidden;box-shadow:0 6px 25px #21105105}
.team-photo,.team-card:first-child .team-photo{height:315px;margin:0 0 24px;border-radius:16px;position:relative;isolation:isolate;background:linear-gradient(145deg,#eeecff,#dfe7ff)}
.sadeeka-card .team-photo{background:linear-gradient(145deg,#f6eaff,#fce6f2)}
.team-photo::before{content:'';position:absolute;width:230px;height:230px;border:1px solid #ffffffa0;border-radius:50%;left:50%;top:32px;transform:translateX(-50%);z-index:-1;box-shadow:0 0 0 24px #ffffff25,0 0 0 48px #ffffff20}
.team-photo img,.team-card:first-child .team-photo img,.sadeeka-card .team-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;padding:16px 0 0}
.team-card>.label,.team-card h3,.team-card>p,.team-links{margin-left:11px;margin-right:11px}
.team-card>.label,.sadeeka-card .label{font-size:10px;letter-spacing:.55px;color:#6445b5}
.team-card h3{font-size:23px;font-weight:600}
.team-card>p{font-size:12px;line-height:1.7;margin-top:9px;color:#777286}
.team-links{padding-top:15px;margin-top:16px;gap:14px;border-top:1px solid #eee9f5}
.team-links a{font-size:11px;border:0;color:#494259}
.feedback-card{border-color:#e5e3ef;transition:transform .25s,box-shadow .25s}
.feedback-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #2514540e}
.feedback-card:nth-child(3n+1){border-top:3px solid #5860ef}
.feedback-card:nth-child(3n+2){border-top:3px solid #b74aca}
.feedback-card:nth-child(3n){border-top:3px solid #17b398}
.contact-section{background:linear-gradient(125deg,#151047,#241257)}
.contact-form #submitButton{background:var(--indigo-gradient)}
footer.premium-footer{padding:0 0 22px;background:#f8f8fd}
.footer-invitation{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:80px 10px 68px}
.footer-invitation .eyebrow{color:#77718e;font-size:10px;letter-spacing:1.6px}
.footer-invitation h2{font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-3px;margin:22px 0}
.footer-invitation p{font-size:15px;line-height:1.9;color:#7a7289}
.footer-start{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#100b4b;color:#fff;border:1px solid #61538a;flex-shrink:0;border-radius:50%;width:155px;height:155px;box-shadow:0 10px 32px #30238222;transition:transform .25s,background .25s}
.footer-start>span{font-size:58px;line-height:1.05;font-weight:400}
.footer-start strong{font-size:14px;font-weight:500}
.footer-start:hover{background:#5146ed;transform:rotate(-7deg)}
.footer-panel{padding:42px 42px 0;border-radius:30px;background:radial-gradient(ellipse at 95% 0,#342361 0,transparent 50%),#100b2c;color:#fff;border:1px solid #282041;overflow:hidden}
.premium-footer .footer-grid{padding:0 0 40px;grid-template-columns:1.75fr .9fr 1.15fr .85fr;gap:35px}
.footer-panel .wordmark{color:#fff;font-size:20px}.footer-panel .wordmark>span{color:#b795ff}
.footer-panel .brand{margin-bottom:19px}
.footer-panel p{color:#aaa0bd;font-size:13px;line-height:1.85;margin:0 0 23px}
.footer-panel .footer-grid a{color:#c2b9d3;font-size:13px;margin-bottom:12px;line-height:1.7;max-width:100%}
.footer-panel .footer-grid a:hover{color:#fff}
.footer-panel .footer-grid .email-link{color:#e7ddfa;font-size:13px;overflow-wrap:anywhere;margin-bottom:8px}
.footer-panel .footer-grid .label{display:block;color:#8f82aa;font-size:10px;letter-spacing:1.6px;margin:6px 0 24px}
.footer-location{font-size:11px;color:#897b9f;display:block;margin-top:20px}
.footer-panel .footer-grid a.footer-social{border-bottom:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:9px;margin-bottom:10px}
.footer-signature{display:flex;align-items:center;justify-content:flex-start;font-family:Sora,Arial,sans-serif;font-size:clamp(40px,8.6vw,117px);letter-spacing:-.075em;line-height:1;font-weight:700;padding:7px 0 31px;color:#504065;border-bottom:1px solid #ffffff15;white-space:nowrap}
.footer-signature>span:first-child{color:#8664bb}
.footer-spark{font-size:.8em;color:#b887fa;margin-left:auto;line-height:1}
.footer-panel .footer-bottom{border:0;padding:22px 0;font-size:10px;gap:20px;color:#8e80a7}
.footer-panel .footer-bottom a{color:#c0b1d6;font-size:11px;white-space:nowrap}
@media(max-width:1100px){.hero-grid{gap:32px}.hero h1{font-size:66px}.brand-orbit{width:380px;height:380px}.orbit-center img{width:218px;height:109px}.service-feature{padding:30px}.service-summary{padding:30px}.studio-grid{gap:30px}.team-photo,.team-card:first-child .team-photo{height:275px}.footer-panel{padding:32px 30px 0}.premium-footer .footer-grid{gap:23px;grid-template-columns:1.5fr .8fr 1fr .8fr}.footer-invitation h2{font-size:54px}}
@media(max-width:850px){.hero h1{font-size:52px;letter-spacing:-2.8px}.brand-orbit{width:320px;height:320px}.orbit-center img{width:190px;height:95px}.hero-copy>p{font-size:15px}.studio-grid{grid-template-columns:1fr;gap:34px}.team-photo,.team-card:first-child .team-photo{height:330px}.service-feature{padding:25px}#services .service-card h3{font-size:25px}.service-summary{padding:27px}#services .service-summary>p{font-size:15px}.premium-footer .footer-grid{grid-template-columns:1.4fr 1fr;gap:33px}.footer-invitation h2{font-size:48px}.footer-invitation{gap:30px}.footer-start{width:126px;height:126px}.footer-signature{font-size:9.2vw}}
@media(max-width:620px){.hero-grid{grid-template-columns:1fr;gap:28px;padding:43px 0 40px}.hero h1{font-size:clamp(43px,12.8vw,64px);letter-spacing:-2.7px;margin-top:24px}.hero-copy>p{font-size:16px;margin:24px 0}.hero-copy .eyebrow{font-size:9px}.brand-orbit{width:310px;height:310px;margin-top:3px}.orbit-center img{width:183px;height:92px}.brand-mark,.brand .brand-mark img{width:38px;height:27px}.wordmark{font-size:16px}#services .services-grid{gap:22px}#services .service-card.service-row,#services .service-row:nth-child(even){grid-template-columns:1fr;min-height:0;border-radius:20px}#services .service-row:nth-child(even) .service-feature,#services .service-row:nth-child(even) .service-summary{order:initial}.service-feature{padding:26px}#services .service-card-top{margin-bottom:19px}#services .service-card h3{font-size:28px;max-width:none}#services .service-card-bottom{margin-top:23px;min-height:42px}.service-summary{padding:26px}#services .service-summary>p{font-size:15px;margin-bottom:19px}#services .service-details{grid-template-columns:85px 1fr;gap:10px 12px}#services .service-details p{font-size:13px}.team-grid{gap:15px}.team-card{padding:8px 8px 20px;border-radius:18px}.team-photo,.team-card:first-child .team-photo{height:230px;border-radius:12px;margin-bottom:20px}.team-photo img,.team-card:first-child .team-photo img,.sadeeka-card .team-photo img{padding-top:12px}.team-photo::before{width:135px;height:135px;top:24px;box-shadow:0 0 0 17px #ffffff25,0 0 0 34px #ffffff20}.team-card>.label,.team-card h3,.team-card>p,.team-links{margin-left:6px;margin-right:6px}.team-card>.label,.sadeeka-card .label{font-size:8px;line-height:1.6}.team-card h3{font-size:18px}.team-card>p{font-size:10px}.team-links{gap:10px}.team-links a{font-size:10px}.footer-invitation{padding:54px 0 43px;align-items:flex-start;flex-direction:column;gap:25px}.footer-invitation .eyebrow{font-size:8px;letter-spacing:1.3px}.footer-invitation h2{font-size:40px;letter-spacing:-2px;margin:19px 0}.footer-invitation p{font-size:13px}.footer-invitation p br{display:none}.footer-start{flex-direction:row;width:auto;height:auto;border-radius:50px;min-height:48px;padding:10px 20px;gap:16px}.footer-start>span{font-size:25px;order:2}.footer-start:hover{transform:none}.footer-panel{padding:27px 22px 0;border-radius:23px}.premium-footer .footer-grid{grid-template-columns:1fr 1fr;gap:29px 20px;padding-bottom:30px}.footer-panel .footer-grid>.footer-identity{grid-column:1/-1}.footer-panel .brand{margin-bottom:17px}.footer-panel p{font-size:12px;margin-bottom:18px}.footer-panel .footer-grid a{font-size:12px;margin-bottom:10px}.footer-panel .footer-grid .label{font-size:9px;margin:0 0 17px;letter-spacing:1.2px}.footer-location{font-size:10px;margin-top:14px}.footer-signature{font-size:clamp(32px,8vw,47px);letter-spacing:-.07em;padding:0 0 24px}.footer-spark{font-size:.75em}.footer-panel .footer-bottom{flex-wrap:wrap;align-items:center;gap:14px;padding:20px 0;font-size:9px}.footer-bottom>span:nth-child(2){display:none}.footer-panel .footer-bottom a{margin-left:auto;font-size:10px}footer.premium-footer{padding-bottom:104px}}
@media(max-width:360px){.hero h1{font-size:43px}.brand-mark,.brand .brand-mark img{width:31px;height:25px}.wordmark{font-size:14px}.brand-orbit{width:278px;height:278px}.orbit-center img{width:164px;height:82px}.team-photo,.team-card:first-child .team-photo{height:202px}.footer-invitation h2{font-size:35px}.footer-panel{padding:25px 18px 0}.footer-signature{font-size:8vw}.team-links{gap:7px}.team-links a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.footer-start,.feedback-card{transition:none}.footer-start:hover,.feedback-card:hover{transform:none}}
@media(forced-colors:active){.gradient-heading,.hero h1 .gradient-heading{-webkit-text-fill-color:CanvasText;background:none;color:CanvasText}.service-feature,.footer-panel{border:1px solid CanvasText}}
/* Keep the contact column and CTA predictable on narrow screens. */
.footer-grid>div{min-width:0}.footer-start strong{white-space:nowrap}
#services .service-card-bottom{align-self:flex-start}.hero-copy>.eyebrow{width:fit-content;max-width:100%}
@media(max-width:620px){.footer-panel .footer-grid>.footer-identity{grid-column:1 / 3}.footer-start{align-self:flex-start}}