:root{--navy:#061222;--navy2:#0a1930;--ink:#0b1930;--muted:#647087;--blue:#2c64ff;--cyan:#63dbff;--ivory:#f5f6f2;--white:#fff;--line:#dfe4eb;--radius:22px;--shadow:0 22px 60px rgba(14,30,60,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px/1.65 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.logo{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,6.2vw,92px);line-height:.99;letter-spacing:-.055em}h2{font-size:clamp(36px,4vw,60px);line-height:1.06;letter-spacing:-.045em}h3{font-size:20px;line-height:1.25;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}svg{width:21px;height:21px}.skip-link{position:fixed;z-index:1000;left:12px;top:-60px;background:#fff;padding:12px}.skip-link:focus{top:12px}.site-header{height:84px;position:fixed;top:0;left:0;right:0;z-index:100;transition:.3s;border-bottom:1px solid transparent}.site-header.scrolled{height:72px;background:rgba(6,18,34,.93);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)}.nav-wrap{max-width:1400px;height:100%;margin:auto;padding:0 4vw;display:flex;align-items:center;gap:34px}.logo{display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;font-size:17px;white-space:nowrap}.logo b{font-weight:800}.logo-mark{width:37px;height:37px;display:grid;place-items:center;background:var(--blue);border-radius:10px;color:#fff;font-weight:800;font-size:16px;letter-spacing:-4px;padding-right:4px}.logo-mark span{color:var(--cyan)}.desktop-nav{display:flex;align-items:center;gap:27px;margin-left:auto}.desktop-nav a{color:#b5c1d2;font-size:13px;font-weight:600;transition:.2s}.desktop-nav a:hover{color:#fff}.nav-cta .btn{padding:12px 17px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 21px;background:var(--blue);color:#fff;border-radius:10px;font-weight:700;font-size:13px;box-shadow:0 8px 24px rgba(44,100,255,.22);cursor:pointer;transition:.25s}.btn svg,.text-link svg{width:17px;transition:.25s}.btn:hover{background:#1d51dd;transform:translateY(-2px)}.btn:hover svg,.text-link:hover svg{transform:translateX(4px)}.btn-outline{background:transparent;border:1px solid currentColor;box-shadow:none}.hero .btn-outline,.product-feature .btn-outline,.cta .btn-outline{color:#fff;border-color:rgba(255,255,255,.3)}.hero .btn-outline:hover,.product-feature .btn-outline:hover,.cta .btn-outline:hover{background:rgba(255,255,255,.08)}.menu-btn,.mobile-panel{display:none}.hero{min-height:790px;height:100vh;position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:130px 4vw 70px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,rgba(44,100,255,.18),transparent 30%),linear-gradient(120deg,#061222 35%,#081832 100%)}.hero-noise{position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.hero-inner{position:relative;z-index:2;max-width:1400px;height:100%;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:4vw}.hero-copy{max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-weight:800;font-size:11px;letter-spacing:.17em;margin-bottom:20px}.eyebrow.light{color:#8fc8ff}.eyebrow i{display:block;width:7px;height:7px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 0 4px rgba(99,219,255,.1)}.hero h1 em,.product-feature h2 em,.cta h2 em{font-style:normal;color:#82dfff}.hero h1{margin-bottom:28px}.hero-copy>p{font-size:18px;color:#aebbd0;max-width:610px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.trust-row{display:flex;gap:0;flex-wrap:wrap;margin-top:52px;color:#7f8da3;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.trust-row span{padding:0 16px;border-right:1px solid #30405a}.trust-row span:first-child{padding-left:0}.hero-visual{position:relative}.hero-visual img{width:125%;max-width:none;margin-left:-12%;display:block;filter:saturate(.9);mix-blend-mode:screen}.orb{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;background:#224fc7;filter:blur(100px);opacity:.18;left:30%;top:15%}.floating-note{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(8,23,46,.72);backdrop-filter:blur(12px);font-size:11px;color:#9eabc0;box-shadow:0 20px 30px rgba(0,0,0,.2);animation:float 4s ease-in-out infinite}.floating-note b{display:block;color:#fff}.floating-note svg{color:var(--cyan)}.note-one{top:18%;left:7%}.note-two{right:-4%;bottom:18%;animation-delay:-2s}.scroll-cue{position:absolute;z-index:2;bottom:28px;left:4vw;color:#748199;text-transform:uppercase;font-size:9px;letter-spacing:.2em;display:flex;gap:10px;align-items:center}.scroll-cue span{width:28px;height:1px;background:#5a6a84}.section{max-width:1400px;margin:auto;padding:110px 4vw}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.section-head{max-width:700px}.section-head h2{margin-bottom:18px}.section-head>p{color:var(--muted);font-size:17px;max-width:630px}.lead-copy{font-size:18px;color:#445269;padding-top:35px}.triad{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line)}.triad article{padding:36px 28px;border-right:1px solid var(--line);position:relative}.triad article:first-child{padding-left:0}.triad article:last-child{border:0}.triad article>span{position:absolute;right:24px;color:#aab3c1;font-size:11px}.icon-box{width:45px;height:45px;border-radius:12px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;margin-bottom:24px}.triad p,.service-card p,.benefit-grid p{color:var(--muted)}.services-section{max-width:none;background:var(--ivory);padding-left:max(4vw,calc((100% - 1400px)/2 + 4vw));padding-right:max(4vw,calc((100% - 1400px)/2 + 4vw))}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-top>.btn{color:var(--ink)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{background:#fff;border:1px solid #e3e7eb;border-radius:var(--radius);padding:30px;position:relative;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#cdd8f0}.card-num{position:absolute;right:28px;top:30px;color:#abb4c1;font-size:11px}.service-card p{min-height:74px}.service-card ul{list-style:none;margin:22px 0;padding:20px 0;border-top:1px solid #e8ebef;display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12px;color:#48566b}.service-card li{display:flex;align-items:center;gap:6px}.service-card li svg{width:13px;color:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:800}.product-feature{max-width:none;min-height:690px;background:#071529;color:#fff;padding-left:max(4vw,calc((100% - 1400px)/2 + 4vw));padding-right:max(4vw,calc((100% - 1400px)/2 + 4vw));display:grid;grid-template-columns:.85fr 1fr;gap:8vw;align-items:center;overflow:hidden}.product-copy p{color:#aeb9ca;font-size:17px;max-width:570px}.product-pills{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.product-pills span{border:1px solid #263957;border-radius:100px;padding:7px 12px;color:#9babc1;font-size:11px}.sports-ui{min-height:470px;border:1px solid rgba(255,255,255,.15);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));padding:24px;position:relative;transform:perspective(1000px) rotateY(-5deg);box-shadow:40px 60px 100px rgba(0,0,0,.35)}.sport-top{display:flex;align-items:center;gap:10px;color:#acb8ca;font-size:11px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:18px}.mini-logo{background:#35b7d5;color:#061222;padding:6px;border-radius:7px;font-weight:900}.live-dot{margin-left:auto;border:1px solid #3b4d68;padding:5px 9px;border-radius:20px}.profile-card,.media-tile,.match-card{position:absolute;border:1px solid rgba(255,255,255,.13);background:rgba(6,18,34,.8);border-radius:16px;padding:18px}.profile-card{top:100px;left:25px;width:60%;display:flex;align-items:center;gap:13px}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#71d5f7,#415cff);font-weight:800}.profile-card h4{margin:0 0 3px}.profile-card p{margin:0;color:#8e9eb3;font-size:11px}.verified{margin-left:auto;color:#64dcff}.media-tile{top:210px;left:25px;width:43%;height:175px;background:linear-gradient(135deg,#183a62,#1b2260);display:flex;align-items:flex-end;gap:13px}.media-tile>span{width:42px;height:42px;display:grid;place-items:center;background:rgba(255,255,255,.16);border-radius:50%}.media-tile small{display:block;color:#92a4bb}.match-card{right:-25px;top:145px;width:50%;box-shadow:0 30px 60px rgba(0,0,0,.3)}.match-card>span{font-size:10px;color:#7c8da3}.match-card h4{font-size:18px;margin:10px 0 25px}.match-card div span{font-size:10px;color:#62d6eb}.match-card i{height:5px;display:block;background:#25344c;border-radius:4px;margin-top:8px}.match-card i b{display:block;width:92%;height:100%;background:#59d8f4;border-radius:4px}.sport-stat{position:absolute;bottom:24px;right:25px;display:flex;flex-direction:column;align-items:end;color:#7f90a7}.sport-stat b{color:#fff;font-size:22px}.industries .section-head{text-align:center;margin:auto}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:55px}.industry-grid div{height:115px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px;display:flex;align-items:end;gap:10px;position:relative;transition:.25s}.industry-grid div:hover{background:var(--navy);color:#fff}.industry-grid span{position:absolute;top:14px;font-size:9px;color:#9ba5b3}.industry-grid svg{margin-left:auto;width:17px}.process{max-width:none;background:var(--ivory);padding-left:max(4vw,calc((100% - 1400px)/2 + 4vw));padding-right:max(4vw,calc((100% - 1400px)/2 + 4vw));overflow:hidden}.timeline{display:grid;grid-template-columns:repeat(7,210px);overflow-x:auto;margin-top:55px;padding-bottom:20px}.timeline article{padding:30px 24px 20px 0;border-top:1px solid #c9d0d9;position:relative}.timeline article:before{content:'';position:absolute;width:9px;height:9px;top:-5px;background:var(--blue);border-radius:50%}.timeline span{font-size:11px;color:var(--blue)}.timeline h3{margin-top:28px}.timeline p{font-size:12px;color:var(--muted)}.why-panel{background:#eaf0ff;border-radius:30px;padding:70px;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.why-intro .btn{color:var(--ink)}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.benefit-grid article{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.8);padding:25px;border-radius:16px}.benefit-grid h3{font-size:16px}.benefit-grid p{font-size:12px;margin:0}.benefit-grid .icon-box{width:36px;height:36px;margin-bottom:15px;background:#fff}.benefit-grid svg{width:17px}.tech .section-head{text-align:center;margin:auto}.tech-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:55px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.tech-grid article{padding:27px 22px;border-right:1px solid var(--line);background:#fff}.tech-grid article:last-child{border:0}.tech-grid span{font-size:10px;color:#9da7b5}.tech-grid h3{margin:32px 0 20px}.tech-grid p{font-size:12px;color:var(--muted);margin:7px 0}.work{max-width:none;background:var(--navy);color:#fff;padding-left:max(4vw,calc((100% - 1400px)/2 + 4vw));padding-right:max(4vw,calc((100% - 1400px)/2 + 4vw))}.work .section-head p{color:#9aa8bd}.work .section-top>.btn{color:#fff}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.project-card{grid-column:span 4;background:#0c1b31;border:1px solid #20304a;border-radius:20px;overflow:hidden}.project-art{height:260px;padding:32px;background:linear-gradient(135deg,#275edd,#7f66e7);overflow:hidden}.art-1{background:linear-gradient(135deg,#0d8ca3,#45c997)}.art-2{background:linear-gradient(135deg,#9b5838,#efb65d)}.art-3{background:linear-gradient(135deg,#7f3db4,#db70a9)}.art-4{background:linear-gradient(135deg,#1f6e7d,#74b8d7)}.mock-window{height:100%;background:rgba(255,255,255,.9);border-radius:12px;padding:14px;box-shadow:0 25px 35px rgba(0,0,0,.2);transform:rotate(-4deg) translateY(12px)}.mock-window i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9ba5b4;margin-right:3px}.mock-window div{height:18px;width:55%;background:#dfe5ed;border-radius:4px;margin:25px 0 12px}.mock-window span{display:block;width:100%;height:80px;border-radius:7px;background:linear-gradient(120deg,#e5eaf2,#bfccec)}.project-info{padding:25px}.project-info>span,.project-info small{font-size:10px;color:#74d9ef;text-transform:uppercase;letter-spacing:.1em}.project-info p{font-size:13px;color:#9aa7ba}.project-info small{display:block;color:#6f7e93;margin:20px 0}.cta{border-radius:30px;background:linear-gradient(110deg,#245bfa,#173ac1);color:#fff;padding:65px;display:flex;justify-content:space-between;align-items:end;gap:50px;box-shadow:0 30px 70px rgba(28,77,220,.2);position:relative;overflow:hidden}.cta:after{content:'';position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-100px;top:-220px}.cta h2{margin-bottom:15px}.cta p{color:#c9d8ff;margin:0}.cta>div:last-child{display:flex;gap:10px;flex-shrink:0;position:relative;z-index:1}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.contact-details{display:grid;gap:16px;margin-top:45px}.contact-details>div{display:flex;gap:15px;align-items:center}.contact-details svg{color:var(--blue)}.contact-details span{font-size:11px;color:var(--muted)}.contact-details b{display:block;color:var(--ink);font-size:13px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--ivory);border-radius:24px;padding:35px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:11px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce1e7;border-radius:9px;background:#fff;padding:13px 14px;color:var(--ink);outline:none}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(44,100,255,.1)}.form-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.form-footer p{font-size:10px;color:var(--muted);margin:0}.form-footer a{color:var(--blue)}.form-status{grid-column:1/-1;font-size:12px}.form-status.success{color:#087e4c}.form-status.error{color:#b22525}footer{background:#050f1e;color:#fff;padding:80px 4vw 25px}.footer-top{max-width:1400px;margin:auto;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:55px}.footer-brand p{color:#7f8da2;max-width:280px;margin-top:24px}.socials{display:flex;gap:7px;margin-top:25px}.socials a{width:32px;height:32px;border:1px solid #25344a;border-radius:8px;display:grid;place-items:center;font-size:10px;color:#9ba8bb}.footer-col h3{font-size:12px;color:#fff;margin-bottom:20px}.footer-col a{display:block;color:#77869b;font-size:12px;margin:10px 0}.footer-col a:hover{color:#fff}.footer-bottom{max-width:1400px;margin:60px auto 0;border-top:1px solid #1b283a;padding-top:24px;display:flex;justify-content:space-between;color:#5f6c7e;font-size:10px}.page-hero{min-height:560px;background:var(--navy);color:#fff;display:flex;align-items:flex-end;padding:160px max(4vw,calc((100% - 1400px)/2 + 4vw)) 90px;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;width:600px;height:600px;background:#1845c3;filter:blur(140px);opacity:.25;right:-100px;top:0}.page-hero>div{position:relative;z-index:1;max-width:950px}.page-hero h1{font-size:clamp(50px,6vw,84px);margin-bottom:24px;text-transform:capitalize}.page-hero p{font-size:19px;color:#aab7ca;max-width:680px}.services-page{background:var(--ivory);max-width:none;padding-left:max(4vw,calc((100% - 1400px)/2 + 4vw));padding-right:max(4vw,calc((100% - 1400px)/2 + 4vw))}.service-detail{display:grid;grid-template-columns:1.4fr .6fr;gap:10vw}.detail-main>p{font-size:18px;color:var(--muted);max-width:720px}.deliver-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.deliver-grid div{border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;align-items:center;gap:10px;font-weight:600}.deliver-grid svg{color:var(--blue)}.service-detail aside{background:var(--ivory);padding:32px;border-radius:20px;align-self:start}.service-detail aside p{color:var(--muted)}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{list-style:none;cursor:pointer;font-weight:700;font-size:16px;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq details p{color:var(--muted);max-width:700px}.product-page-wrap .product-feature{margin:0}.split-audience{display:grid;grid-template-columns:1fr 1fr;gap:18px}.audience-card{padding:50px;border:1px solid var(--line);border-radius:24px}.audience-card.recruiter{background:var(--navy);color:#fff}.audience-card>p{color:var(--muted);font-size:16px}.recruiter>p{color:#9eacc0}.audience-card>div{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:12px 0;font-size:13px}.recruiter>div{border-color:#24344d}.audience-card>div svg{color:var(--blue);width:16px}.audience-card .btn{margin-top:25px}.two-process{background:var(--ivory);max-width:none;padding-left:max(4vw,calc((100% - 1400px)/2 + 4vw));padding-right:max(4vw,calc((100% - 1400px)/2 + 4vw))}.journey{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.journey>div{background:#fff;border-radius:20px;padding:35px}.journey p{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600}.journey p span{color:var(--blue);font-size:11px}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.about-story>div:first-child>p{font-size:18px;color:var(--muted)}.quote-block{background:#eaf0ff;border-radius:24px;padding:50px}.quote-block span{color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.15em}.quote-block h2{font-size:38px;margin-top:25px}.portfolio-full .project-card{grid-column:span 6}.portfolio-full .project-card:last-child{grid-column:4/span 6}.not-found{text-align:center}.legal{max-width:900px}.legal h2{font-size:28px;margin-top:45px}.legal p{color:var(--muted);font-size:16px}.notice{padding:20px;border:1px solid #f0d7a4;background:#fff8e9;border-radius:12px;color:#795a1d!important}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--delay,0ms)}.reveal.in{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-9px)}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-btn{display:grid;place-items:center;margin-left:auto;background:transparent;border:0;color:#fff}.nav-cta{display:none}.mobile-panel{display:flex;position:fixed;inset:72px 0 auto 0;background:#071222;padding:20px 4vw 30px;flex-direction:column;gap:18px;color:#fff;transform:translateY(-130%);transition:.3s;z-index:-1}.menu-open .mobile-panel{transform:none}.mobile-panel .btn{margin-top:10px}.hero-inner{grid-template-columns:1fr}.hero{height:auto;min-height:100vh;padding-top:150px}.hero-copy{max-width:780px}.hero-visual{max-width:760px;margin:auto}.service-grid{grid-template-columns:1fr 1fr}.product-feature{grid-template-columns:1fr 1fr;gap:4vw}.why-panel{padding:50px;grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(3,1fr)}.tech-grid article:nth-child(3){border-right:0}.tech-grid article{border-bottom:1px solid var(--line)}.project-card{grid-column:span 6}.project-card:last-child{grid-column:4/span 6}.contact{gap:5vw}}
@media(max-width:760px){h1{font-size:49px}.section{padding:78px 20px}.site-header{height:70px}.nav-wrap{padding:0 20px}.hero{padding:125px 20px 65px;min-height:auto}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-actions .btn{flex:1;white-space:nowrap}.trust-row{margin-top:35px;gap:9px}.trust-row span{border:0;padding:0}.hero-visual img{width:135%;margin:20px 0 0 -18%}.floating-note{display:none}.scroll-cue{display:none}.intro-grid,.service-detail,.faq,.about-story{grid-template-columns:1fr;gap:25px}.triad{grid-template-columns:1fr}.triad article,.triad article:first-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.section-top{align-items:start;flex-direction:column}.service-grid{grid-template-columns:1fr}.service-card p{min-height:auto}.product-feature{padding:80px 20px;grid-template-columns:1fr}.sports-ui{min-height:440px;transform:none}.match-card{right:-10px}.industry-grid{grid-template-columns:1fr 1fr}.industry-grid div{height:95px}.why-panel{padding:35px 20px;border-radius:20px}.benefit-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:1fr 1fr}.tech-grid article:nth-child(3){border-right:1px solid var(--line)}.tech-grid article:nth-child(even){border-right:0}.project-card,.project-card:last-child,.portfolio-full .project-card,.portfolio-full .project-card:last-child{grid-column:span 12}.cta{padding:40px 25px;align-items:start;flex-direction:column}.cta>div:last-child{width:100%;flex-direction:column}.contact{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr;padding:24px}.field{grid-column:1}.form-footer{align-items:start;flex-direction:column}.form-footer .btn{width:100%}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{gap:15px;flex-direction:column}.page-hero{min-height:480px;padding:140px 20px 65px}.page-hero h1{font-size:49px}.deliver-grid,.split-audience,.journey{grid-template-columns:1fr}.audience-card{padding:30px 22px}.quote-block{padding:30px 24px}.quote-block h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.floating-note{animation:none}}

