:root{--navy:#092a38;--lime:#cbef80;--paper:#f4f7f8;--gray:#586b74}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:var(--paper)}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #779c32;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 40px}header{position:sticky;top:0;z-index:10;background:#f4f7f8f5;border-bottom:1px solid #dbe3e5;backdrop-filter:blur(16px)}nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:12px;align-items:center}.mark{background:var(--navy);color:var(--lime);font-size:25px;font-weight:800;padding:10px;border-radius:10px;letter-spacing:-3px}.brand strong{font-size:22px;letter-spacing:-1px}.brand small{display:block;font-size:12px;letter-spacing:2px;margin-top:5px}.links{display:flex;align-items:center;gap:30px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--navy);padding:17px 25px;border-radius:6px;font-size:15px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{background:#b7df69;transform:translateY(-2px)}.btn.dark{background:var(--navy);color:white}.menu{display:none;border:1px solid #ced8dc;background:transparent;padding:10px;font-size:16px;border-radius:5px}.hero{background:var(--navy);color:white;padding:78px 0 55px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;margin:0 0 23px}.hero .eyebrow{color:var(--lime)}h1{font-size:clamp(42px,5.2vw,72px);line-height:1.06;font-weight:500;letter-spacing:-3px;margin:0 0 25px}h1 em{color:var(--lime);font-style:normal}.lead{max-width:440px;font-size:18px;line-height:1.65;color:#bacbd3}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:33px}.textlink{font-size:15px;border-bottom:1px solid #a2b6bd;padding:8px 0}.hero-foot{border-top:1px solid #34505b;margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#b3c7cf}.workspace{transform:rotate(-3deg);background:#fff;color:var(--navy);border-radius:13px;padding:26px;box-shadow:0 30px 60px #0003}.workspace-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8ea;padding-bottom:20px;font-size:13px}.workspace-head span{font-size:12px;color:var(--gray)}.work-title{font-size:25px;letter-spacing:-.7px;margin:26px 0 8px}.work-sub{font-size:14px;color:var(--gray);margin:0 0 24px}.pill{display:inline-block;font-size:12px;padding:7px 10px;background:#eff5e5;border-radius:30px}.progress{display:flex;gap:7px;height:9px;margin:16px 0 25px}.progress span{background:var(--navy);flex:1;border-radius:4px}.progress span:nth-child(2){background:#6fa49b}.progress span:nth-child(3){background:var(--lime)}.work-row{display:flex;align-items:center;gap:14px;border-top:1px solid #e4eaed;padding:16px 0;font-size:15px}.work-row b{background:#f0f4f5;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;font-size:13px}.work-row small{display:block;font-size:12px;color:var(--gray);margin-top:5px}.work-row i{margin-left:auto;font-style:normal;color:#6c892f}.note{font-size:12px;color:#657883;margin:10px 0 0}.ribbon{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d4dfe2;padding:28px 0;gap:20px}.ribbon div{font-size:15px;display:flex;align-items:center;gap:13px}.ribbon b{font-size:12px;color:#72818a;font-weight:400}.section{padding:95px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}h2{font-size:clamp(32px,3.6vw,48px);font-weight:500;line-height:1.12;letter-spacing:-1.8px;margin:0;max-width:600px}.section-head p{max-width:340px;line-height:1.7;color:var(--gray);font-size:16px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{border:1px solid #cfdbdf;background:white;border-radius:9px;padding:30px;display:flex;flex-direction:column;transition:transform .25s}.card:hover{transform:translateY(-5px)}.card.featured{background:var(--lime);border-color:var(--lime)}.card .num{font-size:13px;color:#56727d;margin-bottom:36px}.card h3{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:0 0 18px}.card p{font-size:16px;line-height:1.65;color:#536770;margin:0 0 22px}.card ul{padding-left:18px;margin:0 0 26px;font-size:14px;line-height:1.9}.card a{font-weight:700;font-size:14px;border-top:1px solid #adc0c5;padding-top:18px;margin-top:auto}.about{background:#e7eef0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about p{color:var(--gray);line-height:1.8;margin:0 0 24px;font-size:17px}.facts{display:flex;gap:40px;border-top:1px solid #bcced4;padding-top:26px}.facts strong{font-size:29px;font-weight:500;display:block}.facts span{font-size:13px;color:#586b74;display:block;margin-top:8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:40px}.step{border-top:2px solid #a8bdc5;padding-top:22px}.step span{font-size:13px;color:#627983}.step h3{font-size:21px;font-weight:500;margin:16px 0 12px}.step p{font-size:16px;line-height:1.7;color:var(--gray)}.contact{background:var(--navy);color:white;border-radius:12px;padding:55px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.contact h2{margin-bottom:22px}.contact .eyebrow{color:var(--lime)}.contact p{line-height:1.7;color:#b8cbd2;font-size:16px}.contact-details{border-left:1px solid #3d5661;padding-left:40px;display:flex;flex-direction:column;gap:24px;justify-content:center}.contact-details small{display:block;text-transform:uppercase;letter-spacing:1.5px;color:#a7bbc4;font-size:12px;margin-bottom:7px}.contact-details a,.contact-details address{font-size:17px;font-style:normal;line-height:1.5;overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0;font-size:12px;color:#5b7079}.footer-name{font-weight:bold;font-size:14px}.faq{max-width:900px;margin:auto;padding-top:65px}.faq h3{font-size:25px;font-weight:500;margin:0 0 22px}details{border-top:1px solid #c9d7dc;padding:20px 0}summary{cursor:pointer;font-size:16px;font-weight:600}details p{font-size:16px;color:var(--gray);line-height:1.7;max-width:760px} @media(max-width:900px){.wrap{padding:0 24px}.hero-grid{gap:35px}h1{letter-spacing:-2px}.workspace{padding:20px}.links{gap:15px}.about-grid{gap:35px}.card{padding:24px}.contact{padding:35px;gap:30px}.contact-details{padding-left:25px}}@media(max-width:680px){nav{height:78px}.brand strong{font-size:19px}.brand small{font-size:10px}.menu{display:block}.links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ccd9dc}.links.open{display:flex}.hero{padding:49px 0 30px}.hero-grid{grid-template-columns:1fr;gap:42px}h1{font-size:48px}.workspace{transform:rotate(-1deg);margin:0 5px}.hero-foot{margin-top:35px;font-size:12px;flex-wrap:wrap}.ribbon{grid-template-columns:1fr;padding:25px 0;gap:19px}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:22px}.cards,.about-grid,.steps,.contact{grid-template-columns:1fr}.cards{gap:15px}.card .num{margin-bottom:23px}.about-grid{gap:30px}.steps{gap:20px}.contact{padding:29px;gap:32px}.contact-details{padding:27px 0 0;border-left:0;border-top:1px solid #3d5661}.hero-actions{gap:20px}.btn{padding:16px 20px}.facts{gap:25px}footer{align-items:flex-start;flex-direction:column;gap:14px}.faq{padding-top:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* CONTATECH — black & gold */
:root{--navy:#090909;--lime:#d9b567;--paper:#0e0e0e;--gray:#b5b2aa;--gold:#d9b567}body{color:#f3eee3;background:var(--paper)}header{background:#0b0b0bf2;border-color:#393125}header:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:var(--scroll,0%);background:linear-gradient(90deg,#8d6b2e,#f5dc9d);transition:width .12s linear}.mark{background:linear-gradient(135deg,#e9cd88,#b38a40);color:#12100b;box-shadow:0 0 22px #d9b56718}.brand strong{color:#f4f0e7}.brand small{color:var(--gold)}.btn{position:relative;overflow:hidden;background:linear-gradient(115deg,#b98e43,#eed493,#caa050);color:#151109;box-shadow:0 6px 22px #b98e4316;transition:transform .3s,box-shadow .3s}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff7 50%,transparent 75%);transform:translateX(-130%);pointer-events:none}.btn:hover{background:linear-gradient(115deg,#d9b567,#f0d899,#d0ad61);transform:translateY(-3px);box-shadow:0 10px 28px #c89b4338}.btn:hover:after{animation:sheen .75s ease}.btn.dark{background:transparent;border:1px solid #a98948;color:#ecd296}.hero{background:radial-gradient(ellipse at 85% 35%,#5e462323,transparent 60%),#090909;position:relative}.hero h1{font-weight:500}.hero h1 em{background:linear-gradient(110deg,#b79146,#f4dda4,#c5a05a);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .lead{color:#bcb8ae}.hero-foot{border-color:#3d3526;color:#aba69b}.textlink{border-color:#897249;color:#e6d3a6}.workspace{background:linear-gradient(145deg,#24211b,#141310);color:#f4eee1;border:1px solid #78613b;box-shadow:0 30px 80px #0008,0 0 70px #b18b3620;animation:card-arrive 1s cubic-bezier(.2,.7,.2,1) both,levitate 4s 1s ease-in-out 2;transform:rotate(-3deg)}.workspace-head{border-color:#494032}.workspace-head span,.work-sub,.note{color:#bdb5a4}.work-title{color:#f1e7d1}.pill{background:#d9b56714;border:1px solid #705c34;color:#e2c785}.progress{overflow:hidden}.progress span{background:#ab8037;transform-origin:left;animation:grow 1.2s .5s backwards}.progress span:nth-child(2){background:#c8a85e;animation-delay:.7s}.progress span:nth-child(3){background:#efd79b;animation-delay:.9s}.work-row{border-color:#413a2e}.work-row b{background:#d9b56716;color:#d9b567}.work-row small{color:#b2aa9a}.work-row i{color:#dec486}.ribbon{border-color:#3b3324}.ribbon b{color:#c2a563}.ribbon div{color:#d4cbb9}.eyebrow{color:#d9b567}.section-head p{color:#b5b2aa}.card{background:linear-gradient(140deg,#1c1a16,#131313);border-color:#4a3e28;position:relative;overflow:hidden;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s,border-color .3s,box-shadow .3s}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#e8cb871c,transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none}.card:hover{transform:perspective(900px) translateY(-8px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-color:#aa884c;box-shadow:0 20px 35px #0004}.card:hover:before{opacity:1}.card.featured{background:linear-gradient(140deg,#e2c17b,#bb9149);color:#161209;border-color:#d9b567}.card .num{color:#c7a864}.card.featured .num,.card.featured p{color:#483719}.card p{color:#bdb7aa}.card ul{color:#d5cdbe}.card.featured ul{color:#342817}.card a{border-color:#55482e;color:#e4c883}.card.featured a{border-color:#8c6b31;color:#20190d}.about{background:#171613;border-top:1px solid #3a3325;border-bottom:1px solid #3a3325}.about p{color:#bdb7aa}.facts{border-color:#4e422c}.facts strong{color:#e2c17b}.facts span{color:#b6ae9d}.step{border-color:#7e653a}.step span{color:#d5b677}.step h3{color:#eee5d4}.step p,details p{color:#b5b2aa}.contact{background:radial-gradient(ellipse at top left,#725b302b,transparent 70%),#161512;border:1px solid #6f5933;box-shadow:0 24px 50px #0003}.contact p{color:#bfb8a9}.contact-details{border-color:#5b4c31}.contact-details small{color:#d3b575}.contact-details a,.contact-details address{color:#ebe1cf}footer{color:#afa491}details{border-color:#473c29}summary{transition:color .25s}summary:hover{color:#e3c17b}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#ecd296}.menu{color:#e2c17b;border-color:#69532e}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.motion-ready .reveal.visible{opacity:1;transform:none}.hero .eyebrow{animation:rise .75s both}.hero h1{animation:rise .9s .1s both}.hero .lead{animation:rise .9s .2s both}.hero-actions{animation:rise .9s .3s both}.links>a:not(.btn){position:relative}.links>a:not(.btn):after{content:"";position:absolute;bottom:-7px;height:1px;left:0;right:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}.links>a:hover:after,.links>a.active:after{transform:scaleX(1)}.links>a.active{color:#e2c17b}details[open] p{animation:rise .35s ease} @keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes card-arrive{from{opacity:0;transform:translateY(35px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(-2deg)}}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sheen{to{transform:translateX(130%)}}@media(max-width:680px){.links{background:#111;border-color:#4d4029}.contact-details{border-color:#5b4c31}.workspace{animation:card-arrive-mobile .9s both;transform:rotate(-1deg)}.hero-foot{color:#b6ad9b}}@keyframes card-arrive-mobile{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:rotate(-1deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}.card:hover{transform:none}}

/* Fluid layouts, including compact phones and enlarged text. */
html{overflow-x:clip}body{min-width:0}.wrap{width:100%;max-width:1240px;padding-inline:clamp(16px,4vw,40px)}.hero-grid,.about-grid,.cards,.steps,.contact{min-width:0}.hero-grid>* ,.about-grid>* ,.cards>* ,.steps>* ,.contact>*{min-width:0}h1,h2,h3,p,address,a,summary{overflow-wrap:break-word}.hero h1{font-size:clamp(2rem,6vw,4.5rem);letter-spacing:clamp(-3px,-.2vw,-1px)}h2{font-size:clamp(1.75rem,4vw,3rem)}.brand{flex-shrink:0}.brand strong{font-size:clamp(1rem,2.3vw,1.375rem)}.hero-actions{flex-wrap:wrap}.btn{min-height:48px;white-space:normal;text-align:center;line-height:1.4;max-width:100%}.workspace{width:100%;min-width:0}.workspace-head{gap:14px;flex-wrap:wrap;line-height:1.5}.workspace-head>*{min-width:0}.work-title{font-size:clamp(1.25rem,2.5vw,1.5625rem);letter-spacing:-.5px}.work-row{min-width:0}.work-row b{flex:0 0 34px}.work-row>div{min-width:0;line-height:1.4}.work-row i{flex-shrink:0}.work-row small{line-height:1.5}.contact-details a,.contact-details address{overflow-wrap:anywhere}.facts{flex-wrap:wrap}.links a{min-height:44px;display:flex;align-items:center}.menu{min-width:48px;min-height:44px}.card ul{overflow-wrap:anywhere}.ribbon{min-width:0}.ribbon div{min-width:0}.ribbon b{flex-shrink:0}.contact h2 br{display:none}summary{line-height:1.55;min-height:44px}footer>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:1050px){.hero-grid{gap:35px;grid-template-columns:1.1fr 1fr}.links{gap:16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards .card:last-child{grid-column:1/-1}.card{padding:26px}.section-head{align-items:flex-start}.contact{gap:35px;padding:38px}}
@media(max-width:820px){nav{height:78px}.menu{display:block}.links{display:none;position:absolute;top:78px;left:0;right:0;background:#111;padding:20px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid #4d4029;max-height:calc(100dvh - 78px);overflow-y:auto}.links.open{display:flex}.hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(2.15rem,8.5vw,4rem)}.hero .lead{max-width:580px}.workspace{max-width:580px;justify-self:center}.about-grid{grid-template-columns:1fr;gap:30px}.section-head{display:block}.section-head p{max-width:580px;margin-top:20px}.contact{grid-template-columns:1fr;gap:30px}.contact-details{border-left:0;border-top:1px solid #5b4c31;padding:28px 0 0}.steps{gap:24px}.hero{padding-top:55px}.hero-foot{flex-wrap:wrap}}
@media(max-width:600px){.cards,.steps{grid-template-columns:1fr}.cards .card:last-child{grid-column:auto}.ribbon{grid-template-columns:1fr;gap:18px}.section{padding-block:56px}.hero{padding-top:40px}.hero h1{font-size:clamp(2rem,10vw,3rem);line-height:1.1;letter-spacing:-1.3px}.hero-actions{gap:16px}.hero-foot{line-height:1.6;margin-top:30px}.workspace{padding:20px;width:calc(100% - 8px)}.contact{padding:28px}.card{padding:26px}.contact-details a,.contact-details address{font-size:1rem}footer{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:380px){.wrap{padding-inline:16px}.brand{gap:8px}.brand strong{font-size:16px;letter-spacing:-.5px}.brand small{font-size:9px;letter-spacing:1.5px}.mark{font-size:22px;padding:8px}.menu{font-size:14px;padding:8px}.hero h1{font-size:clamp(1.8rem,10vw,2.35rem)}.lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%;padding-inline:14px}.textlink{align-self:flex-start;min-height:44px;display:flex;align-items:center}.workspace{padding:16px;transform:none!important;animation:none}.workspace-head{gap:8px}.workspace-head strong{font-size:12px}.work-row{gap:10px;font-size:14px}.work-row small{font-size:12px}.pill{font-size:11px;line-height:1.5}.contact{padding:23px 18px}.card{padding:23px}.card h3{font-size:23px}.eyebrow{font-size:11px;letter-spacing:1.6px}.facts{gap:24px}.facts strong{font-size:25px}.section h2{letter-spacing:-1px}}
@media(min-width:1600px){.wrap{max-width:1380px}.hero{padding-top:100px;padding-bottom:65px}.hero-grid{gap:100px}.hero .lead{max-width:530px}.section{padding-block:110px}}
@media(max-height:500px) and (max-width:820px){header{position:relative}.links{max-height:75dvh}.hero{padding-top:32px}}