@import url("/site/hero-symbols.css");
@import url("/site/webpage-polish.css");
@import url("/site/productions.css");
@import url("/site/brand-overview.css");
@import url("/site/qr-section-visuals.css");
@import url("/site/pro-app-icon-finish.css");
@import url("/site/custom-app-request.css");
@import url("/site/guides-open-chapters.css");
@import url("/site/ecosystem.css");
@import url("/site/homepage-featured.css");
@import url("/site/app-gallery-smoked.css");
@import url("/site/resources-directory.css");
@import url("/site/custom-workspace.css");
@import url("/site/qr-service.css");
@import url("/site/about-atmosphere.css");
@import url("/site/about-materials.css");
@import url("/site/app-categories.css");
@import url("/site/typography.css");

.foundation-page{min-height:calc(100svh - 100px);padding-top:70px;padding-bottom:100px}.foundation-page h1{font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-.035em;line-height:1.1;margin:0}.foundation-footer{display:flex;align-items:center;gap:28px}.foundation-footer button{background:transparent;border:0;font-size:11px;color:var(--gold-light);padding:10px 0}.footer{padding-bottom:65px}
@media(max-width:600px){.foundation-page{padding-top:45px}.foundation-footer{gap:18px}}

#page-content{position:relative;min-height:200px}#page-content .foundation-page{min-height:45svh;border-top:1px solid var(--line)}.route-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.foundation-page h1[tabindex]:focus{outline:none}

.hero h1{min-height:3.09em}body[data-page-kind="inner"] .hero-copy>.eyebrow{visibility:hidden}body[data-page-kind="inner"] .hero-copy>.lede,body[data-page-kind="inner"] .hero-copy>.actions,body[data-page-kind="inner"] .hero-copy>.scroll-cue{visibility:hidden}#hero-title[tabindex]:focus{outline:none}

.item-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.item-tab{display:flex;align-items:center;min-height:58px;padding:17px 21px;border:1px solid var(--line);border-radius:var(--radius);color:var(--gold-light);font-size:13px;line-height:1.6;letter-spacing:.07em;font-weight:400;transition:background .2s,color .2s,border-color .2s;overflow-wrap:anywhere}.item-tab:hover,.item-tab:focus-visible{background:var(--gold);color:var(--ink);border-color:var(--gold)}.item-tab[aria-current="page"]{border-color:var(--gold);background:#d7b76d18}.item-tab[aria-current="page"]:hover{background:var(--gold)}.category-back{color:var(--muted)}.hero h1.item-title{font-size:clamp(32px,4vw,64px);letter-spacing:-.025em;overflow-wrap:anywhere}@media(max-width:1000px){.item-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.item-tabs{grid-template-columns:1fr}.item-tab{min-height:52px}}

/* Phase 1: shared footer, review pages, and stable accessible controls. */
html{scrollbar-gutter:stable}
.skip{z-index:100}
.footer{display:grid;grid-template-columns:1fr auto;gap:24px 36px;align-items:start}
.footer-brand p{margin:10px 0 0}
.footer .footer-links{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:flex-end}
.footer a,.foundation-footer button{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.footer .footer-links a{margin:0}
.foundation-footer{grid-column:1/-1;flex-wrap:wrap}
.foundation-footer button{min-width:104px;text-align:left;justify-content:flex-start}
.footer .footer-signature{grid-column:1/-1;margin:0;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.04em}
.policy-copy{max-width:760px}.policy-copy h2{font-size:clamp(22px,3vw,30px);line-height:1.3;margin:38px 0 14px}.policy-copy p{color:var(--muted);overflow-wrap:anywhere}.policy-copy a{color:var(--gold-light);text-decoration:underline;text-underline-offset:4px}.policy-status{color:var(--gold-light)!important}
html[data-motion-paused="true"]{scroll-behavior:auto}
html[data-motion-paused="true"] .v2-header *{animation:none!important;transition:none!important}
html[data-motion-paused="true"] [data-decorative-motion]{animation-play-state:paused!important}
@media(max-width:700px){.footer{grid-template-columns:1fr}.footer .footer-links{justify-content:flex-start;gap:6px 20px}.footer .foundation-footer a{margin-left:0}}

/* About: approved copy and existing black/gold tokens. */
.about-content{max-width:var(--page-width)}.about-content h2{font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.025em;line-height:1.2;margin:0 0 22px}.about-muted,.about-prose p{color:var(--muted);max-width:75ch}.about-chapter{display:grid;grid-template-columns:1fr 2fr;gap:clamp(28px,5vw,80px);padding-block:48px;border-bottom:1px solid var(--line)}.about-chapter:first-child{padding-top:0}.about-prose p{margin:0 0 20px;line-height:1.85}.about-prose summary{cursor:pointer;color:var(--gold-light);padding:12px 0;min-height:44px;width:fit-content}.about-prose summary:hover{color:var(--white)}.about-prose summary:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}.about-detail{padding-top:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.social-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.social-pending{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-block:1px solid var(--line);padding:25px 0;color:var(--gold-light)}.social-pending small{flex-basis:100%;color:var(--muted)}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 30px;margin-top:48px}.directory-section{border-top:1px solid var(--line);padding-top:24px}.directory-group{margin-bottom:24px}.directory-group h3{color:var(--gold-light);font-weight:500;font-size:18px}.directory-group ul{list-style:none;margin:0;padding:0}.directory-group a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:var(--muted);overflow-wrap:anywhere}.directory-group a:hover{color:var(--gold-light)}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(28px,5vw,80px)}.contact-info a{color:var(--gold-light);overflow-wrap:anywhere}.contact-form{max-width:760px;min-width:0}.contact-form fieldset{border:0;margin:0;padding:0;min-width:0}.contact-form legend{font-size:24px;margin-bottom:24px}.contact-field{display:flex;flex-direction:column;margin-bottom:20px;gap:8px}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--white);padding:13px;font:inherit;font-size:16px;min-height:48px}.contact-form textarea{min-height:180px;resize:none;overflow:auto}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.contact-form [disabled]{cursor:not-allowed}.contact-form :disabled{opacity:.6}.contact-note{color:var(--muted);line-height:1.7}.contact-copy{display:flex;align-items:center;gap:12px;min-height:44px;margin:18px 0}.contact-copy input{width:20px;height:20px}.contact-error{color:var(--gold-light);font-size:14px;min-height:20px}.contact-status{min-height:52px;margin:20px 0;color:var(--gold-light)}.contact-form button{min-width:170px;background:transparent}.contact-form button:not(:disabled):hover{background:var(--gold);color:var(--ink)}
@media(max-width:850px){.about-chapter,.contact-grid{grid-template-columns:1fr;gap:20px}.social-list{grid-template-columns:1fr}.directory-grid{gap:24px}}
@media(max-width:600px){.directory-grid{grid-template-columns:1fr}.about-chapter{padding-block:34px}.about-prose p{font-size:16px}}

