/* design-services.css */
/* Related ideas form chapters; existing headings, anchors and hero art remain. */
#main.ds-service-rhythm>.ds-chapter-section{padding-block:30px;background:#e7ebe3}
#main.ds-service-rhythm>.ds-chapter-section.ds-chapter-paper{background:#fffdf7}
#main.ds-service-rhythm>.ds-chapter-start{padding-top:64px}
#main.ds-service-rhythm>.ds-chapter-end{padding-bottom:64px}
#main.ds-service-rhythm>.ds-chapter-section:not(.ds-chapter-start) .brand-editorial-grid{border-top:0;padding-top:0}
#main.ds-service-rhythm>.ds-chapter-start>.container{border-top:3px solid #00b2a9;padding-top:28px}
#main.ds-service-rhythm>.ds-chapter-section .brand-feature-grid{row-gap:28px}
/* The opening About chapter retains its existing navy introduction. */
.page-about #main.ds-service-rhythm>.ds-chapter-section.tone-navy{background:#0b1d3a;color:#f5f2e9}
.page-about #main.ds-service-rhythm>.ds-chapter-section .detail-layout{row-gap:24px}

/* Existing inclusion nodes move here: no repeated marketing or invented tiers. */
.inner-page #main .ds-package-compare>.ds-package-highlights{list-style:none;margin:20px 0 12px;padding:0;border-top:1px solid #d6dfd7}
.inner-page #main .ds-package-highlights>li{position:relative;display:flex;align-items:center;min-height:52px;margin:0;padding:12px 0 12px 19px;border-bottom:1px solid #d6dfd7;font-size:14px;line-height:1.5}
.inner-page #main .ds-package-highlights>li::before{position:absolute;left:0;top:21px;content:'';width:5px;height:5px;background:#00746b;border-radius:50%}
.inner-page #main .ds-package-compare>details{margin-bottom:20px}

