:root{
  --ink:#151a26;--muted:#68707e;--navy:#0c1020;--navy-2:#12182c;--lime:#ff6a00;
  --violet:#afaffb;--paper:#fafaf8;--line:#e6e7e5;--white:#fff;
  --font-heading:'Manrope','Segoe UI',sans-serif;--font-body:'DM Sans',Arial,sans-serif;
  --container:1190px;--radius:22px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
button{cursor:pointer}button:disabled{cursor:not-allowed}
img,svg{max-width:100%}svg{display:block}
:focus-visible{outline:3px solid #879aff;outline-offset:4px}
::selection{background:var(--lime);color:var(--navy)}
.container{width:min(var(--container),calc(100% - 84px));margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:10px;background:var(--lime);color:var(--navy);padding:10px 18px;z-index:200;transition:top .2s}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:100;background:#0c1020f5;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff17;color:#fff}
.header-inner{height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{position:relative;display:block;width:44px;height:44px;border-radius:11px;background:var(--lime);overflow:hidden}
.brand-mark::before{content:'N';position:absolute;left:10px;top:1px;color:#111627;font:800 34px/44px var(--font-heading);letter-spacing:-5px;transform:skew(-5deg)}
.brand-mark-cut{position:absolute;width:8px;height:22px;background:#111627;left:25px;top:11px;transform:skew(-18deg)}
.brand-mark-arrow{position:absolute;right:4px;top:4px;border-top:8px solid #0c1020;border-left:8px solid transparent}
.brand-wordmark{display:flex;flex-direction:column;line-height:1.08;gap:5px}
.brand-wordmark strong{font:800 16px/1.1 var(--font-heading);letter-spacing:.4px;white-space:nowrap}
.brand-wordmark small{font:700 9px/1 var(--font-heading);letter-spacing:4.8px;color:#bec4d4;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:31px;margin-left:auto;margin-right:auto}
.desktop-nav a{color:#cdd1de;font-size:13px;font-weight:600;transition:color .2s}
.desktop-nav a:hover{color:var(--lime)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;font-weight:700;font-size:14px;white-space:nowrap;transition:background .2s,color .2s,transform .2s,border-color .2s;min-height:49px;padding:12px 21px;border-radius:7px}
.button:hover{transform:translateY(-2px)}
.button-header{background:var(--lime);color:#111520;font-weight:800;gap:27px;font-size:13px;min-height:43px}
.button-header:hover,.button-lime:hover{background:#e2ffac}
.mobile-menu-toggle{display:none;border:1px solid #ffffff35;background:transparent;width:43px;height:43px;border-radius:7px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.mobile-menu-toggle span{display:block;width:19px;height:2px;background:#fff;transition:transform .25s,opacity .25s}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{padding:8px 42px 22px;border-top:1px solid #ffffff17;background:var(--navy)}
.mobile-nav[hidden]{display:none}
.mobile-nav a{display:block;padding:12px 0;font-size:15px;border-bottom:1px solid #ffffff16;color:#e2e4ed;font-weight:600}
.dark-section{color:#fff;background:var(--navy)}
.hero{position:relative;overflow:hidden;padding:80px 0 0;isolation:isolate}
.hero-glow{position:absolute;z-index:-1;pointer-events:none;filter:blur(55px);border-radius:50%}
.hero-glow-left{width:400px;height:400px;left:-310px;top:165px;background:#43317d66}
.hero-glow-right{width:620px;height:520px;right:-160px;top:-100px;background:#37386555}
.hero-layout{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:35px;min-height:550px;padding-bottom:66px}
.hero-copy{position:relative;z-index:3;padding:0 0 35px}
.eyebrow{display:inline-flex;align-items:center;gap:11px;font:800 10px/1.5 var(--font-heading);letter-spacing:2.15px}
.eyebrow-light{color:#d4d7e2}
.eyebrow-dark{color:#555d6b}
.eyebrow-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #c8fc7920;flex:0 0 auto}
.eyebrow-line{display:inline-block;width:24px;height:2px;background:#8882ed;flex:0 0 auto}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--font-heading)}
.hero h1{margin:25px 0 24px;font-size:clamp(49px,4.8vw,76px);line-height:1.1;letter-spacing:-4.4px;font-weight:800}
.text-accent{color:var(--lime);position:relative}
.hero-period{color:var(--violet)}
.hero-description{max-width:520px;color:#b8bfce;font-size:16px;line-height:1.85;margin:0 0 33px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.button-lime{background:var(--lime);color:#121925;min-height:54px;padding:12px 24px}
.button-arrow{font-size:20px;font-weight:400}
.button-outline-light{min-height:54px;background:transparent;border:1px solid #626978;color:#f1f3fa;padding:12px 23px}
.button-outline-light:hover{border-color:var(--lime);color:var(--lime)}
.hero-proof{display:flex;align-items:center;gap:16px;margin-top:52px}
.line-accent{display:block;width:35px;height:1px;background:var(--lime)}
.hero-proof p{color:#a7aebe;font-size:12px;line-height:1.9;margin:0}
.hero-proof strong{color:#e6e9f0;font-weight:700}
.hero-art{position:relative;height:570px;min-width:0;display:flex;align-items:center;justify-content:center;perspective:1000px}
.art-grid{position:absolute;inset:8% 3% 2% 4%;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,#000 5%,transparent 75%)}
.orb{position:absolute;border:1px solid #ffffff16;border-radius:50%}
.orb-one{width:510px;height:510px;right:-20px;top:35px}
.orb-two{width:400px;height:400px;right:35px;top:90px}
.visual-stage{position:relative;z-index:1;width:80%;height:405px;max-width:465px;background:linear-gradient(140deg,#d7d1fd 0%,#b4aaff 45%,#a592f5 100%);border:1px solid #ddd1fc;box-shadow:0 35px 90px #02041280,0 0 0 9px #ffffff0a;border-radius:15px;transform:rotate(-6deg) translateX(1%);overflow:hidden;color:#14132d;padding:25px 30px;display:flex;flex-direction:column;justify-content:space-between}
.visual-stage::before{content:'';position:absolute;width:440px;height:440px;right:-215px;top:70px;border:68px solid #ded9ff60;border-radius:50%;pointer-events:none}
.visual-topline,.visual-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font:800 10px/1.3 var(--font-heading);letter-spacing:1.5px}
.visual-topline .visual-live{display:flex;align-items:center;gap:6px}
.visual-live>span{display:block;width:7px;height:7px;border-radius:50%;background:#161530}
.visual-symbol{font-size:34px;line-height:1}
.visual-hero-word{position:relative;z-index:2;font:800 clamp(48px,5.5vw,87px)/1 var(--font-heading);letter-spacing:-6px;margin-top:-40px}
.visual-hero-word>span{color:#fff;font-weight:700}
.visual-hero-lower{display:flex;align-items:end;justify-content:space-between;position:relative;z-index:2}
.visual-hero-lower>span{font:800 27px/1.1 var(--font-heading);letter-spacing:-1px}
.visual-gradient-ring{width:165px;height:165px;border-radius:50%;background:conic-gradient(from 25deg,#d9ffab,#b7eefd,#493ea9,#ece9fa,#c4ff96);display:grid;place-items:center;box-shadow:0 12px 23px #302a6955}
.visual-ring-center{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#131733;color:#d4ff9a;font:800 68px/1 var(--font-heading);letter-spacing:-8px;transform:rotate(12deg)}
.visual-ring-center span{font-size:20px;align-self:start;padding-top:20px;letter-spacing:0}
.visual-bottom{border-top:1px solid #26234b44;padding-top:12px;font-size:8px;letter-spacing:1px}
.floating-card{position:absolute;z-index:2;background:#f9fafc;box-shadow:0 18px 42px #0007;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;color:#171c2e;width:219px;transform:rotate(3deg)}
.floating-card-video{left:-3%;top:16%}.floating-card-web{right:-2%;bottom:16%;transform:rotate(-3deg)}
.floating-icon{flex-shrink:0;display:grid;place-items:center;width:39px;height:39px;border-radius:8px;background:#e9e6ff;color:#584bb5;font-weight:800;font-size:15px}
.play-icon{font-size:15px}.web-icon{background:#eaf7d5;color:#46751f;font-family:monospace}
.floating-card strong,.floating-card small{display:block;line-height:1.4}.floating-card strong{font:800 12px/1.4 var(--font-heading)}.floating-card small{font-size:10px;color:#868a96;margin-top:2px}
.floating-tick{font-size:15px;margin-left:auto;color:#6e7290}
.floating-sticker{position:absolute;right:5%;top:6%;width:94px;height:94px;border:1px solid #c8fc797d;border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--lime);transform:rotate(14deg);font:800 11px/1.25 var(--font-heading);letter-spacing:1px}
.hero-bottom{position:relative;z-index:2;border-top:1px solid #ffffff25;padding:19px 0 22px;display:flex;justify-content:space-between;gap:20px;color:#9299ad;font:800 10px/1.4 var(--font-heading);letter-spacing:1.8px}
.hero-bottom a{color:#e7e9f0}.hero-bottom a span{color:var(--lime);font-size:15px;margin-left:6px}
.specialty-strip{background:var(--lime)}
.specialty-inner{min-height:76px;display:flex;align-items:center;gap:35px;justify-content:space-between}
.strip-intro{font:800 11px/1.3 var(--font-heading);letter-spacing:.7px;white-space:nowrap}
.specialty-items{display:flex;align-items:center;gap:19px;justify-content:flex-end;flex-wrap:wrap;font:800 12px/1.4 var(--font-heading)}
.specialty-items i{width:5px;height:5px;border-radius:50%;background:#38432c;opacity:.55}
.section{padding:118px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}
.section-head h2,.process-title-row h2,.faq-layout h2{font-size:clamp(34px,3.55vw,51px);line-height:1.23;letter-spacing:-2.3px;font-weight:800;margin:20px 0 0}
.section-head h2 em,.process-title-row h2 em,.faq-layout h2 em{font-style:normal;color:#837ac9}
.section-head>p,.process-title-row>p{max-width:350px;font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 6px}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.service-card{position:relative;min-height:330px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}
.service-card:hover{transform:translateY(-5px);border-color:#cac6ef;box-shadow:0 16px 38px #151a2612}
.featured-service{grid-row:span 2;min-height:678px;background:#eae7fc;overflow:hidden;border-color:#e2dcfa}
.service-card-top{display:flex;justify-content:space-between;align-items:start;gap:20px}
.service-index{font:800 10px/1.5 var(--font-heading);letter-spacing:1.6px;color:#838895}
.featured-service .service-index{color:#77749a}
.service-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#f1f2f5;font:500 25px/1 var(--font-heading);color:#252b39;flex-shrink:0}
.service-icon svg{width:23px;height:23px}
.service-icon-violet{background:#18182b;color:var(--lime);font-size:27px}
.service-card-body{margin-top:auto}
.service-card h3{font-size:23px;line-height:1.25;letter-spacing:-.9px;margin:17px 0 12px}
.service-card p{color:#66707c;line-height:1.7;font-size:13px;margin-bottom:18px}
.service-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0 0 20px}
.service-tags li{font-size:10px;font-weight:700;padding:5px 8px;border:1px solid #e5e7ea;border-radius:5px;color:#636c79}
.featured-service .service-tags li{border-color:#c8c4ec;color:#676187}
.service-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e6e9;padding-top:15px;font:800 12px/1.5 var(--font-heading)}
.service-link span{font-size:21px;font-weight:400;transition:transform .2s}.service-link:hover span{transform:translate(3px,-3px)}
.featured-service .service-link{border-top-color:#d2cbef}
.featured-art{height:240px;position:relative;margin:20px -6px 0;display:flex;align-items:end;padding:0 24px 20px}
.featured-art::before{content:'';width:255px;height:255px;position:absolute;left:14%;top:-8%;border:1px solid #9990dc88;border-radius:50%}
.featured-art::after{content:'';width:175px;height:175px;position:absolute;left:26%;top:10%;border:1px solid #9990dc88;border-radius:50%}
.art-graph-label{position:absolute;top:35px;left:34px;z-index:2;font:800 10px/1.5 var(--font-heading);letter-spacing:2px;color:#6e669b}
.graph-bars{position:relative;z-index:2;width:100%;height:160px;display:flex;align-items:end;gap:10px}
.graph-bars i{flex:1;background:linear-gradient(0deg,#7e6acc,#b6a4f8);border-radius:7px 7px 0 0;opacity:.9}
.graph-bars i:nth-child(1){height:31%}.graph-bars i:nth-child(2){height:44%}.graph-bars i:nth-child(3){height:35%}.graph-bars i:nth-child(4){height:58%}.graph-bars i:nth-child(5){height:68%}.graph-bars i:nth-child(6){height:77%}.graph-bars i:nth-child(7){height:97%;background:linear-gradient(0deg,#a3cc5d,#bbed7d)}
.art-graph-line{position:absolute;font-size:168px;line-height:1;left:39%;top:6%;color:#fff8;z-index:3;transform:rotate(-18deg)}
.about-section{background:#101528;color:#f7f8fa;position:relative;overflow:hidden}
.about-section::before{content:'';position:absolute;width:400px;height:400px;border:1px solid #ffffff08;border-radius:50%;bottom:-270px;left:-170px;box-shadow:0 0 0 65px #ffffff05,0 0 0 130px #ffffff04}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.about-left h2{font-size:clamp(39px,4vw,58px);letter-spacing:-2.7px;line-height:1.22;margin:22px 0 22px}
.about-left h2 span{color:var(--lime)}
.about-left>p{color:#abb1c0;line-height:1.85;font-size:15px;max-width:510px;margin-bottom:30px}
.text-link-light{display:inline-flex;align-items:center;gap:28px;color:var(--lime);font:800 13px/1.4 var(--font-heading);padding-bottom:10px;border-bottom:1px solid #c8fc796e}
.text-link-light span{font-size:21px}
.about-points{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.about-point{background:#1b2033;border:1px solid #2c3042;border-radius:16px;padding:25px 23px;min-height:190px}
.about-point-icon{width:38px;height:38px;border-radius:9px;background:#c8fc791c;color:var(--lime);display:grid;place-items:center;font-size:23px;margin-bottom:20px}
.about-point h3{font-size:16px;letter-spacing:-.3px;margin:0 0 9px}
.about-point p{color:#aab1c0;font-size:12px;line-height:1.7;margin:0}
.showcase-section{background:#fff}
.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.showcase-card{min-width:0}
.showcase-art{position:relative;overflow:hidden;height:355px;border-radius:18px;isolation:isolate}
.sample-tag{position:absolute;top:19px;left:19px;z-index:10;padding:7px 11px;color:#111827;background:#ffffffdf;border:1px solid #ffffffa8;border-radius:5px;font:800 9px/1.4 var(--font-heading);letter-spacing:1.3px}
.showcase-caption{padding:19px 1px 5px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.showcase-caption div>span{display:block;font:800 10px/1.5 var(--font-heading);letter-spacing:1.5px;color:#8c91a0;margin-bottom:6px}
.showcase-caption h3{font-size:19px;letter-spacing:-.6px;margin:0}
.showcase-arrow{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #e6e6ed;border-radius:50%;font-size:19px}
.social-art{background:#b9abef;display:grid;place-items:center}
.social-art::before{position:absolute;content:'';width:440px;height:440px;border:1px solid #ffffff6b;right:-250px;bottom:-210px;border-radius:50%;box-shadow:0 0 0 45px #ffffff15,0 0 0 100px #ffffff17}
.social-poster{height:270px;width:260px;max-width:70%;background:#1d1c36;color:white;padding:23px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:20px 23px 30px #26205035;transform:rotate(-7deg);position:relative}
.social-poster>span{font:800 46px/1.04 var(--font-heading);letter-spacing:-2.5px}
.social-poster>span em{font-style:normal;color:var(--lime)}
.social-poster i{font:700 8px/1.2 var(--font-heading);letter-spacing:1px;color:#c7c6cf;font-style:normal}
.social-art-star{position:absolute;font-size:100px;color:#d7fca7;right:16%;top:12%;text-shadow:0 8px 14px #544ca940}
.website-art{background:#c6eed8;display:flex;align-items:center;justify-content:center}
.website-art::before{content:'';position:absolute;width:500px;height:500px;left:-220px;bottom:-360px;background:#77cba777;border-radius:50%}
.browser-mock{width:77%;height:260px;background:white;border:7px solid #1c283c;border-radius:10px;box-shadow:18px 24px 33px #12523e44;transform:rotate(5deg);overflow:hidden;position:relative}
.browser-bar{height:28px;background:#f9faf6;border-bottom:1px solid #d6dfe0;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:8px;font-weight:700;color:#6b7583}
.browser-dots{display:flex;gap:4px}.browser-dots i{height:6px;width:6px;background:#b4b9bd;border-radius:50%}.browser-dots i:first-child{background:#d47c8b}
.browser-body{height:calc(100% - 28px);background:#f6eee0;overflow:hidden;padding:15px 23px;position:relative}
.mini-nav{display:flex;justify-content:space-between;align-items:center;font:800 12px/1.2 var(--font-heading);position:relative;z-index:2}.mini-nav small{font-size:5px;letter-spacing:1px;color:#686663}
.browser-body>strong{font:800 58px/1.03 var(--font-heading);letter-spacing:-4px;display:block;margin-top:29px;position:relative;z-index:2}.browser-body>strong i{font-style:normal;color:#d65d44}
.mini-browser-button{display:inline-block;position:relative;z-index:2;background:#13262e;color:white;font:700 7px/1.2 var(--font-heading);padding:8px 12px;border-radius:3px;margin-top:8px}
.mini-orbit{position:absolute;width:205px;height:205px;border:43px solid #da734e;right:-45px;top:30px;border-radius:50%;transform:rotate(-35deg)}
.brand-art{background:#e9eadc;display:flex;align-items:center;justify-content:center}
.identity-square{width:210px;height:220px;background:#3f4a33;box-shadow:17px 20px 25px #303b2738;transform:rotate(-6deg);position:relative;color:#e9edda;display:flex;flex-direction:column;align-items:center;justify-content:center}
.identity-square>span{font:800 143px/1 var(--font-heading);letter-spacing:-13px}.identity-dot{color:#cbdf9a}
.identity-square small{font:800 8px/1.3 var(--font-heading);letter-spacing:1px}
.identity-circle{position:absolute;width:160px;height:160px;border:20px solid #b5c0a1;border-radius:50%;right:12%;top:15%;z-index:-1}
.identity-card{position:absolute;right:12%;bottom:35px;background:#e9e7cd;width:150px;height:80px;padding:16px;transform:rotate(8deg);font:800 21px/1.4 var(--font-heading);color:#3f4a33;box-shadow:5px 10px 17px #323b2a29}.identity-card small{font-size:6px;display:block;letter-spacing:1px}
.print-art{background:#ecd6b6;display:flex;align-items:center;justify-content:center}
.print-art::before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;background:#f3c4aa;right:-180px;top:-190px}
.print-sheet{width:212px;height:265px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;position:absolute;box-shadow:10px 18px 24px #533c2c3a}
.print-back{background:#322943;color:#e1cfff;transform:translate(64px,-12px) rotate(13deg);font:800 30px/1.2 var(--font-heading);letter-spacing:-1.4px}
.print-front{background:#e74f3b;color:#fff7e8;transform:translate(-40px,10px) rotate(-9deg)}.print-front>span{font:800 37px/1.1 var(--font-heading);letter-spacing:-1.5px}.print-front>span i{font-style:normal;color:#ffe8a0}.print-front small{font:800 8px/1.5 var(--font-heading);letter-spacing:1.2px}
.print-corner{position:absolute;right:15%;bottom:16%;border:22px solid transparent;border-top-color:#fff5d4;transform:rotate(30deg)}
.showcase-note{font-size:12px;color:#8a919d;text-align:center;margin:30px 0 0}
.process-section{background:#f0f1ef}
.process-title-row{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:55px}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d1d5d2}
.process-steps article{min-height:245px;padding:25px 24px 10px 0;position:relative}
.process-steps article:not(:last-child){border-right:1px solid #d1d5d2;margin-right:24px}
.step-number{font:800 12px/1.5 var(--font-heading);letter-spacing:1px;color:#777e87}
.step-illustration{display:grid;place-items:center;background:#fff;color:#5353a4;font-size:32px;width:62px;height:62px;border-radius:15px;margin:25px 0 23px}
.process-steps h3{font-size:17px;letter-spacing:-.5px;margin:0 0 10px}
.process-steps p{max-width:235px;color:#6b7280;font-size:12px;line-height:1.7}
.contact-section{background:#14182b;color:#fff;position:relative;overflow:hidden;padding:118px 0}
.contact-section::before{content:'';position:absolute;left:-200px;top:-170px;width:560px;height:560px;border-radius:50%;border:1px solid #ffffff09;box-shadow:0 0 0 80px #ffffff04,0 0 0 160px #ffffff02}
.contact-layout{display:grid;grid-template-columns:.82fr 1fr;gap:11%;align-items:start}
.contact-copy{position:relative;min-height:540px}
.contact-copy h2{font-size:clamp(44px,4.3vw,64px);line-height:1.13;letter-spacing:-3px;margin:25px 0}
.contact-copy h2 span{color:var(--lime)}
.contact-copy>p{max-width:380px;font-size:15px;line-height:1.9;color:#b2b8c7}
.contact-deco{position:absolute;left:50px;bottom:10px;width:220px;height:220px;border:1px solid #aeb0f4;border-radius:50%;display:grid;place-items:center;transform:rotate(-16deg)}
.contact-deco::before{content:'';position:absolute;inset:11px;border:1px dashed #9498d0a1;border-radius:50%}
.contact-deco span{font:800 48px/1.1 var(--font-heading);letter-spacing:-2px;color:var(--lime);transform:rotate(16deg)}
.contact-form-wrap{background:#fff;color:var(--ink);padding:35px;border-radius:19px;box-shadow:0 25px 60px #06091435}
.contact-form-wrap>h3{display:flex;justify-content:space-between;gap:12px;font-size:24px;letter-spacing:-.8px;line-height:1.3;margin:0 0 7px}
.contact-form-wrap>h3 span{font-size:25px;color:#8b7dd7;font-weight:400}
.contact-form-wrap>p{color:#7b8390;font-size:13px;margin-bottom:28px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-field{margin-bottom:16px;min-width:0}
.form-field label{display:block;font:800 11px/1.4 var(--font-heading);margin-bottom:8px;color:#2f3540}.form-field label span{color:#a14870}
.form-field input,.form-field select,.form-field textarea{width:100%;background:#fafafb;border:1px solid #e4e7eb;border-radius:7px;color:#232834;padding:13px 14px;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s;min-height:47px}
.form-field textarea{resize:vertical;min-height:115px;max-height:280px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#9a90db;box-shadow:0 0 0 3px #9a90db25}
.form-field input[aria-invalid="true"],.form-field select[aria-invalid="true"],.form-field textarea[aria-invalid="true"]{border-color:#c64650}
.form-field input::placeholder,.form-field textarea::placeholder{color:#a0a6b0}
.button-form{min-height:50px;background:#c8fc79;color:#171b27;justify-content:space-between;width:100%;font-size:13px;margin-top:2px}
.button-form:hover{background:#b7ed65}
.button-form span{font-size:22px;font-weight:400}
.form-hint{font-size:11px;line-height:1.6;color:#8b919c;margin:14px 0 0}
.form-result{margin-top:18px;padding:16px;background:#f1f7e8;border:1px solid #d5e4c8;border-radius:8px}
.form-result[hidden]{display:none}
.form-result strong{font-size:14px}.form-result p{font-size:12px;color:#566450;margin:6px 0 13px}.result-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.result-copy,.result-email{background:#182426;border:0;border-radius:5px;color:#fff;padding:9px 12px;font:800 11px/1.5 var(--font-heading)}
.result-email{background:transparent;color:#27392d;text-decoration:underline;text-underline-offset:3px}
.faq-section{background:#fff}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%}
.faq-items{border-top:1px solid #dddfe3}
.faq-items details{border-bottom:1px solid #dddfe3}
.faq-items summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;cursor:pointer;font:800 15px/1.4 var(--font-heading)}
.faq-items summary::-webkit-details-marker{display:none}
.faq-plus{font:400 24px/1 var(--font-heading);color:#7971bb;transition:transform .2s}
.faq-items details[open] .faq-plus{transform:rotate(45deg)}
.faq-items details p{color:#6b7280;font-size:13px;line-height:1.85;max-width:590px;margin:0 40px 21px 0}
.site-footer{background:#0a0e19;color:#fff;padding:75px 0 0}
.footer-main{display:flex;justify-content:space-between;gap:60px;padding-bottom:70px}
.footer-brand-col>p{margin:23px 0 0;color:#a7adbd;font-size:13px;line-height:1.9}
.footer-links{display:grid;grid-template-columns:repeat(3,minmax(135px,1fr));gap:45px}
.footer-links h3{font-size:12px;margin:0 0 19px;color:#fff}
.footer-links a{display:block;font-size:12px;color:#a7aebe;margin-bottom:13px;transition:color .2s}.footer-links a:hover{color:var(--lime)}
.footer-bottom{min-height:68px;border-top:1px solid #ffffff1c;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#858c9d;font-size:11px}
.footer-bottom>span:nth-child(2){font:800 10px/1.4 var(--font-heading);letter-spacing:1.7px}
.footer-bottom>span:nth-child(2) span{color:var(--lime);font-size:16px}
.footer-bottom a{color:#d8dbe2}
@media (min-width:1500px){.hero{padding-top:90px}.hero-layout{min-height:590px}}
@media (max-width:1120px){
  .container{width:min(var(--container),calc(100% - 60px))}
  .desktop-nav{gap:18px}.desktop-nav a{font-size:12px}
  .hero h1{font-size:clamp(45px,5vw,62px);letter-spacing:-3px}
  .hero-art{height:500px}.visual-stage{height:365px;padding:23px}.visual-hero-word{font-size:63px;letter-spacing:-5px}.visual-gradient-ring{width:120px;height:120px}.visual-ring-center{height:75px;width:75px;font-size:53px}
  .visual-hero-lower>span{font-size:22px}.floating-card-video{left:-9%}.floating-card-web{right:-8%}
  .specialty-inner{flex-direction:column;gap:8px;justify-content:center;padding:15px 0}.specialty-items{justify-content:center}
  .contact-layout{gap:6%}
}
@media (max-width:860px){
  .desktop-nav,.button-header{display:none}.mobile-menu-toggle{display:flex}
  .header-inner{height:74px}
  .hero{padding-top:76px}
  .hero-layout{grid-template-columns:1fr;gap:5px;padding-bottom:20px}
  .hero-copy{padding:0}.hero h1{font-size:clamp(50px,8vw,79px);max-width:680px;letter-spacing:-3.5px}.hero-description{max-width:630px}
  .hero-proof{margin-top:35px}
  .hero-art{width:min(620px,100%);margin:0 auto;height:490px}
  .visual-stage{height:370px;width:70%}.floating-card-video{left:2%}.floating-card-web{right:0}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-service{grid-row:auto;min-height:500px;grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:15px}
  .featured-service .service-card-top{grid-column:1/-1}.featured-art{grid-column:1;grid-row:2;margin:0;height:auto;align-self:stretch}.featured-service .service-card-body{grid-column:2;grid-row:2;align-self:end}
  .about-layout{grid-template-columns:1fr;gap:45px}.about-left h2{font-size:52px}.about-left h2 br{display:none}
  .contact-layout{grid-template-columns:1fr;gap:28px}.contact-copy{min-height:unset}.contact-copy h2 br{display:none}.contact-deco{display:none}.contact-copy>p{max-width:590px}
  .faq-layout{grid-template-columns:1fr;gap:38px}
  .footer-main{flex-direction:column;gap:50px}.footer-links{max-width:800px}
}
@media (max-width:600px){
  .container{width:calc(100% - 36px)}
  .brand-mark{width:39px;height:39px}.brand-mark::before{font-size:30px;line-height:39px;left:8px}.brand-mark-cut{left:22px;top:9px}.brand-wordmark strong{font-size:13px}.brand-wordmark small{font-size:7px;letter-spacing:4px}
  .hero{padding-top:55px}.hero-layout{padding-bottom:0}
  .eyebrow{font-size:9px;letter-spacing:1.25px}
  .hero h1{font-size:clamp(41px,11vw,63px);line-height:1.13;letter-spacing:-2.7px;margin:19px 0 22px}
  .hero-description{font-size:14px;line-height:1.75;margin-bottom:24px}.button{font-size:12px;gap:14px;min-height:49px;padding:12px 16px}
  .hero-actions{gap:9px}.hero-proof{margin-top:30px}
  .hero-art{height:350px;width:100%}.orb-one{width:300px;height:300px;right:2%;top:0}.orb-two{width:260px;height:260px;right:9%;top:20px}
  .visual-stage{width:76%;height:290px;padding:15px 17px;transform:rotate(-5deg)}.visual-topline{font-size:6px;letter-spacing:.6px}.visual-symbol{font-size:23px}.visual-hero-word{font-size:clamp(35px,10vw,51px);letter-spacing:-3.5px;margin-top:-12px}.visual-hero-lower>span{font-size:16px}.visual-gradient-ring{width:86px;height:86px}.visual-ring-center{width:56px;height:56px;font-size:37px;letter-spacing:-4px}.visual-ring-center span{font-size:12px;padding-top:12px}.visual-bottom{font-size:5px;letter-spacing:.4px}
  .floating-card{width:140px;padding:7px;gap:7px;border-radius:7px}.floating-card-video{left:-2%;top:14%}.floating-card-web{right:-3%;bottom:12%}.floating-icon{width:25px;height:25px;font-size:10px;border-radius:5px}.floating-card strong{font-size:8px}.floating-card small{font-size:7px}.floating-tick{font-size:10px}.floating-sticker{right:2%;top:3%;width:54px;height:54px;font-size:7px}
  .hero-bottom{font-size:8px;letter-spacing:.6px;gap:12px;padding:14px 0}.hero-bottom a span{margin-left:3px}
  .specialty-inner{padding:14px 0}.strip-intro{font-size:9px}.specialty-items{gap:9px 11px;font-size:10px}.specialty-items i{width:3px;height:3px}
  .section{padding:76px 0}.section-head,.process-title-row{display:block;margin-bottom:32px}.section-head h2,.process-title-row h2,.faq-layout h2{font-size:clamp(30px,8.2vw,42px);letter-spacing:-1.6px}.section-head h2 br,.process-title-row h2 br{display:none}.section-head>p,.process-title-row>p{margin-top:20px;font-size:13px}
  .services-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:305px;padding:22px}.service-card h3{font-size:23px}.featured-service{display:flex;min-height:565px;grid-column:auto}.featured-art{height:210px;margin:15px 0 0}.featured-service .service-card-body{align-self:auto}
  .about-left h2{font-size:clamp(36px,9vw,48px)}.about-left>p{font-size:13px}.about-points{gap:10px}.about-point{padding:18px 15px;min-height:180px}.about-point h3{font-size:14px}.about-point p{font-size:11px}.about-point-icon{width:35px;height:35px;margin-bottom:14px}
  .showcase-grid{grid-template-columns:1fr;gap:19px}.showcase-art{height:300px}.showcase-caption{padding-top:14px}.showcase-caption h3{font-size:16px}.showcase-note{line-height:1.65}
  .process-steps{grid-template-columns:repeat(2,1fr);row-gap:10px}.process-steps article{min-height:215px;padding:19px 10px 5px 0;margin-right:0!important;border-right:0!important}.process-steps article:nth-child(odd){margin-right:12px!important;border-right:1px solid #d1d5d2!important}.process-steps article:nth-child(n+3){border-top:1px solid #d1d5d2}.step-illustration{margin:18px 0}.process-steps p{font-size:11px}
  .contact-section{padding:75px 0}.contact-copy h2{font-size:clamp(42px,10vw,55px);letter-spacing:-2px}.contact-copy>p{font-size:13px}
  .contact-form-wrap{padding:23px 19px}.contact-form-wrap>h3{font-size:21px}.form-row{grid-template-columns:1fr;gap:0}.form-hint{font-size:10px}
  .faq-items summary{font-size:13px;padding:20px 0}.faq-items details p{font-size:12px}
  .site-footer{padding-top:55px}.footer-main{padding-bottom:45px;gap:40px}.footer-links{grid-template-columns:repeat(2,1fr);gap:25px}.footer-links>div:last-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;padding:20px 0;justify-content:space-between;gap:10px}.footer-bottom>span:nth-child(2){display:none}
}
@media (max-width:365px){.hero-actions .button{width:100%;justify-content:space-between}.visual-stage{width:82%}.floating-card-video{left:-5%}.floating-card-web{right:-5%}.social-poster>span{font-size:38px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep contact options hidden until verified details are configured. */
.footer-links a[hidden]{display:none}

/* ================================================================
   NEXT FUTURE IT — BLACK EDITION
   Black / graphite palette, soft chrome borders and electric lime.
   ================================================================ */
:root{
  color-scheme:dark;
  --ink:#f5f6f5;
  --muted:#abb2af;
  --navy:#080909;
  --navy-2:#111314;
  --paper:#090a0a;
  --line:#282b2a;
  --white:#f9faf8;
  --violet:#ffb066;
}
body{background:#090a0a;color:#f5f6f5}
.site-header{background:#080909f2;border-bottom:1px solid #ffffff16}
.mobile-nav{background:#0b0c0c}
.hero{background:radial-gradient(ellipse at 82% 42%,#18221a 0%,#090b0b 48%,#070808 75%)}
.hero-glow-left{background:#ff6a0022}
.hero-glow-right{background:#ff8c3a21}
.hero-period{color:var(--lime)}
.visual-stage{
  background:linear-gradient(138deg,#282f27 0%,#141917 48%,#101212 100%);
  border-color:#8b5b3f66;color:#f4f9e8;
  box-shadow:0 30px 95px #000a,0 0 0 8px #ffffff06
}
.visual-stage::before{border-color:#ffb36b12}
.visual-live>span{background:var(--lime);box-shadow:0 0 12px #ff7e22}
.visual-hero-word>span{color:var(--lime)}
.visual-gradient-ring{background:conic-gradient(from 25deg,#ffcf9f,#ff9b4a,#4a2610,#ff7a1a,#ffd7ad)}
.visual-ring-center{background:#070a09;color:var(--lime)}
.visual-bottom{border-top-color:#e0f5cc36}
.floating-card{background:#1b1612;border:1px solid #4d3526;color:#f5f9f1;box-shadow:0 18px 42px #0009}
.floating-icon{background:#3a2414;color:var(--lime)}
.web-icon{background:#3d2716;color:var(--lime)}
.floating-card small,.floating-tick{color:#aab4aa}
.specialty-strip{color:#1f130a}
.services-section{background:#090a0a}
.eyebrow-dark{color:#b5bbb4}
.eyebrow-line{background:var(--lime)}
.section-head h2 em,.process-title-row h2 em,.faq-layout h2 em{color:var(--lime)}
.service-card{background:#141615;border-color:#303530;color:#f5f6f5}
.service-card:hover{border-color:#b56a2a;box-shadow:0 16px 38px #0009}
.featured-service{background:linear-gradient(150deg,#2c1c12,#1a120d 62%,#130d09);border-color:#5a3924}
.service-index,.featured-service .service-index{color:#a4b1a4}
.service-icon{background:#2c221b;color:#e8f0e5}
.service-icon-violet{background:#c8fc79;color:#21140b}
.service-card p{color:#adb6af}
.service-tags li,.featured-service .service-tags li{border-color:#5b4739;color:#bdcabb}
.service-link,.featured-service .service-link{border-top-color:#614633;color:#e9f3e7}
.service-link:hover{color:var(--lime)}
.featured-art::before,.featured-art::after{border-color:#ffb26677}
.art-graph-label{color:#ffc792}
.graph-bars i{background:linear-gradient(0deg,#8b4f1f,#ff9947)}
.graph-bars i:nth-child(7){background:linear-gradient(0deg,#c96a1d,#ffb974)}
.about-section{background:#111312}
.about-point{background:#1f1915;border-color:#4b3a2f}
.showcase-section{background:#0c0e0d}
.showcase-caption h3{color:#f1f4f0}
.showcase-caption div>span{color:#a9b2a8}
.showcase-arrow{border-color:#374037;color:var(--lime)}
.showcase-note{color:#939f93}
.social-art{background:#241812}
.social-art::before{border-color:#c8834065}
.social-poster{background:#1c120c;border:1px solid #b86a29}
.social-art-star{color:#c9ff87}
.website-art{background:#241a15}
.website-art::before{background:#53785933}
.browser-body{color:#16201d}
.brand-art{background:#261b15}
.identity-circle{border-color:#c27e4066}
.print-art{background:#2a1c14}
.print-art::before{background:#7e4d2b40}
.process-section{background:#120e0b}
.process-steps,.process-steps article:not(:last-child){border-color:#573d2c}
.step-number{color:#a9b5a8}
.step-illustration{background:#2b1c14;color:var(--lime)}
.process-steps p{color:#abb7ac}
.contact-section{background:#0c0908;border-top:1px solid #ffffff0d}
.contact-deco{border-color:#ff9d4d88}
.contact-deco::before{border-color:#d78442}
.contact-form-wrap{background:#1b1613;border:1px solid #5b4635;color:#f6f7f3;box-shadow:0 30px 65px #0009}
.contact-form-wrap>h3 span{color:var(--lime)}
.contact-form-wrap>p{color:#d3b39b}
.form-field label{color:#fff0e6}
.form-field label span{color:#bffa79}
.form-field input,.form-field select,.form-field textarea{background:#140f0c;border-color:#5d4838;color:#f4f7f2}
.form-field select option{background:#1a130f;color:#f4f7f2}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#c8fc79;box-shadow:0 0 0 3px #ff6a001a}
.form-field input::placeholder,.form-field textarea::placeholder{color:#c19d87}
.form-hint{color:#d0b19a}
.form-result{background:#2b1c14;border-color:#8c5a33}
.form-result p{color:#f0d0bb}
.result-copy{background:var(--lime);color:#1e130c}
.result-email{color:#ffbe86}
.faq-section{background:#0c0e0d}
.faq-items,.faq-items details{border-color:#5a4333}
.faq-plus{color:var(--lime)}
.faq-items details p{color:#abb6ab}
.site-footer{background:#070808;border-top:1px solid #ffffff17}
.footer-links h3{color:#f4f5f3}

/* Connect with us — individual platforms show immediately, activate
   only when their official URLs are entered in script.js. */
.socials-section{background:#110c0a;border-block:1px solid #2b1d15;position:relative;overflow:hidden}
.socials-section::before{content:"";position:absolute;width:430px;height:430px;right:-210px;top:-250px;border:1px solid #ff8c2b15;border-radius:50%;box-shadow:0 0 0 75px #ff8b2b10,0 0 0 150px #ff8b2b05;pointer-events:none}
.socials-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px;position:relative}
.socials-intro h2{font-size:clamp(35px,4.4vw,60px);line-height:1.2;letter-spacing:-2.6px;margin:18px 0 0}
.socials-intro h2 em{font-style:normal;color:var(--lime)}
.socials-intro>p{color:#d1b29a;max-width:375px;line-height:1.85;font-size:14px;margin-bottom:8px}
.social-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.social-card{min-width:0;min-height:224px;padding:21px 18px;background:linear-gradient(160deg,#221710,#15100d);border:1px solid #66462f;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;color:#fff3eb;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.social-card-top,.social-card-bottom{display:flex;align-items:start;justify-content:space-between;gap:10px}
.social-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #49604a;background:#3b2618;color:#ffd3ad;border-radius:13px}
.social-icon svg{width:29px;height:29px}
.social-index{color:#c39776;font:800 9px/1.4 var(--font-heading);letter-spacing:1px}
.social-card-bottom{align-items:end}
.social-card-bottom strong{display:block;font:800 19px/1.25 var(--font-heading);letter-spacing:-.6px}
.social-card-bottom small{display:block;margin-top:9px;color:#d3b59b;font-size:11px;line-height:1.5}
.social-arrow{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #8c613c;border-radius:50%;color:#ffb06a;font-size:18px}
.social-card.social-active{cursor:pointer}
.social-card.social-active:hover,.social-card.social-active:focus-visible{transform:translateY(-6px);border-color:var(--lime);background:#281a13;box-shadow:0 13px 32px #000a}
.social-card[aria-disabled="true"]{cursor:default}
.social-config-note{margin:20px 0 0;color:#bf9578;font-size:11px;line-height:1.7}
.social-config-note[hidden]{display:none}
.footer-social-icons{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.footer-social-icon{display:grid;place-items:center;width:38px;height:38px;background:#1b1512;border:1px solid #6a4a35;border-radius:9px;color:#ffd4b4;transition:background .2s,color .2s,border-color .2s}
.footer-social-icon svg{width:19px;height:19px}
.footer-social-icon.social-active:hover{background:var(--lime);color:#1d120b;border-color:var(--lime)}
.footer-social-icon[aria-disabled="true"]{opacity:.6;cursor:default}
.floating-whatsapp{position:fixed;z-index:95;bottom:27px;right:27px;display:flex;align-items:center;gap:8px;padding:11px 15px;background:#ff7a1a;color:#1a0e08;border:1px solid #ffcda4;border-radius:60px;box-shadow:0 9px 28px #0008;font:800 12px/1 var(--font-heading);transition:transform .2s,box-shadow .2s}
.floating-whatsapp svg{width:25px;height:25px;flex-shrink:0}
.floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 15px 32px #000a}
.floating-whatsapp[hidden]{display:none}

@media(max-width:1060px){.social-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.social-card{min-height:195px}}
@media(max-width:860px){.socials-intro{display:block}.socials-intro>p{max-width:620px;margin-top:16px}.social-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.socials-intro h2{font-size:clamp(32px,8.5vw,44px);letter-spacing:-1.8px}.social-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-card{min-height:175px;padding:16px 13px}.social-icon{height:43px;width:43px}.social-icon svg{height:23px;width:23px}.social-card-bottom strong{font-size:16px}.social-card-bottom small{font-size:10px}.social-arrow{height:23px;width:23px;font-size:14px}.process-steps article:nth-child(odd){border-color:#573d2c!important}.process-steps article:nth-child(n+3){border-color:#573d2c}.floating-whatsapp{right:15px;bottom:15px;padding:11px;border-radius:50%}.floating-whatsapp span{display:none}}
@media(max-width:390px){.social-card-bottom{gap:5px}.social-card-bottom strong{font-size:14px}.social-card-bottom small{font-size:9px}.social-index{font-size:8px}}


/* === Next Future IT custom updates: logo, team, footer map === */
.brand-logo-wrap{display:flex;align-items:center;min-width:0}
.brand-logo{display:block;width:clamp(180px,22vw,340px);height:auto;object-fit:contain}
.footer-logo{width:min(100%,320px)}
.site-header .brand{padding-block:8px}

.team-section{background:#0f1110;border-top:1px solid #2b1c14;border-bottom:1px solid #2b1c14}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.team-card{background:linear-gradient(160deg,#1a1d1b,#121413);border:1px solid #5c4637;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:18px;box-shadow:0 16px 34px #00000040}
.team-card:hover{border-color:#bb6e2c;transform:translateY(-2px);transition:.2s ease}
.team-avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff8a2a,#d96412);color:#1d120b;font:800 22px/1 var(--font-heading);box-shadow:0 8px 18px #00000052}
.team-label{display:inline-block;color:#c99574;font:800 10px/1.4 var(--font-heading);letter-spacing:1.5px;margin-bottom:8px}
.team-meta h3{margin:0 0 6px;font:800 24px/1.2 var(--font-heading);letter-spacing:-.7px;color:#f6f8f5}
.team-role{margin:0 0 10px;color:var(--lime);font-weight:700}
.team-meta p:last-child{margin:0;color:#d8b9a1;font-size:14px;line-height:1.8}

.footer-main{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:30px;align-items:start}
.footer-map-col h3{margin:0 0 14px;font:800 18px/1.3 var(--font-heading);color:#f4f5f3}
.footer-map-wrap{border:1px solid #644834;border-radius:18px;overflow:hidden;background:#140f0c;box-shadow:0 18px 34px #0000004d}
.footer-map-wrap iframe{display:block;width:100%;height:260px;border:0;filter:grayscale(.25) contrast(1.02)}
.footer-map-note{margin:12px 0 0;color:#c59b7b;font-size:12px;line-height:1.7}

@media (max-width:1100px){
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-main{grid-template-columns:1fr 1fr}
  .footer-map-col{grid-column:1/-1}
}
@media (max-width:860px){
  .brand-logo{width:clamp(150px,40vw,240px)}
}
@media (max-width:640px){
  .team-grid{grid-template-columns:1fr}
  .team-card{padding:18px}
  .footer-main{grid-template-columns:1fr}
  .footer-map-wrap iframe{height:220px}
}

.team-avatar-image{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#21150e;border:1px solid #5a3924;box-shadow:0 10px 24px #00000045}
.team-avatar-image img{width:100%;height:100%;display:block;object-fit:cover}