/* Phase 2.2 Services: scoped to the two authored service pages. */
.service-content{max-width:var(--page-width)}
.service-content h2{font-size:clamp(28px,3.2vw,44px);font-weight:500;letter-spacing:-.025em;line-height:1.2;margin:0 0 24px;text-wrap:balance}
.service-content h3{font-size:19px;font-weight:500;line-height:1.4;margin:0 0 14px;color:var(--white)}
.service-content p{color:var(--muted);line-height:1.85;margin:0 0 20px;max-width:75ch}
.service-content .eyebrow{color:var(--gold-light);font-size:11px;line-height:1.6;letter-spacing:.15em;margin-bottom:18px}
.service-intro{max-width:830px;padding-bottom:clamp(48px,6vw,84px)}
.service-intro h2{max-width:24ch;font-size:clamp(32px,3.8vw,52px)}
.service-intro>p{font-size:clamp(16px,1.3vw,19px)}
.service-chapter{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(30px,6vw,100px);padding-block:clamp(40px,5.4vw,76px);border-top:1px solid var(--line)}
.service-prose{min-width:0}
.service-inclusions{padding:0;margin:24px 0 30px;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
.service-inclusions li{position:relative;padding:15px 0 15px 20px;border-bottom:1px solid var(--line);color:var(--white);font-size:16px;line-height:1.7}
.service-inclusions li::before{content:'';position:absolute;left:0;top:26px;width:4px;height:4px;background:var(--gold)}
.service-content .service-note{font-size:14px;color:var(--gold-light);line-height:1.75}
.service-process{padding-block:clamp(40px,5.4vw,76px);border-top:1px solid var(--line)}
.service-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);list-style:none;margin:38px 0 0;padding:0}
.service-step-number{display:block;font:12px var(--utility);color:var(--gold);margin-bottom:22px}
.service-steps li{border-left:1px solid var(--line);padding-left:24px}
.service-steps p{margin-bottom:0}
.service-options>div+div{margin-top:32px;padding-top:32px;border-top:1px solid var(--line)}
.service-options>div>p:last-child{margin-bottom:0}
.service-cta{padding-top:clamp(44px,5.4vw,76px);border-top:1px solid var(--line)}
.service-cta .button{margin-top:8px;min-height:48px}
.service-more{margin-top:24px}
.service-more summary{width:fit-content;padding:12px 0;min-height:44px;cursor:pointer;color:var(--gold-light)}
.service-more summary:hover{color:var(--white)}
.service-more summary:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}
.service-detail{padding-top:22px}
.service-detail p:nth-last-child(2){color:var(--gold-light)}
.service-integrations{border-top:1px solid var(--line);padding-block:clamp(40px,5.4vw,76px)}
.service-integration-heading{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start;margin:44px 0 28px}
.service-integration-heading p{font-size:14px;margin:0;max-width:80ch}
.integration-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.integration-grid li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 12px;border-bottom:1px solid var(--line);text-align:center;font-size:14px;color:var(--white);line-height:1.5;min-width:0}
.integration-mark{height:54px;width:114px;max-width:100%;display:flex;align-items:center;justify-content:center}
.integration-mark img{width:42px;height:42px;object-fit:contain;max-width:100%}
.integration-mark-wide img{width:107px;height:50px}
@media(max-width:1000px){.service-chapter{grid-template-columns:1fr 1.3fr}.service-inclusions{grid-template-columns:1fr}.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:750px){.service-chapter{grid-template-columns:1fr;gap:24px}.service-heading h2{max-width:24ch}.service-steps{grid-template-columns:1fr;gap:32px}.service-integration-heading{grid-template-columns:1fr;gap:6px;margin-top:34px}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-content p{font-size:16px}.service-content .service-note,.service-integration-heading p{font-size:14px}}
@media(max-width:480px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid li{padding:26px 6px;gap:14px}.service-intro h2{font-size:32px}}
/* The official WeatherAPI wordmark needs a light backing to remain legible. */
.service-content .integration-mark-wide{background:var(--white);padding:8px}
.service-content .integration-mark-wide img{width:100%;height:100%;object-fit:contain}