/* A concrete sample replaces only the display of one existing decorative view. */
#main .brand-visual.ds-enhanced-visual{display:flex;align-items:center;justify-content:center;min-height:380px;height:auto;padding:26px;background:#e6ebe3;color:#0b1d3a}
#main .ds-enhanced-visual>:not(.ds-service-demo){display:none}
.ds-service-demo{width:100%;max-width:440px;background:#fffdf7;border:1px solid #cbd6cd;border-radius:10px;padding:24px;box-shadow:0 12px 28px #0b1d3a0b;font-family:Manrope,Arial,sans-serif;overflow-wrap:anywhere}
.ds-demo-label{display:block;margin:0 0 21px;color:#456360;font-size:12px;font-weight:750;line-height:1.5;letter-spacing:.025em}
.ds-demo-title{display:block;font:850 29px/1.13 Inter,Arial,sans-serif;letter-spacing:-.045em;margin-bottom:24px}
.ds-service-demo p,.ds-service-demo li{font-size:14px;line-height:1.6}
.ds-service-demo p{margin:12px 0 0}
.ds-service-demo ul{margin:18px 0 0;padding-left:18px}
.ds-service-demo li+li{margin-top:10px}
.ds-demo-action{display:inline-flex;align-items:center;min-height:40px;margin-top:20px;padding:9px 14px;background:#00b2a9;color:#0b1d3a;border-radius:3px;font-size:14px;font-weight:800;line-height:1.5}
.ds-search-question{padding:14px 16px;border:1px solid #bdcec6;border-radius:6px;background:#f5f2e9;font-size:14px;line-height:1.55}
.ds-ad-result{padding:22px 0 4px}
.ds-ad-result>span{font-size:13px;line-height:1.5;color:#465b65}
.ds-ad-result>strong{display:block;font:800 24px/1.2 Inter,Arial,sans-serif;letter-spacing:-.03em;margin-top:14px;color:#00746b}
.ds-demo-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;color:#00746b;font-size:14px;font-weight:750;line-height:1.5}
.ds-demo-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid #cbd6cd}
.ds-demo-journey>span{border-top:3px solid #00b2a9;padding-top:10px;font-size:13px;font-weight:800;line-height:1.5}
.ds-demo-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:2px 10px;align-items:center;margin-bottom:18px}
.ds-demo-avatar{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:#00b2a9}
.ds-demo-head>strong{font-size:15px;line-height:1.4}
.ds-demo-head>span:last-child{font-size:12px;line-height:1.5;color:#52676b}
.ds-social-creative{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:174px;padding:24px;background:#0b1d3a;border-radius:6px;color:#f5f2e9}
.ds-social-creative>strong{font:850 29px/1.06 Inter,Arial,sans-serif;letter-spacing:-.045em}
.ds-creative-lines{display:grid;gap:10px;width:70px;flex:0 0 70px}
.ds-creative-lines i{height:7px;border-radius:5px;background:#f5f2e9;width:76%}
.ds-creative-lines i:first-child{background:#00b2a9;width:100%}
.ds-creative-lines i:last-child{width:48%}
.ds-workflow{list-style:none;margin:0;padding:0}
.ds-workflow>li{display:flex;align-items:flex-start;gap:15px;margin:0;padding:16px 0;border-top:1px solid #d6dfd7}
.ds-workflow>li>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;background:#00b2a9;border-radius:50%;font-size:12px;font-weight:800}
.ds-workflow strong{font:800 20px/1.3 Inter,Arial,sans-serif;letter-spacing:-.025em}
.ds-workflow p{margin:5px 0 0}
.ds-answer-example{margin-top:20px;padding:22px;background:#0b1d3a;border-radius:6px;color:#f5f2e9}
.ds-answer-example>strong{font:800 25px/1.15 Inter,Arial,sans-serif;letter-spacing:-.035em}
.ds-service-demo .ds-demo-note{font-size:12px;color:#456360;margin-top:20px}
.ds-browser-bar{display:flex;align-items:center;gap:5px;margin:0 -24px 0;padding:12px 18px;border-block:1px solid #d6dfd7;background:#e9ede7;font-size:12px;line-height:1.5}
.ds-browser-bar>i{width:5px;height:5px;border-radius:50%;background:#79938a}
.ds-browser-bar>span{margin-left:8px}
.ds-page-example{padding-top:24px}
.ds-page-example>strong,.ds-store-example strong{font:850 27px/1.08 Inter,Arial,sans-serif;letter-spacing:-.04em}
.ds-page-rule{width:54px;height:4px;margin-top:18px;background:#00b2a9;border-radius:3px}
.ds-store-example{display:grid;grid-template-columns:82px minmax(0,1fr);gap:22px;align-items:start;padding-top:24px}
.ds-product-shape{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:#e7ebe3;border-radius:7px;padding:18px}
.ds-product-shape>span{display:block;width:100%;height:64px;background:#00b2a9;border-radius:24px 24px 3px 3px;box-shadow:4px 5px 0 #007e781a}
.ds-local-example{position:relative;margin-top:20px;border:1px solid #cbd6cd;border-top:4px solid #00b2a9;padding:23px 20px}
.ds-location-dot{display:block;width:24px;height:24px;border-radius:50% 50% 50% 3px;transform:rotate(-45deg);background:#00b2a9;margin-bottom:18px}
.ds-local-example>strong{display:block;font:800 25px/1.2 Inter,Arial,sans-serif;letter-spacing:-.035em}

@media(max-width:1000px){
 #main .brand-visual.ds-enhanced-visual{padding:20px}
 .ds-service-demo{padding:20px}
 .ds-browser-bar{margin-inline:-20px}
 .ds-store-example{grid-template-columns:64px minmax(0,1fr);gap:16px}
 .ds-store-example strong{font-size:25px}
 .ds-social-creative{gap:14px;padding:20px}
 .ds-creative-lines{width:54px;flex-basis:54px}
}
@media(max-width:700px){
 #main.ds-service-rhythm>.ds-chapter-section{padding-block:24px}
 #main.ds-service-rhythm>.ds-chapter-start{padding-top:44px}
 #main.ds-service-rhythm>.ds-chapter-end{padding-bottom:44px}
 #main.ds-service-rhythm>.ds-chapter-start>.container{padding-top:22px}
 #main .brand-visual.ds-enhanced-visual{min-height:0;padding:18px}
 .ds-service-demo{padding:20px}
 .ds-demo-label{margin-bottom:18px}
 .ds-demo-journey{gap:7px;margin-top:20px}
 .ds-demo-journey>span{font-size:12px}
 .ds-store-example{grid-template-columns:1fr;gap:18px}
 .ds-product-shape{display:none}
 .ds-social-creative{min-height:150px;padding:18px}
 .ds-social-creative>strong{font-size:27px}
 .ds-demo-title{font-size:27px}
 /* Existing art stays an illustration; remove microcopy rather than shrink it. */
 .ds-mobile-illustration:not(.ds-enhanced-visual) :is(.visual-kicker,.visual-footnote,.mini-result small,.phone-copy small,.phone-copy span,.measure-sheet small,.measure-sheet>p,.care-sheet>small,.local-profile>small,.local-profile>div){display:none}
 .ds-mobile-illustration:not(.ds-enhanced-visual) :is(.measure-sheet li,.care-sheet>div,.answer-slip>span,.phone-copy b){font-size:14px;line-height:1.5}
 .ds-mobile-illustration:not(.ds-enhanced-visual) .clarity-sheet>div>span{display:none}
 .ds-mobile-illustration:not(.ds-enhanced-visual) .clarity-sheet>div>b{font-size:14px;line-height:1.5}
 .inner-page #main .ds-package-highlights>li{padding-block:11px;min-height:48px}
}


/* design-cases.css */
/* Case stories: original evidence and screenshots, with a clearer reading path. */
.case-study-page .dn-case-scope{margin-top:18px;max-width:100%}
.case-study-page .dn-case-scope .cs-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.case-study-page .dn-case-scope .cs-chips li{font:650 12px/1.5 Manrope,Arial,sans-serif;padding:5px 10px;border:1px solid #b9ccc5;border-radius:4px;background:#e8eee6;color:#0b1d3a}
.case-study-page .dn-case-feature-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#0b1d3a;color:#70e1d4;font:800 12px/1 Inter,Arial,sans-serif;letter-spacing:0}
.case-study-page .cs-feature .dn-section-opening>.dn-case-feature-number{margin:0 0 2px}
.case-study-page .cs-feature .dn-case-feature-caption{display:flex;align-items:flex-start;gap:12px;padding:16px;border-left:3px solid #00b2a9;background:#fffdf6;color:#0b1d3a}
.case-study-page .dn-case-feature-caption>div{min-width:0}
.case-study-page .dn-case-caption-label{display:block;font:700 12px/1.5 Manrope,Arial,sans-serif;color:#536472;margin-bottom:6px}
.case-study-page .dn-case-feature-caption .dn-section-intro{font-size:14px;line-height:1.65;margin:0}

/* Client identity leads; the unchanged website preview demonstrates the work. */
.case-study-page .dn-case-card-identity{padding:22px 24px 18px;border-bottom:1px solid #d0d8ca;display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:18px;align-content:start;align-items:start}
.case-study-page .dn-case-card-identity .cs-card-logo{grid-column:1;grid-row:1/3;height:60px;margin:0}
.case-study-page .dn-case-card-identity .client-logo-badge{width:110px;max-width:100%;height:60px}
.case-study-page .dn-case-card-identity>.eyebrow{grid-column:2;margin:0 0 7px;font-size:10px;line-height:1.5}
.case-study-page .dn-case-card-identity>.cs-card-link{grid-column:2;min-width:0}
.case-study-page .dn-case-card-identity h2{font-size:26px;line-height:1.15;margin:0 0 10px}
.case-study-page .dn-case-card-identity .cs-card-link>p{font-size:15px;line-height:1.55;margin:0}
.case-study-page .cs-card .cs-card-content{padding-top:20px}

/* Context is part of the proof, not fine print. Preserve exact periods/sources. */
.case-study-page .cs-proof-item small{font-size:13px;line-height:1.65;max-width:42ch;color:#d1dce5}
.case-study-page .cs-card-proof small{font-size:12px;line-height:1.65;color:#435967}
.case-study-page .cs-comparison figcaption span{font-size:12px;line-height:1.5}

.case-study-page .dn-case-comparison-tabs[hidden]{display:none!important}
.case-study-page [data-case-comparison-panel][hidden]{display:none!important}
@media(max-width:720px){
 .case-study-page .dn-case-card-identity{padding:18px;grid-template-columns:92px minmax(0,1fr);gap:8px 14px}
 .case-study-page .dn-case-card-identity .client-logo-badge{width:92px;height:54px}
 .case-study-page .dn-case-card-identity .cs-card-logo{height:54px}
 .case-study-page .dn-case-card-identity h2{font-size:23px;margin-bottom:8px}
 .case-study-page .dn-case-card-identity>.eyebrow{font-size:10px;margin:0}
 .case-study-page .dn-case-card-identity .cs-card-link>p{font-size:14px;line-height:1.55}
 .case-study-page .dn-case-scope{margin-top:16px}
 .case-study-page .dn-case-scope .cs-chips li{font-size:12px;padding:4px 8px}
 .case-study-page .dn-case-comparison-tabs{display:flex;gap:6px;grid-column:1/-1;padding:5px;background:#e2e9df;border:1px solid #bccdc4;border-radius:7px}
 .case-study-page .dn-case-comparison-tabs button{flex:1;min-width:0;min-height:44px;padding:10px 12px;font:750 13px/1.4 Manrope,Arial,sans-serif;background:transparent;color:#0b1d3a;border:1px solid transparent;border-radius:4px;cursor:pointer}
 .case-study-page .dn-case-comparison-tabs button[aria-selected=true]{background:#0b1d3a;color:#f5f2e9;border-color:#0b1d3a}
 .case-study-page .dn-case-comparison-tabs button:focus-visible{outline:3px solid #00746b;outline-offset:3px}
 .case-study-page .cs-comparison.is-tabbed{gap:14px}
 .case-study-page .cs-comparison.is-tabbed>[data-case-comparison-panel]{min-width:0;grid-column:1/-1}
 .case-study-page .cs-comparison.is-tabbed .cs-image-scroll{height:330px;overscroll-behavior-y:auto}
 .case-study-page .cs-feature .dn-case-feature-caption{padding:14px;gap:10px}
}
@media (max-width:380px),(min-width:721px) and (max-width:1000px){
 .case-study-page .dn-case-card-identity{grid-template-columns:1fr;gap:10px}
 .case-study-page .dn-case-card-identity .cs-card-logo{grid-column:1;grid-row:auto}
 .case-study-page .dn-case-card-identity>.eyebrow,.case-study-page .dn-case-card-identity>.cs-card-link{grid-column:1}
}
@media print{
 .case-study-page .dn-case-comparison-tabs{display:none!important}
 .case-study-page [data-case-comparison-panel][hidden]{display:block!important}
 .case-study-page .cs-image-scroll{height:auto;overflow:visible}
}


/* design-shared.css */
/* Current-page context is distinct from a temporarily opened service menu. */
.site-header #navigation>a:is(.is-current-page,.is-current-section){color:var(--deep-text,#00746b);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.site-header .nav-group.is-current-section>summary{color:var(--deep-text,#00746b);border-bottom-color:var(--teal)}
.site-header .nav-group.is-current-section:not([open])>summary{border-bottom-style:dotted}
.site-header .mega-column a.is-current-page{background:#e1ece4;color:#006d68;box-shadow:inset 3px 0 0 var(--teal)}
.site-header #navigation>a.button.is-current-page{color:var(--navy);text-underline-offset:4px}

/* Native footer disclosures start open, retaining the complete no-JS footer. */
.site-footer .footer-link-group{min-width:0}
.site-footer .footer-link-group>summary{display:block;list-style:none;cursor:default}
.site-footer .footer-link-group>summary::-webkit-details-marker{display:none}
.site-footer .footer-group-icon{display:none}
.site-footer .footer-group-links{min-width:0}
@media(min-width:701px) and (max-width:900px){
 .site-footer .footer-grid>.footer-link-group:last-child{grid-column:2/4}
}
@media(max-width:700px){
 .site-footer .footer-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .site-footer .footer-grid>.footer-contact{grid-column:1;margin-bottom:22px}
 .site-footer .footer-socials{display:flex;flex-wrap:wrap;gap:0 16px}
 .site-footer .footer-socials>a{flex:0 0 auto}
 .site-footer .footer-grid>.footer-link-group{grid-column:1;border-top:1px solid #ffffff35}
 .site-footer .footer-grid>.footer-link-group:last-child{grid-column:1;border-bottom:1px solid #ffffff35}
 .site-footer .footer-link-group>summary{min-height:48px;cursor:pointer}
 .site-footer .footer-link-group>summary>h2{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;margin:0;padding:12px 0;font-size:17px;line-height:1.4}
 .site-footer .footer-group-icon{display:block;position:relative;flex:0 0 16px;width:16px;height:16px;color:var(--teal)}
 .site-footer .footer-group-icon::before,.site-footer .footer-group-icon::after{content:"";position:absolute;left:1px;right:1px;top:7px;height:2px;background:currentColor}
 .site-footer .footer-group-icon::after{transform:rotate(90deg)}
 .site-footer .footer-link-group[open] .footer-group-icon::after{display:none}
 .site-footer .footer-group-links{padding:0 0 16px}
 .site-footer .footer-group-links>a{padding-inline:4px}
 .site-footer .footer-link-group>summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
}

/* Small navigation remains readable, touch-friendly and able to wrap. */
nav.site-breadcrumbs,.cs-main .cs-breadcrumb{font-size:14px;line-height:1.6}
.site-breadcrumbs ol,.cs-main .cs-breadcrumb{gap:4px 10px}
.site-breadcrumbs li{display:flex;align-items:center;min-width:0}
.site-breadcrumbs a,.cs-main .cs-breadcrumb>a{display:inline-flex;align-items:center;min-height:44px;min-width:24px;max-width:100%;padding-block:4px;white-space:normal}
.site-breadcrumbs li:last-child,.cs-main .cs-breadcrumb>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){nav.site-breadcrumbs,.cs-main .cs-breadcrumb{font-size:13px}}
@media print{
 .site-footer .footer-link-group>summary{display:block}
 .site-footer .footer-group-icon{display:none}
}


/* design-mobile-guides.css */
/* Useful actions arrive before the supporting illustration and long explanation. */
.inner-page .design-action-hero .site-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:48px}
.inner-page .design-action-hero .site-hero-visual{padding:0;min-width:0}
.design-action-panel{scroll-margin-top:24px}
.design-action-label{color:var(--deep-text,#00746b);margin:0 0 12px}
.inner-page .design-action-panel .site-form{margin:0;max-width:none;padding:28px;background:#fffdf8;border-top:4px solid var(--teal)}
.inner-page .design-action-panel .site-form .form-grid{gap:0 18px}
.inner-page .design-action-panel .site-form .form-grid label{min-width:0}
.design-action-explanation>.container{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:48px;align-items:center}
.design-action-explanation .dn-heading-block{margin:0}
.design-later-illustration{min-width:0;max-width:330px;justify-self:end;width:100%}
.design-later-illustration .service-notebook{min-height:0;padding:24px;max-width:100%}
.design-later-illustration .service-notebook strong{font-size:32px}
.design-later-illustration .service-notebook .notebook-view{max-height:180px;object-fit:cover}
.design-later-illustration .care-art{padding:24px}
.design-later-illustration .care-art h2{font-size:28px}
.design-later-illustration .care-art li{font-size:14px}

/* An editorial map, built from the article's existing topics and explanations. */
.design-guide-overview{display:block;min-width:0;margin:0 0 40px;padding:24px;background:#e6eee7;border-top:4px solid var(--teal);color:var(--navy)}
.design-guide-overview+.article-section{padding-top:0;border-top:0}
.design-guide-overview>.eyebrow,.design-guide-overview>figcaption{margin:0 0 18px;color:var(--deep-text,#00746b)}
.design-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.design-guide-steps li{min-width:0;position:relative}
.design-guide-steps li+li:before{content:'';position:absolute;top:17px;right:calc(100% + 4px);width:10px;height:2px;background:#7aa39a}
.design-guide-steps a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:80px;font-size:15px;line-height:1.45;font-weight:750;text-decoration:none}
.design-guide-steps a:hover span:last-child{text-decoration:underline;text-underline-offset:4px}
.design-guide-number{display:grid;place-items:center;width:34px;height:34px;background:var(--navy);border-radius:50%;color:var(--cream);font:750 12px/1 Inter,sans-serif}
.design-guide-comparison{overflow-x:auto}
.design-guide-comparison table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.7;text-align:left}
.design-guide-comparison th,.design-guide-comparison td{padding:14px 12px;border-top:1px solid #b7cbc1;vertical-align:top}
.design-guide-comparison th{font-weight:800}
.design-guide-comparison th:first-child{width:110px;padding-left:0}
.design-guide-comparison th a{display:inline-flex;align-items:center;min-height:44px}

@media(max-width:900px){
 .inner-page .design-action-hero .site-hero-grid{gap:28px}
 .inner-page .design-action-panel .site-form{padding:22px}
 .design-action-explanation>.container{gap:28px}
}
@media(max-width:700px){
 .inner-page .design-action-hero .site-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .inner-page .design-action-hero{padding-bottom:32px}
 .inner-page .design-action-hero .site-hero-copy>.eyebrow{margin-bottom:14px}
 .inner-page .design-action-hero .site-actions{margin-top:18px}
 .inner-page .design-action-panel .site-form{padding:20px}
 .design-action-explanation>.container{grid-template-columns:minmax(0,1fr);gap:24px}
 .design-later-illustration{justify-self:center;max-width:280px}
 .design-guide-overview{padding:20px;margin-bottom:28px}
 .design-guide-steps{grid-template-columns:minmax(0,1fr);gap:0}
 .design-guide-steps li+li{border-top:1px solid #bed1c7}
 .design-guide-steps li+li:before{display:none}
 .design-guide-steps a{flex-direction:row;align-items:center;gap:14px;min-height:68px;padding:12px 0}
 .design-guide-number{flex:0 0 34px}
 .design-guide-comparison table{font-size:14px}
 .design-guide-comparison th:first-child{width:88px}
 /* Reuse the actual platform component, relocated by progressive enhancement. */
 .home-story .platform-badge.design-mobile-platform{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,145px);align-items:center;gap:12px;width:100%;max-width:100%;transform:none;margin:20px 0 0;padding:12px 14px;border-radius:8px;box-shadow:none}
 .home-story .design-mobile-platform .platform-badge-label{font-size:11px;line-height:1.5;margin:0;max-width:150px}
 .home-story .design-mobile-platform .platform-badge-row,.home-story .design-mobile-platform .platform-cycle{min-height:36px;height:36px}
 .home-story .design-mobile-platform .hero-platform{font-size:17px;gap:9px}
 .home-story .design-mobile-platform .hero-platform img{width:34px;height:34px;padding:5px;border-radius:8px}
}
@media(max-width:360px){
 .home-story .platform-badge.design-mobile-platform{grid-template-columns:minmax(0,1fr) minmax(0,126px);gap:10px;padding:12px}
 .home-story .design-mobile-platform .hero-platform{font-size:16px;gap:7px}
 .home-story .design-mobile-platform .hero-platform img{width:30px;height:30px}
}

.inner-page .design-action-panel .site-form label{font-size:14px;line-height:1.5}
.inner-page .design-action-panel .site-form :is(input,select,textarea){font-size:16px}


/* compact-internal-heroes.css */
/* Internal banners: shared compact rhythm. Home and printed pages keep their layout. */
@media screen {
  .inner-page #main .site-breadcrumbs { padding-top: 16px; }
  .inner-page #main .site-hero { padding: 28px 0 36px; }
  .inner-page #main .site-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(24px, 3vw, 40px);
  }
  .inner-page #main .site-hero-copy { min-width: 0; }
  .inner-page #main .site-hero-copy > .eyebrow { margin: 0 0 12px; }
  .inner-page #main .site-hero h1 {
    font-size: clamp(36px, 3.9vw, 56px);
    line-height: 1.06;
    margin: 0 0 14px;
    overflow-wrap: anywhere;
  }
  .inner-page #main .site-hero .hero-promise {
    font-size: clamp(23px, 2.1vw, 28px);
    line-height: 1.24;
    margin: 0 0 14px;
  }
  .inner-page #main .site-hero .site-intro {
    font-size: 16px;
    line-height: 1.6 !important;
    margin: 0;
  }
  .inner-page #main .site-hero .site-actions { margin-top: 18px; gap: 12px 20px; }
  .inner-page #main .site-hero .site-reassurance { margin: 12px 0 0; font-size: 14px; line-height: 1.55; }
  .inner-page #main .site-hero-visual { width: 100%; min-width: 0; padding: 0; margin: 0; }
  .inner-page #main .site-hero .service-brand-hero {
    height: 400px;
    width: 100%;
    max-width: 480px;
    margin: 0 auto 16px;
  }
  .inner-page #main .site-hero .service-brand-hero .portal { border-width: 12px; }
  .inner-page #main .site-hero .service-brand-hero .search-stack { width: 78%; left: 0; top: 52%; }
  .inner-page #main .site-hero .service-brand-hero .standout {
    min-height: 78px;
    padding: 12px 14px;
    gap: 10px;
    border-radius: 11px;
  }
  .inner-page #main .site-hero .service-brand-hero .standout strong { font-size: clamp(23px, 2.1vw, 28px); }
  .inner-page #main .site-hero .service-brand-hero .result-mark { padding: 6px; }
  .inner-page #main .site-hero .service-brand-hero .result-mark img { width: 24px; height: 24px; }
  .inner-page #main .site-hero .service-brand-hero .result-promise { font-size: 12px; line-height: 1.35; margin-top: 4px; }
  .inner-page #main .site-hero .service-brand-hero .result-line { height: 3px; margin-top: 7px; }
  .inner-page #main .site-hero .service-brand-hero .neighbour-tab { padding: 6px 10px; font-size: 9px; }
  .inner-page #main .site-hero .service-brand-hero .ghost {
    min-height: 34px;
    margin-top: 8px;
    margin-left: 12px;
    padding: 7px 14px;
    border-radius: 7px;
  }
  .inner-page #main .site-hero .service-brand-hero .ghost.last { min-height: 30px; margin-top: 8px; margin-left: 24px; padding-block: 6px; }
  .inner-page #main .site-hero .service-brand-hero .ghost-icon { width: 16px; height: 16px; }
  .inner-page #main .site-hero .service-brand-hero .ghost div span { height: 3px; margin-block: 3px; }
  .inner-page #main .site-hero .service-brand-hero .art-caption { bottom: -14px; font-size: 9px; margin: 0; }
  .inner-page #main .site-hero .service-notebook {
    width: min(280px, calc(100% - 32px));
    min-height: 350px;
    margin: 10px auto 16px;
    padding: 24px 22px 22px 28px;
  }
  .inner-page #main .site-hero .service-notebook > img:first-child { width: 100px; margin-bottom: 16px; }
  .inner-page #main .site-hero .service-notebook > strong { font-size: 30px; line-height: 1.05; }
  .inner-page #main .site-hero .service-notebook > .book-rule { margin-block: 12px; }
  .inner-page #main .site-hero-simple { padding-block: 24px 32px; }
  .inner-page #main .site-hero-simple .site-hero-copy { max-width: 980px; }
  .inner-page #main .site-hero-simple .article-meta { margin: 14px 0 0; padding-top: 12px; }
  .inner-page #main .design-action-hero .site-hero-grid { align-items: start; }
  .inner-page #main .design-action-panel .site-form { padding: 22px; }
  .case-study-page #main .cs-breadcrumb { padding-block: 16px 8px; }
  .case-study-page #main .cs-hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(24px, 3vw, 40px);
    padding-block: 24px 36px;
  }
  .case-study-page #main .cs-hero > * { min-width: 0; }
  .case-study-page #main .cs-client-logo { height: 56px; margin-bottom: 12px; }
  .case-study-page #main .cs-client-logo .client-logo-badge { width: 170px; height: 56px; }
  .case-study-page #main .cs-client-logo img { max-height: 52px; }
  .case-study-page #main .dn-hero-opening { gap: 10px; }
  .case-study-page #main .cs-hero h1 { font-size: clamp(34px, 3.5vw, 50px); line-height: 1.08; margin: 0; }
  .case-study-page #main .cs-hero .cs-intro { font-size: 16px; line-height: 1.6; }
  .case-study-page #main .cs-hero-preview { padding: 0; border: 0; min-width: 0; }
  .case-study-page #main .cs-hero-preview .website-showcase { width: 100%; max-width: 520px; margin: 0; }
  .case-study-page #main .cs-index-hero { padding-block: 24px 28px; gap: 10px; }
  .case-study-page #main .cs-index-hero h1 { font-size: clamp(36px, 4vw, 56px); line-height: 1.08; margin: 0; }
}
@media screen and (max-width: 1050px) and (min-width: 901px) {
  .inner-page #main .site-hero .service-brand-hero { height: 360px; }
  .inner-page #main .site-hero .service-brand-hero .search-stack { top: 48%; width: 82%; }
  .inner-page #main .site-hero .service-brand-hero .standout { padding: 10px; gap: 8px; }
  .inner-page #main .site-hero .service-brand-hero .standout strong { font-size: 23px; }
  .inner-page #main .site-hero .service-brand-hero .result-promise { font-size: 10px; }
}
@media screen and (max-width: 900px) {
  .inner-page #main .site-breadcrumbs { padding-top: 12px; }
  .inner-page #main .site-hero { padding-block: 22px 28px; }
  .inner-page #main .site-hero-grid, .case-study-page #main .cs-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
  .inner-page #main .site-hero h1 { font-size: clamp(32px, 7vw, 42px); margin-bottom: 12px; }
  .inner-page #main .site-hero .hero-promise { font-size: 23px; margin-bottom: 12px; }
  .inner-page #main .site-hero .site-intro { line-height: 1.6 !important; }
  .inner-page #main .site-hero .service-brand-hero { height: clamp(310px, 76vw, 330px); max-width: 390px; margin-block: 0 16px; }
  .inner-page #main .site-hero .service-brand-hero .portal { border-width: 10px; }
  .inner-page #main .site-hero .service-brand-hero .search-stack { top: 48%; width: 80%; }
  .inner-page #main .site-hero .service-brand-hero .standout { min-height: 68px; padding: 10px; gap: 8px; }
  .inner-page #main .site-hero .service-brand-hero .standout strong { font-size: 24px; }
  .inner-page #main .site-hero .service-brand-hero .result-mark { padding: 5px; }
  .inner-page #main .site-hero .service-brand-hero .result-mark img { width: 21px; height: 21px; }
  .inner-page #main .site-hero .service-brand-hero .result-promise { font-size: 10px; }
  .inner-page #main .site-hero .service-brand-hero .result-line { margin-top: 6px; }
  .inner-page #main .site-hero .service-brand-hero .ghost { min-height: 28px; padding: 6px 12px; margin-top: 7px; }
  .inner-page #main .site-hero .service-brand-hero .ghost.last { min-height: 26px; padding-block: 5px; margin-top: 7px; }
  .inner-page #main .site-hero .service-brand-hero .ghost-icon { width: 14px; height: 14px; }
  .inner-page #main .site-hero .service-brand-hero .art-caption { font-size: 8px; }
  .inner-page #main .site-hero .service-notebook { min-height: 330px; width: min(260px, calc(100% - 32px)); }
  .inner-page #main .site-hero-simple { padding-block: 22px 28px; }
  .inner-page #main .design-action-panel .site-form { padding: 20px; }
  .case-study-page #main .cs-hero { padding-block: 20px 28px; }
  .case-study-page #main .cs-hero h1 { font-size: clamp(32px, 7vw, 40px); }
  .case-study-page #main .cs-index-hero { padding-block: 22px 24px; }
}
@media screen and (max-width: 380px) {
  .inner-page #main .site-hero .service-brand-hero .search-stack { width: 83%; top: 46%; }
  .inner-page #main .site-hero .service-brand-hero .standout strong { font-size: 21px; }
  .inner-page #main .site-hero .service-brand-hero .standout { padding-inline: 8px; }
}


/* ai-evidence-cards.css */
/* Reuse the service-page client previews without implying an AI screenshot. */
.inner-page #main .ai-evidence-section .dn-section-opening { margin-bottom: 24px; }
.inner-page #main .ai-evidence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.inner-page #main .ai-evidence-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  background: #fff;
  color: #0b1d3a;
  border: 1px solid #d4dfd8;
  border-radius: 6px;
  overflow: hidden;
}
.inner-page #main .ai-evidence-card .website-showcase { margin: 0; border-radius: 0; }
.inner-page #main .ai-evidence-card .showcase-chrome { min-height: 36px; padding: 7px 12px; }
.inner-page #main .ai-evidence-card .showcase-viewport { height: 180px; aspect-ratio: auto; }
.inner-page #main .ai-evidence-card .showcase-caption { padding: 7px 12px; background: #fff; }
.inner-page #main .ai-evidence-card .site-proof-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  color: #0b1d3a;
}
.inner-page #main .ai-evidence-card .client-logo-badge {
  background: transparent;
  width: 156px;
  height: 56px;
  padding: 0;
  margin: 0 0 14px;
}
.inner-page #main .ai-evidence-card .ai-evidence-kind {
  display: inline-block;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 750;
  color: #007e78;
  background: #e5f4f0;
  padding: 5px 8px;
  border-radius: 3px;
  margin: 0 0 10px;
}
.inner-page #main .ai-evidence-card h3 { font-size: 24px; line-height: 1.15; margin: 0 0 12px; }
.inner-page #main .ai-evidence-card .site-proof-copy > p:not(.ai-evidence-kind) {
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 14px;
  max-width: 68ch;
}
.inner-page #main .ai-evidence-card .text-link { margin-top: auto; min-height: 44px; display: inline-flex; align-items: center; }
.inner-page #main .ai-evidence-note {
  font-size: 14px;
  line-height: 1.6;
  max-width: 90ch;
  margin: 18px 0 0;
  padding-left: 12px;
  border-left: 3px solid #00b2a9;
}
.inner-page #main .ai-evidence-grid[data-ai-card-count="1"] { grid-template-columns: minmax(0, 1fr); }
.inner-page #main .ai-evidence-grid[data-ai-card-count="1"] .ai-evidence-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  align-items: center;
}
.inner-page #main .ai-evidence-grid[data-ai-card-count="1"] .showcase-viewport { height: 260px; }
.inner-page #main .ai-evidence-grid[data-ai-card-count="1"] .website-showcase { border: 0; border-right: 1px solid #d4dfd8; }
@media (max-width: 1000px) {
  .inner-page #main .ai-evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .inner-page #main .ai-evidence-grid[data-ai-card-count="1"] .ai-evidence-card { grid-template-columns: minmax(0, 1fr); }
  .inner-page #main .ai-evidence-grid[data-ai-card-count="1"] .website-showcase { border-right: 0; border-bottom: 1px solid #d4dfd8; }
}
@media (max-width: 700px) {
  .inner-page #main .ai-evidence-grid,
  .inner-page #main .ai-evidence-grid[data-ai-card-count="1"] .ai-evidence-card { grid-template-columns: minmax(0, 1fr); }
  .inner-page #main .ai-evidence-card .showcase-viewport { height: 170px; }
  .inner-page #main .ai-evidence-card .site-proof-copy { padding: 18px; }
  .inner-page #main .ai-evidence-grid[data-ai-card-count="1"] .website-showcase { border-right: 0; border-bottom: 1px solid #d4dfd8; }
  .inner-page #main .ai-evidence-grid[data-ai-card-count="1"] .showcase-viewport { height: 200px; }
}