/* Shared hierarchy, readable examples and accessible controls. */
:root{--copy:#595263;--muted-copy:#675c76}
main{scroll-margin-top:100px}
main:focus{outline:none}
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:12px 20px;border-radius:8px;background:#2f2a5c;color:#fff;transform:translateY(-160%);font-weight:600}
.skip-link:focus{transform:none;outline:3px solid #bea7db;outline-offset:3px}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7b59a0;outline-offset:4px}
.site-header #site-menu a{font-size:.8rem}
.hero-home .hero-content{padding-top:66px;padding-bottom:62px}
.hero-home h1{max-width:1000px;font-size:clamp(2.3rem,4.4vw,3.85rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.hero-home .hero-lead{max-width:780px;font-size:1.05rem;line-height:1.8;color:#eee8f4}
.detail-page .page-hero-content h1{font-size:clamp(2.3rem,4.4vw,3.7rem);line-height:1.12;letter-spacing:-.035em}
.intelidea-details:not(.details-chatbot) h2,.home-offering h2,.home-examples h2{font-size:clamp(1.85rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.035em}
.intelidea-details:not(.details-chatbot) .detail-heading>p:last-child{color:var(--copy);font-size:1rem;line-height:1.85}
.details-security .detail-heading>p:last-child{color:#ded8e8}
.intelidea-details:not(.details-security) .detail-intro-with-media .service-photo img{-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 12%,#000 43%),linear-gradient(to bottom,transparent 0%,#000 3%,#000 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,transparent 12%,#000 43%),linear-gradient(to bottom,transparent 0%,#000 3%,#000 95%,transparent 100%)}
.detail-delivery{margin-top:14px!important;color:#4f4165!important;font-size:.86rem!important}
.detail-delivery strong{display:block;font-weight:700}
.details-method .detail-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}
.details-method .detail-item{display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-content:start}
.details-method .detail-number{grid-column:1;grid-row:1;padding-top:5px}
.details-method .detail-item h3{grid-column:2;margin-top:0}
.details-method .detail-item>p{grid-column:2}
.home-examples{padding:48px 0;background:#fff}
.examples-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:48px;margin-bottom:30px}
.examples-intro h2{margin:0;color:#2f2a5c}
.examples-intro>p{margin:0;color:var(--copy);font-size:.9rem;line-height:1.8;max-width:450px}
.home-examples .eyebrow{color:#65527e;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin:0 0 14px}
.application-example{display:grid;grid-template-columns:.9fr 1.3fr;gap:60px;padding:30px 0;border-top:1px solid #ded5e8}
.application-example:last-child{padding-bottom:0}
.application-example h3{font-size:1.5rem;line-height:1.3;color:#2f2a5c;letter-spacing:-.025em;margin:0 0 12px;max-width:400px}
.application-example dl{margin:0}
.application-example dl>div{display:grid;grid-template-columns:140px 1fr;gap:20px;margin-bottom:14px}
.application-example dt{font-size:.83rem;font-weight:700;color:#2f2a5c}
.application-example dd{font-size:.9rem;line-height:1.8;color:var(--copy);margin:0}
.chatbot-home .chatbot-home-grid{grid-template-columns:.8fr 1.2fr;gap:65px}
.chatbot-home .chatbot-home-image{max-width:340px;margin:auto}
.chatbot-home h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.18}
.chatbot-home p.home-chatbot-price{font-size:.95rem;line-height:1.85;color:#514777;margin:0 0 22px}
.mascot-shortcut-label small{font-size:10px;letter-spacing:0;color:#5e4d77}
.mascot-shortcut-label b{font-size:12px}
.mascot-shortcut-avatar{width:44px;height:44px}
.mascot-shortcut-avatar img{width:42px;height:42px}
.form-help{font-size:.83rem;line-height:1.65;color:#62566f;margin:0 0 20px}
.form-page-grid .service-photo figcaption{color:#ded8e8}
.site-footer .social-icons a{min-width:44px;min-height:44px}
.site-footer .footer-call-hours,.site-footer address{line-height:1.75}
@media(max-width:1100px){.site-header #site-menu a{font-size:.72rem}.site-header nav{gap:12px}.application-example{gap:32px}}
@media(max-width:850px){.site-header #site-menu a{font-size:1rem}.menu{min-width:44px;min-height:44px}}
@media(max-width:760px){
 .hero-home .hero-content{padding:46px 0}
 .hero-home h1{font-size:clamp(2.05rem,8.7vw,3rem)}
 .hero-home .hero-lead{font-size:1rem}
 .home-examples{padding:36px 0}
 .examples-intro,.application-example{grid-template-columns:1fr;gap:22px}
 .examples-intro{margin-bottom:24px}
 .application-example{padding:26px 0}
 .application-example dl>div{grid-template-columns:1fr;gap:5px;margin-bottom:18px}
 .details-method .detail-items{grid-template-columns:1fr;gap:24px}
 .chatbot-home .chatbot-home-grid{grid-template-columns:1fr;gap:24px}
 .chatbot-home .chatbot-home-image{max-width:240px}
 .chatbot-home .chatbot-home-visual{order:2}
 .intelidea-details:not(.details-security) .detail-intro-with-media .service-photo img{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 92%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 92%,transparent 100%)}
 .mascot-shortcut{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:5px 11px 5px 5px;gap:6px}
 .mascot-shortcut-avatar{width:36px;height:36px}
 .mascot-shortcut-avatar img{width:34px;height:34px}
 .mascot-shortcut-label b{font-size:11px}
 .mascot-shortcut-label small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}