/* Light silk theme — bright, tactile and editorial */
:root{--navy:#111827;--navy2:#172033;--ink:#172033;--muted:#667085;--blue:#1557ff;--cyan:#0e9fbd;--coral:#ff604b;--mint:#77d7a8;--ivory:#f7f5ef;--white:#fff;--line:#e7e4dc;--radius:24px;--shadow:0 24px 70px rgba(33,42,68,.11)}
body{background:#fcfbf8;color:var(--ink);font-family:'DM Sans',sans-serif}
h1,h2,h3,.logo{font-family:'Plus Jakarta Sans',sans-serif}
body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 8% 8%,rgba(119,215,168,.13),transparent 24%),radial-gradient(circle at 90% 18%,rgba(255,96,75,.1),transparent 21%),linear-gradient(#fcfbf8,#fff 45%,#faf9f5)}
.site-header{height:90px;background:rgba(252,251,248,.78);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(27,40,64,.06)}
.site-header.scrolled{height:76px;background:rgba(255,255,255,.9);border-color:var(--line);box-shadow:0 10px 40px rgba(31,43,67,.06)}
.scroll-progress{position:absolute;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--blue),var(--coral),var(--mint));transition:width .1s linear}
.logo{color:var(--ink);gap:12px}.brand-symbol{width:45px;height:45px;color:var(--blue);filter:drop-shadow(0 8px 15px rgba(21,87,255,.14))}.brand-name{display:flex;flex-direction:column;font-size:16px;line-height:1.05;letter-spacing:-.03em}.brand-name b{font-weight:800}.brand-name small{font:600 7px/1 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#8b93a2;margin-top:5px}
.desktop-nav{background:#fff;border:1px solid #ece9e1;border-radius:999px;padding:6px 8px;box-shadow:0 8px 30px rgba(31,43,67,.06)}.desktop-nav a{color:#626a78;padding:7px 9px;border-radius:999px;position:relative}.desktop-nav a:hover{color:var(--ink);background:#f4f2ec}.nav-cta .btn{border-radius:999px}.menu-btn{color:var(--ink)}
.btn{background:var(--ink);box-shadow:0 9px 24px rgba(23,32,51,.16);border-radius:999px;position:relative;overflow:hidden}.btn:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.28),transparent 80%);transform:translateX(-110%);transition:.55s}.btn:hover{background:var(--blue);box-shadow:0 14px 28px rgba(21,87,255,.22)}.btn:hover:before{transform:translateX(110%)}.btn-outline{color:var(--ink);border-color:#cfd4dd;background:rgba(255,255,255,.45)}.btn-outline:hover{color:#fff;border-color:var(--blue)}
.hero{min-height:850px;background:#f8f6f0;color:var(--ink);padding-top:145px;border-bottom:1px solid var(--line)}.hero:before{background:radial-gradient(circle at 12% 25%,rgba(119,215,168,.22),transparent 24%),radial-gradient(circle at 76% 26%,rgba(21,87,255,.11),transparent 25%),radial-gradient(circle at 68% 85%,rgba(255,96,75,.13),transparent 20%)}.hero:after{content:'';position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(23,32,51,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,51,.045) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero-noise{opacity:.1}.eyebrow.light{color:var(--blue)}.hero h1{font-size:clamp(52px,6.5vw,98px);font-weight:700;letter-spacing:-.065em;max-width:820px}.hero h1 em{color:var(--blue);background:linear-gradient(90deg,var(--blue),#6957de 60%,var(--coral));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{color:#596577;font-size:18px;max-width:630px}.hero .btn-outline{color:var(--ink);border-color:#bac1cc;background:rgba(255,255,255,.6)}.hero .btn-outline:hover{color:#fff;background:var(--blue);border-color:var(--blue)}.trust-row{color:#747e8d}.trust-row span{border-color:#cbd0d8}.hero-visual{padding:12px;border:1px solid #dedbd2;border-radius:32px;background:rgba(255,255,255,.75);box-shadow:0 35px 90px rgba(29,44,78,.14);transition:transform .18s ease;animation:visualEnter .9s .2s both}.hero-visual img{width:100%;margin:0;border-radius:22px;mix-blend-mode:normal;display:block}.hero-visual:after{content:'';position:absolute;inset:-15px;border:1px solid rgba(21,87,255,.14);border-radius:39px;z-index:-1;animation:ringPulse 3.5s ease-in-out infinite}.orb{background:#557bf0;opacity:.14}.floating-note{color:#667085;background:rgba(255,255,255,.86);border-color:rgba(23,32,51,.11);box-shadow:0 18px 45px rgba(30,40,65,.13)}.floating-note b{color:var(--ink)}.floating-note svg{color:var(--blue)}.note-one{left:-4%}.note-two{right:-3%}.scroll-cue{color:#697385}.scroll-cue span{background:#8c95a3}
.section-head h2{font-weight:700}.section-head h2:after{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--coral);margin-left:9px;vertical-align:.7em}.eyebrow{color:var(--blue)}.intro{position:relative}.triad article{transition:.35s}.triad article:hover{padding-left:24px;background:linear-gradient(135deg,#fff,rgba(244,248,255,.7));border-radius:18px}.icon-box{background:#eef3ff;color:var(--blue);transition:.35s}.triad article:hover .icon-box,.service-card:hover .icon-box,.benefit-grid article:hover .icon-box{background:var(--blue);color:#fff;transform:rotate(-7deg) scale(1.08)}
.services-section,.process,.two-process{background:#f4f2ec}.service-grid{gap:18px}.service-card{border-color:#e5e2da;border-radius:26px;overflow:hidden;transform-style:preserve-3d;will-change:transform}.service-card:before,.project-card:before,.benefit-grid article:before,.audience-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(340px circle at var(--mx,-100px) var(--my,-100px),rgba(21,87,255,.11),transparent 44%);opacity:0;transition:opacity .3s}.service-card:hover:before,.project-card:hover:before,.benefit-grid article:hover:before,.audience-card:hover:before{opacity:1}.service-card:hover{border-color:rgba(21,87,255,.28)}.service-card:nth-child(3n+2) .icon-box{background:#fff0ed;color:var(--coral)}.service-card:nth-child(3n+3) .icon-box{background:#e9f8f0;color:#20885a}.text-link{color:var(--blue);position:relative}.text-link:after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:currentColor;transition:.3s}.text-link:hover:after{width:calc(100% - 24px)}
.product-feature{background:linear-gradient(135deg,#edf2ff,#f7f1ff 55%,#fff2ed);color:var(--ink);border-top:1px solid #e4e6ef;border-bottom:1px solid #e4e6ef}.product-feature:before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(119,215,168,.24);filter:blur(90px);left:-140px}.product-feature{position:relative}.product-copy{position:relative;z-index:1}.product-copy p{color:#5f697a}.product-feature h2 em{color:var(--blue)}.product-pills span{border-color:#ccd3e3;color:#586476;background:rgba(255,255,255,.55)}.product-feature .btn-outline{color:var(--ink);border-color:#aeb8ca}.product-feature .btn-outline:hover{color:#fff;background:var(--blue)}.sports-ui{background:linear-gradient(145deg,#111e34,#091526);transform:perspective(1000px) rotateY(-4deg) rotateX(1deg);box-shadow:35px 60px 90px rgba(38,50,79,.22)}
.industry-grid div{background:rgba(255,255,255,.45);overflow:hidden}.industry-grid div:before{content:'';position:absolute;width:60px;height:60px;border-radius:50%;background:var(--mint);right:-40px;top:-40px;transition:.4s}.industry-grid div:nth-child(3n+2):before{background:var(--coral)}.industry-grid div:nth-child(3n+3):before{background:var(--blue)}.industry-grid div:hover{background:var(--ink);transform:translateY(-4px);box-shadow:var(--shadow)}.industry-grid div:hover:before{transform:scale(2)}
.timeline article:before{box-shadow:0 0 0 6px rgba(21,87,255,.1)}.timeline article:hover:before{background:var(--coral);box-shadow:0 0 0 10px rgba(255,96,75,.13)}.timeline article{transition:.3s}.timeline article:hover{padding-left:8px}.why-panel{background:linear-gradient(135deg,#edf2ff,#f8f3ff);border:1px solid #dfe4f3}.benefit-grid article{position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:.25s}.benefit-grid article:hover{box-shadow:0 15px 30px rgba(42,57,88,.09)}
.tech-grid{box-shadow:0 20px 60px rgba(31,44,71,.07)}.tech-grid article{transition:.3s}.tech-grid article:hover{background:var(--ink);color:#fff;transform:translateY(-8px)}.tech-grid article:hover p{color:#b5bfce}.tech-grid article:hover span{color:var(--mint)}
.work{background:#f7f5ef;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.work .section-head p{color:var(--muted)}.work .section-top>.btn{color:var(--ink)}.work .section-top>.btn:hover{color:#fff}.project-card{background:#fff;border-color:#e4e1d9;color:var(--ink);position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:.3s}.project-card:hover{box-shadow:0 28px 65px rgba(34,45,68,.13);border-color:transparent}.project-info p{color:var(--muted)}.project-info>span{color:var(--blue)}.project-art{transition:.6s cubic-bezier(.2,.8,.2,1)}.project-card:hover .project-art{transform:scale(1.035)}.project-card:hover .mock-window{transform:rotate(0) translateY(4px)}.mock-window{transition:.6s cubic-bezier(.2,.8,.2,1)}
.cta{background:linear-gradient(110deg,#1557ff,#7555dd 52%,#f05968);box-shadow:0 30px 80px rgba(62,69,183,.24)}.cta h2 em{color:#b9f0d3}.cta:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 14% 15%,rgba(255,255,255,.18),transparent 28%);animation:ctaGlow 5s ease-in-out infinite}.cta .btn{background:#fff;color:var(--ink)}.cta .btn:hover{background:var(--mint)}.cta .btn-outline{background:transparent;color:#fff}.cta .btn-outline:hover{background:rgba(255,255,255,.14)}
.contact-form{background:#f5f3ed;border:1px solid #e5e1d8;box-shadow:0 22px 60px rgba(38,48,70,.07)}.field input,.field select,.field textarea{border-color:#ddd9cf;transition:.25s}.field input:hover,.field select:hover,.field textarea:hover{border-color:#aeb6c4}
footer{background:#f0eee7;color:var(--ink);border-top:1px solid #ddd9cf}.footer-brand .logo{color:var(--ink)}.footer-brand p,.footer-col a{color:#687181}.footer-col h3{color:var(--ink)}.socials a{border-color:#d4d0c5;color:#586170;background:#fff;transition:.25s}.socials a:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}.footer-bottom{border-color:#d7d3c9;color:#7c8490}
.page-hero{background:#f4f2ec;color:var(--ink);border-bottom:1px solid var(--line)}.page-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 60%,rgba(119,215,168,.22),transparent 25%),radial-gradient(circle at 80% 30%,rgba(21,87,255,.12),transparent 25%)}.page-hero:after{background:var(--coral);opacity:.08}.page-hero p{color:#5f6979}.page-hero h1{background:linear-gradient(90deg,var(--ink),#303e57 60%,var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.services-page{background:#f4f2ec}.service-detail aside{background:#f3f1eb;border:1px solid #e3dfd5}.audience-card{background:#fff;position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}.audience-card.recruiter{background:var(--ink)}.quote-block{background:linear-gradient(135deg,#edf2ff,#f7efff)}.legal .notice{background:#fff8e9}
.reveal{transform:translateY(28px) scale(.985);filter:blur(5px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1),filter .75s ease}.reveal.in{transform:none;filter:none}
@keyframes visualEnter{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@keyframes ringPulse{50%{transform:scale(1.015);opacity:.45}}@keyframes ctaGlow{50%{transform:translateX(12%);opacity:.65}}
@media(max-width:1100px){.desktop-nav{display:none}.mobile-panel{background:rgba(252,251,248,.97);color:var(--ink);box-shadow:0 25px 50px rgba(28,39,60,.12);border-bottom:1px solid var(--line)}.mobile-panel a:not(.btn){font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:18px}.hero{padding-top:145px}.hero-visual{max-width:720px}.product-feature{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{height:76px}.brand-symbol{width:40px;height:40px}.hero{padding-top:122px;background:#f8f6f0}.hero h1{font-size:50px;line-height:1.02}.hero-visual{padding:7px;border-radius:23px}.hero-visual img{width:100%;margin:0;border-radius:17px}.hero-visual:after{inset:-8px;border-radius:27px}.product-feature{grid-template-columns:1fr}.sports-ui{transform:none}.service-card:hover,.project-card:hover,.benefit-grid article:hover,.audience-card:hover{transform:none!important}.cta{border-radius:23px}.page-hero{padding-top:135px}}
@media(prefers-reduced-motion:reduce){.hero-visual,.hero-visual:after,.cta:before{animation:none!important}.service-card,.project-card,.benefit-grid article,.audience-card{transform:none!important}}
.hero-visual{min-width:0;width:100%}.hero-visual img{max-width:100%}

/* Classic brand refinement + animated homepage artwork */
.logo{color:var(--ink);gap:12px}.brand-symbol{width:46px;height:46px;color:var(--ink);filter:drop-shadow(0 7px 14px rgba(23,32,51,.1))}.brand-name{display:flex;flex-direction:column;font-size:13px;line-height:1;letter-spacing:.045em}.brand-name>span{white-space:nowrap}.brand-name b{font-weight:800;color:var(--blue)}.brand-name small{font:600 6.5px/1 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#7a8392;margin-top:7px}.desktop-nav a[aria-current="page"]{color:var(--ink);background:#f4f2ec}.mobile-panel a[aria-current="page"]{color:var(--blue)}
.image-stage{position:relative;overflow:hidden;border-radius:22px;background:#071328;isolation:isolate}.hero-visual .image-stage img{width:100%;max-width:100%;margin:0;filter:none;mix-blend-mode:normal;display:block;animation:imageBreathe 7s cubic-bezier(.4,0,.2,1) infinite;transform-origin:55% 55%}.scan-beam{position:absolute;z-index:2;left:0;right:0;height:22%;top:-28%;background:linear-gradient(to bottom,transparent,rgba(88,210,255,.12),rgba(255,255,255,.25),transparent);filter:blur(3px);animation:scanScene 5.5s ease-in-out infinite}.orbit{position:absolute;z-index:3;border:1px solid rgba(126,220,255,.42);border-radius:50%;pointer-events:none}.orbit-a{width:42%;aspect-ratio:1;right:2%;top:3%;animation:orbitSpin 12s linear infinite}.orbit-b{width:28%;aspect-ratio:1;left:12%;bottom:5%;animation:orbitSpin 9s linear infinite reverse}.orbit i{position:absolute;width:8px;height:8px;border-radius:50%;left:50%;top:-4px;background:#fff;box-shadow:0 0 0 5px rgba(62,156,255,.18),0 0 16px #59d9ff}.signal{position:absolute;z-index:3;width:8px;height:8px;border:2px solid #77dffb;border-radius:50%;animation:signalPulse 2.8s ease-out infinite}.signal-a{right:18%;top:27%}.signal-b{left:26%;bottom:24%;animation-delay:-1s}.signal-c{right:34%;bottom:13%;animation-delay:-2s}
.socials span{width:32px;height:32px;border:1px solid #d4d0c5;border-radius:8px;display:grid;place-items:center;font-size:10px;color:#586170;background:#fff}
@keyframes imageBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035) translate3d(-.5%,.4%,0)}}@keyframes scanScene{0%{transform:translateY(0);opacity:0}15%{opacity:1}70%{opacity:.75}100%{transform:translateY(620%);opacity:0}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes signalPulse{0%{box-shadow:0 0 0 0 rgba(79,197,255,.6);opacity:1}80%,100%{box-shadow:0 0 0 22px rgba(79,197,255,0);opacity:0}}
@media(max-width:760px){.brand-symbol{width:42px;height:42px}.brand-name{font-size:12px}.brand-name small{font-size:5.7px}.image-stage{border-radius:17px}}
@media(prefers-reduced-motion:reduce){.hero-visual .image-stage img,.scan-beam,.orbit,.signal{animation:none!important}}

/* Industry-specific visual illustrations */
.industry-grid .industry-card{height:170px;padding:22px 24px;isolation:isolate}.industry-visual{position:absolute;top:26px;right:24px;width:68px;height:68px;margin:0;border-radius:20px;display:grid;place-items:center;color:#1557ff;background:linear-gradient(145deg,#edf2ff,#fff);border:1px solid rgba(21,87,255,.12);box-shadow:0 12px 30px rgba(21,87,255,.1);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,color .35s}.industry-visual:after{content:'';position:absolute;inset:8px;border:1px solid currentColor;border-radius:14px;opacity:.12}.industry-grid .industry-visual svg{width:38px;height:38px;margin:0}.industry-card:nth-child(3n+2) .industry-visual{color:#ed5d49;background:linear-gradient(145deg,#fff0ed,#fff)}.industry-card:nth-child(3n+3) .industry-visual{color:#168d59;background:linear-gradient(145deg,#e9f8f0,#fff)}.industry-card:nth-child(4n) .industry-visual{color:#7c55c7;background:linear-gradient(145deg,#f4efff,#fff)}.industry-card>b{position:relative;z-index:2;max-width:68%}.industry-card>svg{position:relative;z-index:2}.industry-grid .industry-card:hover .industry-visual{transform:translateY(-7px) rotate(-4deg) scale(1.06);background:#fff;color:var(--blue);box-shadow:0 16px 36px rgba(0,0,0,.2)}.industry-grid .industry-card:hover>span{color:#aebbd0}
@media(max-width:760px){.industry-grid .industry-card{height:150px;padding:16px}.industry-visual{width:54px;height:54px;top:18px;right:16px;border-radius:16px}.industry-grid .industry-visual svg{width:30px;height:30px}.industry-card>b{max-width:78%;font-size:13px}.industry-card>svg{width:15px}}

/* Supplied three-triangle NS Infotechs brand lockup */
.reference-logo{gap:0}.brand-lockup{display:flex;align-items:center;gap:3px}.reference-logo .brand-symbol{width:58px;height:48px;color:initial;filter:drop-shadow(0 7px 12px rgba(23,32,51,.09));overflow:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.reference-logo .triangle{transform-box:fill-box;transform-origin:center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.reference-logo .triangle-coral{fill:var(--coral)}.reference-logo .triangle-blue{fill:var(--blue)}.reference-logo .triangle-mint{fill:var(--mint)}.reference-logo:hover .triangle-coral{transform:translateY(-3px) rotate(3deg)}.reference-logo:hover .triangle-blue{transform:translate(-2px,2px) rotate(-3deg)}.reference-logo:hover .triangle-mint{transform:translate(2px,2px) rotate(3deg)}.reference-logo .brand-name{display:flex;flex-direction:column;font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;font-weight:500;line-height:1;letter-spacing:-.035em;color:var(--ink)}.reference-logo .brand-name>span{text-transform:none;white-space:nowrap}.reference-logo .brand-name b{color:var(--ink);font-weight:500}.reference-logo .brand-name small{font:500 8px/1.1 'DM Sans',sans-serif;text-transform:none;letter-spacing:.01em;color:#596577;margin-top:6px}.footer-brand .reference-logo .brand-name{font-size:20px}.footer-brand .reference-logo .brand-symbol{width:62px;height:52px}
@media(max-width:760px){.reference-logo .brand-name{font-size:15px}.reference-logo .brand-name small{font-size:6.7px;margin-top:5px}.reference-logo .brand-symbol{width:46px;height:40px}.brand-lockup{gap:1px}}

/* Page-specific animated hero scenes */
.page-hero{min-height:650px;align-items:center;padding-top:135px;padding-bottom:70px}.page-hero>.page-hero-inner{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:6vw;align-items:center}.page-hero-copy{max-width:790px}.page-hero-copy h1{font-size:clamp(48px,5.4vw,78px)}.page-motion{--motion-color:#1557ff;--motion-soft:#edf2ff;position:relative;height:390px;border:1px solid rgba(23,32,51,.1);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(255,255,255,.38));box-shadow:0 35px 80px rgba(32,44,70,.11);overflow:hidden;isolation:isolate}.motion-about{--motion-color:#7c55c7;--motion-soft:#f3efff}.motion-products,.motion-sports{--motion-color:#0e9f86;--motion-soft:#e7f9f3}.motion-portfolio{--motion-color:#ff604b;--motion-soft:#fff0ed}.motion-contact{--motion-color:#1557ff;--motion-soft:#eaf1ff}.motion-legal{--motion-color:#596577;--motion-soft:#eff1f4}.motion-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(23,32,51,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,51,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 50%,black,transparent 76%)}.motion-ring{position:absolute;left:50%;top:50%;border:1px solid color-mix(in srgb,var(--motion-color) 30%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:225px;height:225px;animation:motionOrbit 13s linear infinite}.ring-two{width:315px;height:315px;border-style:dashed;animation:motionOrbit 21s linear infinite reverse}.ring-one:after,.ring-two:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;left:50%;top:-5px;background:var(--motion-color);box-shadow:0 0 0 7px color-mix(in srgb,var(--motion-color) 13%,transparent),0 0 20px color-mix(in srgb,var(--motion-color) 45%,transparent)}.motion-paths{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--motion-color);stroke-width:1;opacity:.2}.motion-paths path{stroke-dasharray:8 10;animation:motionDash 12s linear infinite}.motion-paths path:last-child{animation-direction:reverse}.motion-core{position:absolute;left:50%;top:50%;width:94px;height:94px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:27px;color:#fff;background:linear-gradient(145deg,var(--motion-color),color-mix(in srgb,var(--motion-color) 70%,#172033));box-shadow:0 24px 45px color-mix(in srgb,var(--motion-color) 28%,transparent);animation:coreFloat 4s ease-in-out infinite}.motion-core svg{width:39px;height:39px}.motion-core i{position:absolute;inset:-10px;border:1px solid color-mix(in srgb,var(--motion-color) 24%,transparent);border-radius:33px;animation:corePulse 2.8s ease-out infinite}.motion-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid rgba(23,32,51,.09);border-radius:13px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(32,44,70,.1);font-size:11px;font-weight:700;color:var(--ink);animation:chipFloat 5s ease-in-out infinite}.motion-chip svg{width:18px;height:18px;color:var(--motion-color)}.chip-1{left:7%;top:16%}.chip-2{right:7%;top:24%;animation-delay:-1.7s}.chip-3{left:13%;bottom:13%;animation-delay:-3.4s}.motion-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--motion-color);animation:dotBlink 2.4s ease-in-out infinite}.dot-one{left:20%;top:51%}.dot-two{right:18%;bottom:23%;animation-delay:-.8s}.dot-three{right:29%;top:12%;animation-delay:-1.6s}.motion-products .motion-core,.motion-sports .motion-core{border-radius:50%}.motion-portfolio .motion-chip{border-radius:8px}.motion-contact .motion-paths{stroke-width:1.7}.motion-legal .motion-ring{border-style:solid}
@keyframes motionOrbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes motionDash{to{stroke-dashoffset:-180}}@keyframes coreFloat{50%{transform:translate(-50%,-56%) rotate(2deg)}}@keyframes corePulse{0%{transform:scale(.88);opacity:.8}80%,100%{transform:scale(1.25);opacity:0}}@keyframes chipFloat{50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes dotBlink{50%{opacity:.15;transform:scale(.65)}}
@media(max-width:1100px){.page-hero>.page-hero-inner{grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);gap:35px}.page-motion{height:350px}.ring-two{width:275px;height:275px}}
@media(max-width:760px){.page-hero{min-height:auto;padding:125px 20px 58px}.page-hero>.page-hero-inner{grid-template-columns:1fr;gap:35px}.page-hero-copy h1{font-size:46px}.page-motion{height:300px;border-radius:22px}.ring-one{width:170px;height:170px}.ring-two{width:235px;height:235px}.motion-core{width:76px;height:76px;border-radius:22px}.motion-core svg{width:31px;height:31px}.motion-chip{padding:9px 11px;font-size:9px}.chip-1{left:5%;top:13%}.chip-2{right:4%;top:22%}.chip-3{left:8%;bottom:11%}}
@media(prefers-reduced-motion:reduce){.motion-ring,.motion-paths path,.motion-core,.motion-core i,.motion-chip,.motion-dot{animation:none!important}}

/* Rounded geometric typography matched to the supplied reference */
body,button,input,select,textarea{font-family:'Poppins',sans-serif}h1,h2,h3,h4,.logo,.desktop-nav,.mobile-panel{font-family:'Poppins',sans-serif}.reference-logo .brand-name,.reference-logo .brand-name small,.brand-name small{font-family:'Poppins',sans-serif}.reference-logo .brand-name{font-weight:400;letter-spacing:-.035em}.reference-logo .brand-name b{font-weight:400}.reference-logo .brand-name small{font-weight:400;letter-spacing:-.015em}.mobile-panel a:not(.btn){font-family:'Poppins',sans-serif}h1{letter-spacing:-.055em}h2{letter-spacing:-.045em}h3{letter-spacing:-.025em}p{letter-spacing:-.012em}.btn,.eyebrow{letter-spacing:0}.hero-copy>p,.page-hero p,.lead-copy{line-height:1.72}

/* Balanced typography scale across every module */
h1{font-size:clamp(42px,4.8vw,68px);line-height:1.06;letter-spacing:-.05em;font-weight:600}h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12;letter-spacing:-.04em;font-weight:600}h3{font-size:19px;line-height:1.35}.hero h1{font-size:clamp(44px,5vw,70px);line-height:1.06;letter-spacing:-.055em;font-weight:600;max-width:660px}.hero-copy{max-width:660px}.page-hero-copy h1,.page-hero h1{font-size:clamp(40px,4.2vw,60px);line-height:1.09;font-weight:600}.section-head{max-width:650px}.section-head h2{max-width:630px}.cta h2{font-size:clamp(32px,3.3vw,48px)}.quote-block h2{font-size:34px;line-height:1.2}.sport-stat b{font-size:19px}.project-info h3,.service-card h3{font-size:19px}.legal h2{font-size:26px}.page-hero p{font-size:17px}.hero-copy>p,.lead-copy,.detail-main>p,.about-story>div:first-child>p{font-size:16px}
@media(max-width:760px){h1,.hero h1{font-size:40px;line-height:1.08}.page-hero-copy h1,.page-hero h1{font-size:38px;line-height:1.12}h2{font-size:30px}.cta h2{font-size:32px}.quote-block h2{font-size:28px}.hero-copy>p,.page-hero p,.lead-copy,.detail-main>p,.about-story>div:first-child>p{font-size:15px}.hero-copy{max-width:100%}}

/* Consolidated responsive system: phone, tablet, laptop, desktop */
.menu-btn{width:46px;height:46px;border-radius:50%;transition:background .2s}.menu-btn:hover{background:#f0eee8}.menu-btn svg{width:23px;height:23px}body.menu-open{overflow:hidden}
@media(min-width:900px) and (max-width:1100px){.hero{min-height:760px;padding-top:120px}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:38px}.hero-visual{max-width:none;margin:0}.hero h1{font-size:clamp(48px,5vw,56px)}.hero-copy>p{font-size:15px}.trust-row{margin-top:32px}.hero-actions{margin-top:26px}}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:45px}.contact-intro{max-width:650px}.product-feature{grid-template-columns:1fr;gap:55px}.product-copy{max-width:680px}.sports-ui{width:min(100%,680px);margin:auto}.split-audience,.journey{grid-template-columns:1fr}.audience-card{padding:38px}.footer-top{grid-template-columns:1fr 1fr;gap:38px 55px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:420px}.page-hero>.page-hero-inner{gap:30px}.page-motion{min-width:0}.contact-form{max-width:720px}}
@media(max-width:760px){.section{padding:68px 20px}.site-header{height:76px}.nav-wrap{padding:0 18px}.mobile-panel{inset:76px 0 0 0;height:calc(100dvh - 76px);padding:24px 20px 35px;gap:0;overflow-y:auto;background:rgba(252,251,248,.98);backdrop-filter:blur(18px);z-index:-1}.mobile-panel>a:not(.btn){padding:16px 4px;border-bottom:1px solid var(--line);font-size:17px}.mobile-panel .btn{width:100%;margin-top:24px}.hero{padding:112px 20px 58px}.hero-inner{gap:38px}.hero-actions{gap:10px}.hero-visual{width:100%;margin:0}.trust-row{margin-top:30px;line-height:1.8}.page-hero{padding:112px 20px 52px}.page-hero>.page-hero-inner{gap:30px}.page-motion{height:280px}.contact-form{padding:22px}.footer-top{grid-template-columns:1fr 1fr;gap:34px 24px}.footer-brand{grid-column:1/-1}.footer-bottom{margin-top:42px}.audience-card{padding:28px 22px}.journey>div{padding:26px 22px}.product-feature{padding-top:68px;padding-bottom:68px}.tech-grid article{padding:22px 17px}.industry-grid{margin-top:40px}}
@media(max-width:480px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;flex:none}.cta>div:last-child .btn{width:100%}.section-top>.btn{width:100%}.section{padding-left:18px;padding-right:18px}.hero,.page-hero{padding-left:18px;padding-right:18px}.page-motion{height:260px}.motion-chip{max-width:115px}.chip-2{right:3%}.service-card{padding:24px 20px}.service-card ul{grid-template-columns:1fr}.contact-form{padding:18px;gap:16px}.field input,.field select,.field textarea{font-size:16px}.industry-grid .industry-card{height:142px;padding:14px}.industry-visual{width:48px;height:48px;top:16px;right:13px}.industry-grid .industry-visual svg{width:27px;height:27px}.industry-card>b{font-size:12px;max-width:80%}.sports-ui{min-height:405px;padding:16px}.sport-top>span:nth-child(2){max-width:125px}.profile-card{top:82px;left:14px;width:calc(100% - 28px);padding:14px}.avatar{width:46px;height:46px}.media-tile{top:185px;left:14px;width:54%;height:145px;padding:13px}.match-card{right:9px;top:210px;width:54%;padding:13px}.match-card h4{font-size:14px}.sport-stat{display:none}.footer-top{grid-template-columns:1fr 1fr}.footer-col a{font-size:11px}.reference-logo .brand-name{font-size:14px}.reference-logo .brand-symbol{width:42px}.eyebrow{font-size:9px;letter-spacing:.12em}.form-footer .btn{width:100%}}
@media(max-width:360px){.footer-top{grid-template-columns:1fr}.footer-col{border-top:1px solid var(--line);padding-top:18px}.industry-grid{grid-template-columns:1fr}.industry-grid .industry-card{height:118px}.industry-visual{top:20px}.hero h1{font-size:36px}.page-hero h1{font-size:35px}}
.hero-visual .image-stage img{height:auto!important;aspect-ratio:3/2;object-fit:cover}
@media(max-width:1100px){.footer-top{grid-template-columns:1fr 1fr;gap:38px 55px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:420px}}

/* Compact, consistent vertical rhythm across every screen size */
.section{padding-top:84px;padding-bottom:84px}
.page-hero h1{text-transform:none}
.page-hero{min-height:590px;padding-top:120px;padding-bottom:55px}
.page-motion{height:340px}
.section-head h2{margin-bottom:14px}
.section-head>p,.page-hero p{margin-bottom:0}
.lead-copy p:last-child{margin-bottom:0}
.triad{margin-top:46px}
.triad article{padding-top:30px;padding-bottom:26px}
.triad .icon-box,.service-card .icon-box{margin-bottom:18px}
.triad h3,.service-card h3,.benefit-grid h3{margin-bottom:9px}
.triad p,.service-card p,.benefit-grid p{margin-bottom:0}
.service-card ul{margin:18px 0;padding:16px 0}
.section-top{margin-bottom:36px}
.industry-grid,.timeline,.tech-grid{margin-top:40px}
.why-panel{padding:52px;gap:5vw}
.cta{padding:50px;gap:32px}
.contact-details{margin-top:32px}
.audience-card{padding:40px}
.journey{margin-top:34px}
footer{padding-top:64px}
.footer-bottom{margin-top:44px}

@media(max-width:1100px){
  .section{padding-top:70px;padding-bottom:70px}
  .page-hero{min-height:550px;padding-top:110px;padding-bottom:46px}
  .page-motion{height:310px}
  .why-panel{padding:44px;gap:36px}
  .services-section .service-card p{min-height:0}
}

@media(max-width:760px){
  .section{padding-top:54px;padding-bottom:54px}
  .hero{padding-top:104px;padding-bottom:46px}
  .hero-inner{gap:28px}
  .hero-actions{margin-top:24px}
  .trust-row{margin-top:22px}
  .page-hero{padding-top:102px;padding-bottom:42px}
  .page-hero>.page-hero-inner{gap:24px}
  .page-motion{height:245px}
  .product-feature{padding-top:54px;padding-bottom:54px;gap:36px}
  .triad{margin-top:34px}
  .section-top{margin-bottom:28px}
  .industry-grid,.timeline,.tech-grid{margin-top:32px}
  .why-panel{padding:30px 22px;gap:26px}
  .benefit-grid article{padding:20px}
  .benefit-grid .icon-box{margin-bottom:11px}
  .cta{padding:34px 24px;gap:24px}
  .contact{gap:32px}
  .contact-details{margin-top:24px}
  .audience-card{padding:26px 20px}
  .journey{margin-top:28px}
  footer{padding-top:50px}
  .footer-bottom{margin-top:34px}
}

@media(max-width:480px){
  .section{padding-top:48px;padding-bottom:48px}
  .hero{padding-top:98px;padding-bottom:40px}
  .page-hero{padding-top:96px;padding-bottom:38px}
  .page-motion{height:225px}
  .cta{padding:30px 20px}
}

/* Tablet composition: give copy and animated scenes enough room to breathe */
@media(max-width:900px){
  .page-hero{min-height:auto}
  .page-hero>.page-hero-inner{grid-template-columns:1fr;gap:30px}
  .page-hero-copy{max-width:680px}
  .page-motion{width:min(100%,620px);margin:0 auto}
  .intro-grid,.about-story,.service-detail,.faq{grid-template-columns:1fr;gap:32px}
  .service-detail aside{width:100%;padding:26px}
  .section-top{flex-direction:column;align-items:flex-start;gap:20px}
  .cta{flex-direction:column;align-items:flex-start}
  .cta>div:last-child{flex-wrap:wrap}
}

@media(min-width:901px){
  .hero h1{font-size:clamp(46px,4.55vw,64px)}
}

@media(max-width:760px){
  .page-hero>.page-hero-inner{gap:24px}
  .page-motion{margin:0}
  .cta>div:last-child{width:100%;gap:10px}
}

/* 2026 editorial studio theme */
:root{--navy:#241b35;--navy2:#312344;--ink:#21182f;--muted:#70677d;--blue:#7657ff;--cyan:#35c9b2;--coral:#ff7a66;--mint:#72d9ac;--ivory:#f7f3fa;--line:#e8e0ed;--shadow:0 24px 70px rgba(50,30,75,.12)}
body{background:#fdfcff}
.site-header{background:rgba(253,252,255,.82);border-color:rgba(53,34,76,.07)}
.site-header.scrolled{background:rgba(253,252,255,.94);border-color:var(--line);box-shadow:0 12px 45px rgba(50,30,75,.07)}
.desktop-nav a:hover{background:#f2ecf8;color:var(--ink)}
.btn{background:var(--blue);border-radius:999px;box-shadow:0 10px 28px rgba(118,87,255,.25)}
.btn:hover{background:#6041ea}
.hero{background:#faf7fc}
.hero:before{background:radial-gradient(circle at 10% 18%,rgba(114,217,172,.21),transparent 25%),radial-gradient(circle at 78% 24%,rgba(118,87,255,.17),transparent 28%),radial-gradient(circle at 70% 92%,rgba(255,122,102,.14),transparent 23%)}
.hero:after{background-image:linear-gradient(rgba(53,34,76,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(53,34,76,.038) 1px,transparent 1px)}
.hero h1 em{background:linear-gradient(92deg,#7657ff,#9c4fd4 58%,#ff765f);-webkit-background-clip:text;background-clip:text}
.hero-visual{border-color:#e5daec;background:rgba(255,255,255,.8);box-shadow:0 38px 100px rgba(71,44,99,.17)}
.hero-visual:after{border-color:rgba(118,87,255,.2)}
.services-section,.process,.two-process,.services-page{background:#f6f2f8}
.service-card{border-color:#e8e0ed;box-shadow:0 10px 35px rgba(52,32,74,.045)}
.product-feature{background:linear-gradient(135deg,#21182f,#302044 58%,#253c4a)}
.why-panel{background:linear-gradient(135deg,#f0eaff,#fbf4ff 55%,#eefaf5);border-color:#e3d8ef}
.work{background:#faf7fc}
.cta{background:linear-gradient(115deg,#2b1c3d,#6847d9 56%,#d55b72);box-shadow:0 32px 85px rgba(75,45,118,.27)}
.page-hero{background:#f7f3fa}
.page-hero:before{background:radial-gradient(circle at 10% 64%,rgba(114,217,172,.2),transparent 26%),radial-gradient(circle at 82% 25%,rgba(118,87,255,.16),transparent 28%)}
.page-hero h1{background:linear-gradient(90deg,var(--ink),#4e3b62 58%,var(--blue));-webkit-background-clip:text;background-clip:text}
.page-motion{border-color:rgba(79,52,103,.12);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(249,244,253,.58));box-shadow:0 30px 75px rgba(59,37,81,.12)}
footer{background:#1e172b}

/* Reimagined industry cards */
.industries{position:relative}
.industries .section-head{max-width:760px}
.industry-grid{border:0;gap:14px;background:transparent}
.industry-grid .industry-card{--accent:#7657ff;height:188px;padding:24px;border:1px solid rgba(118,87,255,.14);border-radius:26px;background:linear-gradient(145deg,#f6f2ff,#ebe4ff);box-shadow:0 18px 42px rgba(68,43,99,.11),0 5px 13px rgba(68,43,99,.06),inset 0 1px 0 rgba(255,255,255,.9);align-items:flex-end;overflow:hidden;isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s,color .35s}
.industry-grid .industry-card:nth-child(4n+2){--accent:#ff7863;border-color:rgba(255,120,99,.16);background:linear-gradient(145deg,#fff5f1,#ffe9e3);box-shadow:0 18px 42px rgba(129,65,54,.1),0 5px 13px rgba(129,65,54,.055),inset 0 1px 0 rgba(255,255,255,.92)}
.industry-grid .industry-card:nth-child(4n+3){--accent:#28ac83;border-color:rgba(40,172,131,.15);background:linear-gradient(145deg,#f2fcf8,#e0f7ef);box-shadow:0 18px 42px rgba(35,104,82,.1),0 5px 13px rgba(35,104,82,.055),inset 0 1px 0 rgba(255,255,255,.92)}
.industry-grid .industry-card:nth-child(4n){--accent:#b04dc5;border-color:rgba(176,77,197,.15);background:linear-gradient(145deg,#fcf4ff,#f2e2f7);box-shadow:0 18px 42px rgba(104,46,117,.1),0 5px 13px rgba(104,46,117,.055),inset 0 1px 0 rgba(255,255,255,.92)}
.industry-grid .industry-card:before{content:'';position:absolute;width:290px;height:290px;left:var(--mx,-220px);top:var(--my,-220px);right:auto;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 26%,transparent),transparent 66%);transform:translate(-50%,-50%);opacity:0;transition:opacity .35s;z-index:-1}
.industry-grid .industry-card:after{content:'';position:absolute;inset:auto -55px -70px auto;width:150px;height:150px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 0 0 24px color-mix(in srgb,var(--accent) 5%,transparent),0 0 0 50px color-mix(in srgb,var(--accent) 3%,transparent);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s;z-index:-1}
.industry-grid .industry-card>span{top:21px;left:24px;right:auto;color:#9b91a6;font-size:10px;font-weight:600;letter-spacing:.13em}
.industry-grid .industry-card>b{max-width:70%;font-size:15px;line-height:1.28;letter-spacing:-.02em}
.industry-grid .industry-card>svg{width:18px;transform:translateX(0);transition:transform .35s;color:var(--accent)}
.industry-grid .industry-card .industry-visual{top:22px;right:22px;width:66px;height:66px;border:0;border-radius:21px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white);box-shadow:none;animation:industryFloat 6s ease-in-out infinite}
.industry-grid .industry-card:nth-child(2n) .industry-visual{animation-delay:-3s}
.industry-grid .industry-card .industry-visual:after{border-color:currentColor;opacity:.13}
.industry-grid .industry-card:hover{color:#fff;background:linear-gradient(145deg,#2a1e3a,#3b2950);border-color:transparent;box-shadow:0 32px 70px rgba(44,28,62,.27),0 12px 25px rgba(44,28,62,.16);transform:translateY(-8px)}
.industry-grid .industry-card:hover:before{opacity:1}
.industry-grid .industry-card:hover:after{transform:scale(1.15) translate(-8px,-7px);opacity:.55}
.industry-grid .industry-card:hover>span{color:rgba(255,255,255,.56)}
.industry-grid .industry-card:hover>svg{color:#fff;transform:translateX(5px)}
.industry-grid .industry-card:hover .industry-visual{color:#fff;background:var(--accent);transform:translateY(-5px) rotate(-5deg) scale(1.06);animation-play-state:paused;box-shadow:0 16px 32px color-mix(in srgb,var(--accent) 32%,transparent)}
@keyframes industryFloat{50%{transform:translateY(-5px) rotate(2deg)}}

@media(max-width:760px){
  .industry-grid{gap:10px}
  .industry-grid .industry-card{height:158px;padding:17px;border-radius:20px}
  .industry-grid .industry-card>span{top:16px;left:17px}
  .industry-grid .industry-card .industry-visual{top:15px;right:15px;width:52px;height:52px;border-radius:16px}
  .industry-grid .industry-card>b{font-size:13px;max-width:78%}
}

/* Industry cards v2: compact editorial tiles */
.industry-grid{gap:16px}
.industry-grid .industry-card,
.industry-grid .industry-card:nth-child(4n+2),
.industry-grid .industry-card:nth-child(4n+3),
.industry-grid .industry-card:nth-child(4n){
  height:152px;
  padding:20px;
  border:1px solid #e8e1ec;
  border-radius:22px;
  background:linear-gradient(145deg,#fff,#fbf9fd);
  box-shadow:0 12px 30px rgba(50,31,71,.07),0 2px 7px rgba(50,31,71,.035);
  color:var(--ink);
}
.industry-grid .industry-card:before{
  width:240px;
  height:240px;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 13%,transparent),transparent 68%);
}
.industry-grid .industry-card:after{
  content:'';
  position:absolute;
  inset:0 18px auto;
  width:auto;
  height:3px;
  border:0;
  border-radius:0 0 6px 6px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  box-shadow:none;
  opacity:.72;
  transform:none;
  transition:height .3s,opacity .3s;
}
.industry-grid .industry-card>span{top:19px;left:20px;padding:4px 8px;border-radius:999px;background:#f5f1f7;color:#8c8296;font-size:9px;letter-spacing:.12em}
.industry-grid .industry-card .industry-visual{top:18px;right:18px;width:50px;height:50px;border-radius:15px;background:color-mix(in srgb,var(--accent) 9%,white);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 12%,transparent);animation:industryFloat 7s ease-in-out infinite}
.industry-grid .industry-card .industry-visual:after{inset:7px;border-radius:10px}
.industry-grid .industry-card .industry-visual svg{width:27px;height:27px}
.industry-grid .industry-card>b{max-width:68%;font-size:14px;line-height:1.25}
.industry-grid .industry-card>svg{width:34px;height:34px;margin-left:auto;padding:9px;border-radius:50%;background:#f4f0f7;color:var(--accent);transition:transform .35s,background .35s,color .35s}
.industry-grid .industry-card:hover{
  color:var(--ink);
  background:linear-gradient(145deg,#fff,#fbf9fd);
  border-color:color-mix(in srgb,var(--accent) 34%,#e8e1ec);
  box-shadow:0 24px 48px rgba(50,31,71,.14),0 8px 18px color-mix(in srgb,var(--accent) 10%,transparent);
  transform:translateY(-7px);
}
.industry-grid .industry-card:hover:before{opacity:1}
.industry-grid .industry-card:hover:after{height:5px;opacity:1;transform:none}
.industry-grid .industry-card:hover>span{background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent)}
.industry-grid .industry-card:hover>svg{background:var(--accent);color:#fff;transform:translateX(3px) rotate(-8deg)}
.industry-grid .industry-card:hover .industry-visual{color:#fff;background:var(--accent);box-shadow:0 13px 27px color-mix(in srgb,var(--accent) 25%,transparent);transform:translateY(-4px) rotate(-4deg) scale(1.04)}

@media(max-width:760px){
  .industry-grid{gap:10px}
  .industry-grid .industry-card,
  .industry-grid .industry-card:nth-child(4n+2),
  .industry-grid .industry-card:nth-child(4n+3),
  .industry-grid .industry-card:nth-child(4n){height:140px;padding:16px;border-radius:18px}
  .industry-grid .industry-card>span{top:15px;left:16px}
  .industry-grid .industry-card .industry-visual{top:14px;right:14px;width:45px;height:45px;border-radius:13px}
  .industry-grid .industry-card .industry-visual svg{width:24px;height:24px}
  .industry-grid .industry-card>b{font-size:12px;max-width:72%}
  .industry-grid .industry-card>svg{width:30px;height:30px;padding:8px}
}

/* Release QA fixes */
[id]{scroll-margin-top:100px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 48%,transparent);outline-offset:4px}
.menu-btn{cursor:pointer}
@media(max-width:1100px){
  .mobile-panel{visibility:hidden;pointer-events:none}
  .menu-open .mobile-panel{visibility:visible;pointer-events:auto}
  body.menu-open{overflow:hidden}
}
.footer-brand .reference-logo .brand-name,.footer-brand .reference-logo .brand-name b{color:#fff}
.footer-brand .reference-logo .brand-name small{color:#a99db8}
.socials{flex-wrap:wrap}
.socials span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid #413650;border-radius:999px;color:#b7acbf;font-size:9px;letter-spacing:.04em}
.legal a,.contact-details a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.legal .notice{display:inline-flex;border-color:#e3d8ec;background:#f7f2fa;color:#695b75!important}

@media(max-width:480px){
  .sports-ui{min-height:500px}
  .media-tile{top:175px;left:14px;width:calc(100% - 28px);height:110px}
  .match-card{top:300px;left:14px;right:auto;width:calc(100% - 28px)}
  .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .industry-visual,.motion-chip,.motion-core,.motion-ring,.motion-dot{animation:none!important}
}

@media(min-width:901px){.hero h1{font-size:clamp(46px,4.25vw,58px)}}
@media(max-width:380px){
  .footer-top{grid-template-columns:1fr;gap:30px}
  .footer-brand{grid-column:auto}
}