@import url('https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#080d23;--deep:#111943;--purple:#9653ff;--blue:#385bfa;--cyan:#17d4f5;--light:#f6f8ff;--ink:#111936;--muted:#65708a;--border:#e5e9fa;--grad:linear-gradient(110deg,#bd65ff 0%,#7354ff 52%,#266bff 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,system-ui,sans-serif;background:#fff;line-height:1.65;overflow-x:hidden}body.lock{overflow:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:'Space Grotesk',Inter,sans-serif;line-height:1.14;letter-spacing:-.045em;margin:0}h1{font-size:clamp(2.85rem,4.6vw,5rem);font-weight:700}h2{font-size:clamp(2.1rem,3.4vw,3.35rem);font-weight:700}h3{font-size:1.38rem}p{margin:0 0 1rem}section{padding:100px 0}.container{max-width:1190px;padding:0 24px;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#7955eb;background:#eee8ff;border:1px solid #ded5ff;border-radius:100px;font-size:.77rem;letter-spacing:.025em;font-weight:800;padding:8px 17px;margin-bottom:22px;text-transform:uppercase}.eyebrow.dark{background:#ffffff13;color:#c4b5ff;border-color:#ffffff29}.gradtext{background:linear-gradient(90deg,#23d7fa,#557dff,#b66aff);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}.center{text-align:center}.section-lead{max-width:675px;margin:20px auto 46px;color:var(--muted);font-size:1.04rem}.btn{border:0;border-radius:13px;padding:14px 25px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-weight:700;font-size:.9rem;white-space:nowrap;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px #25257b2a}.btn.primary{background:var(--grad);color:white;box-shadow:0 9px 22px #4a4bfd48}.btn.outline{background:#ffffff0b;border:1px solid #d4d7ff;color:white}.btn.soft{background:#eeebff;color:#5836dd}.buttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:80;background:#0a1031f5;color:white;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff15}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:9px;font:700 1.45rem 'Space Grotesk',sans-serif;letter-spacing:-.055em}.brand img{height:42px;width:42px}.navlinks{display:flex;align-items:center;gap:25px}.navlinks>a{font-size:.87rem;font-weight:600;transition:color .2s}.navlinks>a:hover,.navlinks>a.active{color:#64dffc}.nav-cta{padding:12px 19px}.menu-btn{display:none;background:none;border:1px solid #ffffff3d;border-radius:8px;padding:8px 12px;color:white;font-size:1.35rem}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 82% 38%,#3d2e9b 0%,transparent 41%),radial-gradient(ellipse at 22% 79%,#123fb0aa 0%,transparent 42%),linear-gradient(125deg,#080f2c 10%,#101542 57%,#20134c 100%);padding:105px 0 160px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff55 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to right,transparent,#000 90%);opacity:.13;z-index:-1}.hero:after{content:'';position:absolute;bottom:-82px;left:-5%;width:110%;height:132px;background:#f6f8ff;border-radius:50% 50% 0 0/80% 80% 0 0}.hero-layout{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:24px}.hero p{color:#d7def8;font-size:1.05rem;max-width:545px;margin:25px 0 29px}.hero h1{max-width:650px}.hero-visual{position:relative;filter:drop-shadow(0 30px 40px #080d2680);animation:float 7s ease-in-out infinite}.hero-visual img{width:100%;border-radius:28px;mask-image:radial-gradient(ellipse at 50% 50%,#000 43%,#000c 67%,transparent 79%)}.hero-tags{display:flex;flex-wrap:wrap;gap:22px;margin-top:42px;font-size:.78rem;color:#dce6ff}.hero-tags span{display:flex;align-items:center;gap:8px}.hero-tags b{color:#32ccff;font-size:1.3rem}.glow-dot{position:absolute;width:16px;height:16px;background:#34d0ff;border-radius:50%;box-shadow:0 0 30px 10px #24cbff77;top:13%;right:23%;animation:float 5s ease-in-out infinite}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card,.glass-card,.feature,.project-card,.faq-item,.step,.contact-panel{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 18px 45px #151e4a0c}.service-card{overflow:hidden;transition:transform .25s,box-shadow .25s}.service-card:hover,.project-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #3843b52a}.service-card .card-img{height:175px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef0ff,#f7f2ff);overflow:hidden}.service-card img{width:100%;height:100%;object-fit:cover}.card-body{padding:23px}.card-body p{font-size:.89rem;color:var(--muted);margin:12px 0 16px}.textlink{font-weight:800;color:#5141ec;font-size:.89rem}.textlink:hover{text-decoration:underline}.light{background:#f6f8ff}.about-layout,.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-image{border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#e7eaff,#eee4ff)}.about-image img{width:100%;aspect-ratio:1.6;object-fit:cover}.checks{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:23px 0 30px;font-weight:700;font-size:.89rem}.checks span:before{content:'✦';color:#7054ff;margin-right:8px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:30px}.feature .icon{font-size:2.2rem;margin-bottom:16px}.feature p,.step p{color:var(--muted);font-size:.92rem;margin:12px 0 0}.dark-section{background:linear-gradient(125deg,#0a1234,#171144);color:#fff}.dark-section .muted{color:#c2c8ea}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:28px;position:relative}.step strong{display:block;font-size:2rem;color:#b09aff;margin-bottom:12px}.steps-dark .step{background:#ffffff0c;border-color:#ffffff27}.steps-dark .step p{color:#cbd3f3}.cta{background:radial-gradient(circle at 80% 10%,#5e3fc3 0%,transparent 39%),linear-gradient(110deg,#102a78,#100f3a);border-radius:30px;padding:66px 70px;color:white;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta p{color:#cbd8ff;margin-top:18px;max-width:550px}.footer{background:#080d23;color:white;padding:75px 0 26px}.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr;gap:45px}.footer p,.footer a{color:#a9b5d5;font-size:.89rem}.footer a{display:block;margin-top:12px}.footer a:hover{color:white}.footer h4{letter-spacing:0;margin-bottom:22px}.footer-bottom{border-top:1px solid #ffffff1c;margin-top:55px;padding-top:24px;color:#8592b8;font-size:.8rem;display:flex;justify-content:space-between;gap:15px}.page-hero{padding:95px 0 105px;text-align:center;background:radial-gradient(ellipse at 50% 80%,#29398b,#0c1233 66%);color:white}.page-hero h1{font-size:clamp(2.7rem,4.9vw,4.6rem)}.page-hero p{max-width:680px;margin:22px auto 0;color:#d4ddf7}.content-section{padding:85px 0}.service-detail{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:65px;padding:55px 0;border-bottom:1px solid var(--border)}.service-detail:nth-child(even){grid-template-columns:1.15fr 1fr}.service-detail:nth-child(even) .detail-pic{order:2}.detail-pic{border-radius:25px;overflow:hidden;background:#eeefff}.detail-pic img{width:100%;height:320px;object-fit:cover}.pills{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.pill{background:#eff0ff;color:#5145b3;font-size:.81rem;font-weight:700;border-radius:50px;padding:8px 14px}.portfolio-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:30px 0 42px}.filter-btn{border:1px solid #dcdcf5;background:white;color:#454b69;border-radius:100px;padding:11px 19px;font-weight:700}.filter-btn.active{background:var(--grad);color:white;border-color:transparent}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{overflow:hidden;transition:.25s}.project-card img{width:100%;height:270px;object-fit:cover}.project-card .card-body{padding:24px}.tag{color:#654aff;text-transform:uppercase;font-weight:800;font-size:.74rem;letter-spacing:.06em}.faq-list{max-width:830px;margin:30px auto}.faq-item{margin-bottom:12px;overflow:hidden}.faq-item button{border:0;background:none;width:100%;text-align:left;padding:21px 24px;color:var(--ink);font-weight:800;display:flex;justify-content:space-between;gap:10px}.faq-item button span:last-child{font-size:1.4rem;color:#795aff}.faq-content{padding:0 24px 20px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.contact-panel{padding:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field label{font-weight:700;font-size:.83rem}.field input,.field textarea,.field select{border:1px solid #d7def0;background:#fbfcff;padding:13px 14px;border-radius:10px;outline:none;color:#151937;width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:#775cff;box-shadow:0 0 0 3px #775cff1e}.field textarea{min-height:150px;resize:vertical}.notice{padding:12px 15px;background:#f1f3ff;color:#42476c;border-radius:10px;font-size:.82rem;margin:15px 0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.back-top{position:fixed;right:22px;bottom:22px;border:0;border-radius:50%;width:48px;height:48px;background:var(--grad);color:#fff;z-index:30;box-shadow:0 8px 25px #4b49d455;display:none}.back-top.show{display:block}.preloader{position:fixed;inset:0;z-index:200;background:linear-gradient(135deg,#08112b,#1b1250);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;transition:opacity .55s,visibility .55s}.preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader img{width:74px;height:74px;animation:pulse 1.5s infinite}.preloader strong{font:700 1.9rem 'Space Grotesk';margin-top:9px}.loading-line{height:4px;background:#ffffff29;width:190px;overflow:hidden;border-radius:10px;margin-top:30px}.loading-line:after{content:'';display:block;width:50%;height:100%;background:var(--grad);animation:loadline 1.5s ease-in-out infinite}.badge-row{display:flex;gap:13px;flex-wrap:wrap;justify-content:center;margin:22px 0}.badge-row span{background:#ffffff13;border:1px solid #ffffff35;border-radius:30px;padding:8px 15px;font-size:.83rem}.mini-stat{padding:20px 23px;background:#fff;border:1px solid #e3e9fa;border-radius:16px}.mini-stat strong{display:block;font-size:1.35rem;color:#473ce1}.mini-stat span{font-size:.83rem;color:var(--muted)}.stack{display:grid;gap:14px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes loadline{0%{transform:translateX(-100%)}100%{transform:translateX(310%)}}


/* RED EDITORIAL DESIGN — AXXENTURE */
:root{--navy:#270609;--deep:#51070d;--purple:#e01928;--blue:#b60b16;--cyan:#ff4b47;--light:#fff8f7;--ink:#271519;--muted:#746268;--border:#f1dadd;--grad:linear-gradient(110deg,#ec202f 0%,#b50917 100%)}
body{background:#fffaf9}
::selection{background:#d71927;color:white}
.site-header{background:#3b090ded;border-bottom:1px solid #ffffff23}
.nav{height:76px}.brand{letter-spacing:-.045em;font-weight:800}.brand img{width:39px;height:39px}
.navlinks>a:hover,.navlinks>a.active{color:#ff8e91}
.btn{border-radius:999px;padding:14px 24px}
.btn.primary{background:#fff;color:#77030a;box-shadow:0 10px 22px #1b00022e}
.btn.primary:hover{background:#fff0ef;box-shadow:0 14px 32px #11000245}
.nav-cta.btn.primary{background:#160507;color:white;border:1px solid #ffffff90;box-shadow:none}
.nav-cta.btn.primary:hover{background:#840d18}
.btn.outline{border:1px solid #ffffffae;background:#24040968;color:white}
.eyebrow{background:#ffebeb;color:#b10816;border:1px solid #f5c5c7}
.eyebrow.dark{color:#ffd7d7;background:#ffffff18;border-color:#ffffff2b}
.gradtext{background:linear-gradient(90deg,#ed192a,#8d0711);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero{min-height:690px;background:radial-gradient(ellipse at 50% 54%,#d8202b 0%,#a60916 45%,#59050b 85%,#3c0308 100%);padding:34px 0 45px;color:#fff;overflow:hidden}
.hero:before{background:linear-gradient(120deg,#26000670,transparent 37%),radial-gradient(circle at 83% 55%,#ff73742d,transparent 37%);mask-image:none;opacity:1}
.hero:after{bottom:-90px;height:115px;background:#fffaf9;border-radius:50% 50% 0 0 / 90% 90% 0 0}
.hero-stage{position:relative}
.hero-topline{text-align:center;color:#ffc9cb;font-size:.76rem;font-weight:800;letter-spacing:.53em;margin:0 0 4px}
.hero-wordmark{font-family:Inter,system-ui,sans-serif;font-weight:900;font-size:clamp(5.7rem,14vw,13rem);line-height:.97;letter-spacing:-.095em;text-align:center;color:#fff;white-space:nowrap;position:relative;z-index:1;text-shadow:0 5px 30px #2c050420}
.hero-stage-grid{display:grid;grid-template-columns:42% 58%;align-items:center;margin-top:-4px;position:relative;z-index:3;min-height:345px}
.hero-message{position:relative;z-index:5;padding-bottom:22px}.hero-kicker{display:inline-block;color:#ffcbcb;font-size:.68rem;font-weight:850;letter-spacing:.13em;margin-bottom:20px}
.hero-message h1{font-size:clamp(2.15rem,3.3vw,3.7rem);line-height:1.08;letter-spacing:-.06em;max-width:560px}
.hero-message h1 em{font-style:normal;color:#ffb5b9}
.hero-message p{margin:18px 0 26px;color:#ffe2e2;font-size:clamp(.87rem,1.1vw,1rem);max-width:485px}
.hero-message .buttons{gap:12px}
.hero-message .btn{font-size:.86rem;padding:13px 22px}
.hero-microcopy{margin-top:25px;color:#ffc2c3;font-size:.65rem;letter-spacing:.17em;font-weight:850}.hero-microcopy span{color:white;padding:0 10px}
.hero-visual.hero-art{margin:-30px -22px -42px -7%;position:relative;filter:drop-shadow(0 22px 30px #2a020960);animation:float 6s ease-in-out infinite}
.hero-art img{width:100%;border-radius:26px;mask-image:radial-gradient(ellipse at 50% 53%,black 34%,#000f 48%,transparent 73%);position:relative;z-index:2;mix-blend-mode:screen}
.hero-orbit{position:absolute;border:1px solid #ffb8b855;border-radius:50%;left:20%;right:4%;top:15%;bottom:17%;transform:rotate(-18deg)}
.orbit-two{transform:rotate(23deg);border-color:#ffd5d52e}
.hero-float{position:absolute;z-index:4;width:64px;height:64px;border:1px solid #ffffff70;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ff8d8d44,#66040c99);backdrop-filter:blur(7px);box-shadow:0 15px 35px #40030688;color:white;font-size:1.55rem;font-weight:800;animation:float 4s ease-in-out infinite}
.float-code{top:13%;left:13%}.float-idea{right:10%;top:8%;animation-delay:-2s}.float-mobile{right:5%;bottom:18%;animation-delay:-1s}
.hero-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;position:relative;z-index:5;padding:17px 0 30px;border-top:1px solid #ffffff38}
.hero-services{display:flex;gap:25px;flex-wrap:wrap;font-weight:700;font-size:.78rem}.hero-services span{display:flex;align-items:center;gap:9px}.hero-services b{color:#ffabab;font-weight:800;font-size:.7rem}
.scroll-cue{width:40px;height:40px;border:1px solid #ffffff88;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}
.hero + section{padding-top:85px}
.light{background:#fff6f5}
.service-card,.glass-card,.feature,.project-card,.faq-item,.step,.contact-panel{border-color:#f4dddb;box-shadow:0 14px 39px #50020b0a}
.service-card:hover,.project-card:hover{box-shadow:0 25px 40px #82090f24}
.service-card .card-img,.about-image,.detail-pic{background:linear-gradient(145deg,#ffe1df,#fff5f2)}
.textlink,.tag{color:#b60817}
.checks span:before{color:#e11c2b}
.dark-section{background:linear-gradient(125deg,#30070c,#8d1118)}
.steps-dark .step{background:#ffffff10}
.step strong,.mini-stat strong{color:#e2202f}
.steps-dark .step strong{color:#ffaca9}
.cta{background:radial-gradient(circle at 80% 20%,#db333e 0%,transparent 40%),linear-gradient(110deg,#39030a,#8c0a16)}
.footer{background:#230609}.page-hero{background:radial-gradient(ellipse at 50% 75%,#b91623,#37040a 73%)}
.pill{background:#ffeded;color:#a80917}.filter-btn{border-color:#f2d8db}.filter-btn.active{background:#b60b16}
.faq-item button span:last-child{color:#d71a2a}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#cf1d2b;box-shadow:0 0 0 3px #ca10201c}
.preloader{background:linear-gradient(135deg,#210207,#860a17)}
.back-top{background:#bc1020;box-shadow:0 8px 25px #b0061355}
.menu-btn{border-color:#ffffff60}.badge-row span[style]{background:#fff0f0!important;color:#ab0918!important;border-color:#f5d6d6!important}
@media(max-width:1050px){.hero-wordmark{font-size:13vw}.hero-services{gap:12px}.hero-stage-grid{grid-template-columns:45% 55%}}
@media(max-width:800px){.navlinks{background:#3b090d}.hero{padding:48px 0 75px}.hero-topline{font-size:.6rem;letter-spacing:.32em}.hero-wordmark{font-size:14vw}.hero-stage-grid{grid-template-columns:1fr;margin-top:15px}.hero-message{text-align:center;max-width:650px;margin:auto}.hero-message h1{margin:auto;font-size:clamp(2.1rem,5.9vw,3.5rem)}.hero-message p{margin:17px auto 24px}.hero-message .buttons{justify-content:center}.hero-visual.hero-art{max-width:600px;width:100%;margin:-5px auto -30px}.hero-microcopy{margin-top:18px}.hero-footer{justify-content:center;margin-top:0}.hero-services{justify-content:center}.scroll-cue{display:none}}
@media(max-width:540px){.hero{padding:44px 0 70px}.hero-wordmark{font-size:14.8vw;letter-spacing:-.095em}.hero-topline{letter-spacing:.16em;font-size:.53rem}.hero-message h1{font-size:clamp(2rem,8vw,3rem)}.hero-message p{font-size:.9rem}.hero-visual.hero-art{margin-top:6px;margin-bottom:-15px}.hero-float{width:41px;height:41px;border-radius:12px;font-size:1.1rem}.hero-services{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.7rem}.hero-message .buttons .btn{width:100%}.hero-microcopy{font-size:.53rem}.hero:after{bottom:-83px}}
@media(prefers-reduced-motion:reduce){.hero-visual.hero-art,.hero-float{animation:none}}

/* 2026 editorial typography + original cinematic artwork – inspired by bold creative studio layouts */
:root{--ink:#191719;--muted:#71666a;--border:#e9dbdd;--light:#f6f4f1}
body{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.012em}
h1,h2,h3,h4{font-family:'Anton','Arial Narrow',Impact,sans-serif;font-weight:400;letter-spacing:.005em;line-height:1.05;text-transform:uppercase}
h2{font-size:clamp(2.9rem,6vw,6.4rem)}h3{font-size:clamp(1.4rem,2vw,2rem)}
.brand{font-family:'DM Sans',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.055em}
.eyebrow{font-family:'DM Sans',sans-serif;background:none;border:0;padding:0;border-radius:0;letter-spacing:.15em;color:#c71324}
.eyebrow:before{content:'✳';font-size:1.2rem}
.light{background:#f6f4f1}
.hero{padding:36px 0 52px;min-height:750px;background:radial-gradient(ellipse at 75% 45%,#850b18 0%,#43080e 40%,#110b0e 81%)}
.hero:before{background:linear-gradient(90deg,#08070894,transparent 60%),radial-gradient(circle at 93% 12%,#ff242721,transparent 40%);opacity:1}
.hero:after{background:#f6f4f1}
.hero-topline{color:#ffb5b4;font-size:.68rem;letter-spacing:.43em;text-align:left;margin-bottom:8px}
.hero-wordmark{font-family:'Anton',Impact,'Arial Narrow',sans-serif;font-size:clamp(6rem,17vw,16.5rem);font-weight:400;letter-spacing:-.025em;line-height:1.02;text-align:center;color:#fdf7f1;text-shadow:0 18px 36px #0005}
.hero-stage-grid{grid-template-columns:44% 56%;min-height:380px;gap:0;margin-top:-8px}
.hero-kicker{font-size:.68rem;letter-spacing:.26em;color:#ff8d92}
.hero-message{padding:30px 0 18px}
.hero-message h1{font-family:'Anton',Impact,sans-serif;font-size:clamp(2.8rem,4.3vw,5.1rem);line-height:1.04;letter-spacing:.006em;max-width:590px;text-transform:uppercase}
.hero-message h1 em{font-style:normal;color:#ff303e}
.hero-message p{color:#f2dbdb;max-width:450px;font-size:1rem;line-height:1.65}
.hero-art{position:relative;min-height:375px}
.hero-visual.hero-art{margin:-80px -12% -35px -25%;animation:none;filter:none;overflow:visible}
.hero-art img{width:100%;height:490px;object-fit:cover;object-position:75% 50%;border-radius:0;mask-image:linear-gradient(to right,transparent 0%,black 16%,black 100%);mix-blend-mode:normal;filter:drop-shadow(0 20px 35px #0006);animation:editorialAppear 1s ease both}
.hero-orbit,.hero-float{display:none!important}
.hero-microcopy{color:#ffb0b2;letter-spacing:.2em}
.hero-footer{border-top:1px solid #ffffff35;margin-top:8px;padding:19px 0 28px}
.hero-services b{color:#ff525b}
.btn{font-family:'DM Sans',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.035em;border-radius:3px}
.hero-message .btn{border-radius:2px}
.btn.primary{background:#e51b2b;color:white;box-shadow:none}
.btn.primary:hover{background:#ae101f;color:#fff}
.nav-cta.btn.primary{background:#fff;color:#211216;border-radius:3px}
.nav-cta.btn.primary:hover{background:#efdbda;color:#201417}
.site-header{background:#130e11fa;border-color:#ffffff24}
.navlinks>a{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.navlinks>a.active,.navlinks>a:hover{color:#ff5965}
.service-card,.glass-card,.feature,.project-card,.faq-item,.step,.contact-panel{border-radius:5px;box-shadow:none}
.service-card .card-img{height:225px;background:#e5e1df}
.service-card img{transition:transform .55s,filter .55s;filter:saturate(.85) contrast(1.08)}
.service-card:hover img{transform:scale(1.07)}
.card-body{padding:25px}.card-body h3{font-size:1.75rem}.textlink{color:#c51323;text-transform:uppercase;letter-spacing:.04em}
.page-hero{background:radial-gradient(circle at 75% 30%,#94131c,#310a10 56%,#130e11);padding:95px 0 110px}
.page-hero h1{font-size:clamp(4rem,9vw,9rem);line-height:1.04}
.page-hero p{color:#f1d8d8}
.detail-pic,.about-image,.project-card{border-radius:4px}
.detail-pic img{filter:contrast(1.1) saturate(.9)}
.cta{border-radius:4px;background:radial-gradient(circle at 85% 40%,#c51927,#4a0b11 55%,#170c0e)}
.dark-section{background:linear-gradient(135deg,#160d10,#570d17)}
.footer{background:#130c0f}
.filter-btn{border-radius:3px}
.filter-btn.active{background:#d31a29}
.preloader{background:#130b0e}.preloader strong{font-family:'Anton',Impact,sans-serif;letter-spacing:.05em}
@keyframes editorialAppear{from{opacity:.2;transform:translateX(40px) scale(1.03)}to{opacity:1;transform:none}}
@media(max-width:1050px){.hero-wordmark{font-size:17vw}.hero-message h1{font-size:clamp(2.5rem,4.5vw,4rem)}.hero-art img{height:410px}}
@media(max-width:800px){.navlinks{background:#150f12}.hero{padding:44px 0 75px}.hero-topline{text-align:center;letter-spacing:.19em}.hero-wordmark{font-size:17vw}.hero-stage-grid{grid-template-columns:1fr;min-height:unset}.hero-message{padding-top:30px}.hero-message h1{font-size:clamp(3rem,8vw,4.8rem);margin:auto}.hero-message p{margin:20px auto 27px}.hero-visual.hero-art{width:100%;margin:0 auto -10px;max-width:690px}.hero-art{min-height:unset}.hero-art img{height:auto;aspect-ratio:1.9;mask-image:linear-gradient(to bottom,black 75%,transparent)}.hero-footer{margin-top:0}}
@media(max-width:540px){.hero{padding:35px 0 72px}.hero-wordmark{font-size:17vw}.hero-message h1{font-size:clamp(2.8rem,12vw,4rem)}.hero-art img{aspect-ratio:1.25;object-position:68% center}.hero-services{grid-template-columns:1fr 1fr}.hero-topline{font-size:.5rem}.hero-microcopy{font-size:.52rem}h2{font-size:clamp(2.65rem,10vw,4.2rem)}}
@media(prefers-reduced-motion:reduce){.hero-art img,.service-card img{animation:none;transition:none}}

/* Clean, readable typography with original photographic layout preserved */
.hero-wordmark{font-family:'DM Sans',Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.055em!important;font-size:clamp(4.3rem,12.5vw,12rem)!important;line-height:1.06!important;color:#fff!important;text-shadow:0 12px 30px #21020699!important}
.hero-message h1,.page-hero h1{font-family:'DM Sans',Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.035em!important;line-height:1.12!important}
.hero-message h1{font-size:clamp(2.2rem,3.5vw,4.1rem)!important}
.page-hero h1{font-size:clamp(3.8rem,8vw,8rem)!important}
.hero-message h1 em{font-family:inherit}
.hero-visual.hero-art{margin:-32px 0 -18px 1%!important;filter:none!important;animation:none!important;min-height:390px;overflow:hidden;border:1px solid #ffffff30;border-radius:28px;box-shadow:0 24px 55px #21000080;isolation:isolate}
.hero-visual.hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#3b040b22,#ee111b22);z-index:3}
.hero-art img{width:100%!important;height:430px!important;object-fit:cover!important;object-position:center!important;mask-image:none!important;mix-blend-mode:normal!important;border-radius:25px!important;display:block;filter:saturate(.8) contrast(1.07)!important;animation:editorialAppear .9s ease both}
.service-card .card-img img,.detail-pic img,.about-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit;filter:saturate(.78) contrast(1.06)}
.service-card .card-img{height:225px;overflow:hidden;background:#23191c!important}
.detail-pic,.about-image{overflow:hidden;background:#2d1619!important}
.detail-pic img{min-height:340px;max-height:520px}
.about-image img{min-height:360px;max-height:560px}
.service-card .card-img img{transition:transform .45s ease}.service-card:hover .card-img img{transform:scale(1.045)}
@media(max-width:800px){.hero-wordmark{font-size:13.6vw!important}.hero-message h1{font-size:clamp(2.5rem,7vw,4.6rem)!important}.hero-visual.hero-art{width:100%!important;margin:24px auto 0!important;min-height:0}.hero-art img{height:auto!important;aspect-ratio:1.5!important}}
@media(max-width:540px){.hero-wordmark{font-size:13vw!important}.hero-message h1{font-size:clamp(2.4rem,10vw,3.6rem)!important}.hero-art img{aspect-ratio:1.12!important}}
@media(prefers-reduced-motion:reduce){.hero-art img,.service-card .card-img img{animation:none!important;transition:none!important}}


/* Datanox external inspiration portfolio references */
.datanox-preview{height:270px;position:relative;overflow:hidden;background:#eef5f5;color:#102d37;padding:17px 22px 0;font-family:Arial,sans-serif}
.dn-browser{position:relative;display:flex;gap:5px;align-items:center;height:22px;border-bottom:1px solid #d9e3e7;margin-bottom:15px}
.dn-browser>span{width:6px;height:6px;border-radius:50%;background:#a5b6bd}
.dn-browser small{margin:auto;color:#66808a;font-size:10px}
.dn-nav{display:flex;justify-content:space-between;align-items:center;font-size:10px}
.dn-nav b{font-size:19px;letter-spacing:-1.3px}.dn-nav span{font-size:9px;color:#6b8390}
.dn-dot{color:#16b9a9;font-size:11px}
.dn-body{position:relative;z-index:1;padding-top:18px}
.dn-eyebrow{font-size:9px;letter-spacing:2.2px;color:#008c87;font-weight:800}
.dn-body strong{display:block;font-size:29px;line-height:1.04;letter-spacing:-1.3px;margin:9px 0 15px}
.dn-body em{font-style:normal;color:#159d96}
.dn-rule{height:3px;background:#18b6a8;width:42px;border-radius:5px;margin-bottom:13px}
.dn-button{background:#173b45;color:#fff;border-radius:30px;padding:9px 13px;font-size:10px}
.dn-block{position:absolute;border-radius:22px;transform:rotate(-12deg);box-shadow:0 17px 32px #165b6140}
.dn-one{background:linear-gradient(135deg,#1c9f97,#09475f);width:185px;height:155px;right:-30px;bottom:-26px}
.dn-two{background:#d6eff0;width:86px;height:80px;right:45px;bottom:36px}
.datanox-logo-preview{height:270px;background:#0c2731;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;position:relative;overflow:hidden}
.datanox-logo-preview:before{content:'';position:absolute;width:250px;height:250px;right:-100px;top:-100px;background:#18a99c;filter:blur(80px);opacity:.5}
.datanox-logo-label{font-size:10px;letter-spacing:2.6px;color:#9dc8c9;font-weight:700}
.datanox-wordmark{font:800 clamp(34px,5vw,64px)/1 Arial,sans-serif;letter-spacing:-3px;z-index:1}
.datanox-wordmark span{color:#62d8c9}.datanox-wordmark i{color:#e3fff9;font-style:normal}
.datanox-logo-caption{color:#b8d4d5;font-size:12px}
.portfolio-external{display:inline-block;margin-top:13px;color:#d32222;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.dn-body strong{font-size:25px}.datanox-preview,.datanox-logo-preview{height:245px}}

/* Homepage hero: immersive animated team-photo background */
.hero{
  background:#16070b!important;
  isolation:isolate;
  position:relative;
  min-height:690px;
  padding:86px 0 64px!important;
}
.hero::before{
  content:"";
  position:absolute;
  inset:-3%;
  z-index:-2;
  opacity:1!important;
  background-image:url('../images/hero-team.webp')!important;
  background-size:cover!important;
  background-position:center 46%!important;
  mask-image:none!important;
  transform-origin:center center;
  animation:axxHeroKenBurns 18s ease-in-out infinite alternate;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  left:0;
  bottom:0;
  width:auto;
  height:auto;
  border-radius:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(12,3,7,.94) 0%,rgba(22,4,9,.88) 31%,rgba(35,5,10,.57) 64%,rgba(24,3,6,.38) 100%),linear-gradient(0deg,rgba(17,3,8,.64),transparent 42%)!important;
}
.hero-stage{position:relative;z-index:1}
.hero-stage-grid{display:grid;grid-template-columns:minmax(0,740px);min-height:450px;margin-top:0;align-items:center}
.hero-message{max-width:740px;padding:26px 0 30px;animation:axxHeroContentEnter .95s cubic-bezier(.2,.7,.2,1) both}
.hero-message h1{font-size:clamp(2.6rem,5vw,5.1rem)!important;max-width:740px;text-shadow:0 3px 25px #10000588}
.hero-message p{max-width:570px;color:#f6e6e6;text-shadow:0 2px 10px #11000777}
.hero-message .btn{transition:transform .25s ease,box-shadow .25s ease}
.hero-message .btn:hover{transform:translateY(-4px)}
.hero-visual.hero-art{display:none!important}
.hero-footer{margin-top:14px;border-color:#ffffff5b}
@keyframes axxHeroKenBurns{from{transform:scale(1.035) translate3d(-.7%,0,0)}to{transform:scale(1.14) translate3d(1.1%,-.7%,0)}}
@keyframes axxHeroContentEnter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){
 .hero{min-height:680px;padding:76px 0 70px!important}
 .hero::before{background-position:60% center!important}
 .hero::after{background:linear-gradient(90deg,#120408e8,#150409b8 65%,#15040988),linear-gradient(0deg,#16040899,transparent)!important}
 .hero-stage-grid{grid-template-columns:1fr;min-height:440px}
 .hero-message{text-align:left;margin:0;max-width:650px}
 .hero-message h1{font-size:clamp(2.55rem,7.6vw,4.5rem)!important;margin:0}
 .hero-message p{margin-left:0;margin-right:0}
 .hero-message .buttons{justify-content:flex-start}
 .hero-footer{margin-top:10px}
}
@media(max-width:540px){
 .hero{padding:64px 0 64px!important;min-height:690px}
 .hero::before{background-position:63% center!important}
 .hero::after{background:linear-gradient(90deg,#110408e8,#180509c9),linear-gradient(0deg,#1604088c,transparent)!important}
 .hero-message h1{font-size:clamp(2.35rem,10vw,3.4rem)!important}
 .hero-stage-grid{min-height:450px}
 .hero-message .buttons .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-message{animation:none!important;transform:none!important}}

/* 2026-11: softly curved homepage hero and translucent overlay navigation */
body:has(.hero) .site-header{
  position:sticky;top:0;z-index:80;
  margin-bottom:-80px;
  background:rgba(24,7,12,.38)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.18);
  transition:background .3s ease;
}
body:has(.hero) .hero{padding-top:166px!important;}
/* Subtle upward curved transition into the white services section. */
.hero-bottom-curve{
  pointer-events:none;position:absolute;z-index:4;
  bottom:-1px;left:-5%;width:110%;height:38px;
  background:#fff;
  border-radius:50% 50% 0 0 / 75% 75% 0 0;
}
@media(max-width:800px){
 body:has(.hero) .site-header{background:rgba(24,7,12,.48)!important;}
 body:has(.hero) .hero{padding-top:150px!important;}
 .hero-bottom-curve{height:26px;}
}
@media(max-width:540px){
 body:has(.hero) .hero{padding-top:140px!important;}
 .hero-bottom-curve{height:20px;}
}

/* Hero-to-services transition: warm coordinated color with a very subtle grid */
:root{--axx-section-surface:#f8f5f4;--axx-grid-line:rgba(114,31,43,.055)}
body:has(.hero) #services{
 background-color:var(--axx-section-surface)!important;
 background-image:linear-gradient(to right,var(--axx-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--axx-grid-line) 1px,transparent 1px)!important;
 background-size:36px 36px!important;
 background-position:center top!important;
}
body:has(.hero) .hero-bottom-curve{
 background-color:var(--axx-section-surface)!important;
 background-image:linear-gradient(to right,var(--axx-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--axx-grid-line) 1px,transparent 1px)!important;
 background-size:36px 36px!important;
 background-position:center top!important;
}

/* Shaded grid treatment below the hero: soft alternating tinted cells */
:root{
 --axx-section-surface:#f7f1f1;
 --axx-grid-line:rgba(115,28,42,.115);
}
body:has(.hero) #services,
body:has(.hero) .hero-bottom-curve{
 background-color:var(--axx-section-surface)!important;
 background-image:
   linear-gradient(135deg,rgba(118,34,48,.035),rgba(255,255,255,.018)),
   conic-gradient(from 90deg at 1px 1px,transparent 25%,rgba(145,54,69,.065) 0 50%,transparent 0 75%,rgba(145,54,69,.065) 0),
   linear-gradient(to right,var(--axx-grid-line) 1px,transparent 1px),
   linear-gradient(to bottom,var(--axx-grid-line) 1px,transparent 1px)!important;
 background-size:100% 100%,72px 72px,36px 36px,36px 36px!important;
 background-position:center top,center top,center top,center top!important;
}

/* Soft, blended hero-to-services grid: subtle lines that fade into the section color. */
:root{
  --axx-section-surface:#faf7f6;
  --axx-grid-line:rgba(110,39,50,.038);
}
body:has(.hero) #services{
  position:relative;
  isolation:isolate;
  background:var(--axx-section-surface)!important;
}
body:has(.hero) #services::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  inset:0 0 auto;
  height:200px;
  background-image:
    linear-gradient(to right,var(--axx-grid-line) 1px,transparent 1px),
    linear-gradient(to bottom,var(--axx-grid-line) 1px,transparent 1px),
    linear-gradient(135deg,rgba(145,55,65,.016),transparent 75%);
  background-size:36px 36px,36px 36px,100% 100%;
  background-position:center top;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,rgba(0,0,0,.42) 38%,transparent 100%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,rgba(0,0,0,.42) 38%,transparent 100%);
}
body:has(.hero) #services>.container{position:relative;z-index:1}
body:has(.hero) .hero-bottom-curve{
  background-color:var(--axx-section-surface)!important;
  background-image:
    linear-gradient(to right,rgba(110,39,50,.030) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(110,39,50,.030) 1px,transparent 1px)!important;
  background-size:36px 36px!important;
  background-position:center top!important;
}