.page-banner{padding:32px 0 54px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#f3f7f9,#edf4f4)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--muted);font-size:13px;margin-bottom:38px;line-height:1.8}.breadcrumb a{display:flex;align-items:center;min-height:44px}.page-banner h1{max-width:970px;font-size:46px;margin-bottom:20px}.page-banner .lede{max-width:790px;margin-bottom:24px}.page-banner .lede:last-child{margin-bottom:0}.detail-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;color:var(--ink);box-shadow:var(--shadow)}.detail-card:hover{color:var(--ink);background:#fafdff;border-color:#a5c4d6;transform:translateY(-2px)}.detail-card h2{font-size:26px}.detail-card>p:not(.eyebrow){font-size:16px;color:var(--muted)}.detail-card .text-link{margin-top:auto;color:var(--blue)}.detail-layout{display:grid;grid-template-columns:244px minmax(0,1fr);align-items:start;gap:48px;margin-block:56px 88px}.page-sidebar{position:sticky;top:116px}.page-sidebar nav{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 16px}.page-sidebar .eyebrow{padding-left:12px;font-size:13px;letter-spacing:.03em}.page-sidebar nav>a{display:flex;align-items:center;min-height:48px;line-height:1.6;padding:11px 12px;border-radius:12px;color:var(--muted);font-size:15px;margin-top:3px}.page-sidebar nav>a:hover{background:var(--bg);color:var(--blue)}.page-sidebar nav>a.selected{background:#e7f1f6;color:#005d8e;font-weight:600}.page-sidebar nav>a.sidebar-return{border-top:1px solid var(--line);border-radius:0;margin-top:14px;padding-top:20px;color:var(--blue);font-size:14px}.sidebar-help{padding:24px 20px}.sidebar-help p{font-size:14px;margin:0;color:var(--muted)}.sidebar-help>a{min-height:44px;display:flex;align-items:center;font-size:14px}.page-article{min-width:0}.article-toc{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:28px}.article-toc>a{min-height:44px;display:flex;align-items:center;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;line-height:1.5}.article-section{padding-block:40px;border-bottom:1px solid var(--line);scroll-margin-top:24px}.article-section h2{font-size:28px}.article-section>p{color:var(--muted)}.article-section:first-child{padding-top:0}.section-number{font-size:12px;letter-spacing:.12em;color:var(--teal)!important;margin-bottom:16px;font-weight:600}.inset-card{border-radius:20px;background:#fff;padding:26px;border:1px solid var(--line)}.inset-card h2,.inset-card h3{font-size:21px}.inset-card p,.inset-card li{font-size:16px;color:var(--muted)}.intro-grid{margin:16px 0}.text-list{margin:0;padding-left:1.25em}.text-list>li{padding-left:3px}.text-list li::marker{color:var(--teal)}.text-list+*{margin-top:20px}.content-note{background:#e9f1f4;border-radius:16px;padding:20px 24px;font-size:15px;margin-top:24px}.table-hint{font-size:13px;margin:24px 0 10px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#fff;max-width:100%;overscroll-behavior-x:contain}table{border-collapse:collapse;min-width:620px;width:100%;font-size:15px;line-height:1.8}th,td{padding:20px;vertical-align:top;text-align:left;border-bottom:1px solid var(--line)}thead th{background:#e8f0f3;font-weight:600;color:var(--ink)}tbody th{font-weight:600;min-width:130px}tbody td{color:var(--muted)}tr:last-child>td,tr:last-child>th{border-bottom:0}.related-list{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:20px}.related-list>a{min-height:44px;display:flex;align-items:center;padding:10px 16px;background:#e8f1f6;border-radius:12px;font-size:15px;line-height:1.6}.related-list>a:hover{background:#d9e9f1}.notice{padding:24px 28px;border-radius:20px;background:#eaf1f4;color:var(--muted);font-size:16px;margin-bottom:30px}.scenario-index{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:48px}.scenario-index a{padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;min-height:44px}.scenario-detail{background:#fff;border:1px solid var(--line);border-radius:24px;margin-bottom:30px;padding:36px;display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;scroll-margin-top:24px}.scenario-title h2{font-size:28px}.scenario-title>p{color:var(--muted);font-size:16px}.scenario-body h3{font-size:19px;margin:24px 0 12px}.scenario-body h3:first-child{margin-top:0}.scenario-body li{font-size:16px;color:var(--muted)}.scenario-body .related-list{margin-top:28px}.contact-section{padding-top:48px}label{display:block;font-size:15px;font-weight:600;margin-bottom:10px}textarea{display:block;resize:vertical;min-height:100px;width:100%;border:1px solid #b7cbd5;border-radius:14px;background:#fff;color:var(--ink);padding:14px 16px;font-size:15px;line-height:1.75;overflow-wrap:anywhere}.contact-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.contact-card h2{font-size:25px}.contact-card p{font-size:16px;color:var(--muted)}.contact-card .eyebrow{font-size:11px;color:var(--teal)}.contact-number{font-size:clamp(20px,2vw,26px);letter-spacing:-.04em;margin:0 0 24px;font-weight:600;white-space:nowrap;min-height:44px;display:flex;align-items:center}.contact-card .account-name{font-size:22px;color:var(--ink);margin-bottom:12px}.contact-card .address{color:var(--ink);font-size:19px}.contact-card>.button-row{margin-top:auto}.contact-card .text-link{font-size:14px}.qr-preview{padding:8px;background:white;border:1px solid var(--line);border-radius:16px;margin-bottom:20px}.qr-preview:hover{border-color:var(--blue)}.qr-preview img{width:130px;height:auto}.contact-note{padding:32px 4px;margin-top:26px;max-width:800px}.contact-note h2{font-size:25px}.contact-note p{color:var(--muted);font-size:16px}.copy-feedback:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:70;border:1px solid #aacbbe;border-radius:16px;padding:14px 22px;color:#145b41;background:#f0fff7;box-shadow:var(--shadow);width:max-content;max-width:calc(100% - 40px);font-size:15px}.copy-fallback{padding:28px;border:1px solid #b8cad4;border-radius:24px;margin-top:28px;background:#fff}.copy-fallback h2{font-size:24px}.copy-fallback .button{margin-top:18px}dialog{position:fixed;inset:0;margin:auto;border:1px solid var(--line);border-radius:24px;padding:32px;width:480px;max-width:calc(100% - 40px);max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);box-shadow:0 24px 80px #12283b40;background:#fff}dialog::backdrop{background:#102a3c70}.dialog-close{display:block;margin:0 0 22px auto;min-height:44px;padding:8px 18px;background:var(--soft);border-radius:999px;font-size:15px}dialog h2{font-size:24px;text-align:center}.qr-full{width:242px;height:246px;object-fit:contain;margin:0 auto 24px}dialog p{font-size:15px;color:var(--muted)}dialog .button-row{justify-content:center}dialog .button{font-size:14px;padding:11px 17px}.dialog-copy-status:not(:empty){margin:18px 0 0;color:#145b41}.dialog-copy-fallback{margin-top:20px}.dialog-copy-fallback textarea{min-height:70px}.readable{max-width:860px}.info-section{padding-bottom:30px;margin-bottom:34px;border-bottom:1px solid var(--line)}.info-section h2{font-size:26px}.info-section p{color:var(--muted)}
@media(max-width:1100px){.detail-layout{grid-template-columns:210px minmax(0,1fr);gap:30px}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid>.contact-card:last-child{grid-column:1/-1}.scenario-detail{gap:28px;padding:30px}.page-banner h1{font-size:42px}}
@media(max-width:800px){.page-banner{padding:20px 0 38px}.page-banner h1{font-size:34px}.page-banner .lede{font-size:17px}.breadcrumb{font-size:12px;gap:6px 8px;margin-bottom:26px}.detail-layout{grid-template-columns:minmax(0,1fr);gap:30px;margin-block:32px 54px}.page-sidebar{position:static}.page-sidebar nav{padding:18px;display:flex;flex-wrap:wrap;gap:6px}.page-sidebar nav .eyebrow{width:100%;padding-left:4px;margin:0 0 8px}.page-sidebar nav>a{min-height:44px;padding:8px 12px;font-size:14px;border:1px solid var(--line);margin:0}.page-sidebar nav>a.sidebar-return{border:0;width:100%;margin-top:0;padding:10px 4px}.sidebar-help{display:none}.article-section{padding-block:30px}.article-section h2{font-size:25px}.article-toc{gap:8px;margin-bottom:24px}.article-toc a{font-size:12px;padding:8px 13px}.intro-grid{margin:0}.inset-card{padding:24px}.inset-card h2,.inset-card h3{font-size:21px}.scenario-detail{grid-template-columns:1fr;padding:24px;gap:20px}.scenario-title h2{font-size:26px}.scenario-title>p{margin-bottom:0}.scenario-index{margin-bottom:30px}.scenario-index a{font-size:13px}.notice{padding:24px;font-size:15px}.contact-grid{grid-template-columns:1fr}.contact-grid>.contact-card:last-child{grid-column:auto}.contact-card{padding:28px}.contact-number{font-size:27px}.qr-preview img{width:152px}.contact-card>.button-row{margin-top:6px}.contact-card .address{font-size:19px}.contact-section{padding-top:32px}.detail-card{padding:28px}.detail-card h2{font-size:25px}.table-scroll th,.table-scroll td{padding:16px}.info-section h2{font-size:23px}dialog{padding:24px}dialog h2{font-size:22px}.dialog-close{margin-bottom:16px}.qr-full{width:220px;height:auto}.page-article .cta-panel h2{font-size:26px}}

/* About HAST: themed imagery and company presentation. */
.about-banner{position:relative;isolation:isolate;overflow:hidden;min-height:560px;padding:28px 0 36px;background:#eef4f6;border-bottom:1px solid var(--line)}
.about-background{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;pointer-events:none}
.about-banner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(245,247,248,.6) 0%,rgba(245,247,248,.35) 480px,rgba(245,247,248,.08) 700px,rgba(245,247,248,0) 100%);pointer-events:none}
.about-banner-content{position:relative;z-index:2}
.about-banner .breadcrumb{margin-bottom:28px}
.about-intro{display:flex;align-items:center;min-height:300px}
.about-intro-copy{max-width:510px}
.about-image-note{width:max-content;max-width:100%;margin:24px 0 0 auto;padding:3px 10px;border-radius:6px;background:#f5f7f8eb;font-size:11px;color:var(--muted)}
.about-intro-copy h1{font-size:48px;margin-bottom:24px}
.about-intro-copy .lede{font-size:18px;max-width:450px;margin-bottom:28px}
.about-intro-copy .button-row{gap:12px 22px}
.about-intro-copy .text-link{font-size:15px}
.about-food-photo{margin:0;min-width:0}
.about-food-photo figcaption{margin-top:12px;font-size:12px;color:var(--muted)}
.about-navigation{background:#fff;border-bottom:1px solid var(--line)}
.about-navigation nav{display:flex;flex-wrap:wrap;gap:8px 36px;padding-block:16px}
.about-navigation a{display:flex;align-items:center;min-height:44px;font-size:14px;color:var(--muted)}
.about-navigation a:hover{color:var(--blue)}
.about-profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}
.about-profile-note{font-size:24px;line-height:1.65;color:var(--teal)}
.about-profile-copy{padding-left:40px;border-left:2px solid #b7d9d3;color:var(--muted)}
.about-profile-copy p:first-child{font-size:19px;color:var(--ink)}
.about-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.about-service-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px 24px;border:1px solid var(--line);border-radius:24px;background:var(--bg)}
.about-service-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:18px;color:var(--teal);background:#e0efeb;margin-bottom:28px}
.about-service-card:nth-child(even) .about-service-icon{color:var(--link);background:#dfedf5}
.about-service-card h3{font-size:22px;letter-spacing:-.035em}
.about-service-card>p{font-size:16px;color:var(--muted)}
.about-service-card .text-link{margin-top:auto;font-size:14px}
.about-culture{background:#edf4f1}
.about-culture-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:64px;align-items:center}
.about-food-photo img{width:100%;height:490px;object-fit:cover;object-position:48% center;border-radius:24px}
.about-belief{padding:20px 0;border-top:1px solid #cedfd9}
.about-belief-phrase{display:inline-block}
.about-belief:last-child{padding-bottom:0}
.about-belief h3{font-size:15px;color:var(--teal);margin-bottom:8px}
.about-belief p{font-size:16px;color:var(--muted)}
.about-belief:first-of-type p{font-size:28px;line-height:1.65;color:var(--ink);font-weight:600;letter-spacing:-.025em}
.about-resources-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center}
.about-resources-grid>div>p:not(.eyebrow){color:var(--muted)}
.about-next{position:relative;overflow:hidden;padding:36px;background:#eef4f7;border-radius:24px;border:1px solid var(--line)}
.about-next-mark{display:block;font-size:56px;font-weight:750;line-height:1;color:#29708f;letter-spacing:-.07em;margin-bottom:32px}
.about-next h3{font-size:25px;line-height:1.5}
.about-next>p:not(.eyebrow){font-size:16px;color:var(--muted)}
.about-next .text-link{font-size:15px}
.about-contact .cta-panel{margin-top:0}
@media(max-width:1100px){.about-banner::after{background:linear-gradient(90deg,rgba(245,247,248,.92) 0%,rgba(245,247,248,.82) 470px,rgba(245,247,248,.2) 680px,rgba(245,247,248,0) 100%)}.about-intro-copy{max-width:470px}.about-intro-copy h1{font-size:42px}.about-profile-grid,.about-resources-grid{gap:40px}.about-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-culture-grid{gap:40px}.about-food-photo img{height:510px}.about-next{padding:28px}}
@media(max-width:800px){.about-banner{min-height:670px;padding:20px 0 24px}.about-banner::after{background:linear-gradient(180deg,rgba(245,247,248,.96) 0%,rgba(245,247,248,.93) 58%,rgba(245,247,248,.1) 82%,rgba(245,247,248,.02) 100%)}.about-background{object-position:90% center}.about-banner-content{display:flex;flex-direction:column;min-height:625px}.about-intro{min-height:0;display:block}.about-intro-copy{max-width:540px}.about-image-note{margin-top:auto}.about-banner .breadcrumb{margin-bottom:24px}.about-profile-grid,.about-culture-grid,.about-resources-grid{grid-template-columns:minmax(0,1fr);gap:30px}.about-intro-copy h1{font-size:34px;margin-bottom:20px}.about-intro-copy .lede{font-size:17px;max-width:none;margin-bottom:24px}.about-navigation nav{gap:4px 24px;padding-block:12px}.about-navigation a{font-size:13px}.about-profile-note{font-size:22px;margin:0}.about-profile-copy{padding-left:22px}.about-profile-copy p:first-child{font-size:18px}.about-service-grid{gap:18px}.about-service-card{padding:24px}.about-service-icon{margin-bottom:22px}.about-service-card h3{font-size:21px}.about-food-photo img{height:300px}.about-belief:first-of-type p{font-size:26px}.about-resources-grid{gap:32px}.about-next-mark{font-size:48px;margin-bottom:26px}.about-next h3{font-size:24px}}
@media(max-width:540px){.about-food-photo img{height:280px}.about-navigation nav{gap:2px 22px}}

/* A 5:7 conversation layout scales together with its text and controls. */
:root{--hast-chat-scale:1;--hast-chat-right:clamp(12px,1vw,24px);--hast-chat-bottom:10px;--hast-chat-safe-bottom:env(safe-area-inset-bottom,0px)}
body .woot-widget-holder:not(.woot--hide):not(.has-unread-view){
 top:auto!important;left:auto!important;
 right:var(--hast-chat-right)!important;bottom:var(--hast-chat-bottom)!important;
 width:450px!important;height:630px!important;
 min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
 border-radius:20px!important;
 transform:scale(var(--hast-chat-scale))!important;transform-origin:right bottom!important;
 transition:opacity .2s ease!important;
}
#chatwoot_live_chat_widget{max-height:none!important}
/* The window has its own close control; an outside bubble would cover the composer. */
#cw-bubble-holder .woot-widget-bubble.woot--close{display:none!important}
#cw-bubble-holder .woot-widget-bubble{width:56px!important;height:56px!important}
#cw-bubble-holder .woot-widget-bubble svg{width:22px!important;height:22px!important}
#cw-bubble-holder .woot-widget-bubble.woot--close::before,
#cw-bubble-holder .woot-widget-bubble.woot--close::after{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important}
#cw-bubble-holder .woot-widget-bubble.woot--close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
#cw-bubble-holder .woot-widget-bubble.woot--close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.page-banner{position:relative;isolation:isolate;overflow:hidden;min-height:390px;background:#edf4f6}
.page-banner-background{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;pointer-events:none}
.page-banner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(245,247,248,.96) 0%,rgba(245,247,248,.9) 30%,rgba(245,247,248,.52) 52%,rgba(245,247,248,.08) 78%,rgba(245,247,248,0) 100%);pointer-events:none}
.page-banner-content{position:relative;z-index:2}
@media(max-width:800px){
 .page-banner{min-height:520px;padding:20px 0 40px}
 .page-banner-background{object-position:70% center}
 .page-banner::after{background:linear-gradient(180deg,rgba(245,247,248,.97) 0%,rgba(245,247,248,.93) 48%,rgba(245,247,248,.67) 70%,rgba(245,247,248,.16) 93%,rgba(245,247,248,.04) 100%)}
}

/* Keep the real banner image behind the copy without adding a separate image row. */
@media(max-width:800px){
 .page-banner{display:block;min-height:0;padding:0}
 .page-banner--image{background:#eaf2f5}
 .page-banner::after{display:none}
 .page-banner--image::after{display:block;background:linear-gradient(180deg,rgba(234,242,245,.52) 0%,rgba(234,242,245,.78) 48%,rgba(234,242,245,.94) 100%)}
 .page-banner-content{padding-block:20px 28px}
 .page-banner-background{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:68% center}
 .page-banner h1{font-size:clamp(30px,7.8vw,36px);line-height:1.3;margin-bottom:14px}
 .page-banner .lede{font-size:16px;line-height:1.7;margin-bottom:20px}
 .page-banner .button{width:100%}
 .breadcrumb{gap:2px 7px;margin-bottom:22px;font-size:12px}
 .breadcrumb a{min-height:32px}
 .detail-layout{display:flex;flex-direction:column;gap:26px;margin-block:24px 48px}
 .page-article{order:1;width:100%}
 .page-sidebar{order:2;width:100%;border-top:1px solid var(--line);padding-top:22px}
 .page-sidebar nav{padding:16px;gap:6px}
 .page-sidebar nav>a{font-size:14px}
 .article-toc,.scenario-index{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;max-width:100%;margin:0 -20px 24px;padding:0 20px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
 .article-toc>a,.scenario-index a{flex:none;white-space:nowrap;scroll-snap-align:start;font-size:14px}
 .article-section{padding-block:26px;scroll-margin-top:78px}
 .article-section h2{font-size:23px}
 .inset-card,.detail-card{padding:22px;border-radius:18px}
 .notice{padding:18px;border-radius:16px;margin-bottom:24px}
 .scenario-detail{padding:22px;border-radius:18px;margin-bottom:18px;scroll-margin-top:78px}
 .scenario-title h2{font-size:23px}
 .scenario-body h3{font-size:17px}
 .scenario-body li{font-size:15px}
 .related-list{gap:8px}
 .related-list>a{width:100%;min-height:48px}
 .content-note{padding:18px}
 .contact-section{padding-top:26px}
 .contact-grid{gap:14px}
 .contact-card{padding:22px;border-radius:18px}
 .contact-card h2{font-size:23px}
 .contact-card .button-row{width:100%;gap:8px}
 .contact-card .button-row .button{flex:1}
 .contact-number{font-size:25px;white-space:normal;overflow-wrap:anywhere}
 .qr-preview{align-self:center;padding:10px}
 .qr-preview img{width:min(184px,55vw)}
 .contact-note{padding:28px 0 0}
 .copy-feedback:not(:empty){bottom:calc(16px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px);text-align:center}
 .copy-fallback{padding:20px;border-radius:18px}
 .about-banner{display:block;min-height:0;padding:0;background:#eaf2f5}
 .about-banner::after{display:block;background:linear-gradient(180deg,rgba(234,242,245,.58) 0%,rgba(234,242,245,.8) 48%,rgba(234,242,245,.94) 100%)}
 .about-banner-content{min-height:0;padding-block:20px 24px}
 .about-background{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:70% center}
 .about-intro-copy h1{font-size:clamp(30px,7.8vw,36px);margin-bottom:14px}
 .about-intro-copy .lede{font-size:16px;line-height:1.7}
 .about-image-note{margin:18px 0 0;font-size:11px}
 .about-navigation nav{display:flex;flex-wrap:nowrap;gap:18px;overflow-x:auto;padding-block:8px;scrollbar-width:thin}
 .about-navigation a{flex:none;font-size:14px}
 .about-profile-grid,.about-culture-grid,.about-resources-grid{gap:22px}
 .about-profile-note{font-size:21px}
 .about-profile-copy{padding-left:18px}
 .about-food-photo img{height:auto;object-fit:contain;object-position:center;border-radius:18px}
 .about-service-card{border-radius:18px}
 .about-next{border-radius:18px}
 .info-section{padding-bottom:22px;margin-bottom:24px}
 .info-section h2{font-size:22px}
 .table-hint{margin-top:18px}
 .table-scroll{overflow:visible;border:0;background:transparent}
 .table-scroll table,.table-scroll tbody,.table-scroll tr,.table-scroll th,.table-scroll td{display:block;width:100%;min-width:0}
 .table-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .table-scroll tr{margin-bottom:12px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
 .table-scroll tbody th{min-width:0;padding:16px 18px;border-bottom:1px solid var(--line);background:#e8f0f3;font-size:16px}
 .table-scroll tbody td{padding:12px 18px;border-bottom:1px solid var(--line);font-size:15px}
 .table-scroll tbody td::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:var(--teal);margin-bottom:3px}
 .table-scroll tbody tr:last-child{margin-bottom:0}
 dialog{inset:auto 0 0 0;margin:0;width:100%;max-width:none;max-height:min(92dvh,760px);padding:16px 20px calc(22px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;overscroll-behavior:contain}
 .dialog-close{position:sticky;top:0;z-index:2;margin:0 0 12px auto;background:var(--soft)}
 dialog h2{font-size:21px;margin-bottom:16px}
 .qr-full{width:min(242px,64vw);height:auto;margin-bottom:16px}
 dialog p{font-size:14px;line-height:1.65}
 dialog .button-row{display:flex;flex-direction:column;align-items:stretch;gap:8px}
 dialog .button{width:100%;min-height:48px}
}
@media(max-width:390px){
 .contact-card .button-row{flex-direction:column;align-items:stretch}
 .contact-card .button-row .button{width:100%}
 .about-belief:first-of-type p{font-size:23px}
}


/* Shared proportions for content boxes across the 22 pages. */
:root{
 --box-radius:22px;
 --box-pad:28px;
 --box-pad-compact:24px;
 --box-leading:1.65;
}
.section{padding-block:76px}
.grid{gap:24px}
.grid.compact{gap:18px}
.service-card,.scenario-link,.detail-card,.inset-card,.contact-card,.about-service-card,.scenario-detail,.cta-panel,.notice{min-width:0}
.service-card,.scenario-link,.detail-card,.contact-card{padding:var(--box-pad);border-radius:var(--box-radius)}
.inset-card,.about-service-card{padding:var(--box-pad-compact);border-radius:var(--box-radius)}
.scenario-detail{padding:32px;gap:32px;border-radius:var(--box-radius)}
.cta-panel{padding:36px;margin-top:48px;border-radius:var(--box-radius)}
.notice{padding:22px 24px;border-radius:18px}
.service-card h3,.scenario-link h3,.detail-card h2,.contact-card h2,.inset-card h2,.inset-card h3,.about-service-card h3,.scenario-detail h2{line-height:1.35;letter-spacing:-.025em;margin-bottom:12px}
.service-card h3,.detail-card h2,.scenario-detail h2{font-size:24px}
.scenario-link h3,.contact-card h2{font-size:23px}
.inset-card h2,.inset-card h3,.about-service-card h3{font-size:21px}
.service-card>p,.scenario-link p,.detail-card>p,.contact-card p,.inset-card p,.inset-card li,.about-service-card>p,.scenario-detail p,.scenario-detail li{font-size:16px;line-height:var(--box-leading)}
.service-card .card-index{margin-bottom:20px}
.service-card>p{margin-bottom:18px}
.service-links{padding-top:0}
.service-links a{line-height:1.5}
.card-bottom-link{margin-top:16px;padding-top:12px}
.scenario-link h3{margin-top:16px}
.scenario-link .text-link{min-height:44px}
.detail-card .text-link{margin-top:auto}
.scenario-body h3{font-size:18px;line-height:1.4}
.scenario-title>p{max-width:42ch}
.cta-panel h2{font-size:clamp(24px,2.4vw,30px);line-height:1.35}
.cta-panel p:not(.eyebrow){max-width:60ch;line-height:1.65}
.article-section{padding-block:36px}
.page-article .article-section>p{max-width:72ch}
.page-sidebar nav{border-radius:var(--box-radius)}

@media(min-width:680px) and (max-width:1050px){
 .section{padding-block:64px}
 .grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .grid.three>:last-child:nth-child(odd){grid-column:1/-1}
 .grid.three>.service-card:last-child:nth-child(odd) .service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
 .contact-grid{align-items:stretch}
 .contact-card:first-child .button-row{flex-direction:column;align-items:stretch;width:100%}
 .contact-card:first-child .button-row .button{flex:none;width:100%;white-space:nowrap}
 .cta-panel{padding:30px;margin-top:40px}
}
@media(min-width:680px) and (max-width:800px){
 .grid.two,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-grid>.contact-card:last-child{grid-column:1/-1}
 .contact-card:last-child .button-row .button{flex:none;min-width:160px}
 .grid.two>.detail-card:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:679px){
 :root{--box-pad:20px;--box-pad-compact:20px;--box-radius:20px}
 .section{padding-block:52px}
 .grid{gap:18px}
 .grid.compact{gap:14px}
 .service-card h3,.detail-card h2,.contact-card h2,.scenario-detail h2{font-size:22px}
 .scenario-link h3,.inset-card h2,.inset-card h3,.about-service-card h3{font-size:20px}
 .service-card .card-index{margin-bottom:16px}
 .scenario-detail{padding:20px;gap:18px}
 .scenario-body h3{font-size:17px;margin:20px 0 10px}
 .cta-panel{padding:22px;margin-top:32px}
 .cta-panel h2{font-size:24px}
 .notice{padding:18px}
 .contact-card:first-child .button-row{flex-direction:column;align-items:stretch}
 .contact-card:first-child .button-row .button{flex:none;width:100%;white-space:nowrap}
 .article-section{padding-block:28px}
}

/* Keep phone and narrow tablet content in one readable column. */
@media(max-width:800px){
 :root{--box-pad:20px;--box-pad-compact:20px;--box-radius:18px;--box-leading:1.6}
 .grid.two,.grid.three,.contact-grid,.about-profile-grid,.about-culture-grid,.about-resources-grid,.process-layout,.trust-grid{grid-template-columns:minmax(0,1fr)}
 .grid.two>:last-child:nth-child(odd),.grid.three>:last-child:nth-child(odd),.contact-grid>.contact-card:last-child{grid-column:auto}
 .section{padding-block:48px}
 .grid{gap:16px}
 .service-card,.scenario-link,.detail-card,.contact-card,.inset-card,.about-service-card{padding:var(--box-pad);border-radius:var(--box-radius)}
 .scenario-detail{padding:var(--box-pad);gap:18px;border-radius:var(--box-radius)}
 .cta-panel{padding:var(--box-pad);gap:16px;border-radius:var(--box-radius)}
 .notice{padding:18px;border-radius:16px}
 .service-card h3,.detail-card h2,.contact-card h2,.scenario-detail h2{font-size:21px}
 .scenario-link h3,.inset-card h2,.inset-card h3,.about-service-card h3{font-size:20px}
 .service-card>p,.scenario-link p,.detail-card>p,.contact-card p,.inset-card p,.inset-card li,.about-service-card>p,.scenario-detail p,.scenario-detail li{font-size:15px}
 .contact-card .address{font-size:17px}
 .contact-number{font-size:23px}
 .page-banner h1,.about-intro-copy h1{font-size:clamp(29px,7.5vw,34px)}
 .article-section h2{font-size:22px}
}

@media(max-width:800px){
 .about-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .about-service-card{padding:16px}
 .about-service-icon{width:44px;height:44px;border-radius:14px;margin-bottom:12px}
 .about-service-icon svg{width:26px;height:26px}
 .about-service-card h3{font-size:17px;margin-bottom:8px}
 .about-service-card>p{font-size:14px;line-height:1.55;margin-bottom:12px}
 .about-service-card .text-link{font-size:13px;line-height:1.4}
}
@media(max-width:390px){
 .about-service-grid{gap:10px}
 .about-service-card{padding:12px}
 .about-service-card h3{font-size:15px}
 .about-service-card>p{font-size:13px}
 .about-service-card .text-link{font-size:12px}
}

@media(max-width:800px){
 #services .grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #services .grid.three>.service-card:last-child:nth-child(odd){grid-column:1/-1}
 #services .service-card{padding:16px}
 #services .service-card .card-index{font-size:10px;letter-spacing:.04em;margin-bottom:12px}
 #services .service-card h3{font-size:18px;margin-bottom:10px}
 #services .service-card>p{font-size:14px;line-height:1.5;margin-bottom:12px}
 #services .service-links a{font-size:13px;line-height:1.4;padding-block:5px}
 #services .card-bottom-link{font-size:13px;margin-top:12px}
}
@media(max-width:390px){
 #services .grid.three{gap:10px}
 #services .service-card{padding:12px}
 #services .service-card h3{font-size:16px}
 #services .service-card>p{font-size:13px}
}

@media(max-width:800px){
 .home-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .home-steps>li,.home-steps>li:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}
 .home-steps .step-number{width:38px;height:38px}
 .home-steps h3{font-size:17px;line-height:1.4;margin-bottom:6px}
 .home-steps p{font-size:14px;line-height:1.55;margin-bottom:0}
}
@media(max-width:390px){
 .home-steps{gap:10px}
 .home-steps>li,.home-steps>li:first-child{padding:12px}
 .home-steps h3{font-size:15px}
 .home-steps p{font-size:13px}
}

/* Repeated cards and link groups use two columns on phones. */
@media(max-width:800px){
 .grid.two,.grid.three,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .grid.two>:last-child:nth-child(odd),.grid.three>:last-child:nth-child(odd),.contact-grid>.contact-card:last-child{grid-column:1/-1}
 .service-card,.scenario-link,.detail-card,.contact-card,.inset-card{padding:16px}
 .service-card h3,.scenario-link h3,.detail-card h2,.contact-card h2,.inset-card h2,.inset-card h3{font-size:17px}
 .service-card>p,.scenario-link p,.detail-card>p,.contact-card p,.inset-card p,.inset-card li{font-size:14px;line-height:1.55}
 .scenario-link h3{margin-top:10px}
 .scenario-link .text-link,.detail-card .text-link{font-size:13px}
 .contact-number{font-size:18px;white-space:normal;overflow-wrap:anywhere}
 .contact-card .account-name,.contact-card .address{font-size:16px}
 .qr-preview{width:100%;max-width:100%;margin-inline:0}
 .qr-preview img{width:100%;max-width:100%;height:auto}
 .related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .related-list>a{width:auto;min-width:0;padding:8px 10px;font-size:13px}
 .hero .button-row,.about-intro-copy .button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
 .hero .button-row .button,.about-intro-copy .button-row .button{width:100%;min-width:0;padding:8px 10px;font-size:13px}
 .about-intro-copy .button-row .text-link{justify-content:center;font-size:13px}
 .footer-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-contact-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .home-contact-line>:last-child:nth-child(odd){grid-column:1/-1}
 .about-belief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .about-belief-grid>.about-belief{padding:16px;border:1px solid #cedfd9;border-radius:18px;background:#fff}
 .about-belief-grid>.about-belief:first-child{grid-column:1/-1}
 .about-belief-grid .about-belief h3{font-size:14px}
 .about-belief-grid .about-belief p{font-size:14px;line-height:1.55}
}
@media(max-width:390px){
 .grid.two,.grid.three,.contact-grid{gap:10px}
 .service-card,.scenario-link,.detail-card,.contact-card,.inset-card{padding:12px}
 .service-card h3,.scenario-link h3,.detail-card h2,.contact-card h2,.inset-card h2,.inset-card h3{font-size:15px}
 .service-card>p,.scenario-link p,.detail-card>p,.contact-card p,.inset-card p,.inset-card li{font-size:13px}
 .related-list>a{font-size:12px}
 .about-belief-grid{gap:10px}
 .about-belief-grid>.about-belief{padding:12px}
 .about-belief-grid .about-belief p{font-size:13px}
}

@media(max-width:800px){
 #services .card-bottom-link{display:none}
 .about-banner .breadcrumb{margin-bottom:14px}
 .about-intro-copy .eyebrow{margin-bottom:10px}
 .about-intro-copy h1{line-height:1.2;margin-bottom:10px}
 .about-intro-copy .lede{line-height:1.5;letter-spacing:-.02em;margin-bottom:16px}
 .about-service-card .text-link,.detail-card .text-link,.scenario-link .text-link,.about-next .text-link{align-self:flex-end;margin-left:auto;text-align:right}
 .about-next .text-link{display:flex;width:max-content}
}

/* One spacing rhythm for the phone layouts across all pages. */
@media(max-width:800px){
 .section{padding-block:40px}
 .section-heading{gap:8px;margin-bottom:20px}
 .section-heading h2{line-height:1.3}
 .breadcrumb{margin-bottom:14px}
 .page-banner-content,.about-banner-content{padding-block:20px 26px}
 .page-banner .eyebrow,.about-intro-copy .eyebrow{margin-bottom:10px}
 .page-banner h1{line-height:1.2;margin-bottom:10px}
 .page-banner .lede{line-height:1.5;margin-bottom:16px}
 .detail-layout{gap:22px;margin-block:20px 40px}
 .article-section{padding-block:22px}
 .article-section h2{margin-bottom:14px}
 .article-toc,.scenario-index{margin-bottom:18px}
 .scenario-detail{margin-bottom:14px}
 .cta-panel{margin-top:24px}
 .article-toc,.scenario-index,.about-navigation nav{scrollbar-width:none}
 .article-toc::-webkit-scrollbar,.scenario-index::-webkit-scrollbar,.about-navigation nav::-webkit-scrollbar{display:none}
}

/* Mobile vertical rhythm: keep the existing columns and tap target sizes. */
@media(max-width:800px){
 .section{padding-block:30px}
 .section-heading{margin-bottom:16px}
 .section-heading .eyebrow{margin-bottom:8px}
 .grid{row-gap:10px}
 .hero-content{padding-block:20px 26px}
 .hero-copy .eyebrow{margin-bottom:10px}
 .hero h1{margin-bottom:12px}
 .hero .lede{margin-bottom:10px}
 .hero-caption{margin:12px 0 10px}
 .page-banner-content,.about-banner-content{padding-block:16px 20px}
 .breadcrumb,.about-banner .breadcrumb{margin-bottom:10px}
 .page-banner .eyebrow,.about-intro-copy .eyebrow{margin-bottom:8px}
 .page-banner h1,.about-intro-copy h1{margin-bottom:8px}
 .page-banner .lede,.about-intro-copy .lede{margin-bottom:12px}
 .detail-layout{margin-block:16px 30px;gap:18px}
 .article-toc,.scenario-index{margin-bottom:12px}
 .article-section{padding-block:18px}
 .article-section h2{margin-bottom:10px}
 .section-number{margin-bottom:10px}
 .page-article .article-section>p:not(:last-child){margin-bottom:14px}
 .inset-card h2,.inset-card h3{margin-bottom:8px}
 .related-list{margin-top:12px}
 .scenario-detail{margin-bottom:12px}
 .scenario-body h3{margin:16px 0 8px}
 .scenario-body h3:first-child{margin-top:0}
 .table-hint{margin:14px 0 8px}
 .info-section{padding-bottom:18px;margin-bottom:18px}
 .cta-panel{margin-top:20px;gap:12px}
 .cta-panel h2{margin-bottom:8px}
 .service-card .card-index,#services .service-card .card-index{margin-bottom:8px}
 .service-card h3,#services .service-card h3,.detail-card h2,.scenario-link h3{margin-bottom:8px}
 .service-card>p,#services .service-card>p,.detail-card>p,.scenario-link p{margin-bottom:8px}
 .scenario-link h3{margin-top:8px}
 .about-service-icon{margin-bottom:8px}
 .about-service-card>p{margin-bottom:8px}
 .home-steps>li,.home-steps>li:first-child{gap:8px}
 .process-layout,.trust-grid{row-gap:20px}
 .trust-item{padding-block:12px}
 .about-profile-grid,.about-culture-grid,.about-resources-grid{row-gap:16px}
 .about-service-grid,.about-belief-grid{row-gap:10px}
 .about-profile-copy p:not(:last-child),.about-resources-grid>div>p:not(:last-child){margin-bottom:12px}
 li+li{margin-top:6px}
}

/* Type rhythm within mobile content blocks. */
@media(max-width:800px){
 .page-article,.scenario-detail,.service-card,.scenario-link,.detail-card,.about-profile-copy,.about-service-card,.about-resources-grid{letter-spacing:-.018em}
 .page-article .article-section>p:not(.section-number),.scenario-detail p,.scenario-detail li,.about-profile-copy p,.about-resources-grid>div>p:not(.eyebrow){line-height:1.55}
 .inset-card p,.inset-card li,.service-card>p,#services .service-card>p,.scenario-link p,.detail-card>p,.about-service-card>p,.home-steps p,.about-belief-grid p{line-height:1.48}
 .inset-card li+li,.scenario-body li+li{margin-top:4px}
 .hero .lede{line-height:1.55}
}

/* Final phone scale: one step smaller type and slightly shorter vertical gaps. */
@media(max-width:800px){
 body{font-size:15px;line-height:1.65}
 h2,.section-heading h2{font-size:27px}
 .hero h1{font-size:clamp(30px,calc(8vw - 1px),37px);margin-bottom:10px}
 .page-banner h1,.about-intro-copy h1{font-size:clamp(28px,calc(7.5vw - 1px),33px)}
 .page-article .article-section h2{font-size:21px}
 .scenario-title h2{font-size:22px}
 .hero .lede,.page-banner .lede,.about-intro-copy .lede{font-size:15px}
 .breadcrumb{font-size:11px}
 .eyebrow{font-size:11px}
 .button{font-size:15px}
 .hero .button-row .button,.about-intro-copy .button-row .button{font-size:12px}
 .section{padding-block:27px}
 .section-heading{margin-bottom:14px}
 .grid{row-gap:9px}
 .hero-content{padding-block:18px 23px}
 .hero-caption{font-size:11px;margin:10px 0 8px}
 .page-banner-content,.about-banner-content{padding-block:14px 18px}
 .detail-layout{margin-block:14px 27px}
 .article-section{padding-block:16px}
 .cta-panel{margin-top:18px}
 .page-article .article-section>p:not(.section-number),.scenario-detail p,.scenario-detail li,.about-profile-copy p{line-height:1.52}
 .inset-card p,.inset-card li,.service-card>p,#services .service-card>p,.scenario-link p,.detail-card>p,.about-service-card>p,.home-steps p{line-height:1.45}
 .page-article,.scenario-detail,.service-card,.scenario-link,.detail-card,.about-profile-copy,.about-service-card{letter-spacing:-.02em}
 .service-card h3,#services .service-card h3,.scenario-link h3,.detail-card h2,.contact-card h2,.inset-card h2,.inset-card h3,.about-service-card h3,.home-steps h3{font-size:16px}
 .service-card>p,#services .service-card>p,.scenario-link p,.detail-card>p,.contact-card p,.inset-card p,.inset-card li,.about-service-card>p,.home-steps p{font-size:13px}
 .service-links a,#services .service-links a,.scenario-link .text-link,.detail-card .text-link{font-size:12px}
 .nav-wrap>nav>.nav-link,.nav-group>summary{font-size:16px}
 .mobile-service-group>summary{font-size:15px}
 .mobile-service-options>a{font-size:12px}
 .menu-toggle{font-size:14px}
 .footer-mobile-actions a{font-size:14px}
}
@media(max-width:390px){
 .service-card h3,.scenario-link h3,.detail-card h2,.contact-card h2,.inset-card h2,.inset-card h3,.about-service-card h3,.home-steps h3{font-size:14px}
 #services .service-card h3{font-size:15px}
 .service-card>p,.scenario-link p,.detail-card>p,.contact-card p,.inset-card p,.inset-card li,.about-service-card>p,.home-steps p{font-size:12px}
 #services .service-card>p{font-size:12px}
}
/* Header contact window: corporate blue, white surfaces, and clear phone actions. */
.header .nav-phone[data-open-phone]{background:transparent;padding-block:0;padding-right:0;border-top:0;border-right:0;border-bottom:0;text-align:left;flex:none}
.header .nav-phone[data-open-phone]:hover{color:var(--blue-hover)}
.phone-dialog{width:min(580px,calc(100% - 36px));max-height:calc(100svh - 32px);margin:auto;padding:0;border:0;border-radius:20px;background:#fff;color:var(--ink);overflow:auto;box-shadow:0 24px 90px #102a3c35;overscroll-behavior:contain}
.phone-dialog::backdrop{background:#102a3c66;backdrop-filter:blur(3px)}
.phone-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;border-bottom:1px solid #e5ebf0;background:#fff}
.phone-dialog-brand{display:flex;align-items:center;gap:12px;color:#205d98;line-height:1.3}
.phone-dialog-brand strong{font-size:29px;font-weight:750;font-style:italic;letter-spacing:-.035em}
.phone-dialog-brand span{font-size:16px;color:#607080}
.phone-dialog-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;background:transparent;border-radius:50%;color:#667a8c}
.phone-dialog-close svg{width:22px;height:22px}
.phone-dialog-close:hover{background:#eef4f8;color:var(--blue)}
.phone-dialog-body{padding:26px 32px 24px}
.phone-dialog-eyebrow{margin:0 0 6px;color:var(--blue);font-size:13px;letter-spacing:.06em}
.phone-dialog-body h2{margin:0 0 14px;font-size:28px;line-height:1.35;font-weight:600}
.phone-dialog-body>p:not(.phone-dialog-eyebrow):not(.phone-dialog-copy-status){font-size:15px;color:var(--muted);line-height:1.8}
.phone-dialog-number-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 0;padding:18px 0 10px;border-top:1px solid #e5ebf0}
.phone-dialog-number{display:block;color:#145c94;font-size:34px;line-height:1.4;font-weight:600;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
.phone-dialog-copy{display:flex;align-items:center;justify-content:center;flex:none;gap:7px;min-height:44px;padding:8px 11px;border:1px solid #d8e5ee;border-radius:10px;background:#fff;color:var(--blue);font-size:13px;line-height:1.5}
.phone-dialog-copy svg{width:17px;height:17px;flex:none}
.phone-dialog-copy:hover{background:#f1f7fb;border-color:#a5c4d6}
.phone-dialog-copy-status{min-height:22px;margin:0 0 15px;color:#176e62;font-size:13px;line-height:1.6}
.phone-dialog .dialog-copy-fallback{margin:0 0 18px;padding:12px;border:1px solid #d8e5ee;border-radius:10px;background:#f5f9fb}
.phone-dialog .dialog-copy-fallback label{font-size:13px;margin-bottom:8px;font-weight:400;color:var(--muted)}
.phone-dialog .dialog-copy-fallback textarea{min-height:48px;padding:10px 12px;resize:none;font-size:16px;border-radius:8px;line-height:1.5}
.phone-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.phone-dialog-action{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 14px;border:1px solid #bcd2e1;border-radius:10px;font-size:15px;font-weight:500;line-height:1.5}
.phone-dialog-action svg{width:20px;height:20px;flex:none}
.phone-dialog-call{background:var(--blue);border-color:var(--blue);color:#fff}
.phone-dialog-call:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff}
.phone-dialog-consult{background:#fff;color:var(--blue)}
.phone-dialog-consult:hover{background:#eef6fb;color:var(--blue-hover)}
.phone-dialog-body>.phone-dialog-hint{margin:15px 0 0;font-size:12px!important;color:#7a8895!important}
.phone-dialog-footer{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 32px 23px;background:#f5f8fa;border-top:1px solid #e5ebf0}
.phone-dialog-footer p{margin:0;color:#607080;font-size:13px;line-height:1.8}
.phone-dialog-footer a{display:flex;align-items:center;gap:7px;min-height:40px;color:var(--blue);font-size:14px;font-weight:500}
@media(max-width:1100px){
 .header .nav-wrap .nav-phone[data-open-phone]{display:flex;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0;border:0}
 .header .nav-phone[data-open-phone]>span{display:none}
}
@media(max-width:800px){
 .header .nav-wrap:has([data-open-phone]){width:calc(100% - 32px);gap:8px}
 .header .nav-wrap .nav-phone[data-open-phone]{order:1}
}
@media(max-width:480px){
 .phone-dialog{width:calc(100% - 28px);max-height:calc(100svh - 28px);border-radius:18px}
 .phone-dialog-header{padding:14px 18px}
 .phone-dialog-brand strong{font-size:26px}
 .phone-dialog-brand span{font-size:14px}
 .phone-dialog-body{padding:22px}
 .phone-dialog-body h2{font-size:25px}
 .phone-dialog-body>p:not(.phone-dialog-eyebrow):not(.phone-dialog-copy-status){font-size:14px}
 .phone-dialog-number-row{flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px;padding-top:16px}
 .phone-dialog-number{font-size:30px}
 .phone-dialog-copy{padding-inline:12px}
 .phone-dialog-actions{gap:10px}
 .phone-dialog-action{gap:7px;padding:10px 8px;font-size:14px}
 .phone-dialog-footer{padding:17px 22px 19px}
}
@media(max-width:360px){
 .header .nav-wrap:has([data-open-phone]) .brand img{width:112px}
 .phone-dialog-number{font-size:28px}
}
