/* 宅即辦 HOME4-R2 | Four responsive, real HTML homepage scenes. */
/* All rules are scoped: no changes to the mall, repair backend or other pages. */
.page-index.home4-enabled {font-family:"Noto Sans TC","Noto Sans CJK TC","Microsoft JhengHei","PingFang TC",sans-serif}
.page-index.home4-enabled .container {width:min(1240px,calc(100% - 64px))!important;max-width:1240px!important}
.page-index.home4-enabled .trust-inner {width:min(1180px,calc(100% - 64px));padding:26px 0}
.page-index.home4-enabled .trust-item {justify-content:center}
.page-index.home4-enabled .trust-item b {font-size:15px}
.page-index.home4-enabled .trust-item small {font-size:12px}
.page-index.home4-enabled .section {padding-top:66px;padding-bottom:66px}
.page-index.home4-enabled .social-story-card img {aspect-ratio:4/3;object-fit:cover}
.page-index.home4-enabled .core-service-card img {aspect-ratio:16/9;object-fit:cover}
@media(min-width:901px){
 .page-index.home4-enabled .header-inner{width:min(1240px,calc(100% - 64px));height:78px;min-height:78px}
 .page-index.home4-enabled .brand img{height:51px;width:auto}
 .page-index.home4-enabled .main-nav{gap:25px;font-size:15px}
 .page-index.home4-enabled .nav-cta{padding:10px 24px}
}
.h4-root {--h4-green:#078756;--h4-deep:#07563d;--h4-ink:#142b3d;--h4-muted:#596d73;--h4-progress:0%;--h4-stage-height:650px;position:relative;color:var(--h4-ink);isolation:isolate;background:#f6faf6}
.h4-root *, .h4-film-dialog * {box-sizing:border-box}
.h4-root a,.h4-root button,.h4-film-dialog a,.h4-film-dialog button{-webkit-tap-highlight-color:transparent}
.h4-root button,.h4-film-dialog button{font-family:inherit;cursor:pointer}
.h4-root a:focus-visible,.h4-root button:focus-visible,.h4-film-dialog a:focus-visible,.h4-film-dialog button:focus-visible{outline:3px solid #e8a22c;outline-offset:5px}
.h4-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.h4-icon{display:inline-block;width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.h4-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.h4-stage{position:relative;min-height:var(--h4-stage-height);overflow:hidden}
.h4-scene{position:relative;min-height:var(--h4-stage-height);width:100%;overflow:hidden}
.h4-scene[hidden],.h4-video-notice[hidden]{display:none!important}
.h4-scene.h4-measuring{display:block!important;position:absolute!important;inset:0 auto auto 0!important;width:100%!important;min-height:650px!important;height:auto!important;visibility:hidden!important;pointer-events:none!important;animation:none!important}
.h4-scene.is-entering{animation:h4-scene-in .48s ease both}
.h4-wrap{width:min(1240px,calc(100% - 64px));margin:0 auto;position:relative}
.h4-copy{position:relative;z-index:2;min-width:0}
.h4-eyebrow{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 12px;border:1px solid #cae8db;border-radius:99px;color:#077a4e;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.045em;background:rgba(255,255,255,.76);margin:0 0 24px}
.h4-eyebrow>span{height:6px;width:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.h4-kicker{font-size:10px;font-weight:700;letter-spacing:.19em;color:#749286;margin:0 0 10px;line-height:1.7}
.h4-title{font-size:clamp(36px,3.75vw,56px);font-weight:900;letter-spacing:-.047em;line-height:1.3;margin:0 0 20px;text-wrap:balance}
.h4-title em{font-style:normal;color:var(--h4-green)}
.h4-description{font-size:16px;color:var(--h4-muted);line-height:1.95;margin:0 0 27px;letter-spacing:.015em}
.h4-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.h4-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:49px;padding:12px 23px;border-radius:99px;font-size:14px;font-weight:800;line-height:1.5;border:1px solid transparent;text-decoration:none!important;white-space:nowrap;transition:transform .22s,box-shadow .22s,background .22s}
.h4-button .h4-icon{width:19px;height:19px}
.h4-button-primary{background:linear-gradient(125deg,#0d9a62,#037a4e);color:#fff!important;box-shadow:0 9px 21px #07875629}
.h4-button-primary:hover{background:linear-gradient(125deg,#087b50,#056443);box-shadow:0 12px 25px #07875640;transform:translateY(-2px)}
.h4-button-light{background:#fff;color:#203e41!important;border-color:#e2ece6;box-shadow:0 6px 20px #355b3b09}
.h4-button-light:hover{border-color:#83bb9c;transform:translateY(-2px)}
.h4-button-glass{background:#ffffff12;color:#fff!important;border-color:#ffffff73;backdrop-filter:blur(10px)}
.h4-button-glass:hover{background:#ffffff26}
.h4-text-link{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:800;color:var(--h4-green);padding:12px 4px}
.h4-text-link .h4-icon{width:18px;height:18px;transition:transform .2s}
.h4-text-link:hover .h4-icon{transform:translateX(4px)}
.h4-media{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:24px;background:#dfe9df;isolation:isolate;box-shadow:0 24px 55px #284d3d17;min-width:0}
.h4-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102d2280,transparent 32%);pointer-events:none}
.h4-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s}
.h4-media:hover .h4-poster{transform:scale(1.025)}
.h4-play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:1.5px solid #ffffffd9;background:#173d3273;backdrop-filter:blur(4px);color:#fff;box-shadow:0 0 0 10px #ffffff20;z-index:2;transition:background .22s,box-shadow .22s}
.h4-play-disc .h4-icon{width:36px;height:36px;margin-left:0}
.h4-media:hover .h4-play-disc,.h4-a-center-play:hover .h4-play-disc{background:#008951cc;box-shadow:0 0 0 14px #ffffff26}
.h4-film-tag{position:absolute;bottom:16px;left:18px;right:18px;z-index:3;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#fff;font-weight:700;letter-spacing:.03em;line-height:1.5;text-shadow:0 1px 4px #0009}
.h4-film-tag b{font-size:11px;letter-spacing:.05em;border-radius:5px;padding:2px 7px;background:#10251988;flex-shrink:0}
/* B — editorial classic */
.h4-scene-b{background:radial-gradient(ellipse at 90% 25%,#d9edde 0%,transparent 45%),linear-gradient(120deg,#f8fcf8 5%,#f2f8f1 60%,#faf5e7)}
.h4-scene-b:before{content:"";position:absolute;width:300px;height:300px;border:1px solid #c5dfca;border-radius:50%;right:-100px;top:-130px;box-shadow:0 0 0 36px #eff7ec,0 0 0 37px #c5dfca66;opacity:.55}
.h4-b-layout{display:grid;grid-template-columns:1fr 1.16fr;gap:40px;align-items:center;min-height:inherit;padding-top:58px;padding-bottom:58px}
.h4-b-visual{position:relative;padding-top:25px;min-width:0}
.h4-floating-label{position:absolute;z-index:3;top:4px;right:24px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;background:#fff;color:#245e47;border-radius:99px;padding:11px 17px;box-shadow:0 6px 28px #24443214}
.h4-floating-label .h4-icon{width:19px;height:19px;color:#058657}
.h4-media-b{border:5px solid #ffffffde;border-bottom-width:5px;border-radius:28px}
.h4-b-caption{display:flex;gap:13px;align-items:center;position:relative;background:#fff;border:1px solid #e6ece1;border-radius:16px;padding:18px 20px;margin:16px 14px 0;box-shadow:0 12px 30px #38563908}
.h4-caption-icon{display:grid;place-items:center;width:42px;height:42px;background:#edf7ed;color:#278359;border-radius:13px}
.h4-b-caption strong{display:block;font-size:16px;line-height:1.5}
.h4-b-caption small{display:block;font-size:12px;color:#75867f;margin-top:2px;line-height:1.6}
.h4-b-caption>a{margin-left:auto;color:#188658;padding:8px}
.h4-signature{font-size:20px;color:#157c53;font-family:"KaiTi","DFKai-SB","Noto Serif CJK TC",serif;font-style:italic;letter-spacing:.06em;margin:30px 0 17px;display:flex;align-items:center;gap:12px;transform:rotate(-2deg);transform-origin:left center}
.h4-signature .h4-icon{width:22px;height:22px}
.h4-b-tags{display:flex;gap:23px;color:#607969;font-size:11px;font-weight:600;letter-spacing:.03em}
.h4-b-tags span{display:flex;align-items:center;gap:5px}
.h4-b-tags .h4-icon{width:15px;height:15px;color:#409766}
/* A — immersive film, respecting original footage ratio on small screens */
.h4-scene-a{background:#0d2c24;color:#fff}
.h4-a-media{position:absolute;inset:0 0 0 24%;overflow:hidden;background:#163e30}
.h4-a-media>.h4-poster,.h4-teaser{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%}
.h4-teaser{opacity:0;transition:opacity .6s;pointer-events:none}
.h4-a-media.is-playing .h4-teaser{opacity:1}
.h4-a-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b281ffa 0%,#0b281ff0 17%,#0b281fbe 34%,#0b281f24 65%,#0b281f10 100%),linear-gradient(0deg,#0b281ff2 0%,transparent 39%)}
.h4-a-content{min-height:inherit;padding-top:56px;padding-bottom:26px;display:flex;flex-direction:column;justify-content:center}
.h4-a-copy{width:470px;margin-bottom:110px}
.h4-a-copy .h4-eyebrow{background:#ffffff0d;color:#d3ebd5;border-color:#b4d7b944}
.h4-a-copy .h4-kicker{color:#a4c4b1}
.h4-a-copy .h4-title{font-size:clamp(40px,4.1vw,61px);color:#fff;letter-spacing:-.035em}
.h4-a-copy .h4-description{color:#e3ebe5}
.h4-a-note{display:flex;align-items:center;gap:6px;font-size:11px;color:#c5d7ca;margin-top:16px}
.h4-a-note .h4-icon{width:14px;height:14px}
.h4-a-center-play{position:absolute;left:74%;top:42%;display:flex;align-items:center;flex-direction:column;color:#fff;font-size:12px;gap:26px;transform:translate(-50%,-50%);text-shadow:0 1px 6px #0009;white-space:nowrap;font-weight:700}
.h4-a-center-play .h4-play-disc{position:relative;left:auto;top:auto;transform:none;width:86px;height:86px;background:#173d324d}
.h4-a-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;gap:14px;align-items:center}
.h4-a-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 13px;border:1px solid #ffffff29;border-radius:18px;background:#102f27b3;backdrop-filter:blur(16px);flex:1}
.h4-a-flow a{display:flex;gap:12px;align-items:center;justify-content:center;padding:0 14px;border-right:1px solid #ffffff26;min-width:0}
.h4-a-flow a:last-child{border:0}
.h4-a-flow a>.h4-icon{width:30px;height:30px;color:#c7e4bf}
.h4-a-flow b{font-size:14px;display:block;line-height:1.6}
.h4-a-flow small{font-size:10px;color:#c4d4c9;display:block;line-height:1.7;margin-top:2px}
.h4-motion-button{border:1px solid #ffffff4a;color:#fff;border-radius:99px;background:#0b2d20a6;backdrop-filter:blur(10px);display:flex;align-items:center;gap:5px;padding:11px 13px;font-size:11px;min-height:44px;white-space:nowrap}
.h4-motion-button .h4-icon{width:16px;height:16px}
/* C — connected workflow */
.h4-scene-c{background:radial-gradient(ellipse at 85% 15%,#e3efd0 0%,transparent 60%),linear-gradient(140deg,#f3fbf5 0%,#eff8f5 55%,#fffbef)}
.h4-c-layout{min-height:inherit;display:flex;flex-direction:column;justify-content:center;padding-top:45px;padding-bottom:38px;gap:30px}
.h4-c-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;min-width:0}
.h4-c-intro .h4-eyebrow{margin-bottom:18px}
.h4-c-intro .h4-title{font-size:clamp(36px,3.5vw,52px)}
.h4-c-intro .h4-description{font-size:15px;margin-bottom:22px}
.h4-media-c{border:5px solid #fff;border-radius:25px;transform:rotate(.5deg)}
.h4-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
.h4-step{background:#ffffffed;position:relative;border:1px solid #d9eade;border-radius:18px;padding:14px 16px;min-width:0;box-shadow:0 10px 25px #35543908;transition:transform .25s,border-color .25s}
.h4-step:hover{transform:translateY(-5px);border-color:#72b68d}
.h4-step-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#149061}
.h4-step-heading>.h4-icon{width:17px;height:17px;opacity:.6}
.h4-step-number{font-size:11px;line-height:1;letter-spacing:.1em;font-weight:900;display:flex;align-items:center;gap:7px}
.h4-step-number:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.h4-step-2 .h4-step-heading{color:#207aaa}.h4-step-3 .h4-step-heading{color:#b98215}.h4-step-4 .h4-step-heading{color:#627d4b}
.h4-step-body{display:flex;align-items:center;gap:10px;min-width:0}
.h4-step img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0}
.h4-step h3{font-size:14px;line-height:1.55;margin:0 0 4px;letter-spacing:-.02em;color:#15352b}
.h4-step p{font-size:10px;line-height:1.65;margin:0;color:#708176}
/* D — warmth, using scenes from the supplied brand film (not testimonials) */
.h4-scene-d{background:radial-gradient(ellipse at 18% 90%,#f0e9d6 0%,transparent 50%),linear-gradient(120deg,#fffdf7 0%,#faf5e9 65%,#f7f0df)}
.h4-d-layout{min-height:inherit;display:flex;flex-direction:column;justify-content:center;padding-top:43px;padding-bottom:30px}
.h4-d-intro{display:grid;grid-template-columns:1fr 1.18fr;gap:45px;align-items:center}
.h4-d-intro .h4-title{font-size:clamp(33px,3.4vw,51px)}
.h4-d-intro .h4-eyebrow{margin-bottom:18px;background:#ffffff91;border-color:#dedfc9}
.h4-d-intro .h4-description{font-size:15px;margin-bottom:22px}
.h4-d-picture{position:relative;padding-bottom:19px}
.h4-media-d{border:6px solid #fff;border-radius:35% 26px 26px 26px;box-shadow:0 18px 50px #68523c1c}
.h4-d-note{position:absolute;right:20px;bottom:0;z-index:3;display:flex;align-items:center;gap:12px;background:#fffdfa;border:1px solid #e8debe;box-shadow:0 7px 16px #5447210c;padding:10px 20px;border-radius:10px;transform:rotate(-3deg);font-size:17px;color:#617445;font-family:"KaiTi","DFKai-SB","Noto Serif CJK TC",serif}
.h4-d-note .h4-icon{width:18px;height:18px}
.h4-d-promise{display:flex;align-items:center;gap:7px;margin-top:21px;color:#7b856a;font-size:11px;letter-spacing:.035em}
.h4-d-promise>.h4-icon{width:17px;height:17px;color:#73884c}
.h4-stories-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 10px;font-size:11px;letter-spacing:.035em;color:#786e5e}
.h4-stories-heading small{font-size:10px;color:#968a75}
.h4-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.h4-story{display:flex;gap:12px;align-items:center;min-width:0;background:#ffffffd1;border:1px solid #efe4cf;border-radius:15px;padding:9px;box-shadow:0 8px 20px #66553705;transition:transform .2s,border-color .2s}
.h4-story:hover{transform:translateY(-4px);border-color:#bca77f}
.h4-story-thumb{width:108px;aspect-ratio:4/3;flex-shrink:0;position:relative;overflow:hidden;border-radius:9px}
.h4-story-thumb img{width:100%;height:100%;object-fit:cover}
.h4-story-thumb .h4-icon{position:absolute;bottom:6px;right:6px;width:25px;height:25px;padding:3px;border-radius:50%;background:#15372ca6;color:#fff;border:1px solid #fff8}
.h4-story-number{display:block;font-size:8px;line-height:1.6;font-weight:800;color:#8b8b65;letter-spacing:.12em}
.h4-story h3{margin:2px 0 4px;font-size:14px;line-height:1.45;color:#33402e}
.h4-story p{font-size:10px;line-height:1.6;color:#888475;margin:0}
/* Switcher: visible controls and true pause, not uninterruptible animation. */
.h4-switcher{position:relative;border-top:1px solid #dce9df;background:#fffefbe6;z-index:5}
.h4-switcher-inner{width:min(1240px,calc(100% - 64px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.h4-switcher-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.035em;color:#587560;white-space:nowrap}
.h4-status-dot{height:6px;width:6px;border-radius:50%;background:#2da06f;box-shadow:0 0 0 4px #eaf5ee;flex-shrink:0}
.h4-switcher-label small{font-size:10px;font-weight:400;letter-spacing:.08em;color:#8b9f91;margin-left:7px}
.h4-theme-buttons{display:flex;align-items:center;gap:5px}
.h4-theme-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;min-width:118px;overflow:hidden;border:1px solid transparent;border-radius:10px;background:none;color:#6a7d70;padding:11px 15px;line-height:1.4;font-size:11px;transition:background .25s,color .25s,border-color .25s}
.h4-theme-button b{display:grid;place-items:center;font-size:10px;border:1px solid #e0e9df;border-radius:5px;line-height:1;width:21px;height:21px;font-family:Arial,sans-serif}
.h4-theme-button[aria-pressed="true"]{background:#edf7ef;color:#087b4d;border-color:#d7ebdc;font-weight:700}
.h4-theme-button[aria-pressed="true"] b{background:#118450;color:#fff;border-color:#118450}
.h4-theme-button:hover{background:#f4f7ef;color:#147a4c}
.h4-theme-button i{position:absolute;height:2px;left:0;bottom:0;width:0;background:#2e9e67;transition:none}
.h4-theme-button[aria-pressed="true"] i{width:var(--h4-progress)}
.h4-auto-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:110px;justify-content:center;border-radius:99px;padding:8px 11px;color:#687d6e;border:1px solid #e1e9df;background:#fff;font-size:10px;white-space:nowrap}
.h4-auto-button>.h4-icon{width:13px;height:13px}
.h4-root.is-user-paused .h4-status-dot{background:#bda46c;box-shadow:0 0 0 4px #faf3e9}
.h4-noscript{padding:16px;text-align:center;font-size:13px;background:#fffde9}
.h4-root:not(.is-ready) [data-h4-controls]{visibility:hidden}
/* Shared player: full, uncropped footage and sound on intentional playback. */
.h4-film-dialog{width:min(1100px,calc(100% - 48px));max-width:1100px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:22px;color:#18362a;background:#fff;box-shadow:0 35px 100px #0008;overflow:auto;overscroll-behavior:contain;font-family:"Noto Sans TC","Noto Sans CJK TC","Microsoft JhengHei",sans-serif}
.h4-film-dialog:not([open]){display:none}
.h4-film-dialog::backdrop{background:#06150fe6;backdrop-filter:blur(9px)}
.h4-film-dialog.h4-fallback-open{position:fixed;inset:0;z-index:2147483000;margin:auto;box-shadow:0 0 0 100vmax #06150fe6}
.h4-film-open{overflow:hidden!important}
.h4-film-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 23px;border-bottom:1px solid #e9efe9}
.h4-film-header span{display:block;font-size:9px;letter-spacing:.15em;font-weight:800;color:#7a927c;margin-bottom:3px}
.h4-film-header h2{margin:0;font-size:20px;line-height:1.5;color:#183d2c}
.h4-film-close{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#eff5ee;border:1px solid #dce8dd;color:#23422d}
.h4-film-close .h4-icon{width:19px;height:19px}
.h4-full-film{display:block;width:100%;aspect-ratio:16/9;height:auto;max-height:65vh;object-fit:contain;background:#07150c}
.h4-film-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 23px 8px}
.h4-film-footer>p{font-size:12px;line-height:1.8;color:#778377;margin:0;max-width:440px}
.h4-film-footer>div{display:flex;align-items:center;gap:20px;flex-shrink:0}
.h4-film-footer .h4-button{font-size:12px;min-height:43px;padding:10px 17px}
.h4-film-footer .h4-text-link{color:#087b4d;font-size:12px}
.h4-film-fineprint{color:#91978d;font-size:10px;line-height:1.6;margin:0;padding:3px 23px 18px}
.h4-video-notice{margin:0;background:#fff8e7;color:#795822;font-size:13px;padding:10px 23px}
@keyframes h4-scene-in{from{opacity:.15;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* Tablet and small laptops */
@media(max-width:1150px) and (min-width:901px){
 .page-index.home4-enabled .main-nav{gap:16px;font-size:13px}
 .page-index.home4-enabled .brand img{height:46px}
 .h4-wrap{width:calc(100% - 48px)}
 .h4-b-layout,.h4-c-intro,.h4-d-intro{gap:26px}
 .h4-title{font-size:42px}.h4-c-intro .h4-title{font-size:41px}.h4-d-intro .h4-title{font-size:38px}
 .h4-description{font-size:14px}.h4-button{font-size:13px;padding:12px 18px}
 .h4-story-thumb{width:85px}.h4-story p{font-size:9px}
 .h4-step{padding:12px}.h4-step-body{gap:7px}.h4-step img{width:43px;height:43px}.h4-step h3{font-size:12px}
 .h4-a-flow small{font-size:9px}.h4-a-flow a{gap:8px;padding:0 10px}.h4-a-flow a>.h4-icon{width:24px;height:24px}
 .h4-a-copy{width:430px}.h4-a-center-play{left:76%}
 .h4-switcher-inner{gap:10px}.h4-theme-button{min-width:108px;padding:10px}.h4-switcher-label small{display:none}
}
@media(max-width:900px){
 .page-index.home4-enabled .container{width:calc(100% - 40px)!important}
 .page-index.home4-enabled .header-inner{min-height:70px}
 .page-index.home4-enabled .brand img{height:46px}
 .h4-root{--h4-stage-height:0px}
 .h4-wrap{width:calc(100% - 40px)}
 .h4-scene.h4-measuring{min-height:0!important}
 .h4-b-layout,.h4-c-intro,.h4-d-intro{grid-template-columns:1fr;gap:28px}
 .h4-b-layout{padding-top:34px;padding-bottom:30px;max-width:660px;align-content:center}
 .h4-copy{text-align:center}
 .h4-title,.h4-c-intro .h4-title,.h4-d-intro .h4-title{font-size:43px;line-height:1.3;margin-bottom:14px}
 .h4-eyebrow{font-size:11px;margin-bottom:17px;padding:6px 11px;letter-spacing:.02em}
 .h4-kicker{font-size:9px;margin-bottom:8px}
 .h4-description,.h4-c-intro .h4-description,.h4-d-intro .h4-description{font-size:14px;line-height:1.8;margin-bottom:20px}
 .h4-actions{justify-content:center;gap:10px}
 .h4-signature{display:none}.h4-b-tags{justify-content:center;margin-top:18px;font-size:10px}
 .h4-b-visual{padding-top:18px;max-width:640px;width:100%;margin:0 auto}
 .h4-floating-label{top:0;right:20px;padding:8px 14px;font-size:11px}
 .h4-media{border-radius:20px}
 .h4-b-caption{margin:12px 0 0;padding:13px 16px;text-align:left}
 .h4-b-caption strong{font-size:15px}.h4-b-caption small{font-size:11px}
 .h4-a-media{position:relative;inset:auto;width:100%;aspect-ratio:16/9;height:auto;max-height:520px}
 .h4-a-media>.h4-poster,.h4-teaser{object-fit:cover;object-position:center}
 .h4-a-shade{display:none}
 .h4-a-content{min-height:0;padding-top:27px;padding-bottom:27px}
 .h4-a-copy{width:100%;margin-bottom:23px;text-align:left}
 .h4-a-copy .h4-title{font-size:41px}.h4-a-copy .h4-actions{justify-content:flex-start}
 .h4-a-copy .h4-eyebrow{margin-bottom:12px}.h4-a-copy .h4-kicker{display:none}
 .h4-a-copy .h4-description{margin-bottom:19px}.h4-a-note{margin-top:12px}
 .h4-a-center-play{left:50%;top:0;transform:translate(-50%,-100%);height:calc((100vw - 40px) * 9 / 16);max-height:500px;justify-content:center;gap:20px;pointer-events:auto}
 .h4-a-center-play>span:last-child{display:none}
 .h4-a-center-play .h4-play-disc{width:70px;height:70px}
 .h4-a-bottom{position:static;display:flex;align-items:stretch;gap:10px}
 .h4-a-flow{padding:14px 4px;border-radius:14px}
 .h4-a-flow a{gap:6px;padding:0 6px;flex-direction:column;text-align:center}
 .h4-a-flow a>.h4-icon{width:22px;height:22px}.h4-a-flow b{font-size:11px}.h4-a-flow small{font-size:9px}
 .h4-motion-button{padding:8px;font-size:10px;flex-direction:column;border-radius:14px;justify-content:center}
 .h4-c-layout{padding-top:32px;padding-bottom:28px;gap:24px;max-width:680px}
 .h4-c-intro{gap:25px}.h4-c-intro .h4-eyebrow{margin-bottom:14px}
 .h4-media-c{transform:none}.h4-steps{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .h4-step{padding:14px}.h4-step-heading{margin-bottom:7px}.h4-step img{width:52px;height:52px}
 .h4-step h3{font-size:13px}.h4-step p{font-size:10px}
 .h4-d-layout{padding-top:32px;padding-bottom:27px;max-width:680px}
 .h4-d-intro{gap:23px}.h4-d-promise{justify-content:center;margin-top:16px;font-size:10px}
 .h4-media-d{border-radius:25% 20px 20px 20px}.h4-d-note{font-size:15px;padding:8px 15px}
 .h4-stories-heading{margin-top:21px;font-size:10px}.h4-stories-heading small{font-size:9px}
 .h4-stories{display:flex;gap:10px;overflow-x:auto;padding:2px 0 9px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c5cfb9 transparent}
 .h4-story{min-width:260px;flex:0 0 42%;scroll-snap-align:start;padding:8px;gap:10px}
 .h4-story-thumb{width:82px}.h4-story h3{font-size:13px}.h4-story p{font-size:10px}
 .h4-switcher-inner{width:calc(100% - 40px);min-height:110px;display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:10px 0 12px}
 .h4-switcher-label{grid-column:1;grid-row:1}.h4-switcher-label small{display:inline}
 .h4-auto-button{grid-column:2;grid-row:1;min-height:34px;min-width:100px;font-size:10px;padding:5px 10px}
 .h4-theme-buttons{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .h4-theme-button{min-width:0;min-height:44px;gap:6px;padding:9px 5px;font-size:11px;border-color:#eff2eb}
 .h4-theme-button b{width:20px;height:20px;font-size:9px}
 .h4-film-footer{display:block;padding:15px 20px 7px}.h4-film-footer>p{max-width:none;font-size:11px;margin-bottom:8px}.h4-film-footer>div{justify-content:space-between;gap:10px}
 .h4-film-header{padding:15px 20px}.h4-film-header h2{font-size:17px}.h4-film-fineprint{padding:3px 20px 16px}
}
/* Phone: no giant vertical cropping, no overlay blocking the family. */
@media(max-width:600px){
 .page-index.home4-enabled .container{width:calc(100% - 36px)!important}
 .page-index.home4-enabled .trust-inner{width:calc(100% - 36px);grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 0;gap:20px 6px}
 .page-index.home4-enabled .trust-item{justify-content:flex-start;padding:0!important;gap:8px}
 .page-index.home4-enabled .trust-item i{font-size:25px}.page-index.home4-enabled .trust-item b{font-size:12px}.page-index.home4-enabled .trust-item small{font-size:9px;letter-spacing:-.02em}
 .page-index.home4-enabled .section{padding-top:42px;padding-bottom:42px}
 .page-index.home4-enabled .section-title h2{font-size:26px;line-height:1.35}.page-index.home4-enabled .section-title>p{font-size:12px;line-height:1.8}
 .h4-wrap{width:calc(100% - 36px)}
 .h4-copy{text-align:left}
 .h4-b-layout{padding-top:29px;padding-bottom:24px;gap:20px;align-content:center}
 .h4-title,.h4-c-intro .h4-title,.h4-d-intro .h4-title{font-size:clamp(29px,7.55vw,41px);letter-spacing:-.05em;line-height:1.32;margin-bottom:12px}
 .h4-eyebrow{font-size:10px;margin-bottom:14px;padding:6px 10px}
 .h4-kicker{font-size:8px;letter-spacing:.15em;margin-bottom:7px}
 .h4-description,.h4-c-intro .h4-description,.h4-d-intro .h4-description{font-size:12px;line-height:1.95;letter-spacing:0;margin-bottom:17px}
 .h4-actions{justify-content:flex-start;gap:9px}
 .h4-button{min-height:45px;padding:11px 16px;font-size:12px;gap:6px}
 .h4-button .h4-icon{width:17px;height:17px}
 .h4-text-link{font-size:12px;padding:10px 3px}
 .h4-b-tags{justify-content:flex-start;font-size:9px;gap:18px;margin-top:15px}
 .h4-b-tags .h4-icon{width:14px;height:14px}
 .h4-b-visual{padding-top:16px}
 .h4-floating-label{font-size:9px;right:15px;padding:7px 12px}.h4-floating-label .h4-icon{width:15px;height:15px}
 .h4-media-a,.h4-media-c{border-width:3px;border-radius:18px}
 .h4-play-disc{width:57px;height:57px;box-shadow:0 0 0 7px #ffffff26}.h4-play-disc .h4-icon{width:29px;height:29px}
 .h4-film-tag{left:12px;right:12px;bottom:11px;font-size:9px;gap:5px}.h4-film-tag b{font-size:9px;padding:1px 5px}
 .h4-b-caption{margin-top:10px;padding:12px 14px;border-radius:13px;gap:10px}
 .h4-caption-icon{width:35px;height:35px;border-radius:10px}.h4-caption-icon .h4-icon{width:19px;height:19px}
 .h4-b-caption strong{font-size:13px}.h4-b-caption small{font-size:10px}.h4-b-caption>a{padding:4px}
 .h4-a-content{padding-top:25px;padding-bottom:23px}.h4-a-copy{margin-bottom:20px}
 .h4-a-copy .h4-title{font-size:33px;line-height:1.3;letter-spacing:-.035em}.h4-a-copy .h4-eyebrow{font-size:9px;margin-bottom:12px}
 .h4-a-copy .h4-description{font-size:12px;line-height:1.85;margin-bottom:17px}
 .h4-a-center-play{height:calc((100vw - 36px) * 9 / 16)}
 .h4-a-center-play .h4-play-disc{width:59px;height:59px}.h4-a-note{font-size:9px;margin-top:12px}
 .h4-a-bottom{display:block;position:relative}.h4-a-flow{padding:12px 1px}
 .h4-a-flow a{gap:5px;padding:0 4px}.h4-a-flow a>.h4-icon{width:20px;height:20px}.h4-a-flow b{font-size:10px}.h4-a-flow small{display:none}
 .h4-motion-button{position:absolute;right:0;top:-36px;display:flex;flex-direction:row;min-height:28px;font-size:9px;padding:4px 7px;border-radius:99px;background:#163b2d;gap:2px}
 .h4-motion-button .h4-icon{width:12px;height:12px}
 .h4-c-layout{padding-top:29px;padding-bottom:24px;gap:18px}.h4-c-intro{gap:22px}
 .h4-c-intro .h4-eyebrow{font-size:9px}.h4-c-intro .h4-actions{gap:11px}
 .h4-step{padding:10px;border-radius:13px}.h4-steps{gap:9px}
 .h4-step-heading{margin-bottom:6px}.h4-step-number{font-size:9px;gap:4px}.h4-step-heading>.h4-icon{width:14px;height:14px}
 .h4-step-body{gap:7px;align-items:flex-start}.h4-step img{width:36px;height:36px;border-radius:8px}
 .h4-step h3{font-size:10px;line-height:1.55;margin-bottom:3px;letter-spacing:-.035em}.h4-step p{font-size:9px;line-height:1.7}
 .h4-d-layout{padding-top:29px;padding-bottom:21px}.h4-d-intro{gap:20px}.h4-d-intro .h4-eyebrow{margin-bottom:14px}
 .h4-d-promise{justify-content:flex-start;font-size:9px;margin-top:15px}.h4-d-promise .h4-icon{width:15px;height:15px}
 .h4-d-picture{padding-bottom:17px}.h4-media-d{border-width:4px;border-radius:25% 18px 18px 18px}
 .h4-d-note{font-size:13px;right:12px;padding:7px 12px;gap:7px}.h4-d-note .h4-icon{width:15px;height:15px}
 .h4-stories-heading{font-size:9px;margin:20px 0 7px;letter-spacing:0}.h4-stories-heading small{font-size:8px}
 .h4-story{min-width:252px;flex-basis:82%;padding:7px;gap:10px;border-radius:12px}.h4-story-thumb{width:80px}.h4-story h3{font-size:12px}.h4-story p{font-size:9px}
 .h4-switcher-inner{width:calc(100% - 36px);gap:5px 12px;min-height:105px;padding:9px 0 10px}
 .h4-switcher-label{font-size:9px;gap:7px}.h4-switcher-label small{font-size:8px;margin-left:3px}
 .h4-auto-button{min-width:94px;font-size:9px;min-height:32px;gap:4px}
 .h4-theme-buttons{gap:4px}.h4-theme-button{padding:8px 4px;font-size:9px;gap:4px;border-radius:8px}.h4-theme-button b{width:17px;height:19px;font-size:8px}
 .h4-film-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:16px}
 .h4-film-header{padding:13px 14px}.h4-film-header h2{font-size:16px}.h4-film-header span{font-size:8px}.h4-film-close{width:38px;height:38px}
 .h4-film-footer{padding:13px 14px 6px}.h4-film-footer>p{font-size:11px;line-height:1.7}.h4-film-footer>div{gap:7px}
 .h4-film-footer .h4-text-link{font-size:11px}.h4-film-footer .h4-button{font-size:11px;padding:10px 13px}
 .h4-film-fineprint{font-size:9px;padding:3px 14px 15px}.h4-video-notice{font-size:12px;padding:9px 14px}
}
@media(max-width:360px){
 .h4-title,.h4-c-intro .h4-title,.h4-d-intro .h4-title{font-size:28px}
 .h4-eyebrow{font-size:8px}.h4-description,.h4-c-intro .h4-description,.h4-d-intro .h4-description{font-size:11px}
 .h4-button{padding:10px 12px;font-size:11px}.h4-actions{gap:7px}
 .h4-step-body{gap:5px}.h4-step img{width:28px;height:28px}.h4-step{padding:9px}.h4-step h3{font-size:9px}
 .h4-theme-button{font-size:8px;gap:3px}.h4-theme-button b{width:15px}.h4-switcher-label{font-size:8px}.h4-switcher-label small{font-size:7px}
 .h4-a-note{font-size:8px}.h4-motion-button{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .h4-root *,.h4-film-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .h4-root .h4-media:hover .h4-poster{transform:none}
}
@media print{
 .h4-switcher,.h4-film-dialog,.h4-a-center-play,.h4-play-disc,.h4-teaser{display:none!important}
 .h4-stage{min-height:0!important}.h4-scene{min-height:0!important;break-inside:avoid}.h4-scene.is-entering{animation:none!important}
}

/* R1 acceptance refinement: thumb controls remain legible at phone widths. */
@media(max-width:600px){
 .h4-theme-button{font-size:11px;white-space:nowrap}
 .h4-auto-button{font-size:10px}
 .h4-motion-button{font-size:9px}
 .h4-root{display:flex;flex-direction:column}
 .h4-switcher{order:1;border-top:1px solid #dce9df;border-bottom:0}
 .h4-switcher-label{font-size:10px}
 .h4-stories-heading{font-size:10px}.h4-stories-heading small{font-size:9px}
 .h4-step h3{font-size:11px}.h4-step p{font-size:10px}
 .page-index.home4-enabled.h4-hero-in-view .star2-fixed-actions{opacity:0;visibility:hidden;pointer-events:none}
}
@media(max-width:360px){.h4-theme-button{font-size:9px}.h4-step h3{font-size:10px}.h4-step p{font-size:9px}}
/* Keep the inherited services dropdown inside the viewport at 1024 px. */
@media(min-width:901px){
 .page-index.home4-enabled .services-menu{left:50%;width:min(660px,calc(100vw - 48px));transform:translateX(-50%) translateY(10px)}
 .page-index.home4-enabled .nav-services.open .services-menu{transform:translateX(-50%) translateY(0)}
}


/* HOME4-R10: the film and service content lead; scene choices are secondary. */
html:root body.page-index.home4-enabled .h4-root .h4-switcher {
  order: 1;
  border-top: 1px solid #e5eae1;
  border-bottom: 0;
}
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-switcher {
  background: #fbfcf8;
}
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-switcher-inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .3rem 1rem;
  min-height: 0;
  padding-block: .4rem;
}
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-switcher-label {
  display: none;
}
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-scene-disclosure,
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-auto-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-width: 0;
  min-height: 2.75rem;
  max-width: 100%;
  padding: .5rem .25rem;
  margin: 0;
  border: 0;
  border-radius: .4rem;
  background: transparent;
  box-shadow: none;
  color: #546959;
  font: inherit;
  font-size: .85rem !important;
  line-height: 1.5;
  letter-spacing: normal;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  cursor: pointer;
}
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-scene-disclosure { order: 0; }
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-auto-button { order: 1; }
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-auto-button > .h4-icon {
  width: .9rem;
  height: .9rem;
  flex: 0 0 .9rem;
}
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-scene-chevron {
  width: .4rem;
  height: .4rem;
  flex: 0 0 .4rem;
  margin: -.2rem .2rem 0;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
}
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-scene-disclosure[aria-expanded="true"] .h4-scene-chevron {
  transform: rotate(225deg);
  margin-top: .2rem;
}
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-theme-buttons {
  order: 2;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
  flex: 1 1 100%;
  min-width: 0;
  max-width: 100%;
  margin: .15rem 0 .6rem auto;
  padding: .65rem;
  gap: .5rem;
  border: 1px solid #e1e9dc;
  border-radius: .9rem;
  background: #fff;
}
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-theme-buttons[hidden] { display: none !important; }
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-theme-button {
  min-width: 0;
  min-height: 2.75rem;
  padding: .6rem .7rem;
  border: 1px solid #e5ebdf;
  border-radius: .6rem;
  font-size: .9rem !important;
  line-height: 1.5;
  color: #546959;
  overflow-wrap: anywhere;
}
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-theme-button b,
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-theme-button i { display: none; }
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-theme-button[aria-pressed="true"] {
  border-color: #bad5bd;
  background: #edf5e9;
  color: #245e49;
}
html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls button:focus-visible {
  outline: 2px solid #245e49;
  outline-offset: 3px;
}
@media (hover: hover) {
  html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-scene-disclosure:hover,
  html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-auto-button:hover { color: #245e49; text-decoration: underline; text-underline-offset: .2em; }
}
@media (max-width: 900px) {
  html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-switcher-inner {
    justify-content: space-between;
    gap: .2rem .8rem;
  }
  html:root body.page-index.home4-enabled .h4-root.h4-secondary-controls .h4-theme-buttons { max-width: none; }
}