/* COOL HAND AV SOLUTIONS — ENTERPRISE WEB SYSTEM */
:root{--ink:#0c1418;--ink2:#132025;--ink3:#1b2a30;--white:#f3f2ed;--paper:#eaece9;--body:#bdc8c8;--quiet:#90a5a8;--line:rgba(183,209,207,.2);--accent:#a2d9ce;--gutter:clamp(22px,4.5vw,80px);--radius:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:var(--ink);color:var(--white);font:400 16px/1.62 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%}img{display:block}figure{margin:0}::selection{background:#a2d9ce;color:#0c1418}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a.textlink{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#9abcb7}a.textlink:hover{color:var(--accent)}.skip{position:absolute;top:-90px;left:12px;background:var(--white);color:var(--ink);padding:12px;z-index:150}.skip:focus{top:12px}.shell{width:min(100%,1600px);margin:auto;padding-inline:var(--gutter)}.micro{color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.22em;text-transform:uppercase}.micro.dark{color:#355d5a}.rule{height:1px;background:var(--line)}.muted{color:var(--body)}.section{padding-block:clamp(78px,8.3vw,145px)}.section.bordered{border-top:1px solid var(--line)}.section.soft{background:#111d21}.section.paper{background:var(--paper);color:var(--ink)}.section.paper .muted{color:#4f6164}.section.paper .micro{color:#386660}.section.intro-section{padding-top:65px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:39px}.section-head h2{margin:12px 0 0;max-width:850px}.section-head p{max-width:380px;margin:0}.display{font-size:clamp(3.5rem,7.7vw,8.25rem);font-weight:650;letter-spacing:-.07em;line-height:1.02}.h1{font-size:clamp(3.45rem,7vw,7.1rem);font-weight:620;letter-spacing:-.067em;line-height:1.05}.h2{font-size:clamp(2.15rem,4.4vw,4.6rem);font-weight:620;line-height:1.11;letter-spacing:-.055em}.h3{font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.22;letter-spacing:-.035em}.lead{font-size:clamp(18px,1.8vw,23px);line-height:1.55;color:var(--body)}.body-lg{font-size:18px;line-height:1.74}.text-max{max-width:760px}.upper{letter-spacing:.16em;text-transform:uppercase}.eyebrow-line{display:flex;gap:14px;align-items:center}.eyebrow-line:before{content:'';height:1px;width:29px;background:var(--accent)}
/* masthead */
.site-header{position:sticky;top:0;z-index:80;background:rgba(12,20,24,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.header-row{height:94px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:205px;height:auto}.desktop-nav{display:flex;align-items:center;gap:clamp(17px,2vw,31px);margin-left:auto}.nav-link{font-size:12px;text-transform:uppercase;letter-spacing:.115em;font-weight:700;color:#c1c9c8;transition:color .18s}.nav-link:hover,.nav-link[aria-current=page]{color:var(--white)}.nav-link[aria-current=page]{text-decoration:underline;text-underline-offset:9px;text-decoration-color:var(--accent)}.header-cta{margin-left:3px}.btn{border:1px solid #94acae;background:transparent;color:var(--white);min-height:51px;padding:15px 22px;display:inline-flex;justify-content:center;align-items:center;font-size:11px;font-weight:780;line-height:1.4;letter-spacing:.125em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s;text-align:center}.btn:hover{background:#273b3e;border-color:#c8e4df}.btn.primary{background:var(--white);color:#0a1519;border-color:var(--white)}.btn.primary:hover{background:var(--accent);border-color:var(--accent)}.btn.dark{color:var(--ink);border-color:#546d6d}.btn.dark:hover{background:#d4dcda}.btn.text{min-height:auto;padding:6px 0 8px;border:none;border-bottom:1px solid var(--accent);text-align:left;justify-content:start}.btn.text:hover{background:none;color:var(--accent)}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.menu-btn{display:none;margin-left:auto;border:1px solid #708789;background:none;color:var(--white);padding:12px 14px;min-width:94px;min-height:47px;align-items:center;justify-content:space-between;gap:14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:750}.burger{width:21px;height:17px;display:flex;flex-direction:column;justify-content:space-between}.burger span{height:1.5px;width:100%;background:var(--white);transition:transform .2s,opacity .2s}.menu-btn[aria-expanded=true] .burger span:first-child{transform:translateY(7.5px) rotate(45deg)}.menu-btn[aria-expanded=true] .burger span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] .burger span:last-child{transform:translateY(-8px) rotate(-45deg)}.mobile-nav{display:none}.mobile-nav[hidden]{display:none!important}
/* hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#0b1417 15%,#15252a 100%)}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 35%,rgba(105,170,165,.10),transparent 55%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.91fr);align-items:center;gap:clamp(30px,4vw,80px);padding-block:clamp(95px,10.4vw,168px) clamp(72px,7vw,110px)}.hero h1{max-width:810px;margin:25px 0 28px}.hero h1 span{color:#9ecbc6}.hero-copy{max-width:630px}.hero-copy p{max-width:575px}.hero-art{border:1px solid #425b5f;background:#0f1a1f;box-shadow:0 30px 90px #0005}.hero-art img{width:100%;height:auto}.art-caption{border-top:1px solid #344d50;padding:13px 19px;display:flex;gap:12px;justify-content:space-between;color:#8ea8aa;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.marquee{background:#19262b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.marquee-inner{min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:#d0d7d5;font-size:11px;letter-spacing:.18em;font-weight:720;text-transform:uppercase}.marquee-inner span+span:before{content:'·';display:inline-block;color:var(--accent);margin-right:clamp(10px,3vw,44px)}
/* components */
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.cap-card{background:#111d21;padding:clamp(27px,3vw,51px);display:flex;flex-direction:column;min-height:330px;transition:background .2s}.cap-card:hover{background:#1a2a30}.cap-card .index{font:700 11px/1.5 monospace;color:#9fb5b4;letter-spacing:.1em}.cap-card h3{font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.2;letter-spacing:-.04em;margin:42px 0 13px}.cap-card p{margin:0 0 36px;color:var(--body);max-width:340px}.cap-card .underlink{margin-top:auto;color:var(--accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;border-bottom:1px solid #577c7a;padding-bottom:10px;align-self:flex-start}.cap-card:hover .underlink{border-color:var(--accent)}.cap-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,8vw,125px);align-items:start}.cap-feature h2{margin:12px 0 28px}.cap-rows{border-top:1px solid var(--line)}.cap-row{display:grid;grid-template-columns:52px 1fr;gap:16px;border-bottom:1px solid var(--line);padding:25px 0}.cap-row .n{font-size:11px;color:var(--accent);font-family:monospace;padding-top:7px}.cap-row h3{margin:0 0 7px;font-size:19px;letter-spacing:-.02em}.cap-row p{margin:0;color:var(--body)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.metric{background:#18262b;padding:30px}.metric span{display:block;color:#91aaa9;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.metric strong{display:block;font-size:25px;font-weight:620;margin:15px 0 8px}.metric p{margin:0;color:var(--body);font-size:14px}.industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.industry-tile{border:1px solid #3a5154;padding:33px;min-height:238px;background:#121f24}.industry-tile .tile-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:11px;letter-spacing:.13em}.industry-tile h3{margin:27px 0 11px;font-size:26px;letter-spacing:-.04em}.industry-tile p{margin:0;color:var(--body)}.industry-tile .underlink{display:inline-block;margin-top:20px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);border-bottom:1px solid #618983;padding-bottom:6px}.white-panel{background:var(--paper);padding:clamp(32px,5vw,70px);color:var(--ink)}.white-panel h2{margin:11px 0 23px}.white-panel p{color:#4d5d60}.white-panel ul{padding-left:22px;color:#2b4144}.white-panel li+li{margin-top:10px}.dark-card{background:#152329;border:1px solid #42585c;padding:clamp(30px,4vw,58px)}.dark-card h2,.dark-card h3{margin:0 0 20px}.dark-card p{color:var(--body)}.cta-band{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding-block:clamp(65px,8vw,118px)}.cta-band h2{margin:13px 0 20px}.cta-band p{margin:0;max-width:620px}.cta-band .btn-row{justify-content:flex-end}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,7vw,105px)}.list-unstyled{margin:0;padding:0;list-style:none}.lined-list li{padding:19px 0;border-bottom:1px solid var(--line)}.lined-list li:first-child{border-top:1px solid var(--line)}.line-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 45px}.line-list span{display:block;padding:14px 0;border-bottom:1px solid var(--line);color:var(--body)}.chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.chapter{background:#111d21;padding:clamp(32px,4.2vw,62px)}.chapter .micro{display:block;margin-bottom:36px}.chapter h3{font-size:32px;letter-spacing:-.05em;margin:0 0 17px}.chapter p{color:var(--body);margin:0 0 24px}.chapter ul{list-style:none;padding:0;margin:0}.chapter li{position:relative;color:#e3e9e6;padding:8px 0 8px 20px}.chapter li:before{content:'';position:absolute;left:0;top:19px;height:5px;width:5px;background:var(--accent)}.page-hero{background:linear-gradient(140deg,#0d171b,#16282e);border-bottom:1px solid var(--line)}.page-hero .shell{padding-top:clamp(73px,8vw,125px);padding-bottom:clamp(75px,8vw,125px)}.page-hero h1{max-width:1030px;margin:18px 0 28px}.page-hero p{max-width:700px;margin:0}.page-hero .mini-nav{margin-top:38px;display:flex;gap:11px;flex-wrap:wrap}.chip{border:1px solid #4e696b;padding:11px 13px;color:#d1dad8;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.chip:hover{border-color:var(--accent);color:var(--white)}.service-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,7vw,115px);padding-block:clamp(70px,7vw,110px);border-bottom:1px solid var(--line);scroll-margin-top:115px}.service-detail h2{margin:19px 0 20px}.service-detail .lead{max-width:570px}.service-detail .micro{margin:0}.service-scope{padding:28px 31px;background:#152329;border:1px solid #3b5457}.service-scope h3{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 19px}.service-scope ul{padding:0;list-style:none;margin:0}.service-scope li{padding:13px 0;color:#d1d9d7;border-top:1px solid var(--line)}.service-scope li:first-child{border-top:0}.service-detail:nth-child(even) .service-scope{background:#1a2c30}.aside-note{font-size:13px;line-height:1.55;color:#a8c1c0;padding-top:23px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.timeline .phase{border-top:2px solid #7baba6;padding:25px 10px 10px 0}.phase-num{color:var(--accent);font-family:monospace;font-size:12px}.phase h3{font-size:21px;margin:24px 0 11px}.phase p{color:var(--body);font-size:14px;margin:0}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:24px 40px 24px 0;cursor:pointer;list-style:none;font-weight:640;font-size:18px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:8px;color:var(--accent);font-size:25px;font-weight:300;top:17px}.faq details[open] summary:after{content:'−'}.faq details p{margin:0;padding:0 35px 26px 0;max-width:900px;color:var(--body)}.profile-slab{border-left:3px solid var(--accent);padding:8px 0 8px 33px}.profile-slab p{margin:8px 0 0}
/* forms */
.contact-grid{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.3fr);gap:clamp(35px,7vw,115px);align-items:start}.contact-stack{position:sticky;top:122px}.contact-stack h2{margin:12px 0 25px}.email-big{font-size:clamp(18px,2vw,26px);letter-spacing:-.025em;overflow-wrap:anywhere;font-weight:620}.contact-metadata{margin-top:44px;border-top:1px solid var(--line)}.contact-metadata p{padding-top:10px;margin:14px 0 22px;color:var(--body)}.form-panel{scroll-margin-top:108px;background:#18272b;border:1px solid #486166;padding:clamp(25px,4vw,54px)}.form-panel h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.045em;margin:0 0 13px}.form-panel>p{color:var(--body);margin:0 0 32px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 19px}.field{margin-bottom:22px}.field.full{grid-column:1/-1}.field label{display:block;color:#e3eae7;font-weight:650;font-size:12px;margin-bottom:9px}.field label span{color:var(--accent)}.field input,.field select,.field textarea{background:#0f1b1f;border:1px solid #526f71;color:var(--white);width:100%;border-radius:0;padding:14px 16px;min-height:52px;appearance:none}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23d4e0db' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center;padding-right:45px}.field input::placeholder,.field textarea::placeholder{color:#9faeae}.field textarea{min-height:165px;resize:vertical}.field small{display:block;margin-top:7px;color:var(--quiet);font-size:11px}.form-foot{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.form-foot .btn{flex-shrink:0}.form-foot p{font-size:12px;color:#b8c8c5;margin:0}.hidden-field{position:absolute;left:-99999px;opacity:0}
/* footer */
.footer{background:#091115;border-top:1px solid var(--line)}.footer-main{padding-top:76px;padding-bottom:67px;display:grid;grid-template-columns:1.3fr .7fr .7fr .9fr;gap:clamp(26px,5vw,74px)}.footer .brand img{width:237px}.footer .tagline{color:#bdc8c6;font-size:15px;margin:23px 0 0;max-width:290px}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--accent);margin:0 0 20px}.footer a:not(.brand){display:block;color:#d1d9d5;font-size:14px;margin:12px 0}.footer a:hover{color:var(--accent)}.footer-lower{padding:19px 0 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#8d9d9d;font-size:11px}.footer-lower p{margin:0}.footer .mail{overflow-wrap:anywhere}.note{border-left:2px solid #7ebcb4;padding:13px 0 13px 19px;color:var(--body);font-size:14px;background:#132025;margin-top:27px}
@media(max-width:1140px){.brand img{width:175px}.desktop-nav{gap:17px}.nav-link{font-size:11px}.header-row{height:83px}.hero-grid{grid-template-columns:1.1fr .9fr}.hero h1{font-size:clamp(3.6rem,6.5vw,6rem)}}
@media(max-width:970px){.desktop-nav,.header-cta{display:none}.menu-btn{display:flex}.header-row{height:79px}.brand img{width:187px}.mobile-nav{display:block;position:fixed;top:79px;left:0;right:0;height:calc(100dvh - 79px);overflow:auto;background:#0d171b;border-top:1px solid var(--line);z-index:79;padding:22px var(--gutter) 48px;box-shadow:0 35px 45px #0008}.mobile-nav a{display:block;padding:18px 4px;border-bottom:1px solid var(--line);font-size:17px;font-weight:630}.mobile-nav a[aria-current=page]{color:var(--accent)}.mobile-nav .btn{display:flex;margin-top:32px;padding:17px;text-align:center}.mobile-nav .mobile-contact{color:var(--accent);margin-top:22px;font-size:14px}.hero-grid{grid-template-columns:1fr;gap:43px}.hero-art{max-width:690px}.hero h1{max-width:940px}.hero-copy p{max-width:680px}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}.timeline{grid-template-columns:repeat(3,1fr);gap:30px}.marquee-inner{font-size:10px}}
@media(max-width:710px){.section{padding-block:70px}.hero-grid{padding-block:77px 77px}.display,.h1{font-size:clamp(3rem,12.8vw,5rem)}.h2{font-size:clamp(2rem,8vw,3.4rem)}.section-head{display:block}.section-head p{margin-top:20px}.cards3,.metrics,.chapters,.industry-grid,.split,.service-detail,.contact-grid,.cap-feature{grid-template-columns:1fr}.cap-card{min-height:260px}.cap-card h3{margin-top:29px}.service-detail{gap:22px}.timeline{grid-template-columns:repeat(2,1fr)}.contact-stack{position:static}.form-panel{padding:25px}.marquee-inner{flex-wrap:wrap;justify-content:flex-start;gap:11px 18px;padding-block:17px;min-height:0}.marquee-inner span+span:before{display:none}.footer-main{grid-template-columns:1fr 1fr;gap:38px 27px}.footer-col:first-child{grid-column:1/-1}.footer-col:last-child{grid-column:1/-1}.footer-lower{flex-direction:column}.cta-band{grid-template-columns:1fr}.cta-band .btn-row{justify-content:flex-start}.art-caption{display:block}.field-grid{grid-template-columns:1fr}.form-foot{align-items:stretch;flex-direction:column}.form-foot .btn{width:100%}.line-list{grid-template-columns:1fr}}
@media(max-width:460px){.hero h1{font-size:clamp(2.9rem,13.1vw,3.9rem)}.brand img{width:165px}.menu-btn{min-width:86px;padding:9px 11px}.timeline{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-col:first-child,.footer-col:last-child{grid-column:1}.btn-row{flex-direction:column;align-items:stretch}.btn-row .btn{width:100%}.art-caption{font-size:9px}.hero-art{margin-inline:-7px}.section-head h2{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:0.01ms!important;transition:none!important}}

/* Version 4: secondary, time-sensitive telephone contact */
.priority-contact{margin:30px 0 0;padding:22px 22px 20px;border:1px solid rgba(162,217,206,.30);background:rgba(162,217,206,.055)}
.priority-contact .micro{margin-bottom:9px}
.priority-contact p{font-size:14px;color:var(--body);line-height:1.7;margin:0}
.priority-contact a{font-weight:700;color:var(--white)}
.footer .footer-urgent{font-size:12px;line-height:1.6;margin-top:20px;max-width:320px}
.footer .footer-urgent a.phone-link{display:inline;color:var(--accent);font-size:inherit;margin:0;text-decoration:underline;text-underline-offset:3px}
.priorities-label{color:#eaf1ec}
.confirmation-phone{margin-top:20px}