/* Exact production foundation/header declarations in original cascade order; studio class aliases only. */

/* qa17-next.css */
@font-face{font-family:Interface;src:local("Inter"),local("Arial")}
body{margin:0;background:#061323;color:#edf3fb;font-family:Interface,Arial,sans-serif;-webkit-font-smoothing:antialiased}
em{font-family:Georgia,serif;font-weight:400;color:#acc8f2}
h1{font-size:clamp(48px,5.1vw,82px);font-weight:500;letter-spacing:-.055em;line-height:1.03}
h2{font-size:clamp(34px,3.8vw,58px);letter-spacing:-.045em;font-weight:500;line-height:1.08}
h3{font-size:clamp(29px,3vw,45px);letter-spacing:-.04em;font-weight:500;line-height:1.1}
header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff12;background:#061323dc;backdrop-filter:blur(22px);position:sticky;top:0;z-index:20}
header nav{display:flex;gap:34px;color:#b5c8df;font-size:14px}
.brand{font-size:22px;letter-spacing:-1px;font-weight:700;display:block}
.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:4px;color:#8daacc}
.controls{display:flex;gap:8px}
.controls button{border:1px solid #ffffff20;border-radius:30px;padding:11px 15px;font-size:12px;display:flex;gap:9px;align-items:center}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;color:#7da7da;display:flex;align-items:center;gap:9px;line-height:1.5;margin-bottom:24px}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 24px;border-radius:9px;font-size:14px;font-weight:600;border:1px solid #98bdf033;transition:transform .25s,box-shadow .25s,background .25s;position:relative;overflow:hidden}
.button.primary{color:#0a2247;background:linear-gradient(130deg,#e9f1ff,#9ebff2);box-shadow:0 1px 0 #fff8 inset,0 8px 28px #020d2a50}
.button:before{content:"";position:absolute;inset:-100% -40%;background:linear-gradient(100deg,transparent 40%,#fff7 50%,transparent 60%);transform:translateX(-100%) rotate(10deg);transition:transform .65s}
.button:hover:before,.button:focus-visible:before{transform:translateX(100%) rotate(10deg)}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #76a7ff25}
.button:active{transform:translateY(1px) scale(.98)}
.button:hover b{transform:translate(3px,-3px)}
.button.small{padding:13px 18px;font-size:12px;background:#a7c5f20a}
@media (max-width:1000px){h1{font-size:58px}}
@media (max-width:700px){header{height:72px;padding:0 6%}
header nav{display:none}
.brand{font-size:18px}
.brand small{font-size:7px}
.controls button{padding:10px;font-size:10px}
.eyebrow{font-size:8px;margin-bottom:20px}
h1{font-size:clamp(43px,10vw,64px);letter-spacing:-.055em}
.button{font-size:12px;padding:16px 19px}
h2{font-size:36px}
.controls button span:not(.equalizer){font-size:9px}}
/* qa17-site7.css */
:root{--gap:clamp(24px,4vw,54px)}
body{background:#081727}
header{height:80px;padding:0 4%;gap:20px}
header nav{gap:25px;flex-shrink:0}
header nav a{padding:10px 0;border-bottom:1px solid transparent}
header nav a[aria-current=page]{color:#e8f1ff;border-color:#8eb9ef}
.header-cta{font-size:11px!important;padding:12px 17px!important;border-radius:7px!important}
.controls{align-items:center}
.controls>#motion{width:35px;height:35px;justify-content:center;padding:0}
@media (max-width:1050px){header{padding:0 3%;gap:12px}
header nav{gap:16px;font-size:12px}
.header-cta{display:none!important}}
@media (max-width:700px){header{height:auto;min-height:104px;display:grid;grid-template-columns:1fr auto;padding:12px 5% 0;gap:8px}
header nav{display:flex!important;grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;font-size:12px;padding:0 2px}
.controls{grid-column:2;grid-row:1}
.controls>#sound{padding:9px}
.controls #sound-label{font-size:9px}
header .brand{font-size:19px}}
/* qa17-site8.css */

/* qa17-site9.css */

/* qa17-site10.css */

/* qa17-site11.css */

/* qa17-site13.css */

/* qa17-site15.css */

/* qa17-site16.css */

/* qa17-site17.css */

/* qa17-site18.css */

/* qa17-site20.css */

/* native-root-integration.css */
.cw-language{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;font-size:12px}
.cw-language a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;box-sizing:border-box;padding:7px 3px;text-decoration:none;color:inherit}
.cw-language a[aria-current=true]{border-bottom:2px solid #3478ff;font-weight:700}
@media (max-width:600px){.cw-language{gap:4px;font-size:11px}
.cw-language a{padding:5px 2px}}
@media (max-width:760px){header,#sound-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#0b1828!important}}
/* qa17-navigation.css */
body>header nav a.cw-private-nav{border:1px solid #9bb8da55;border-radius:7px;padding:7px 12px;color:#d6e6fa;background:#aac8ef0b}
body>header nav a.cw-private-nav:hover,body>header nav a.cw-private-nav[aria-current="page"]{border-color:#b9d0ee;background:#aac8ef1a}
@media (max-width:700px){body>header nav{gap:12px}
body>header nav a.cw-private-nav{padding:5px 8px}}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("native-fonts/font-0.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("native-fonts/font-1.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("native-fonts/font-2.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("native-fonts/font-3.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Serif"; font-style: italic; font-weight: 400; font-display: swap; src: url("native-fonts/font-4.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url("native-fonts/font-5.ttf") format("truetype");}
@media (min-width:1101px){#main .canimaps-v6>.v6-home-hero>.hero-copy,#main .canimaps-v6>.v6-ai-hero>.hero-copy{align-self:center;min-height:0}}
@media (min-width:1101px){#main .canimaps-v6>.v6-home-hero>.hero-copy,#main .canimaps-v6>.v6-ai-hero>.hero-copy{align-self:center;min-height:0}}
body>header nav a.cw-private-nav{border:1px solid #9bb8da55;border-radius:7px;padding:7px 12px;color:#d6e6fa;background:#aac8ef0b}
body>header nav a.cw-private-nav:hover,body>header nav a.cw-private-nav[aria-current="page"]{border-color:#b9d0ee;background:#aac8ef1a}
@media (max-width:700px){body>header nav{gap:12px}
body>header nav a.cw-private-nav{padding:5px 8px}}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("native-fonts/font-0.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("native-fonts/font-1.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("native-fonts/font-2.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("native-fonts/font-3.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Serif"; font-style: italic; font-weight: 400; font-display: swap; src: url("native-fonts/font-4.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url("native-fonts/font-5.ttf") format("truetype");}
@media (min-width:1101px){#main .canimaps-v6>.v6-home-hero>.hero-copy,#main .canimaps-v6>.v6-ai-hero>.hero-copy{align-self:center;min-height:0}}
@media (min-width:1101px){#main .canimaps-v6>.v6-home-hero>.hero-copy,#main .canimaps-v6>.v6-ai-hero>.hero-copy{align-self:center;min-height:0}}
/* qa17-styles.css */
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("native-fonts/font-0.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("native-fonts/font-1.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("native-fonts/font-2.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("native-fonts/font-3.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Serif"; font-style: italic; font-weight: 400; font-display: swap; src: url("native-fonts/font-4.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url("native-fonts/font-5.ttf") format("truetype");}
.canimaps-v6{--v6-bg: #081727; --v6-panel: #0c1d30; --v6-text: #edf3fb; --v6-muted: #acbfd4; --v6-blue: #a9c7ee; --v6-orange: #ee954c; --v6-line: #8daacc30;}
.canimaps-v6{scroll-behavior: smooth; scroll-padding-top: 100px;}
.canimaps-v6{margin: 0px; background: var(--v6-bg); color: var(--v6-text); font: 16px / 1.6 "Canimaps V6 Sans", Arial, sans-serif; -webkit-font-smoothing: antialiased;}
.canimaps-v6 a{color: inherit; text-decoration: none;}
.canimaps-v6 button,.canimaps-v6 input,.canimaps-v6 textarea{font: inherit;}
.canimaps-v6 button,.canimaps-v6 a{touch-action: manipulation;}
.canimaps-v6 button{cursor: pointer; color: inherit;}
.canimaps-v6 button:focus-visible,.canimaps-v6 a:focus-visible,.canimaps-v6 input:focus-visible,.canimaps-v6 textarea:focus-visible,.canimaps-v6 summary:focus-visible{outline: rgb(255, 185, 111) solid 2px; outline-offset: 5px;}

.canimaps-v6 h1,.canimaps-v6 h2,.canimaps-v6 h3,.canimaps-v6 h4,.canimaps-v6 p{margin-top: 0px;}
.canimaps-v6 h1{font-size: clamp(46px, 4.5vw, 76px); font-weight: 500; line-height: 1.04; letter-spacing: -3px; margin-bottom: 28px;}
.canimaps-v6 h2{font-size: clamp(33px, 3.2vw, 51px); font-weight: 500; line-height: 1.12; letter-spacing: -1.6px; margin-bottom: 22px;}
.canimaps-v6 h3{font-size: 23px; line-height: 1.25; letter-spacing: -0.6px; font-weight: 500; margin-bottom: 14px;}
.canimaps-v6 h4{font-size: 17px; font-weight: 500;}
.canimaps-v6 p{color: var(--v6-muted);}
.canimaps-v6 em{font-family: "Canimaps V6 Serif", Georgia, serif; color: var(--v6-blue); font-weight: 400;}
.canimaps-v6 .eyebrow{font-size: 11px; letter-spacing: 2.7px; line-height: 1.6; font-weight: 600; color: rgb(147, 179, 217); margin-bottom: 25px;}
.canimaps-v6 .hero-copy,.canimaps-v6 .v6-hero-sculpture{position: relative; z-index: 2;}
.canimaps-v6 .hero-copy > p:not(.eyebrow){max-width: 560px; font-size: 18px; line-height: 1.8;}
.canimaps-v6 .btn{display: inline-flex; gap: 25px; justify-content: center; align-items: center; min-height: 52px; border-radius: 9px; padding: 14px 24px; font-size: 14px; font-weight: 600; line-height: 1.3; transition: background 0.2s, box-shadow 0.2s;}
.canimaps-v6 .btn:hover{box-shadow: rgba(0, 0, 0, 0.333) 0px 6px 28px;}
.canimaps-v6 .v6-private-feature .eyebrow{font-size: 10px; margin-bottom: 8px;}
.canimaps-v6 .v6-section-heading .eyebrow{margin-bottom: 14px;}
.canimaps-v6 .card-copy{padding: 24px;}
.canimaps-v6 .card-copy .eyebrow{font-size: 8px; letter-spacing: 1.3px; margin-bottom: 14px;}
.canimaps-v6 .card-copy h3{min-height: 58px; font-size: 22px;}
.canimaps-v6 .card-copy p:not(.eyebrow){font-size: 14px; min-height: 90px;}
.canimaps-v6 .v6-architecture-card .eyebrow{font-size: 8px; letter-spacing: 1.5px; margin-bottom: 10px;}
.canimaps-v6 .v6-three-cols .eyebrow{display: block; font-size: 10px;}
.canimaps-v6 .v6-contact-main .eyebrow{font-size: 11px; margin-bottom: 22px;}
.canimaps-v6 input:not([type="checkbox"]),.canimaps-v6 textarea{display: block; width: 100%; margin: 8px 0px 0px; padding: 12px 15px; min-height: 46px; color: rgb(237, 243, 251); border: 1px solid rgba(108, 135, 170, 0.333); border-radius: 7px; background: rgba(18, 37, 58, 0.533); resize: vertical;}
.canimaps-v6 input::placeholder,.canimaps-v6 textarea::placeholder{color: rgb(121, 145, 171);}
@media  (max-width: 1100px) {.canimaps-v6 .card-copy h3,.canimaps-v6 .card-copy p:not(.eyebrow),.canimaps-v6 .v6-architecture-card h4{min-height: 0px;}}
@media  (max-width: 760px) {.canimaps-v6 .hero-copy > p:not(.eyebrow){font-size: 16px; line-height: 1.75;}
.canimaps-v6 .v6-hero .eyebrow{margin-bottom: 23px;}
.canimaps-v6 .btn{padding: 14px 20px; min-height: 49px; font-size: 13px;}
.canimaps-v6 .v6-private-feature .eyebrow{font-size: 8px; letter-spacing: 1px;}
.canimaps-v6 .card-copy{padding: 23px;}
.canimaps-v6 .card-copy h3{font-size: 26px;}
.canimaps-v6 .card-copy p:not(.eyebrow){font-size: 15px;}
.canimaps-v6 .v6-architecture-card .eyebrow{font-size: 10px;}
.canimaps-v6 .v6-contact-main .eyebrow{font-size: 9px;}}
@media  (prefers-reduced-motion: reduce) {.canimaps-v6{scroll-behavior: auto;}}
.canimaps-v6 .v6-cinema-active > .hero-copy,.canimaps-v6 .v6-cinema-active > .v6-hero-sculpture{visibility: hidden; pointer-events: none;}
@media  (max-width: 760px) {.canimaps-v6 .hero-copy > p:not(.eyebrow){font-size: 15px; line-height: 1.7;}
.canimaps-v6 .v6-hero .eyebrow{margin-bottom: 18px;}}
.canimaps-v6{--v6-bg: #061523; --v6-panel: #081c2e; --v6-blue: #b4c9ef; --v6-muted: #b4c5d9; --v6-line: #7392b34d; --v6-orange: #ff943e;}
.canimaps-v6{background: var(--v6-bg);}
.canimaps-v6{max-width: 1600px; margin: auto; padding: 0px 24px 35px;}
.canimaps-v6 .eyebrow{font-size: 11px; letter-spacing: 2.4px; color: rgb(158, 191, 223);}
.canimaps-v6 em{color: var(--v6-blue);}
.canimaps-v6 .btn{border: 1px solid rgba(220, 234, 255, 0.5); border-radius: 10px; min-height: 52px; padding: 15px 25px; line-height: 1.3; font-size: 14px; gap: 22px; transition: transform 0.18s, box-shadow 0.18s, background 0.18s; position: relative;}
.canimaps-v6 .btn.v6-primary,.canimaps-v6 .btn.v6-pale{color: rgb(17, 36, 59); background: linear-gradient(120deg, rgb(225, 237, 255) 0%, rgb(190, 210, 243) 45%, rgb(168, 195, 238) 100%); box-shadow: rgba(255, 255, 255, 0.75) 0px 2px 1px inset, rgba(117, 149, 193, 0.4) 0px -2px 1px inset, rgb(36, 69, 101) 0px 5px 0px, rgba(0, 0, 0, 0.333) 0px 10px 24px; font-weight: 600;}
.canimaps-v6 .btn.v6-primary:hover,.canimaps-v6 .btn.v6-pale:hover{transform: translateY(-3px); box-shadow: rgba(255, 255, 255, 0.85) 0px 2px 1px inset, rgb(36, 69, 101) 0px 7px 0px, rgba(131, 188, 255, 0.157) 0px 13px 26px;}
.canimaps-v6 .btn.v6-primary:active,.canimaps-v6 .btn.v6-pale:active{transform: translateY(3px); box-shadow: rgba(71, 106, 151, 0.4) 0px 2px 4px inset, rgb(36, 69, 101) 0px 1px 0px, rgba(0, 0, 0, 0.333) 0px 4px 10px;}
.canimaps-v6 .btn span{font-size: 18px;}
.canimaps-v6 .btn.v6-outline{background: rgb(18, 37, 60); color: rgb(223, 234, 255); border-color: rgba(137, 166, 195, 0.333);}
.canimaps-v6 .btn:focus-visible,.canimaps-v6 .v6-flip-toggle:focus-visible{outline: rgb(255, 226, 176) solid 2px; outline-offset: 5px;}
.canimaps-v6 .hero-copy{position: relative; z-index: 4; pointer-events: none; text-shadow: rgb(0, 16, 31) 0px 3px 22px;}
.canimaps-v6 .hero-copy button,.canimaps-v6 .hero-copy a{pointer-events: auto;}
.canimaps-v6 .hero-copy > p:not(.eyebrow){font-size: 18px; line-height: 1.55; margin-bottom: 29px; max-width: 520px; color: rgb(211, 224, 240);}
.canimaps-v6 .v6-private-feature .eyebrow{font-size: 10px; margin: 0px; color: rgb(165, 208, 238);}
.canimaps-v6 .card-copy{padding: 8px 18px 0px; position: relative; z-index: 2; flex: 1 1 0%;}
.canimaps-v6 .card-copy h3{font-size: 20px; line-height: 1.22; font-weight: 600; letter-spacing: -0.65px; min-height: 49px; margin: 0px 0px 10px;}
.canimaps-v6 .card-copy p{font-size: 14px; line-height: 1.55; color: rgb(189, 207, 224); min-height: 67px; margin: 0px;}
.canimaps-v6 .v6-card-footer .btn{width: 100%; min-height: 42px; font-size: 12px; padding: 10px 12px; justify-content: space-between; gap: 8px; border-radius: 8px;}
.canimaps-v6 .v6-card-footer .btn span{font-size: 16px;}
.canimaps-v6 .v6-back-copy .eyebrow{font-size: 8px; letter-spacing: 1.4px; margin: 0px 30px 22px 0px; min-height: 24px;}
.canimaps-v6 .v6-ai-hero .hero-copy > p:not(.v6-hero-note){font-size: 17px;}
.canimaps-v6 .v6-section-heading .eyebrow{margin-bottom: 15px;}
.canimaps-v6 .v6-architecture-card .eyebrow,.canimaps-v6 .v6-architecture-card h4{display: none;}
.canimaps-v6 .v6-architecture-card .btn{font-size: 12px; min-height: 44px; padding: 11px 10px; gap: 5px; width: 100%;}
.canimaps-v6 .v6-integration-copy .eyebrow{font-size: 10px; margin-bottom: 18px;}
.canimaps-v6 .v6-integration-copy > p:not(.eyebrow){font-size: 14px; line-height: 1.7; max-width: 320px; margin-bottom: 30px;}
.canimaps-v6 .v6-integration-steps .eyebrow{font-size: 9px; letter-spacing: 2px; margin: 0px 0px 4px; color: rgb(182, 204, 228);}
.canimaps-v6 .v6-operations-copy .eyebrow{font-size: 10px; margin-bottom: 22px;}
.canimaps-v6 .v6-operations-copy > p:not(.eyebrow){font-size: 14px; line-height: 1.7; margin-bottom: 32px;}
.canimaps-v6 .v6-faq > .eyebrow{margin-bottom: 15px;}
.canimaps-v6 .v6-original-contact .eyebrow{margin-bottom: 20px; color: rgb(164, 190, 228);}
.canimaps-v6 .v6-original-contact > .btn{position: relative; z-index: 4; flex-shrink: 0;}
@media  (max-width: 1150px) {.canimaps-v6{padding: 0px 14px 25px;}
.canimaps-v6 .hero-copy > p:not(.eyebrow){font-size: 16px;}
.canimaps-v6 .card-copy{padding: 6px 14px 0px;}
.canimaps-v6 .card-copy h3{font-size: 18px;}
.canimaps-v6 .card-copy p{font-size: 13px;}
.canimaps-v6 .v6-architecture-card .btn{font-size: 11px;}}
@media  (max-width: 900px) and (min-width: 701px) {.canimaps-v6 .card-copy h3{min-height: 0px;}
.canimaps-v6 .card-copy p{min-height: 43px;}
.canimaps-v6 .hero-copy > p:not(.eyebrow){font-size: 15px;}
.canimaps-v6 .v6-hero .btn{padding: 13px 18px; font-size: 13px;}
.canimaps-v6 .v6-architecture-card .btn{font-size: 13px;}
.canimaps-v6 .v6-operations-copy > p:not(.eyebrow){font-size: 13px;}
.canimaps-v6 .v6-operations-copy .btn{font-size: 12px; padding: 13px 15px;}
.canimaps-v6 .v6-original-contact .btn{font-size: 12px; padding: 13px 17px;}}
@media  (max-width: 700px) {.canimaps-v6{scroll-padding-top: 85px;}
.canimaps-v6{padding: 0px 10px 25px;}
.canimaps-v6 .hero-copy > p:not(.eyebrow),.canimaps-v6 .v6-ai-hero .hero-copy > p:not(.v6-hero-note){font-size: 15px; line-height: 1.55; margin-bottom: 23px;}
.canimaps-v6 .v6-hero .btn{min-height: 49px; font-size: 14px; padding: 13px 20px; gap: 20px;}
.canimaps-v6 .v6-private-feature .eyebrow{font-size: 8px;}
.canimaps-v6 .card-copy{padding: 0px 22px;}
.canimaps-v6 .card-copy h3{font-size: 24px; min-height: 0px; line-height: 1.25; margin: 0px 0px 10px;}
.canimaps-v6 .card-copy p{font-size: 15px; min-height: 0px; line-height: 1.55;}
.canimaps-v6 .v6-card-footer .btn{min-height: 46px; font-size: 14px; padding: 12px 16px; width: 100%;}
.canimaps-v6 .v6-back-copy .eyebrow{font-size: 9px; letter-spacing: 1.7px; margin: 0px 50px 24px 0px;}
.canimaps-v6 .v6-section-heading .eyebrow{font-size: 9px; letter-spacing: 2px;}
.canimaps-v6 .v6-architecture-card .btn{font-size: 14px; min-height: 48px; padding: 12px;}
.canimaps-v6 .v6-integration-copy > p:not(.eyebrow){font-size: 14px; margin-bottom: 20px;}
.canimaps-v6 .v6-integration-copy .btn{display: none;}
.canimaps-v6 .v6-integration-steps .eyebrow{font-size: 8px;}
.canimaps-v6 .v6-operations-copy .eyebrow{font-size: 9px;}
.canimaps-v6 .v6-operations-copy > p:not(.eyebrow){font-size: 14px; margin-bottom: 0px;}
.canimaps-v6 .v6-operations-copy .btn{display: none;}
.canimaps-v6 .v6-original-contact .eyebrow{font-size: 10px; margin-bottom: 21px;}
.canimaps-v6 .v6-original-contact > .btn{margin-top: 25px; width: 100%; font-size: 14px;}}
@media  (prefers-reduced-motion: reduce) {.canimaps-v6 .v6-flip-card:hover,.canimaps-v6 .v6-depth-card:hover,.canimaps-v6 .btn:hover,.canimaps-v6 .btn:active{transform: none !important;}}
.canimaps-v6 .card-copy h3{min-height: 0px;}
.canimaps-v6 .card-copy p{margin-top: 10px;}
.canimaps-v6{scrollbar-color: rgb(82, 111, 137) rgb(7, 23, 37); scrollbar-width: thin;}
@media  (max-width: 700px) {.canimaps-v6{scrollbar-width: none;}}
/* qa17-addon-v7.css */
.canimaps-v6 .v6-service-card .card-copy, .canimaps-v6 .v6-service-card .v6-back-copy{position: relative; z-index: 4; text-shadow: rgb(3, 16, 31) 0px 2px 12px;}
.canimaps-v6 .v6-feature-link.btn{position: absolute; top: auto; bottom: 28px; right: 28px; width: auto; height: auto; min-height: 48px; display: inline-flex; border-radius: 12px; font-size: 13px; padding: 14px 20px; gap: 18px; z-index: 7;}
.canimaps-v6 .v6-service-intro > .eyebrow, .canimaps-v6 .v6-service-detail > .eyebrow{color: rgb(174, 204, 231); font-size: 10px; letter-spacing: 2px; line-height: 1.8;}
@media  (max-width: 900px) {.canimaps-v6 .v6-feature-link.btn{font-size: 11px; padding: 12px;}}
@media  (max-width: 700px) {.canimaps-v6 .v6-feature-link.btn{left: 22px; right: 22px; bottom: 20px; justify-content: space-between; font-size: 12px;}}
/* qa17-addon-v12.css */
.canimaps-v6 .v6-feature-link.btn{right: 30px; bottom: 28px; max-width: 34%; font-size: 13px;}
.canimaps-v6 .v6-architecture-card .eyebrow{font-size: 9px; letter-spacing: 2px; margin-bottom: 8px;}
.canimaps-v6 .v6-architecture-card .v6-card-footer .btn{width: 100%; font-size: 14px;}
@media  (max-width: 1000px) {.canimaps-v6 .v6-feature-link.btn{font-size: 11px; padding: 13px;}}
@media  (max-width: 700px) {.canimaps-v6 .v6-feature-link.btn{left: 24px; right: 24px; bottom: 25px; max-width: none; font-size: 12px; justify-content: space-between;}}
.canimaps-v6 .v6-private-feature .v6-feature-link.btn{right: 32px; bottom: 28px; max-width: 38%;}
@media  (max-width: 700px) {.canimaps-v6 .v6-private-feature .v6-feature-link.btn{left: 24px; right: 24px; bottom: 25px; max-width: none;}}
.canimaps-v6 .v6-architecture-card .eyebrow{display:block}
.canimaps-v6 .v6-private-feature .v6-feature-link.btn{top:auto;height:auto;width:auto;min-height:44px;border-radius:10px}
/* qa17-addon-v13.css */
@media  (max-width: 700px) {.canimaps-v6.v6-private-page .v6-operations-copy .btn{display: inline-flex; margin-top: 24px;}}
/* qa17-toolbar.css */
.cwdp-picker{position:relative;display:block!important;flex-shrink:0;color:#dce8f8;font-size:14px;z-index:101}
.cwdp-picker summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border:1px solid #a7bdd74d;border-radius:12px;padding:10px 13px;min-height:44px;background:#adcaef0b;white-space:nowrap}
.cwdp-picker summary::-webkit-details-marker{display:none}
.cwdp-picker summary:hover,.cwdp-picker[open] summary{border-color:#aec8ec;background:#a9c8ec17}
.cwdp-picker summary:focus-visible,.cwdp-options a:focus-visible{outline:2px solid #c8ddff;outline-offset:3px}
.cwdp-count{font-size:12px;color:#b9cce5}
.cwdp-picker .cwdp-options{position:absolute!important;top:calc(100% + 10px);right:0;display:grid!important;grid-template-columns:repeat(2,minmax(115px,1fr));gap:4px!important;padding:12px!important;width:300px;max-width:calc(100vw - 32px);max-height:65vh;overflow:auto;border:1px solid #8ea9cc80;border-radius:16px;background:#0c192a;box-shadow:0 15px 45px #0007}
.cwdp-picker:not([open]) .cwdp-options{display:none!important}
.cwdp-picker .cwdp-options a{display:flex!important;align-items:center;min-height:44px;margin:0!important;padding:9px 12px!important;border-radius:8px;border:0!important;color:#dce8f8;text-decoration:none;font-size:14px;white-space:normal;line-height:1.3}
.cwdp-picker .cwdp-options a:hover{background:#b1c9e923}
.cwdp-picker .cwdp-options a[data-current=true]{background:#b1c9e930;color:#fff}
.cwdp-picker .cwdp-options a[data-current=true]::after{content:"✓";margin-left:auto;padding-left:8px;border:0;position:static;width:auto;height:auto;background:none}
@media (max-width:760px){header:has(>.cwdp-picker){display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 10px;height:auto!important;padding:16px 5%!important}
header>.brand{grid-column:1;grid-row:1;justify-self:start;font-size:clamp(17px,5vw,22px)}
header>.cwdp-picker{grid-column:2;grid-row:1;justify-self:end;align-self:start;font-size:12px}
header>.cwdp-picker summary{padding:8px;gap:4px;min-height:44px}
header>.cwdp-picker .cwdp-count{font-size:10px}
header>.cwdp-picker .cwdp-options{left:auto;right:0}
header:has(>.cwdp-picker)>nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:8px}
header:has(>.cwdp-picker)>.controls{display:none}}
.cwdp-picker .cwdp-options .cwdp-disabled{display:flex;align-items:center;gap:5px;min-height:44px;padding:9px 12px;box-sizing:border-box;font-size:14px;line-height:1.3;color:#8190a3;cursor:not-allowed;opacity:.65}
.cwdp-options a{gap:5px}
.cwdp-options a[aria-current]{background:#b1c9e930;color:#fff}
.cwdp-options a[aria-current]::after{content:"✓";margin-left:auto}
header>.cwdp-picker{margin-left:auto;order:2}
header>.controls{order:3}
.cwdp-picker .cwdp-options{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr))}
.cwdp-picker .cwdp-options>*{min-width:0;overflow-wrap:anywhere}
.cwdp-picker .cwdp-options a{box-sizing:border-box;flex-wrap:wrap}
.cwdp-picker .cwdp-options a[aria-current]::after{padding-left:2px}
/* native17-inline0.css */
body>header:has(>.cwdp-header-end){display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px}
body>header:has(>.cwdp-header-end)>.brand{grid-column:1;grid-row:1;justify-self:start}
body>header:has(>.cwdp-header-end)>nav{grid-column:2;grid-row:1;justify-self:center;align-items:center;margin:0;min-width:0}
body>header>.cwdp-header-end{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:16px;min-width:0}
.cwdp-header-end>.cwdp-picker{margin:0!important}
@media (min-width:761px) and (max-width:1100px){body>header:has(>.cwdp-header-end)>nav{gap:14px}}
@media (max-width:760px){body>header:has(>.cwdp-header-end){grid-template-columns:minmax(0,1fr) auto;height:auto!important;padding:16px 5%!important;gap:14px 10px}
body>header>.cwdp-header-end{grid-column:2;grid-row:1;align-self:start}
body>header>.cwdp-header-end>.controls{display:none}
body>header:has(>.cwdp-header-end)>nav{display:flex!important;grid-column:1/-1;grid-row:2;width:100%;justify-content:safe center;gap:8px;overflow-x:auto}
body>header:has(>.cwdp-header-end)>nav>a{flex-shrink:0}
.cwdp-header-end>.cwdp-picker{font-size:12px}
.cwdp-header-end>.cwdp-picker summary{padding:8px;gap:4px;min-height:44px}
.cwdp-header-end>.cwdp-picker .cwdp-count{font-size:10px}}
body>header{font-family:Interface,Arial,sans-serif;font-size:16px;line-height:normal}body>header>nav>a{font-family:Interface,Arial,sans-serif;font-weight:400}body>header>.brand{font-family:Interface,Arial,sans-serif} .canimaps-v6 .btn:not(.btn-warm){color:#11233a;background:linear-gradient(120deg,#e4f0ff,#a8c2ed);border:1px solid #f3f7ff66} .canimaps-v6 .card-copy>p:not(.eyebrow){font-size:14px;line-height:1.6}@media(max-width:760px){.canimaps-v6 .card-copy>p:not(.eyebrow){font-size:15px}}
/* Remove inherited draft-shell metrics; the original has no extra main gutter. */
body{line-height:normal}body>header>.brand,body>header>.brand small{line-height:normal}main#main{padding:0 0 44px}

footer{padding:30px 5%;border-top:1px solid #8ea7c722;display:flex;align-items:center;justify-content:space-between;gap:20px}
footer span,footer>a:last-child{font-size:10px;color:#839dbf}
@media (max-width:700px){footer{padding:25px 6%;flex-wrap:wrap}
footer span{font-size:8px}}
footer{padding:28px 4%;align-items:flex-start}
footer nav{display:flex;gap:22px;font-size:12px;color:#a6bedc}
footer p{font-size:11px;margin-top:14px}
@media (max-width:700px){footer{padding:26px 5%;display:grid;grid-template-columns:1fr;gap:22px}
footer nav{gap:20px}}
.music-credit{font-size:11px;color:#a9bdd6;line-height:1.6;margin-top:14px}
.music-credit a{display:inline-block;min-height:24px;box-sizing:border-box;padding-block:4px;text-decoration:underline;text-underline-offset:3px}
footer>*{min-width:0}
footer nav{flex-wrap:wrap}
footer a{overflow-wrap:anywhere}
@media (max-width:760px){footer{padding-bottom:90px!important}
footer [data-company-info]{white-space:normal;max-width:100%}}
footer p,footer .footer-link,footer a{font-family:Interface,Arial,sans-serif;font-size:12px;letter-spacing:normal}footer .brand{font-size:22px;font-weight:700;letter-spacing:-1px}footer .brand small{font-size:9px;letter-spacing:4px}
html{scroll-padding-top:100px}main#main{scroll-margin-top:80px}

/* The added Business Studio link uses the same native type; wrap the native
   mobile row instead of clipping items or shrinking the text. */
@media(max-width:760px){body>header:has(>.cwdp-header-end)>nav{flex-wrap:wrap!important;overflow:visible!important;justify-content:center!important;gap:0 12px!important}body>header:has(>.cwdp-header-end)>nav>a{max-width:100%}}
