:root{
 --ip-bg:#fff;--ip-panel:#f7f7fa;--ip-ink:#252333;--ip-muted:#615d70;--ip-line:#dedbe6;--ip-purple:#6c22b7;--ip-blue:#2669ba;--ip-teal:#08766f;--ip-rose:#b83273;--ip-amber:#94630b;--ip-orange:#a34e16;--ip-button:#6900bd;--ip-button-text:#fff;--ip-green:#5b941b;--ic-photo-ink:#fff;--ic-photo-shade:#111323;--ic-device:#17171f;
}
:root[data-theme=dark]{
 --ip-bg:#191924;--ip-panel:#23232f;--ip-ink:#f4f0fb;--ip-muted:#c4bdd2;--ip-line:#474253;--ip-purple:#d2adff;--ip-blue:#9bc8ff;--ip-teal:#7ae0cf;--ip-rose:#ffafd1;--ip-amber:#ffcf79;--ip-orange:#ffc190;--ip-button:#ceb0fa;--ip-button-text:#26133a;--ip-green:#a9d56a;--ic-photo-ink:#fff;--ic-photo-shade:#0d0c18;--ic-device:#09090e;
}
/* Six destinations in one overview, rather than six hidden panels. */
#main.hf-home .ip-industries--overview{padding:24px 0;scroll-margin-top:104px}
#main.hf-home .ip-industries--overview .ip-heading{margin-bottom:18px}
#main.hf-home .ip-industries--overview .ip-heading h2{font-size:clamp(34px,3.2vw,44px)}
#main.hf-home .ip-industries--overview .ip-heading p{font-size:17px;margin-top:8px}
#main.hf-home .ic-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#main.hf-home .ic-industry-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;height:clamp(145px,calc((100svh - 410px)/2),230px);padding:18px 20px;overflow:hidden;border-radius:14px;color:var(--ic-photo-ink);background:var(--ic-photo-shade);text-decoration:none}
#main.hf-home .ic-industry-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;z-index:-2;transition:transform .45s}
#main.hf-home .ic-industry-card:first-child>img{object-position:30% 0%}
#main.hf-home .ic-industry-card:nth-child(2)>img{object-position:30% 0%}
#main.hf-home .ic-industry-card:nth-child(3)>img{object-position:35% 0%}
#main.hf-home .ic-industry-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,color-mix(in srgb,var(--ic-photo-shade) 75%,transparent),color-mix(in srgb,var(--ic-photo-shade) 7%,transparent) 42%,color-mix(in srgb,var(--ic-photo-shade) 90%,transparent))}
#main.hf-home .ic-industry-card h3{display:flex;align-items:center;gap:9px;font-size:18px;line-height:1.25;font-weight:650;color:var(--ic-photo-ink);letter-spacing:-.015em}
#main.hf-home .ic-industry-card .ip-industry-symbol{--ip-icon:var(--ic-photo-ink);--ip-icon-soft:color-mix(in srgb,var(--ic-photo-ink) 16%,transparent);width:25px;height:25px;flex-basis:25px}
#main.hf-home .ic-industry-card>div{display:flex;gap:15px;align-items:flex-end;justify-content:space-between}
#main.hf-home .ic-industry-card p{font-size:16px;line-height:1.4;max-width:290px;font-weight:500;color:var(--ic-photo-ink)}
#main.hf-home .ic-industry-card>div>svg{width:23px;height:23px;flex:0 0 23px;transition:transform .2s}
#main.hf-home .ic-industry-card:hover>img{transform:scale(1.025)}
#main.hf-home .ic-industry-card:hover>div>svg{transform:translateX(3px)}
#main.hf-home .ic-overview-footer{display:flex;justify-content:flex-end;margin-top:14px}
#main.hf-home .ic-overview-footer>a{display:flex;align-items:center;gap:10px;color:var(--ip-purple);font-size:16px;font-weight:600}
#main.hf-home .ic-overview-footer>a>svg{width:20px;height:20px}
/* Authentic screen capture stays separate from the illustrative photography. */
.ic-real-app{border:7px solid var(--ic-device);border-radius:20px;overflow:hidden;background:var(--ic-device);box-sizing:border-box}
.ic-real-app>img{display:block;width:100%;height:auto}
#main.hf-home .ip-mobile--compact{padding:40px 0}
#main.hf-home .ip-mobile--compact .ip-mobile-layout{gap:45px;align-items:center}
#main.hf-home .ic-mobile-media{display:grid;grid-template-columns:minmax(0,1fr) 30%;gap:15px;align-items:center;min-width:0;height:clamp(350px,58svh,465px)}
#main.hf-home .ic-mobile-media>figure{position:relative;height:100%;min-width:0;overflow:hidden;border-radius:16px}
#main.hf-home .ic-mobile-media>figure>img{display:block;width:100%;height:100%;object-fit:cover;object-position:27% 25%}
#main.hf-home .ic-mobile-media .ic-real-app{max-height:100%;width:100%;align-self:center}
#main.hf-home .ip-mobile--compact h2{font-size:clamp(32px,3vw,41px)}
#main.hf-home .ip-mobile--compact .ip-mobile-label{margin-bottom:12px!important}
#main.hf-home .ip-mobile--compact .ip-mobile-copy>p:not(.ip-mobile-label){font-size:17px;margin-top:16px}
#main.hf-home .ip-mobile--compact ul{gap:15px;margin:20px 0}
#main.hf-home .ip-mobile--compact li strong{font-size:16px}
#main.hf-home .ip-mobile--compact li>span>span{font-size:16px;margin-top:3px;line-height:1.5}
#main.hf-home .ic-mobile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
#main.hf-home .ic-mobile-actions .ip-primary{font-size:16px;min-height:46px}
#main.hf-home .ic-mobile-actions .ip-downloads{margin:0;gap:18px}
#main.hf-home .ic-mobile-actions .ip-downloads img{width:34px;height:34px;flex-basis:34px}
/* Dedicated industry pages. */
#main .is-frame{width:min(1240px,calc(100% - 48px));margin-inline:auto;color:var(--ip-ink)}
#main :is(.is-hero,.is-section,.is-invitation){font-size:16px;line-height:1.65}
#main :is(.is-hero,.is-section,.is-invitation) :is(h1,h2,h3,p,figure){margin:0}
#main .is-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:55px 0 75px}
#main .is-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.04;letter-spacing:-.045em;font-weight:650;color:var(--ip-ink)}
#main .is-hero h1>span{display:block;color:var(--ip-purple);margin-top:8px}
#main .is-back{display:inline-flex;align-items:center;gap:9px;color:var(--ip-muted);font-size:16px;margin-bottom:25px}
#main .is-back>svg{width:19px;height:19px;transform:rotate(180deg)}
#main .is-category{display:flex;align-items:center;gap:10px;color:var(--ip-purple);font-size:18px;font-weight:650;margin-bottom:20px!important}
#main .is-lead{font-size:19px;line-height:1.7;color:var(--ip-muted);margin-top:25px!important}
#main .is-actions{display:flex;gap:18px 25px;align-items:center;flex-wrap:wrap;margin-top:30px}
#main .is-primary{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--ip-button);color:var(--ip-button-text);min-height:50px;padding:13px 21px;border-radius:8px;font-size:16px;font-weight:650;line-height:1.4}
#main .is-primary>svg{width:21px;height:21px;flex-shrink:0}
#main .is-primary:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--ip-purple) 22%,transparent)}
#main .is-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--ip-purple);font-size:16px;font-weight:650}
#main .is-text-link>svg{width:20px;height:20px}
#main .is-text-link:hover{text-decoration:underline;text-underline-offset:5px}
#main .is-trial{font-size:16px;color:var(--ip-muted);margin-top:18px!important}
#main .is-hero-photo{position:relative;min-height:560px;align-self:stretch;border-radius:20px;overflow:hidden;background:var(--ip-panel)}
#main .is-hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 40%}
#main .is-hero-photo>figcaption{position:absolute;left:20px;bottom:20px;font-size:16px;font-weight:600;padding:8px 14px;border-radius:7px;background:var(--ip-bg);color:var(--ip-ink)}
#main .is-section{padding:75px 0}
#main .is-section header{max-width:850px;margin-bottom:35px}
#main .is-section h2{font-size:clamp(34px,3.4vw,48px);line-height:1.1;letter-spacing:-.04em;font-weight:650;color:var(--ip-ink)}
#main .is-section h2>span{color:var(--ip-purple)}
#main .is-section header>p:not(.is-eyebrow){font-size:18px;line-height:1.7;color:var(--ip-muted);margin-top:21px}
#main .is-eyebrow{font-size:16px;line-height:1.4;font-weight:650;color:var(--ip-purple);margin-bottom:17px!important}
#main .is-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 35px}
#main .is-check-grid>div{padding-top:23px;border-top:1px solid var(--ip-line)}
#main .is-check-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;color:var(--ip-purple);background:color-mix(in srgb,var(--ip-purple) 9%,var(--ip-bg));margin-bottom:17px}
#main .is-check-icon>svg{width:26px;height:26px}
#main .is-check-grid h3{font-size:22px;line-height:1.2;letter-spacing:-.02em;font-weight:650;color:var(--ip-ink)}
#main .is-check-grid p{font-size:16px;line-height:1.7;color:var(--ip-muted);margin-top:12px}
#main .is-ai-section{background:var(--ip-panel)}
#main .is-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#main .is-ai-grid>a{display:flex;align-items:flex-start;flex-direction:column;padding:28px;background:var(--ip-bg);border:1px solid var(--ip-line);border-radius:15px;color:var(--ip-ink)}
#main .is-ai-grid h3{font-size:25px;line-height:1.15;letter-spacing:-.025em;margin-top:22px;font-weight:600}
#main .is-ai-grid p{font-size:17px;line-height:1.65;color:var(--ip-muted);margin:16px 0 24px}
#main .is-tool-link{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;font-size:16px;font-weight:650;color:var(--ip-purple);margin-top:auto}
#main .is-tool-link>svg{width:21px;height:21px}
#main .is-ai-grid>a:hover{border-color:var(--ip-purple)}
#main .is-frame .ip-industry-symbol{width:32px;height:32px;flex:0 0 32px;--ip-icon:var(--ip-purple);--ip-icon-soft:color-mix(in srgb,var(--ip-icon) 13%,var(--ip-bg))}
#main .is-frame .ip-tone-manufacturing{--ip-icon:var(--ip-teal)}
#main .is-frame .ip-tone-energy{--ip-icon:var(--ip-amber)}
#main .is-frame .ip-tone-healthcare{--ip-icon:var(--ip-rose)}
#main .is-frame .ip-tone-retail{--ip-icon:var(--ip-blue)}
#main .is-frame .ip-tone-transportation{--ip-icon:var(--ip-orange)}
#main .is-frame .ip-tool-symbol{display:grid;place-items:center;width:52px;height:52px;--ip-icon:var(--ip-purple);--ip-icon-soft:color-mix(in srgb,var(--ip-icon) 12%,var(--ip-bg))}
#main .is-frame .ip-tool-blue{--ip-icon:var(--ip-blue)}
#main .is-frame .ip-tool-teal{--ip-icon:var(--ip-teal)}
#main .is-frame .ip-tool-symbol>svg{width:47px;height:47px}
#main .is-frame .ip-tool-symbol>img{width:48px;height:48px;border-radius:50%;object-fit:cover}
#main .is-field-story{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center}
#main .is-app-column{display:grid;justify-items:center;gap:22px}
#main .is-app-label{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:650}
#main .is-app-column .ic-real-app{width:min(100%,265px);border-width:9px;border-radius:25px}
#main .is-steps{display:grid;margin-top:32px}
#main .is-steps article{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--ip-line)}
#main .is-steps article>span{font-size:18px;font-weight:650;color:var(--ip-purple);line-height:1.5}
#main .is-steps h3{font-size:25px;font-weight:600;line-height:1.15;letter-spacing:-.025em;color:var(--ip-ink)}
#main .is-steps p{font-size:17px;color:var(--ip-muted);line-height:1.7;margin-top:12px}
#main .is-field-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px}
#main .is-related{border-top:1px solid var(--ip-line)}
#main .is-related>div{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}
#main .is-related>div>a{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--ip-ink);padding:10px 0;margin-right:12px}
#main .is-related>div>a>svg:last-child{width:18px;height:18px;color:var(--ip-purple)}
#main .is-invitation{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding:40px 0;border-block:1px solid var(--ip-line);align-items:center}
#main .is-invitation h2{font-size:36px;line-height:1.1;letter-spacing:-.03em;color:var(--ip-ink)}
#main .is-invitation p{font-size:17px;line-height:1.65;color:var(--ip-muted);margin-top:15px}
#main .is-invitation>div:last-child{text-align:right}
#main .is-invitation>div:last-child>p{font-size:16px}
#main .is-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}
#main .is-faq h2{font-size:38px}
#main .is-faq details{border-bottom:1px solid var(--ip-line);padding:20px 0}
#main .is-faq summary{font-size:18px;line-height:1.5;font-weight:600;cursor:pointer;color:var(--ip-ink)}
#main .is-faq details p{font-size:17px;color:var(--ip-muted);line-height:1.75;margin-top:17px}
#main :is(.is-hero,.is-section,.is-invitation) :is(a,summary):focus-visible{outline:3px solid var(--ip-purple);outline-offset:5px}
/* Motion is enhancement-only. Native scrolling and all links remain available. */
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 .ic-reveal{opacity:.55;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.65,.3,1)}
 .ic-reveal.ic-entered{opacity:1;transform:none}
}
@media(max-width:1050px){
 #main .is-hero{gap:35px}
 #main .is-field-story{gap:50px}
 #main .is-ai-grid>a{padding:23px}
 #main.hf-home .ic-industry-card{padding:16px}
 #main.hf-home .ic-mobile-actions{display:block}
 #main.hf-home .ic-mobile-actions .ip-downloads{margin-top:17px}
}
@media(max-width:760px){
 #main.hf-home .ip-industries--overview{padding:30px 0;scroll-margin-top:95px}
 #main.hf-home .ip-industries--overview .ip-heading h2{font-size:34px}
 #main.hf-home .ip-industries--overview .ip-heading p{font-size:16px}
 #main.hf-home .ic-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #main.hf-home .ic-industry-card{height:clamp(170px,calc((100svh - 300px)/3),210px);padding:13px}
 #main.hf-home .ic-industry-card h3{font-size:16px;gap:6px;flex-wrap:wrap}
 #main.hf-home .ic-industry-card .ip-industry-symbol{width:23px;height:23px;flex-basis:23px}
 #main.hf-home .ic-industry-card p{font-size:16px;line-height:1.3}
 #main.hf-home .ic-industry-card>div{gap:7px}
 #main.hf-home .ic-industry-card>div>svg{width:18px;height:18px;flex-basis:18px}
 #main.hf-home .ip-mobile--compact .ip-mobile-layout{gap:28px}
 #main.hf-home .ic-mobile-media{height:365px;grid-template-columns:minmax(0,1fr) 31%;gap:12px}
 #main.hf-home .ip-mobile--compact h2{font-size:35px}
 #main.hf-home .ic-mobile-actions{display:flex}
 #main.hf-home .ic-mobile-actions .ip-downloads{margin:0}
 #main .is-frame{width:calc(100% - 32px)}
 #main .is-hero{grid-template-columns:1fr;padding:35px 0 50px;gap:30px}
 #main .is-hero h1{font-size:43px}
 #main .is-lead{font-size:18px}
 #main .is-hero-photo{min-height:420px}
 #main .is-section{padding:50px 0}
 #main .is-section h2{font-size:34px}
 #main .is-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}
 #main .is-check-grid h3{font-size:21px}
 #main .is-ai-grid{grid-template-columns:1fr;gap:16px}
 #main .is-ai-grid>a{padding:25px}
 #main .is-field-story{grid-template-columns:1fr;gap:35px}
 #main .is-field-story>div:last-child{grid-row:1}
 #main .is-invitation{grid-template-columns:1fr;gap:25px;padding:30px 0}
 #main .is-invitation>div:last-child{text-align:left}
 #main .is-faq{grid-template-columns:1fr;gap:25px}
 #main .is-faq h2{font-size:34px}
}
@media(max-width:380px){
 #main.hf-home .ic-industry-card h3{display:block}
 #main.hf-home .ic-industry-card h3>svg{display:none}
 #main.hf-home .ic-industry-card{padding:12px}
 #main.hf-home .ic-mobile-media{height:315px}
 #main .is-check-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .ic-reveal,.ic-reveal.ic-entered{opacity:1;transform:none;transition:none}
 #main.hf-home .ic-industry-card>img,#main.hf-home .ic-industry-card>div>svg{transition:none}
 #main.hf-home .ic-industry-card:hover>img,#main.hf-home .ic-industry-card:hover>div>svg{transform:none}
}

/* Device UI is an unaltered capture beside the photo, never pasted into a hand. */
#main .is-hero-media{display:grid;grid-template-columns:minmax(0,1fr) 29%;gap:16px;align-items:center;min-height:560px}
#main .is-hero-media .is-hero-photo{min-height:0;height:100%}
#main .is-hero-media .ic-real-app{width:100%;border-width:6px;border-radius:17px}
@media(max-width:760px){#main .is-hero-media{min-height:400px;gap:12px}#main .is-hero-media .is-hero-photo{min-height:0}}
