/* One new destination; retain the existing header, brand and audio controls. */
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}}

/* Shared hero typography: same font files and metrics as the main hero. */
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font-0.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font-1.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font-2.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font-3.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Serif"; font-style: italic; font-weight: 400; font-display: swap; src: url("assets/font-4.ttf") format("truetype");}
@font-face{font-family: "Canimaps V6 Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font-5.ttf") format("truetype");}
#main .page-hero h1{font-family:"Canimaps V6 Sans",Arial,sans-serif!important;font-size:clamp(43px,4.2vw,67px)!important;font-weight:650!important;line-height:1.06!important;letter-spacing:-2.3px!important;font-style:normal!important;color:#edf3fb!important}
#main .page-hero h1 em{display:block;font-family:"Canimaps V6 Serif",Georgia,serif!important;font-size:.91em!important;font-weight:400!important;font-style:italic!important;line-height:1.08!important;letter-spacing:-1.5px!important;color:#b4c9ef!important;margin-top:16px}
#main .page-hero h1>br{display:none}
@media(min-width:1600px){#main .page-hero h1{font-size:70px!important}}
@media(max-width:1150px){#main .page-hero h1{font-size:50px!important}}
@media(max-width:900px) and (min-width:701px){#main .page-hero h1{font-size:44px!important}}
@media(max-width:700px){#main .page-hero h1{font-size:clamp(35px,9vw,49px)!important;line-height:1.07!important;letter-spacing:-1.4px!important}#main .page-hero h1 em{font-size:1em!important;line-height:1.08!important;letter-spacing:-.8px!important;margin-top:14px}}

/* Blog hero: one full-width composition, real localized HTML copy. */
#main .articles-hero{display:block!important;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;margin:0!important;padding:0!important;aspect-ratio:1672/941;min-height:0!important;border:0!important;border-radius:0!important;background:#03111e!important;box-shadow:none!important}
#main .articles-hero:before,#main .articles-hero:after{display:none!important}
#main .articles-hero>.articles-surface{inset:0!important;mask-image:none!important;mix-blend-mode:normal!important}
#main .articles-hero>.articles-surface>img,#main .articles-hero>.articles-surface>video,#main .articles-hero>.articles-surface>canvas{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important;filter:none!important;mask-image:none!important}
#main .articles-hero>.copy{position:absolute!important;z-index:3;left:4.9%;top:27%;width:47%;max-width:none!important;margin:0!important;padding:0!important}
#main .articles-hero .eyebrow{margin:0 0 20px;font-family:"Canimaps V6 Sans",Arial,sans-serif;letter-spacing:3px;color:#abc8ed;font-size:12px}
#main .articles-hero h1{margin:0!important;width:100%!important;max-width:none!important}
#main .articles-hero .lead{max-width:94%;font-size:clamp(15px,1.3vw,20px);line-height:1.55;margin:26px 0 0;color:#c4d2e4}
#main .articles-hero .actions{margin-top:28px}
#main .articles-hero .button{font-family:"Canimaps V6 Sans",Arial,sans-serif;font-size:16px;padding:18px 25px;min-height:58px}
.articles-light-flow{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}.articles-light-flow path{stroke-dasharray:90 310;animation:articles-stream 3.6s linear infinite;animation-play-state:paused}.articles-light-flow path+path{animation-duration:4.8s;animation-delay:-2s}.articles-hero:has(video:not([data-motion-paused])) .articles-light-flow path{animation-play-state:running}@keyframes articles-stream{to{stroke-dashoffset:-400}}
@media(min-width:701px) and (max-width:1150px){#main .articles-hero>.copy{top:21%}#main .articles-hero .eyebrow{font-size:10px;margin-bottom:14px}#main .articles-hero .lead{font-size:14px;margin-top:18px}#main .articles-hero .actions{margin-top:18px}#main .articles-hero .button{font-size:14px;min-height:48px;padding:12px 18px}}
@media(max-width:700px){#main .articles-hero{aspect-ratio:auto;min-height:740px!important;margin:14px 12px!important;width:calc(100% - 24px);border:1px solid #54708a70!important;border-radius:20px!important;background:#041321!important}#main .articles-hero>.copy{position:relative!important;left:auto;top:auto;width:auto;padding:32px 23px 330px!important}#main .articles-hero .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:20px}#main .articles-hero .lead{font-size:16px;max-width:100%;margin-top:24px}#main .articles-hero .actions{margin-top:24px}#main .articles-hero .button{font-size:15px;min-height:52px;padding:14px 20px}#main .articles-hero>.articles-surface{inset:auto -4% -25px auto!important;width:200%;height:360px;mask-image:linear-gradient(transparent,#000 16%,#000 90%,transparent)!important}#main .articles-hero>.articles-surface>img,#main .articles-hero>.articles-surface>video,#main .articles-hero>.articles-surface>canvas{object-fit:fill!important}.articles-light-flow{top:auto;bottom:0;height:360px}}
@media(prefers-reduced-motion:reduce){.articles-light-flow{display:none}}

@media(max-width:700px){#main .articles-hero>.articles-surface{-webkit-mask-image:linear-gradient(transparent,#000 24%,#000 92%,transparent)!important;mask-image:linear-gradient(transparent,#000 24%,#000 92%,transparent)!important}#main .articles-hero>.articles-surface>img,#main .articles-hero>.articles-surface>video,#main .articles-hero>.articles-surface>canvas{transform:scale(1.035)}}
/* Match the About hero height on desktop; mobile remains content driven. */
@media(min-width:1101px){
#main .page-hero,#main .canimaps-v6>.v6-home-hero,#main .canimaps-v6>.v6-ai-hero{height:570px!important;min-height:570px!important;max-height:570px!important;box-sizing:border-box;aspect-ratio:auto!important}
#main .articles-hero>.copy{top:50%!important;transform:translateY(-50%);width:47%}
#main .articles-hero>.articles-surface{inset:0!important;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent)!important;mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent)!important;-webkit-mask-composite:source-in}
#main .articles-hero>.articles-surface>img,#main .articles-hero>.articles-surface>video,#main .articles-hero>.articles-surface>canvas{object-fit:contain!important;object-position:right center!important}
#main .hero-pricing13>.copy{padding-top:35px!important;padding-bottom:35px!important}
}
@media(min-width:1101px){
#main .articles-hero:before{display:block!important;content:"";position:absolute;inset:0;z-index:0;background:url("https://canimapsdigital.com/wp-content/uploads/2026/10/hero-clean.png") center/cover no-repeat;mask-image:linear-gradient(90deg,#000 35%,transparent 63%);-webkit-mask-image:linear-gradient(90deg,#000 35%,transparent 63%)}
#main .articles-hero>.articles-surface{mask-image:none!important;-webkit-mask-image:none!important}
#main .articles-hero>.articles-surface>img,#main .articles-hero>.articles-surface>video,#main .articles-hero>.articles-surface>canvas{mask-image:linear-gradient(90deg,transparent 35%,#000 58%,#000 94%,transparent),linear-gradient(0deg,transparent 7%,#000 15%,#000 85%,transparent 94%)!important;mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 58%,#000 94%,transparent),linear-gradient(0deg,transparent 7%,#000 15%,#000 85%,transparent 94%)!important;-webkit-mask-composite:source-in}
}
@media(min-width:1101px){#main .canimaps-v6>.v6-home-hero,#main .canimaps-v6>.v6-ai-hero{grid-template-rows:minmax(0,1fr)!important}#main .canimaps-v6>.v6-home-hero>.v6-hero-copy,#main .canimaps-v6>.v6-ai-hero>.v6-hero-copy{align-self:center;min-height:0}#main .canimaps-v6>.v6-home-hero>.v6-hero-sculpture,#main .canimaps-v6>.v6-ai-hero>.v6-hero-sculpture{min-height:0!important;height:100%!important;max-height:100%!important}}
@media(min-width:1101px){
#main .articles-hero:before{background-size:200% 100%;background-position:left center;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 78%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 78%,transparent)}
#main .articles-hero>.articles-surface{inset:0 0 0 auto!important;width:1013px;max-width:100%;mask-image:linear-gradient(90deg,transparent 2%,#000 30%,#000 94%,transparent),linear-gradient(0deg,transparent 7%,#000 16%,#000 84%,transparent 94%)!important;mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 30%,#000 94%,transparent),linear-gradient(0deg,transparent 7%,#000 16%,#000 84%,transparent 94%)!important;-webkit-mask-composite:source-in}
#main .articles-hero>.articles-surface>img,#main .articles-hero>.articles-surface>video,#main .articles-hero>.articles-surface>canvas{mask-image:none!important;-webkit-mask-image:none!important;object-fit:fill!important}
}

/* Share the offer accordion reveal with About and Private AI. */
#main .v6-faq .flow-detail{background:#0a1b2f!important;border:1px solid #36516c;border-radius:14px;margin:12px 0}
#main .v6-faq .flow-detail summary{padding:22px 24px}
#main .v6-faq .flow-detail summary>span{display:none}
#main .v6-faq .flow-content .v6-faq-answer{padding:0;background:none;border:0}
#main .v6-faq .flow-content .v6-faq-answer:after{display:none}
#main .v6-faq .flow-content p{margin:0!important;padding:0;font-size:16px;line-height:1.8}
/* Keep the mobile sculpture in front of the decorative light trails. */
@media(max-width:700px){
#main .articles-hero>.articles-surface{z-index:2;bottom:0!important;height:330px;mask-image:linear-gradient(transparent,#000 8%,#000 97%,transparent)!important;-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 97%,transparent)!important}
#main .articles-hero>.copy{background:transparent!important;box-shadow:none!important;padding-bottom:340px!important}
#main .articles-hero>.articles-surface>img,#main .articles-hero>.articles-surface>video,#main .articles-hero>.articles-surface>canvas{transform:none!important;filter:none!important}
#main .articles-light-flow{z-index:0}
}

#main .flow-content>.flow-lines16{opacity:.4;z-index:0}#main .flow-content>.v6-faq-reveal{position:relative;z-index:1}

#main .v6-faq .flow-detail{overflow:hidden;position:relative;isolation:isolate}
#main .v6-faq .flow-content{position:relative;isolation:isolate;overflow:hidden;padding:22px 24px 28px}
#main .v6-faq .flow-content:before{content:'';position:absolute;z-index:-2;inset:-12%;background:var(--scene-image) center/cover;opacity:.34;animation:detail-drift 18s ease-in-out infinite alternate}
#main .v6-faq .flow-content:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,#081829ef,#081829c2 50%,#08182955);pointer-events:none}
#main .v6-faq .art-documents{--scene-image:url('../assets/reference-documents.png')}#main .v6-faq .art-data{--scene-image:url('../assets/reference-data.png')}#main .v6-faq .art-desk{--scene-image:url('../assets/reference-desk.png')}
#main .v6-faq summary:after{content:'+';float:right;margin-left:auto;color:#9fc9ff;transition:transform .4s}#main .v6-faq details[open] summary:after{transform:rotate(45deg)}
#main .v6-faq .flow-opening .v6-faq-reveal{animation:explain-arrive .65s ease-out}
#main .v6-motion-paused .flow-content:before,#main .v6-page-hidden .flow-content:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#main .v6-faq .flow-content:before,#main .v6-faq .flow-opening .v6-faq-reveal{animation:none}}
@media(max-width:700px){#main .v6-faq .flow-content{padding:18px 20px 24px}#main .v6-faq .flow-content p{font-size:15px}}

/* Fit the media to the existing hero height, never the other way around. */
@media(min-width:1101px){
#main .v6-home-hero>.v6-hero-sculpture>.v6-hero-art{height:100%!important;min-height:0!important;aspect-ratio:auto!important}
#main .v6-home-hero .v6-hero-art>.v6-sculpture-surface{inset:0!important;height:100%!important;width:100%!important}
#main .v6-home-hero .v6-sculpture-surface>:is(img,video,.v6-android-video-frame){inset:0!important;width:100%!important;height:100%!important;transform:none!important;object-fit:contain!important;object-position:center!important}
}
@media(min-width:761px){
#main .hero-pricing13>.media-surface13{inset:18px 2% 18px 24%!important}
#main .hero-pricing13>.media-surface13>:is(img,video,.android-video-frame){inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:right center!important;transform:none!important}
}

@media(min-width:1101px){
#main .v6-home-hero>.v6-hero-sculpture{container-type:size}
#main .v6-home-hero .v6-hero-art>.v6-sculpture-surface{inset:0 auto auto 50%!important;width:min(100cqw,150cqh)!important;height:100%!important;transform:translateX(-50%)}
}
@media(min-width:761px){
#main .hero-pricing13>.media-surface13{inset:18px 2% 18px auto!important;width:min(74%,946px);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
}

/* Compact mobile portrait and a continuous blog backdrop. */
@media(max-width:700px){
#main .about-hero{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:14px 12px!important;border-radius:20px;overflow:hidden}
#main .about-hero>.portrait-stage{height:auto!important;min-height:0!important;width:100%;aspect-ratio:16/9;margin:0 0 18px!important}
#main .about-hero .portrait-card,#main .about-hero .portrait-card:hover,#main .about-hero .portrait-card:focus-within{position:relative!important;inset:auto!important;top:auto!important;transform:none!important;width:100%!important;height:auto!important;aspect-ratio:16/9}
#main .articles-hero{min-height:0!important}
#main .articles-hero:before{display:block!important;content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#081727bb,#08172788 48%,transparent 75%),url('original/assets/e6947aed42-contact-ribbons.jpg') center/cover no-repeat;opacity:.75;animation:detail-drift 28s ease-in-out infinite alternate}
#main .articles-hero>.copy{padding-bottom:310px!important}
#main .articles-hero>.articles-surface{mask-image:linear-gradient(transparent 10%,#000 26%,#000 94%,transparent)!important;-webkit-mask-image:linear-gradient(transparent 10%,#000 26%,#000 94%,transparent)!important}
}
@media(prefers-reduced-motion:reduce){#main .articles-hero:before{animation:none!important}}
.motion-off #main .articles-hero:before{animation-play-state:paused!important}
/* Mobile package artwork has its own column, including enlarged text. */
@media(max-width:760px){
 .cw-compact-pricing .compact-price-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(70px,30%);gap:10px;align-items:center}
 .cw-compact-pricing .compact-price-row .p12-prices{min-width:0}
 .cw-compact-pricing .p12-front .compact-price-row .p12-art{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1;margin:0!important}
 .cw-compact-pricing .p12-prices b{white-space:normal!important;overflow-wrap:anywhere;font-size:clamp(18px,5vw,23px)}
 .cw-compact-pricing .p12-prices strong{font-size:clamp(28px,8vw,36px)}
 .cw-compact-pricing .p12-front>h3{height:auto!important}
}