/* Phase 2.3 Apps: shared catalog and a restrained glass showcase. */
.catalog-content{max-width:var(--page-width)}
.catalog-heading{max-width:780px;margin-bottom:46px}
.catalog-content h2{font-size:clamp(30px,3.4vw,46px);line-height:1.2;letter-spacing:-.025em;font-weight:500;margin:0 0 22px}
.catalog-content p{color:var(--muted);line-height:1.85}
.catalog-heading p{font-size:clamp(16px,1.3vw,19px);margin:0}
.catalog-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px;border-top:1px solid var(--line)}
.catalog-category{padding:32px 0;border-bottom:1px solid var(--line);display:block}
.catalog-category-name{display:flex;justify-content:space-between;gap:20px;color:var(--white);font-size:25px}
.catalog-category-name>span{color:var(--gold);font-size:22px}
.catalog-category p{max-width:55ch;font-size:16px;margin:16px 0}
.catalog-category small{color:var(--gold-light);font:12px var(--utility)}
.catalog-category:hover .catalog-category-name,.catalog-category:focus-visible .catalog-category-name{color:var(--gold-light)}
.catalog-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0}
.catalog-entry{height:100%;display:grid;grid-template-columns:100px 1fr auto;align-items:start;gap:24px;padding:28px 20px;border-top:1px solid var(--line);background:linear-gradient(140deg,#bedfe406,transparent 65%);transition:border-color .2s,background-color .2s}
.catalog-entry:hover,.catalog-entry:focus-visible{border-color:var(--gold);background-color:#d7b76d08}
.catalog-entry-art{display:flex;align-items:center;justify-content:center;min-height:100px}
.catalog-entry-art .app-logo{width:90px;height:90px}
.app-logo{object-fit:contain;display:block}
.app-logo-pending{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border:1px dashed #bbcdd438;color:var(--muted);font:11px var(--utility);text-align:center}
.catalog-entry-copy{display:flex;flex-direction:column;min-width:0;padding-top:4px}
.catalog-entry-name{font-size:17px;line-height:1.5;letter-spacing:.025em;color:var(--white);overflow-wrap:anywhere}
.catalog-description{font-size:15px;line-height:1.8;color:var(--muted);margin-top:12px}
.catalog-status{font-size:12px;color:var(--gold-light);margin-top:16px;line-height:1.6}
.catalog-entry-arrow{color:var(--gold);font-size:20px;padding-top:4px}
.catalog-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px}
.catalog-grid-compact .catalog-entry{grid-template-columns:64px 1fr auto;padding:24px 12px;gap:18px}
.catalog-grid-compact .catalog-entry-art{min-height:64px}
.catalog-grid-compact .app-logo,.catalog-grid-compact .app-logo-pending{width:64px;height:64px}
.catalog-grid-compact .catalog-entry-name{font-size:14px}
.catalog-grid-compact .catalog-status{font-size:11px;margin-top:10px}
.catalog-list-heading{font-size:25px;margin:60px 0 28px;font-weight:500}
.catalog-back{display:inline-flex;align-items:center;min-height:44px;color:var(--gold-light);font-size:14px;margin-bottom:40px}
.catalog-back:hover{text-decoration:underline;text-underline-offset:5px}
.catalog-detail{display:grid;grid-template-columns:minmax(160px,280px) 1fr;gap:clamp(32px,7vw,100px);align-items:start}
.catalog-detail-art{display:flex;align-items:center;justify-content:center;min-height:240px;border:0;background:none}
.catalog-detail-art .app-logo{width:200px;height:200px;max-width:80%}
.catalog-detail-copy{max-width:740px}
.catalog-detail-copy .eyebrow{color:var(--gold-light);font-size:11px;margin:0 0 18px}
.catalog-detail-copy .catalog-detail-lede{color:var(--white);font-size:20px;line-height:1.7}
.catalog-detail-copy .catalog-detail-status{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:13px;color:var(--gold-light)}
/* The no-JS presentation is a readable row of genuine links. Enhancement adds motion. */
.app-gallery{--ice-edge:#c4e8ee8a;--ice-tint:#acdbe724;--ice-depth:#213c4457;position:relative;margin-top:12px}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.gallery-toolbar>p{font-size:14px;margin:0}
.gallery-controls{display:flex;align-items:center;gap:8px}
.gallery-controls[hidden],.gallery-caption[hidden]{display:none}
.gallery-controls button{min-width:44px;min-height:44px;border:1px solid var(--line);background:transparent;color:var(--gold-light);padding:10px 14px;font-size:12px}
.gallery-controls button[data-gallery-toggle]{min-width:128px}
.gallery-controls button:hover:not(:disabled){background:var(--gold);color:var(--ink)}
.gallery-controls button:disabled{cursor:default;color:var(--muted)}
.gallery-stage{display:flex;gap:30px;overflow-x:auto;padding:44px 22px;min-height:350px}
.gallery-path{display:none}
.ice-card{position:relative;flex:0 0 240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:290px;padding:28px 22px;border:1px solid var(--ice-edge);border-radius:12px;background:linear-gradient(145deg,#e3f9ff23 0%,#b1d9e610 35%,#08131854 75%,#d8f7fb20);box-shadow:inset 0 0 0 4px #d9f5f906,inset 1px 1px 12px #deffff16,0 28px 45px #0008;color:var(--white)}
.ice-card-art{display:flex;justify-content:center;align-items:center;width:140px;height:140px}
.ice-card-art .app-logo{width:124px;height:124px;border-radius:8px}
.ice-card-art .app-logo-pending{width:124px;height:124px;color:#c4d1d3}
.ice-card-name{text-align:center;font-size:15px;line-height:1.5;letter-spacing:.035em}
.ice-card-link{display:flex;gap:32px;color:var(--gold-light);font-size:12px}
.ice-card:hover,.ice-card:focus-visible{border-color:var(--gold-light)}
.app-gallery[data-enhanced] .gallery-stage{display:block;height:440px;padding:0;position:relative;overflow:hidden;perspective:1300px;isolation:isolate;touch-action:pan-y}
.app-gallery[data-enhanced] .gallery-path{display:block;position:absolute;inset:45% -10% auto;height:115px;transform:rotate(-7deg);border-block:1px solid #b5d8df21;background:linear-gradient(180deg,transparent,#72bdb70b,transparent);pointer-events:none}
.app-gallery[data-enhanced] .ice-card{position:absolute;width:240px;height:304px;min-height:0;left:50%;top:50%;margin:-152px 0 0 -120px;transform-style:preserve-3d;will-change:transform;backdrop-filter:blur(6px)}
.app-gallery[data-enhanced] .ice-card::before{content:'';position:absolute;inset:7px -11px -7px auto;width:10px;background:linear-gradient(90deg,#cff4ff45,#243e453d);border:1px solid #bce1ed47;border-left:0;border-radius:0 8px 8px 0;transform:skewY(-40deg);pointer-events:none}
.app-gallery[data-enhanced] .ice-card::after{content:'';position:absolute;inset:auto -5px -9px 6px;height:8px;background:linear-gradient(180deg,#caf6ff31,#13282d44);border-bottom:1px solid #c6e7e445;transform:skewX(-40deg);pointer-events:none}
.gallery-caption{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:52px;border-bottom:1px solid var(--line);padding-bottom:18px}
.gallery-caption p{font-size:12px;margin:0;color:var(--muted)}
.gallery-caption a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--gold-light);gap:15px}
@media(max-width:1100px){.catalog-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-entry{grid-template-columns:82px 1fr auto;gap:18px}.catalog-entry-art .app-logo{width:76px;height:76px}.catalog-entry-art{min-height:82px}}
@media(max-width:750px){.catalog-categories,.catalog-grid{grid-template-columns:1fr}.catalog-entry{padding:26px 12px}.catalog-detail{grid-template-columns:1fr}.catalog-detail-art{width:220px;min-height:220px}.catalog-detail-copy .catalog-detail-lede{font-size:18px}.catalog-heading{margin-bottom:34px}.gallery-toolbar{align-items:start;flex-direction:column;gap:12px}.gallery-caption{align-items:start;flex-direction:column;gap:0}.app-gallery[data-enhanced] .gallery-stage{height:400px}.app-gallery[data-enhanced] .ice-card{width:210px;height:284px;margin:-142px 0 0 -105px}.ice-card-art{width:122px;height:122px}.ice-card-art .app-logo{width:110px;height:110px}.catalog-grid-compact .catalog-entry{grid-template-columns:64px 1fr auto}.catalog-list-heading{margin-top:44px}}
@media(prefers-reduced-motion:reduce){.catalog-content *{scroll-behavior:auto!important;transition:none!important}}
html[data-motion-paused="true"] .catalog-content *{transition:none!important}

/* Phase 2.4: AI Info. Existing shared tokens remain the visual source. */
.ai-content{padding-block:clamp(56px,7vw,110px);border-top:1px solid var(--line)}
.ai-intro{max-width:780px;margin-bottom:38px}
.ai-intro>p:not(.eyebrow){font-size:clamp(16px,1.35vw,19px);color:var(--muted);max-width:680px;margin:24px 0 0}
.ai-paths{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.ai-path{padding:30px 0;border-top:1px solid var(--line);display:block}
.ai-path h3{font-size:30px;margin:22px 0 12px}
.ai-path p{color:var(--muted);max-width:490px}
.ai-path:hover .text-link{border-color:var(--gold)}
.ai-reading-note{max-width:960px;padding:8px 0 30px;margin-bottom:22px}
.ai-reading-note p{color:var(--muted);font-size:14px;margin:0 0 12px}
.ai-reading-note .ai-use{margin-right:6px}
.ai-use{font-size:11px;line-height:1.5;letter-spacing:.02em;color:#bec4c6;display:inline-block;white-space:nowrap}
.ai-use.is-active{color:#8fd3b1}
.ai-category{border-top:1px solid var(--line)}
.ai-category:last-child{border-bottom:1px solid var(--line)}
.ai-category>summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto 22px;align-items:center;gap:18px;min-height:88px;cursor:pointer;padding-block:18px;list-style:none}
.ai-category>summary::-webkit-details-marker,.ai-topic>summary::-webkit-details-marker{display:none}
.ai-category>summary:hover h3{color:var(--gold-light)}
.ai-category>summary:focus-visible,.ai-topic>summary:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}
.ai-category h3{font-size:clamp(18px,2vw,25px);margin:0;line-height:1.3}
.ai-category-number,.ai-category-count{font-family:var(--utility);font-size:12px;color:var(--muted)}
.ai-category-number{color:var(--gold)}
.ai-disclosure-symbol{font-size:22px;color:var(--gold);font-weight:300;text-align:center;transition:transform .2s}
details[open]>.ai-disclosure-symbol,details[open]>summary>.ai-disclosure-symbol{transform:rotate(45deg)}
.ai-category-body{padding:0 0 32px 56px;max-width:1050px}
.ai-category-intro{color:var(--muted);font-size:15px;margin:0 0 22px}
.ai-resource-list{margin:0;padding-left:30px}
.ai-resource-list>li{padding-left:10px}
.ai-resource-list>li::marker{font-family:var(--utility);font-size:13px;color:var(--gold)}
.ai-resource{padding:19px 0 22px;border-top:1px solid #ffffff12}
.ai-resource-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.ai-resource h4{font-size:18px;font-weight:500;line-height:1.4;margin:0}
.ai-resource h4 a{padding-block:8px;display:inline-block}
.ai-resource h4 a:hover,.ai-related a:hover{color:var(--gold-light)}
.ai-resource p{color:var(--muted);font-size:14px;margin:3px 0 0;max-width:800px}
.ai-resource p.ai-note{font-size:12px;margin-top:12px}
.ai-related{display:flex;flex-wrap:wrap;gap:20px}
.ai-related a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;color:var(--gold-light)}
.ai-pending{display:block;color:var(--gold-light);font-size:12px;margin-top:12px}
.ai-note{color:var(--muted);font-size:12px;line-height:1.7}
.ai-source-date{font-size:12px;color:var(--muted);margin-top:34px}
.ai-guide-status{font-size:14px;color:var(--muted);max-width:750px;margin-bottom:36px}
.ai-theme-nav{display:flex;flex-wrap:wrap;gap:8px 26px;margin-bottom:50px}
[data-theme="purple"]{--topic-color:#c4a5e9}
[data-theme="burgundy"]{--topic-color:#df9eb2}
[data-theme="teal"]{--topic-color:var(--teal)}
[data-theme="blue"]{--topic-color:#9cbcf2}
.ai-theme-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;border-bottom:1px solid var(--line)}
.ai-theme-link:before{content:"";height:6px;width:6px;flex-shrink:0;background:var(--topic-color)}
.ai-theme-link:hover{color:var(--topic-color)}
.ai-topic-group{margin-top:48px;scroll-margin-top:30px}
.ai-topic-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:26px;margin-bottom:20px}
.ai-topic-group-heading h3{font-size:25px;color:var(--topic-color);margin:0}
.ai-topic-group-heading p{font-size:13px;color:var(--muted);margin:0;max-width:420px}
.ai-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.ai-topic{border:1px solid #ffffff20;border-top:2px solid var(--topic-color);background:linear-gradient(150deg,#ffffff04,transparent);border-radius:var(--radius);scroll-margin-top:28px;min-width:0}
.ai-topic>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:9px 12px;padding:23px 20px;min-height:116px}
.ai-topic-name{font-size:20px;line-height:1.2;letter-spacing:-.02em}
.ai-topic-subtitle{grid-row:2;color:var(--muted);font-size:12px;line-height:1.5}
.ai-topic>summary>.ai-disclosure-symbol{grid-column:2;grid-row:1 / 3;color:var(--topic-color);align-self:center}
.ai-topic>summary:hover{background:#ffffff05}
.ai-topic-body{padding:0 20px 24px}
.ai-topic-body p{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 18px}
.ai-topic-body p.ai-definition{color:var(--white)}
.ai-topic-body h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--topic-color);margin:18px 0 8px;font-weight:500}
.ai-topic-body p.ai-topic-status{font-size:11px;border-top:1px solid #ffffff20;padding-top:14px;margin:20px 0 0}
@media(max-width:1100px){.ai-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-topic-group-heading{display:block}.ai-topic-group-heading p{margin-top:12px;max-width:none}}
@media(max-width:700px){.ai-paths{grid-template-columns:1fr;gap:14px}.ai-category>summary{grid-template-columns:26px minmax(0,1fr) 18px;gap:10px;min-height:82px}.ai-category-count{grid-column:2;grid-row:2;font-size:10px}.ai-category .ai-disclosure-symbol{grid-column:3;grid-row:1 / 3}.ai-category-body{padding-left:0}.ai-resource-list{padding-left:26px}.ai-resource-heading{align-items:start;flex-direction:column;gap:0}.ai-resource h4{font-size:17px}.ai-resource p{margin-top:10px}.ai-use{font-size:11px}.ai-topic>summary{padding:19px 15px}.ai-topic-body{padding:0 15px 20px}.ai-topic-name{font-size:18px}.ai-theme-nav{gap:5px 20px;margin-bottom:38px}}
@media(max-width:440px){.ai-topics{grid-template-columns:1fr}.ai-topic>summary{min-height:98px}.ai-topic-group{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.ai-disclosure-symbol{transition:none}}
@media(forced-colors:active){.ai-topic{border:1px solid ButtonText}.ai-use,.ai-category-number{color:CanvasText}.ai-theme-link:before{background:CanvasText}}
.ai-category>summary{padding-right:8px}

/* Approved refinement round 2: shared geometry and category grouping. */
.footer.shell{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
.footer .footer-brand{grid-column:1 / -1}.footer .footer-links{grid-column:1;grid-row:2;justify-self:start;display:flex;flex-wrap:wrap;gap:12px 20px}.footer .footer-signature{grid-column:2;grid-row:2;justify-self:center;margin:0;white-space:nowrap;text-align:center}.footer .foundation-footer{grid-column:3;grid-row:2;justify-self:end;display:flex;gap:18px;flex-wrap:wrap}
.services-intro{max-width:760px;color:var(--muted);font-size:18px;line-height:1.8;margin:0 0 36px}
.directory-grid>.directory-apps{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 30px}.directory-apps>.directory-group:first-child,.directory-apps>[data-directory-group="Pro Apps"]{grid-column:1 / -1}
.directory-apps>[data-directory-group="Pro Apps"] ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px}
.app-logo{object-fit:contain;border-radius:22%;overflow:hidden}
.module-logo{filter:drop-shadow(0 0 5px #44b5ff88);outline:1px solid #67caffaa;outline-offset:2px;border-radius:22%}
.catalog-platforms{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}.catalog-platforms img{width:22px;height:22px;object-fit:contain}.catalog-compatibility{display:block;font-size:12px;line-height:1.6;margin:9px 0;color:var(--gold-light)}
@media(max-width:1100px){.footer.shell{grid-template-columns:1fr}.footer .footer-brand,.footer .footer-links,.footer .footer-signature,.footer .foundation-footer{grid-column:1;grid-row:auto;justify-self:center;text-align:center;justify-content:center}}
/* Match the Apps list: three desktop columns, two on tablets, one on phones. */
@media(max-width:1100px){.directory-grid,.directory-grid>.directory-apps,.directory-apps>[data-directory-group="Pro Apps"] ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.directory-grid,.directory-grid>.directory-apps,.directory-apps>[data-directory-group="Pro Apps"] ul{grid-template-columns:1fr}.directory-grid>.directory-apps{gap:28px}}
@media(max-width:700px){.services-intro{font-size:16px}}

.social-pending img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.social-block{margin-top:24px}.social-compact .social-list{display:grid;grid-template-columns:1fr;gap:12px}.social-compact .social-pending{padding:14px 0;display:grid;grid-template-columns:36px 1fr;gap:4px 16px}.social-compact .social-pending img{grid-row:1/3}
/* Normalize the official YouTube PNG clearspace to the other contact icons. */
.contact-socials .social-pending img[src$="/youtube.png"]{transform:scale(1.52);transform-origin:center}
.social-compact .social-pending small{grid-column:2}.social-compact .social-pending span{font-size:14px}.social-compact .social-pending small{font-size:12px;overflow-wrap:anywhere}.catalog-platforms img.platform-chatgpt{background:#fff;border-radius:4px;padding:2px}.integration-mark{border-radius:12px;overflow:hidden}.integration-mark img{object-fit:contain;filter:none!important;border-radius:0}

/* Small shared brand mark above the centered footer signature. */
.footer .footer-signature{position:relative;padding-top:104px;border-top:0}
.footer .footer-signature::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:92px;height:92px;background:url(/home/assets/brand/nsa-logo-transparent-large.png) center/contain no-repeat;pointer-events:none}

.footer-flag{display:inline-block;width:18px;height:13px;vertical-align:-2px;background:url(/assets/brand/canada.svg) center/contain no-repeat;font-size:0}

.footer .footer-signature .footer-flag{display:inline-block;margin:0;width:18px;height:13px;vertical-align:-2px;font-size:0;line-height:1}

.footer .footer-signature{display:flex;align-items:center;justify-content:center;gap:5px}.footer .footer-signature .footer-flag{flex:0 0 18px}

.contact-socials{margin-top:64px}

/* Present the WeatherAPI droplet from its unchanged official wordmark. */
.integration-mark-weather img{width:29px;height:42px;object-fit:cover;object-position:left center}

/* Show the Fresh KDS symbol from its unchanged official SVG lockup. */
.integration-mark-fresh img{width:42px;height:42px;object-fit:cover;object-position:left center}

/* Owner icon refinements, 2026-10-14. Original source artwork remains intact. */
.app-logo[src$="/pro-apps-drivedeck.png"]{box-sizing:border-box;padding:8px;background:linear-gradient(145deg,#23364b,#101822 75%);border:1px solid #52708b;box-shadow:inset 0 1px 1px #b8dfff35,0 6px 16px #0008;border-radius:22%}
.catalog-detail-art .app-logo[src$="/pro-apps-drivedeck.png"]{padding:24px}
.module-logo[src$="/modules-samplify.png"],.module-logo[src$="/modules-app-uniformity-checklist.png"]{outline:1.5px solid #6bd6ff;outline-offset:1px;box-shadow:0 0 7px #36b9ffb3,0 0 17px #128aff66;filter:drop-shadow(0 0 3px #59caff8c)}

/* CAT OS APK: warm beveled gold edge echoing the nameplate in its original artwork. */
.catalog-grid .catalog-entry[href="/apps/apks/cat-os-apk/"] .app-logo{box-shadow:0 0 0 1px #38250f,0 0 0 3px #d9ae63,0 0 0 4px #78501e}
@media(forced-colors:active){.catalog-grid .catalog-entry[href="/apps/apks/cat-os-apk/"] .app-logo{box-shadow:none;outline:2px solid CanvasText;outline-offset:1px}}

/* OC Spectacle: purple perimeter matched to the artwork's existing violet accents. */
.catalog-grid .catalog-entry[href="/apps/apks/oc-spectacle/"] .app-logo{box-shadow:0 0 0 1px #27173b,0 0 0 3px #b85cff,0 0 0 4px #5c2982}
@media(forced-colors:active){.catalog-grid .catalog-entry[href="/apps/apks/oc-spectacle/"] .app-logo{box-shadow:none;outline:2px solid CanvasText;outline-offset:1px}}

/* SENDBOT Router: ice-blue edge matched to the lettering and illuminated circuitry. */
.catalog-grid .catalog-entry[href="/apps/plug-ins/sendbot-router/"] .app-logo{box-shadow:0 0 0 1px #17394f,0 0 0 3px #87ddef,0 0 0 4px #365e7b}
@media(forced-colors:active){.catalog-grid .catalog-entry[href="/apps/plug-ins/sendbot-router/"] .app-logo{box-shadow:none;outline:2px solid CanvasText;outline-offset:1px}}

/* ChatGPT TV Visuals: teal edge matched to the approved Master Links artwork. */
.catalog-grid .catalog-entry[href="/apps/plug-ins/chatgpt-tv-visuals/"] .app-logo{box-shadow:0 0 0 1px #0d373c,0 0 0 3px #4ad8db,0 0 0 4px #236f72}
@media(forced-colors:active){.catalog-grid .catalog-entry[href="/apps/plug-ins/chatgpt-tv-visuals/"] .app-logo{box-shadow:none;outline:2px solid CanvasText;outline-offset:1px}}

/* Modules: one inset Docs Hub frame; normalize each original image's built-in padding.
   These percentages crop only the old frame/clearspace, retaining the full central symbol. */
.catalog-grid .module-icon{
  --module-art-width:126.16%;--module-art-height:130.49%;
  --module-art-left:-13.08%;--module-art-top:-14.15%;
  position:relative;display:block;flex:none;width:90px;height:90px;
  border-radius:22%;overflow:hidden;background:#000d21;isolation:isolate;
}
.catalog-grid .module-icon-face{
  position:absolute;inset:10% 10% 12%;display:block;border-radius:22%;overflow:hidden;
  background:#00172b;
  box-shadow:0 0 2px 1px #00eaff,0 0 5px 1px #009bff,0 0 10px 2px #0065ffb3;
}
.catalog-grid .module-icon-face::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  border:.75px solid #c6ffff;border-radius:inherit;
  box-shadow:inset 0 0 2px #00eeff,inset 0 0 6px 1px #008cffa6;
}
.catalog-grid .module-icon .module-icon-face .module-logo{
  position:absolute;width:var(--module-art-width);height:var(--module-art-height);
  left:var(--module-art-left);top:var(--module-art-top);max-width:none;
  object-fit:fill;display:block;border:0;border-radius:0;outline:0;box-shadow:none;filter:none;
}
.catalog-grid .module-icon--gridlock{
  --module-art-width:119.20%;--module-art-height:123.18%;
  --module-art-left:-9.51%;--module-art-top:-10.81%;
}
.catalog-grid .module-icon--samplify{
  --module-art-width:131.86%;--module-art-height:139.96%;
  --module-art-left:-15.77%;--module-art-top:-19.42%;
}
.catalog-grid .module-icon--taskify{
  --module-art-width:142.02%;--module-art-height:141.53%;
  --module-art-left:-21.06%;--module-art-top:-20.77%;
}
.catalog-grid .module-icon--app-uniformity-checklist{
  --module-art-width:111.86%;--module-art-height:112.06%;
  --module-art-left:-5.98%;--module-art-top:-6.08%;
}
@media(max-width:1100px){.catalog-grid .module-icon{width:76px;height:76px}}
@media(forced-colors:active){
  .catalog-grid .module-icon,.catalog-grid .module-icon-face{background:Canvas;box-shadow:none}
  .catalog-grid .module-icon-face::after{border:1px solid CanvasText;box-shadow:none}
}

/* Book Forge: compensate for its wider built-in clearspace, matching Tactical's tile fill.
   Uniform scaling keeps the complete book and original rounded red frame proportional. */
.app-logo[src$="/pro-apps-book-forge-studio.png"]{
  transform:translateY(1%) scale(1.06);transform-origin:50% 50%;
}

/* APK listing: match CAT OS's 98px outer footprint (84px on smaller screens).
   Normalize only transparent source margins; retain each icon's own colored edge. */
.catalog-grid .apk-icon{
  --apk-art-size:100%;--apk-art-left:0%;--apk-art-top:0%;
  display:block;position:relative;flex:none;width:98px;height:98px;
}
.catalog-grid .apk-icon-face{display:block;position:absolute;inset:0}
.catalog-grid .apk-icon .apk-icon-face .app-logo{
  position:absolute;width:var(--apk-art-size);height:var(--apk-art-size);
  left:var(--apk-art-left);top:var(--apk-art-top);max-width:none;
  object-fit:contain;border:0;border-radius:0;outline:0;box-shadow:none;
  filter:none;transform:none;
}
.catalog-grid .apk-icon--bombay-apk{
  --apk-art-size:109.636%;--apk-art-left:-4.925%;--apk-art-top:-4.925%;
}
.catalog-grid .apk-icon--cyber-frame-pro-apk{
  --apk-art-size:108.245%;--apk-art-left:-4.228%;--apk-art-top:-4.228%;
}
.catalog-grid .apk-icon--stream-beast-apk{
  --apk-art-size:108.705%;--apk-art-left:-4.459%;--apk-art-top:-4.459%;
}
.catalog-grid .apk-icon--cat-os-apk{
  --apk-art-size:100%;--apk-art-left:0%;--apk-art-top:0%;
}
.catalog-grid .apk-icon--cat-os-apk .apk-icon-face,
.catalog-grid .apk-icon--oc-spectacle .apk-icon-face{
  inset:4px;border-radius:22%;overflow:hidden;
}
.catalog-grid .apk-icon--cat-os-apk .apk-icon-face{
  background:#c7ab76;
  box-shadow:0 0 0 1px #38250f,0 0 0 3px #d9ae63,0 0 0 4px #78501e;
}
.catalog-grid .apk-icon--oc-spectacle .apk-icon-face{
  background:#070a12;
  box-shadow:0 0 0 1px #27173b,0 0 0 3px #b85cff,0 0 0 4px #5c2982;
}
@media(max-width:1100px){.catalog-grid .apk-icon{width:84px;height:84px}}
@media(forced-colors:active){
  .catalog-grid .apk-icon--cat-os-apk .apk-icon-face,
  .catalog-grid .apk-icon--oc-spectacle .apk-icon-face{
    box-shadow:none;outline:2px solid CanvasText;outline-offset:1px;
  }
}

/* TNP's company action belongs below the content title, not in the hero. */
.catalog-detail-copy > .company-detail-actions{margin:0 0 30px;align-items:flex-start}
.hero h1.item-title--company{display:flex;flex-direction:column;align-items:center;gap:24px;min-height:0;width:fit-content;max-width:100%;text-align:center}
.hero .company-hero-logo{display:block;width:clamp(120px,11vw,172px);height:auto;aspect-ratio:1;object-fit:contain;flex:none}
.catalog-detail-copy .company-website-button{
  min-height:54px;max-width:100%;box-sizing:border-box;flex-grow:0;
  padding:15px 23px;gap:18px;border:1px solid #f2d996;border-radius:8px;
  background:linear-gradient(135deg,#f2d996 0%,#d7b76d 65%,#c69f4e 100%);
  color:#131108;font-size:14px;font-weight:600;line-height:1.5;
  box-shadow:inset 0 1px 0 #fff2cc80,0 8px 28px #d7b76d26;
  text-decoration:none;transition:box-shadow .22s,border-color .22s;
}
.catalog-detail-copy .company-website-button:is(:hover,:focus-visible){
  color:#131108;background:linear-gradient(135deg,#ffeab9,#e7c776);
  border-color:#fff1c9;box-shadow:inset 0 1px 0 #fff7df,0 8px 32px #d7b76d40;
}
.catalog-detail-copy .company-website-button:focus-visible{outline:2px solid #fff1c9;outline-offset:5px}
.catalog-detail-copy > .catalog-launch-actions{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;align-items:flex-start}
@media(max-width:600px){.catalog-detail-copy .company-website-button{padding:14px 18px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.catalog-detail-copy .company-website-button{transition:none}}
@media(forced-colors:active){
  .catalog-detail-copy .company-website-button{background:Canvas;color:LinkText;border:2px solid LinkText;box-shadow:none}
  .catalog-detail-copy .company-website-button:is(:hover,:focus-visible){background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none}
  .catalog-detail-copy .company-website-button:focus-visible{outline-color:Highlight}
}

/* Original artwork stays unframed inside the shared Smoked glass detail panel,
   except for the two explicitly requested Tools edges below. */
#page-content .catalog-detail-art .app-logo{
  border:0;outline:0;box-shadow:none;filter:none;background:none;
}
#page-content .catalog-detail-art .app-logo[src$="/pro-apps-drivedeck.png"]{padding:0}


/* Shared Tools image finish: cyan for NSCC, purple for Mission Control.
   Catalog/detail selectors deliberately exclude the borderless ecosystem nodes. */
#page-content{--tool-edge-nscc:111,232,255;--tool-edge-mission:183,130,255}
#page-content :is(.catalog-entry-art,.catalog-detail-art) .app-logo[src$="/tools-nscc.png"]{--tool-icon-edge:var(--tool-edge-nscc)}
#page-content :is(.catalog-entry-art,.catalog-detail-art) .app-logo[src$="/tools-mission-control-rocket.png"]{--tool-icon-edge:var(--tool-edge-mission)}
#page-content :is(.catalog-entry-art,.catalog-detail-art) .app-logo:is([src$="/tools-nscc.png"],[src$="/tools-mission-control-rocket.png"]){
  box-sizing:border-box;object-fit:cover;border-radius:22%;
  border:1px solid rgba(var(--tool-icon-edge),.9);
  box-shadow:0 0 0 1px rgba(var(--tool-icon-edge),.22),0 0 10px rgba(var(--tool-icon-edge),.3),0 8px 16px #0007;
}
@media(forced-colors:active){
  #page-content :is(.catalog-entry-art,.catalog-detail-art) .app-logo:is([src$="/tools-nscc.png"],[src$="/tools-mission-control-rocket.png"]){border-color:CanvasText;box-shadow:none}
}


/* Links Index: gold root headings are the links; descendants stay subordinate. */
.directory-group h3 a{color:inherit;padding:0;min-height:44px}
.directory-subgroup h4{color:var(--gold-light);font-weight:400;font-size:16px;margin:0 0 12px}
.directory-subgroup h4 a{color:inherit;padding:0;min-height:44px}
.directory-group :is(h3,h4) a:is(:hover,:focus-visible){color:var(--gold-light);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.directory-group a:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}

/* Contact markers: decorative email emoji and the existing Canadian flag emoji asset. */
.contact-info .contact-detail{display:flex;align-items:center;gap:10px}
.contact-info .contact-detail>a,.contact-info .contact-detail>span:not(.contact-detail-emoji){min-width:0}
.contact-info .contact-detail-emoji{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:22px;line-height:1;object-fit:contain}

/* Webpage Polish: a compact introduction and small, unframed gold service icon. */
.webpage-polish-intro{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:20px;max-width:940px}
.webpage-polish-icon{display:block;width:48px;height:48px;object-fit:contain;margin-top:2px}
.webpage-polish-intro h2{max-width:25ch;margin-bottom:20px}
.webpage-polish-intro p{max-width:68ch;margin-bottom:0;font-size:clamp(16px,1.3vw,19px)}
@media(max-width:600px){.webpage-polish-intro{grid-template-columns:36px minmax(0,1fr);gap:14px}.webpage-polish-icon{width:36px;height:36px;margin-top:1px}}


/* Custom App: native external links keep the existing integration grid intact. */
.service-integrations .integration-grid--linked > li{padding:0;gap:0}
.service-integrations .integration-link{
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
 width:100%;height:100%;min-height:44px;padding:32px 12px;color:var(--white);text-decoration:none;
 border-radius:8px;transition:transform 220ms ease,color 220ms ease;
}
.service-integrations .integration-link .integration-mark{transition:filter 220ms ease}
.service-integrations .integration-link:focus-visible{outline:2px solid var(--integration-accent);outline-offset:-5px}
.service-integrations .integration-link:focus-visible,.service-integrations .integration-link:active{
 transform:translateY(-4px);color:color-mix(in srgb,var(--integration-accent) 35%,var(--white));
}
.service-integrations .integration-link:focus-visible .integration-mark,.service-integrations .integration-link:active .integration-mark{
 filter:drop-shadow(0 0 7px color-mix(in srgb,var(--integration-accent) 55%,transparent));
}
@media(hover:hover){
 .service-integrations .integration-link:hover{transform:translateY(-4px);color:color-mix(in srgb,var(--integration-accent) 35%,var(--white))}
 .service-integrations .integration-link:hover .integration-mark{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--integration-accent) 55%,transparent))}
}
@media(max-width:480px){.service-integrations .integration-link{padding:26px 6px;gap:14px}}
/* User-triggered integration feedback stays active when ambient site motion is paused. */

@media(prefers-reduced-motion:reduce){
 .service-integrations .integration-link{transform:none!important;transition:none}
 .service-integrations .integration-link .integration-mark{transition:none}
}
@media(forced-colors:active){
 .service-integrations .integration-link{color:LinkText!important;transform:none!important;transition:none}
 .service-integrations .integration-link .integration-mark{filter:none!important;transition:none}
 .service-integrations .integration-link:focus-visible{outline-color:Highlight}
}