.smart-page{overflow:clip}.smart-page p{color:var(--muted);font-size:1.0625rem;line-height:1.8}.smart-page h2{font-size:clamp(1.9rem,3vw,2.65rem);letter-spacing:-.035em;line-height:1.25}.smart-page h3{font-size:1.3rem;line-height:1.4;margin-bottom:14px}.smart-page .sh-eyebrow{color:var(--accent);font-size:1rem;margin-bottom:16px}.sh-section{padding-top:76px;padding-bottom:76px}.sh-band{background:#0e1820}.sh-heading{max-width:850px;margin-bottom:38px}.sh-heading>p:last-child{margin-top:22px}.sh-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:44px;align-items:center;padding-top:55px;padding-bottom:65px}.sh-hero h1{font-size:clamp(2.5rem,4vw,3.75rem);line-height:1.14;letter-spacing:-.045em;margin-bottom:26px}.sh-hero-copy>p{max-width:550px}.sh-residence{margin:0;overflow:hidden;border-radius:7px;background:#12212b}.sh-residence>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.sh-residence figcaption{padding:21px 24px;color:#eef3f5;font-size:1rem}.sh-residence figcaption>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 12px;margin-top:18px}.sh-residence figcaption div span{display:flex;gap:7px;align-items:center;font-size:.875rem;color:#bacbd2}.smart-page svg{width:28px;height:28px;color:var(--accent);flex-shrink:0}.sh-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.sh-three p+p{margin-top:14px}.smart-page .sh-highlight{color:#e3f3f4}.sh-comparison{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-block:1px solid var(--line);margin-top:40px;padding:30px 0}.sh-comparison h3{font-size:1.05rem;color:var(--accent)}.sh-separate{display:flex;gap:18px;margin:20px 0}.sh-separate>span{display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid #67818a66;padding:15px 9px;border-radius:6px;flex:1}.sh-separate small{font-size:.875rem;text-align:center}.sh-connected{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0}.sh-connected>div{display:flex;gap:22px;width:100%;border-top:1px solid #73dbe255;padding-top:15px}.smart-page .sh-statement{font-family:Manrope,sans-serif;color:var(--accent);font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.55;margin-top:35px;max-width:1000px}.sh-progression{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0;margin:38px 0}.sh-progression li{border-top:1px solid #73dbe24d;padding-top:15px;font-size:1rem}.sh-progression span{display:block;color:var(--accent);font-size:.9375rem;margin-bottom:8px}.sh-areas{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 26px;list-style:none;padding:25px 0;margin:0}.sh-areas li{display:flex;align-items:center;gap:13px;font-size:1rem;line-height:1.45}.smart-page .sh-note{font-size:.9375rem;max-width:850px;margin-top:24px}.sh-platform-logo{height:74px;display:flex;align-items:center;margin-bottom:20px}.sh-platform-logo img{width:100px;height:58px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.85}.sh-platforms>div{border-top:1px solid var(--line);padding-top:24px}.sh-animation{display:grid;grid-template-columns:1fr 1fr;gap:32px}.sh-animation>div{padding:28px;border-radius:8px;background:#101e28;border:1px solid var(--line)}.sh-animation .sh-automatic{border-color:#73dbe25c;background:#10252d}.sh-animation h3{margin-bottom:8px}.sh-animation p{font-size:1rem}.smart-page .arrival-scene{width:100%;height:90px;display:block;margin:10px 0 20px;stroke-width:2;overflow:visible}.arrival-ground{stroke:#8da1aa}.arriving-person{animation:arrive 18s ease-in-out infinite}.arrival-route{stroke:#73dbe255;stroke-dasharray:3 7}.sh-automatic .arriving-person{animation-delay:9s}.sh-animation ol,.sh-animation ul{list-style:none;padding:0;margin:0;min-height:300px}.sh-animation li{padding:7px 8px;display:flex;gap:12px;align-items:center;font-size:1rem;border-radius:4px;color:#b9c9d0}.sh-animation li span{font-size:.875rem;min-width:20px;color:var(--accent)}.sh-manual li{animation:manual-step 18s linear infinite;animation-delay:calc(var(--step)*1s + 1s)}.sh-automatic li{animation:auto-step 18s linear infinite;animation-delay:calc(var(--step)*.25s)}.smart-page .sh-animation-message{color:#e8f7f7;margin-top:24px;font-size:1.2rem}.sh-pause{margin-top:20px;background:transparent;border:1px solid #7896a0;border-radius:4px;color:var(--text);padding:9px 16px;font-size:.9375rem;cursor:pointer}.sh-pause:hover{border-color:var(--accent);color:var(--accent)}.sh-animation.is-paused *{animation-play-state:paused}.sh-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;margin:0}.sh-scenarios>div{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:21px 0;border-top:1px solid var(--line)}.sh-scenarios dt{font-size:1.1rem;color:#edf4f5;line-height:1.5}.sh-scenarios dd{margin:0;font-size:1rem;color:var(--muted);line-height:1.7}.sh-foundations{display:grid;grid-template-columns:1fr 1fr;gap:70px}.sh-foundations h2{font-size:2rem;margin-bottom:23px}.sh-foundations .underlined{display:inline-block;margin-top:23px}.sh-support-number{display:block;color:var(--accent);border-top:1px solid #73dbe24d;padding-top:18px;margin-bottom:18px}.sh-final{display:grid;grid-template-columns:1fr auto;align-items:center;gap:65px}.sh-final p{max-width:770px;margin-top:22px}.sh-final .actions{flex-direction:column;align-items:flex-start;gap:22px;margin:0}.sh-final .underlined{margin:0}#smart-automation{scroll-margin-top:25px}@keyframes arrive{0%,4%{transform:translateX(0)}20%,45%{transform:translateX(110px)}50%,100%{transform:translateX(0)}}@keyframes manual-step{0%,5%{background:#73dbe22b;color:#fff}6%,100%{background:transparent}}@keyframes auto-step{0%,52%{background:transparent}57%,88%{background:#73dbe229;color:#fff}95%,100%{background:transparent}}
@media(max-width:1100px){.sh-hero{gap:28px;grid-template-columns:1fr 1fr}.sh-three{gap:26px}.sh-areas{grid-template-columns:repeat(3,1fr)}.sh-scenarios>div{grid-template-columns:1fr;gap:8px}.sh-foundations{gap:35px}.sh-final{gap:30px}.sh-separate{gap:8px}}
@media(max-width:800px){.sh-hero{grid-template-columns:1fr;gap:35px}.sh-hero-copy>p{max-width:690px}.sh-three{grid-template-columns:1fr;gap:30px}.sh-platforms{grid-template-columns:repeat(3,1fr)}.sh-animation{gap:20px}.sh-animation>div{padding:20px}.sh-comparison{gap:25px}.sh-final{grid-template-columns:1fr}.sh-final .actions{flex-direction:row;align-items:center}.sh-areas{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sh-section{padding-block:50px}.sh-hero{padding-top:36px;padding-bottom:46px}.sh-hero h1{font-size:2.6rem}.sh-hero .actions{gap:12px}.sh-hero .button{font-size:.9375rem}.sh-residence figcaption{padding:18px}.sh-residence figcaption>div{grid-template-columns:1fr 1fr}.sh-comparison,.sh-animation,.sh-platforms,.sh-scenarios,.sh-foundations{grid-template-columns:1fr}.sh-comparison{gap:30px}.sh-comparison>div+div{border-top:1px solid var(--line);padding-top:24px}.sh-progression{grid-template-columns:1fr 1fr;gap:24px}.sh-areas{gap:21px 16px}.sh-areas li{font-size:.9375rem;align-items:flex-start;gap:9px}.sh-areas svg{width:24px;height:24px}.sh-animation ol,.sh-animation ul{min-height:0}.sh-animation .arrival-scene{height:75px}.sh-foundations{gap:40px}.sh-platforms>div{display:grid;grid-template-columns:80px 1fr;gap:0 20px}.sh-platform-logo{grid-row:span 2;height:65px;margin:0}.sh-platform-logo img{width:75px}.sh-platforms p{grid-column:2}.sh-final .actions{align-items:flex-start;flex-direction:column}.sh-scenarios>div{grid-template-columns:1fr}.sh-heading{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.sh-animation *{animation:none!important}.smart-page{scroll-behavior:auto}.sh-automatic li{background:#73dbe218}.sh-pause{display:none}html{scroll-behavior:auto}}
.smart-page *{min-width:0}.smart-page h1,.smart-page h2,.smart-page h3,.smart-page li{overflow-wrap:break-word}.smart-page h1{hyphens:auto}
/* Focused comparison revision. */
.sh-problem-columns{gap:0}.sh-problem-columns>div{padding:0 30px}.sh-problem-columns>div:first-child{padding-left:0}.sh-problem-columns>div:last-child{padding-right:0}.sh-problem-columns>div+div{border-left:1px solid #ffffff24}.sh-video-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px}.sh-video-panel{margin:0}.sh-video-panel figcaption{min-height:126px;padding-bottom:22px}.sh-video-panel h3{color:var(--accent);font-size:1.35rem;margin-bottom:10px}.sh-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#13212c}.sh-video-frame picture,.sh-video-frame img,.sh-video-frame video{width:100%;height:100%;object-fit:cover;display:block}.sh-video-frame video{position:absolute;inset:0;opacity:0;pointer-events:none}.sh-video-frame.is-playing video{opacity:1}.sh-video-pending{position:absolute;left:14px;bottom:14px;padding:6px 12px;background:#0b1218e8;color:#edf4f5;border-radius:3px;font-size:.875rem}.sh-video-frame.is-playing .sh-video-pending{display:none}.smart-page .sh-video-description{font-size:.9375rem;line-height:1.7;margin-top:16px}
@media(max-width:800px){.sh-problem-columns>div{padding:24px 0}.sh-problem-columns>div:first-child{padding-top:0}.sh-problem-columns>div:last-child{padding-bottom:0}.sh-problem-columns>div+div{border-left:0;border-top:1px solid #ffffff24}.sh-video-comparison{gap:24px}.sh-video-panel figcaption{min-height:160px}}
@media(max-width:600px){.sh-video-comparison{grid-template-columns:1fr;gap:32px}.sh-video-panel figcaption{min-height:0;padding-bottom:18px}}
.smart-page .sh-video-steps{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:.9375rem;margin-top:16px;color:#bacbd2;line-height:1.8}.sh-video-steps span:not(.sh-step-arrow){border-bottom:2px solid transparent}.sh-video-steps .is-current{color:var(--accent);border-bottom-color:var(--accent)!important}.sh-step-arrow{color:#8ca6b1}.sh-video-frame video{object-fit:cover}
/* Clearly staged actions, following the original comparison treatment. */
.smart-page .sh-video-steps{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-height:245px;font-size:1.0625rem;line-height:1.5;margin-top:20px}.sh-video-steps .sh-step-arrow{display:none}.sh-video-steps span:not(.sh-step-arrow){display:block;padding:10px 14px;border:1px solid transparent;border-left:3px solid #405b66;border-radius:3px;color:#b9c9d0}.sh-video-steps span.is-current{background:#1e424c;color:#f0ffff;border-color:#73dbe266!important;border-left-color:#73dbe2!important;font-weight:600}.sh-video-steps span.is-current:before{content:'→ ';color:var(--accent)}
@media(max-width:600px){.smart-page .sh-video-steps{min-height:0}}
/* Compact paired actions, aligned with the Smart comparison. */
.smart-page .sh-video-steps{min-height:0}.sh-video-panel:first-child .sh-video-steps{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sh-video-panel:first-child .sh-video-steps span:last-child{grid-column:1/-1}.sh-video-panel:last-child .sh-video-steps{display:grid;grid-template-rows:1fr 1fr;min-height:156px}
.sh-video-panel:first-child .sh-video-steps span:last-child{grid-column:auto}.sh-video-panel:last-child .sh-video-steps{min-height:0}.sh-video-steps span.is-current:before{content:none}
#smart-automation{background:radial-gradient(ellipse at 12% 25%,#173e4938,transparent 65%),#0f2029;box-shadow:0 0 0 100vmax #0f2029;clip-path:inset(0 -100vmax);border-block:1px solid #73dbe226}
#smart-automation{position:relative}.sh-comparison-control{position:absolute;right:0;top:34px}.sh-shared-control{width:44px;height:44px;display:grid;place-items:center;border:1px solid #73dbe230;border-radius:50%;background:#08141aaa;color:var(--accent);cursor:pointer}.sh-shared-control:hover{background:#1b3943}.sh-shared-control:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sh-shared-control svg{width:22px;height:22px}.sh-shared-control path{display:none}.sh-shared-control[data-state="play"] .control-play{display:block;fill:currentColor;stroke:none}.sh-shared-control[data-state="pause"] .control-pause{display:block;stroke-width:3}.sh-shared-control[data-state="replay"] .control-replay{display:block}.sh-shared-control:focus-visible:after{content:attr(aria-label);position:absolute;right:52px;background:#08141a;color:#edf5f5;padding:5px 10px;white-space:nowrap;font-size:14px;border-radius:3px}
@media(max-width:800px){.sh-comparison-control{position:relative;top:auto;right:auto;display:flex;justify-content:flex-end;margin:-16px 0 18px}}
@media(min-width:1101px){.sh-areas{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:800px){.sh-areas li:last-child:nth-child(odd){grid-column:1/-1;justify-content:center}}
