/* V63: product-led welcome. Scope excludes the approved closing section. */
.home-s63 .site-header{background:#091d30;border-color:#294258;color:#e0ebf5}.home-s63 .site-header .brand{color:#fff}.home-s63 .site-header nav>a:hover{color:#7bd5f5}.home-s63 .locale select{color:#e2edf8}.home-s63 .locale option{color:#14314c;background:#fff}.home-s63 .resources>div{background:#122b42;border-color:#355069}.home-s63 .resources a:hover{background:#203a51}.home-s63 .hero{background:linear-gradient(90deg,#071a2d 0%,#091d30fa 43%,#0b2136eb 77%,#10283cc7),url('/assets/transport-scene-v62.webp') right 61%/cover no-repeat;color:#fff;border-bottom:1px solid #264156}.home-s63 .hero:before{background:radial-gradient(ellipse at 73% 35%,#256aa824,transparent 55%);opacity:1}.home-s63 .hero-grid{max-width:1440px;grid-template-columns:.86fr 1.14fr;gap:44px;padding-top:78px;padding-bottom:63px;align-items:center}.home-s63 .hero-copy{padding-bottom:20px}.home-s63 .hero .eyebrow{font-size:10px;letter-spacing:.18em;color:#72c4ee;margin-bottom:22px}.home-s63 .hero h1{font-size:clamp(37px,3.5vw,50px);letter-spacing:-.041em;line-height:1.12;font-weight:620}.home-s63 .hero h1 em{color:#66d5ed}.home-s63 .hero .intro{font-size:16px;line-height:1.85;color:#bfd0e0;max-width:470px;margin-top:25px}.home-s63 .hero .actions{margin-top:30px;gap:13px}.home-s63 .hero .button{padding:15px 19px;font-size:13px;border-radius:7px;box-shadow:0 6px 22px #0878db21}.home-s63 .hero .button.secondary{color:#e4eff8;background:#122c4260;border-color:#55738e;box-shadow:none}.home-s63 .hero .button.secondary:hover{background:#23435c}.home-s63 .hero .trial-note{color:#a4bed2;font-size:11px;margin-top:18px}.home-s63 .hero .trial-note span{color:#61ccea}.home-s63 .hero-visual.product-stage{height:auto;min-height:465px;width:100%;max-width:none;padding:0;margin:0;border:0;background:none;box-shadow:none;transform:none;position:relative;align-self:center}.product-stage-label{font-size:9px;letter-spacing:.06em;color:#aac4d9;display:flex;align-items:center;gap:7px;margin:0 0 13px 8px}.stage-dot{width:6px;height:6px;border-radius:50%;background:#52bba7}.main-product-window{display:block;width:100%;padding:0;border:1px solid #67849f;border-radius:13px;overflow:hidden;background:#dce8f1;color:#bed2e4;text-align:left;box-shadow:0 30px 75px #00000038,0 0 0 6px #37557519;transition:transform .22s,box-shadow .22s}.main-product-window:hover{transform:translateY(-3px);box-shadow:0 35px 75px #0000004a,0 0 0 6px #37557529}.window-bar{height:38px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#122b40;font-size:10px;border-bottom:1px solid #3e5b73}.window-brand{display:flex;align-items:center;gap:6px;letter-spacing:.02em;color:#f3f7fb;font-size:10px;font-weight:700}.window-brand img{width:20px;height:20px;object-fit:contain}.main-product-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.field-product-window{position:relative;display:block;width:42%;margin:-36px 24px 0 auto;padding:0;border:1px solid #6e8da7;border-radius:10px;overflow:hidden;background:#ecf3f8;box-shadow:0 20px 35px #0000003b;transition:transform .2s;z-index:2;text-align:left}.field-product-window:hover{transform:translateY(-3px)}.field-window-label{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#113047;color:#d5e7f4;font-size:10px;font-weight:600}.field-product-window>img{width:100%;height:auto;display:block}.stage-link{position:absolute;bottom:26px;left:8px;color:#a6c8e2;font-size:11px;font-weight:500;display:flex;align-items:center;gap:15px;border-bottom:1px solid #3a5870;padding-bottom:6px}.stage-link:hover{color:#fff}.home-s63 .hero-strip.product-strip-v63{max-width:1360px;width:calc(100% - 80px);grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #37526a;background:#102a40cc;box-shadow:0 10px 25px #00000013;border-radius:11px;margin-bottom:35px;padding:0;overflow:hidden}.strip-product{display:flex;align-items:center;gap:12px;padding:22px 24px;position:relative;min-width:0;transition:background .2s}.strip-product:hover{background:#234159}.strip-product+.strip-product:before{content:'';position:absolute;left:0;height:40px;width:1px;background:#375167}.strip-icon{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:9px;color:#79b5ff;background:#1c4263}.strip-icon svg{width:22px;height:22px}.strip-1 .strip-icon{color:#67d5b6;background:#153e40}.strip-2 .strip-icon{color:#eac27e;background:#443c30}.strip-3 .strip-icon{color:#c9abf4;background:#353253}.home-s63 .hero-strip b{display:block;color:#ecf4fa;font-size:13px;font-weight:650;letter-spacing:-.01em}.strip-product small{display:block;margin-top:4px;font-size:10px;color:#a3bdd2;line-height:1.5}.strip-arrow{margin-left:auto;color:#6f9cbd;font-size:15px}.product-value{padding-top:85px;padding-bottom:72px;display:grid;grid-template-columns:1fr 1fr;gap:90px;border-bottom:1px solid #e2eaf2}.value-heading h2{max-width:530px}.value-heading>p:last-child{font-size:15px;line-height:1.8;margin-top:23px;max-width:440px}.value-points{display:grid;gap:24px}.value-points article{display:flex;gap:20px;align-items:flex-start}.value-number{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border:1px solid #cddfeb;border-radius:50%;background:#f4f9ff;color:#397ba8;font-size:11px;font-weight:650}.value-points h3{font-size:19px;line-height:1.3;letter-spacing:-.02em}.value-points p{font-size:14px;line-height:1.75;margin-top:7px}.home-s63 #workspace-preview{position:relative}.home-s63 #product-panel{aspect-ratio:16/9}.preview-enlarge{position:absolute;right:25px;top:70px;border:0;background:none;padding:10px 0;color:#286fbb;font-size:12px;font-weight:600}.screen-viewer{width:min(1320px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);padding:20px;border-radius:12px;border-color:#9bb6c9;overflow:auto;box-shadow:0 30px 110px #0008}.screen-viewer::backdrop{background:#04101eeb;backdrop-filter:blur(7px)}.screen-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.screen-viewer-top h2{font-size:20px;letter-spacing:-.02em}.screen-viewer-top button{flex-shrink:0;width:36px;height:36px;border:1px solid #d3e0eb;background:#fff;border-radius:7px;color:#254d6b;font-size:25px}.screen-viewer>p{margin:3px 0 16px!important;font-size:11px!important;color:#59768d}.screen-viewer-image{overflow:auto;border:1px solid #dbe6ef;border-radius:7px}.screen-viewer-image img{width:100%;height:auto}.home-s63 .main-product-window:focus-visible,.home-s63 .field-product-window:focus-visible{outline-color:#82d8f7}html[lang=nl] .home-s63 .hero h1,html[lang=fr] .home-s63 .hero h1{font-size:clamp(35px,3.1vw,45px)}
@media(min-width:1600px){.home-s63 .hero-grid{padding-top:92px;padding-bottom:78px}.home-s63 .hero h1{font-size:53px}.home-s63 .hero-visual.product-stage{min-height:480px}}
@media(max-width:1100px){.home-s63 .hero-grid{gap:28px;grid-template-columns:.9fr 1.1fr;padding-top:55px;padding-bottom:48px}.home-s63 .hero h1{font-size:41px}.home-s63 .hero-visual.product-stage{min-height:360px}.window-bar{height:32px;font-size:9px}.field-window-label{font-size:8px;padding:8px}.stage-link{font-size:10px;gap:8px;bottom:18px}.strip-product{padding:19px 15px;gap:9px}.strip-arrow{display:none}.home-s63 .hero-strip b{font-size:12px}.strip-product small{font-size:9px}.home-s63 .hero .intro{font-size:15px}.home-s63 .hero .button{padding:13px 15px;font-size:12px}.product-value{gap:45px}.preview-enlarge{font-size:11px}html[lang=nl] .home-s63 .hero h1,html[lang=fr] .home-s63 .hero h1{font-size:37px}}
@media(max-width:900px){.home-s63 .site-header .menu-toggle{background:#173248;color:#dcecf8;border-color:#36576d}.home-s63 #navigation{background:#0d263b;color:#e1eef8;border-color:#35526a}.home-s63 .hero-grid{grid-template-columns:1fr;padding-top:45px;gap:32px}.home-s63 .hero-copy{max-width:670px;padding-bottom:0}.home-s63 .hero h1{font-size:51px}.home-s63 .hero .intro{max-width:580px}.home-s63 .hero-visual.product-stage{width:100%;max-width:680px;justify-self:center;min-height:0}.stage-link{bottom:18px}.home-s63 .hero-strip.product-strip-v63{width:calc(100% - 56px);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 28px 30px}.strip-product{padding:19px 23px}.strip-product:nth-child(3),.strip-product:nth-child(4){border-top:1px solid #365167}.strip-product:nth-child(3):before{content:none}.home-s63 .hero-strip b{font-size:13px}.strip-product small{font-size:11px}.product-value{grid-template-columns:1fr;gap:32px;padding-block:60px}.value-heading h2{max-width:650px}.value-heading>p:last-child{max-width:600px}.value-points{gap:23px}html[lang=nl] .home-s63 .hero h1,html[lang=fr] .home-s63 .hero h1{font-size:46px}}
@media(max-width:600px){.home-s63 .hero-grid{padding-top:35px;padding-bottom:32px;gap:30px}.home-s63 .hero h1{font-size:36px;line-height:1.17}.home-s63 .hero .eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:20px}.home-s63 .hero .intro{font-size:15px;line-height:1.8;margin-top:21px}.home-s63 .hero .actions{margin-top:24px}.home-s63 .hero .button{padding:14px;font-size:13px}.home-s63 .hero .trial-note{font-size:10px}.home-s63 .hero-visual.product-stage{margin:0;height:auto}.product-stage-label{font-size:8px;margin-bottom:10px}.window-bar{height:28px;padding:0 9px;font-size:8px}.window-brand{font-size:8px;gap:4px}.window-brand img{width:16px;height:16px}.main-product-window{border-radius:9px;box-shadow:0 18px 30px #0004}.field-product-window{width:50%;margin:-10px 10px 0 auto;border-radius:7px}.field-window-label{font-size:7px;padding:7px 8px}.stage-link{font-size:9px;bottom:14px;left:0;gap:8px;max-width:43%;line-height:1.5}.home-s63 .hero-strip.product-strip-v63{width:calc(100% - 44px);margin:0 22px 25px;border-radius:9px}.strip-product{padding:15px 11px;gap:8px}.strip-icon{width:27px;height:27px;flex-basis:27px;border-radius:7px}.strip-icon svg{width:18px;height:18px}.home-s63 .hero-strip b{font-size:11px;line-height:1.3}.strip-product small{font-size:9px;line-height:1.5}.product-value{padding-block:43px;gap:30px}.value-points article{gap:14px}.value-points h3{font-size:18px}.value-points p{font-size:13px}.value-number{flex-basis:32px;width:32px;height:32px;font-size:10px}.home-s63 .product-preview{padding-top:18px}.preview-enlarge{position:static;display:block;margin:0 0 12px auto;padding:4px;font-size:11px}.screen-viewer{padding:13px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.screen-viewer-top h2{font-size:17px}.screen-viewer-image img{width:auto;max-width:none;min-width:900px;height:auto;max-height:none}.screen-viewer-image{max-height:70dvh}.screen-viewer>p{font-size:10px!important}html[lang=nl] .home-s63 .hero h1,html[lang=fr] .home-s63 .hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.main-product-window,.field-product-window,.strip-product{transition:none}}
@media(min-width:901px){.home-s63 .hero-visual.product-stage{min-height:0;padding-bottom:98px}.main-product-image{aspect-ratio:2.15/1;object-position:top}.field-product-window{position:absolute;bottom:0;right:24px;width:37%;margin:0}.stage-link{bottom:23px}.home-s63 .hero-grid{padding-top:60px;padding-bottom:48px}}
/* The approved field scene is the full hero background, with the worker visible above the product. */
/* Product screenshots are intentionally omitted from the public homepage. */
.home-s63 .hero{background-color:#081b2d;background-image:linear-gradient(90deg,#071a2d75 0%,#071a2d28 45%,transparent 68%),url('/assets/field-background-v63.webp');background-size:cover;background-position:center 43%;background-repeat:no-repeat}.home-s63 .hero:before{background:linear-gradient(0deg,#081b2df2 0%,#081b2d0a 28%,transparent 90%)}.home-s63 .hero-grid{grid-template-columns:.94fr 1.06fr;padding-top:42px;padding-bottom:26px;min-height:625px;align-items:center}.home-s63 .hero-copy{padding-bottom:35px}.home-s63 .hero-visual.product-stage{height:540px;min-height:540px;padding:0;position:relative}.home-s63 .main-product-window{position:absolute;bottom:12px;right:0;width:min(100%,470px);box-shadow:0 20px 55px #00101c70,0 0 0 5px #ffffff0a}.home-s63 .main-product-image{aspect-ratio:2.15/1;object-position:top}.home-s63 .product-stage-label{position:absolute;right:0;bottom:278px;width:min(100%,470px);padding:5px 10px;background:#071a2dcc;border-radius:5px;color:#d1e4f4;margin:0}.home-s63 .stage-link{display:none}.home-s63 .hero-strip.product-strip-v63{background:#0d283fdb;backdrop-filter:blur(7px)}
@media(min-width:1600px){.home-s63 .hero-grid{min-height:690px;padding-top:55px}.home-s63 .hero-visual.product-stage{height:580px;min-height:580px}.home-s63 .main-product-window{width:500px}.home-s63 .product-stage-label{width:500px;bottom:292px}}
@media(max-width:1100px) and (min-width:901px){.home-s63 .hero-grid{min-height:610px;gap:25px}.home-s63 .main-product-window{width:100%}.home-s63 .product-stage-label{bottom:270px}.home-s63 .hero h1{font-size:39px}.home-s63 .hero{background-position:62% 45%}}
@media(max-width:900px){.home-s63 .hero{background-image:linear-gradient(180deg,#081b2d 0%,#081b2df5 32%,#081b2d15 57%,#081b2d25 85%,#081b2d 100%),url('/assets/field-background-v63.webp');background-size:100% 100%,auto 850px;background-position:center,right bottom;background-repeat:no-repeat}.home-s63 .hero-grid{grid-template-columns:1fr;padding-top:42px;gap:0;min-height:0}.home-s63 .hero-copy{padding-bottom:0}.home-s63 .hero-visual.product-stage{min-height:500px;height:500px;max-width:680px}.home-s63 .main-product-window{width:65%;bottom:10px}.home-s63 .product-stage-label{width:65%;bottom:270px}.home-s63 .hero .intro{max-width:580px}.home-s63 .hero-strip.product-strip-v63{background:#0e293ee8}}
@media(max-width:600px){.home-s63 .hero{background-size:100% 100%,auto 640px;background-position:center,right calc(100% - 70px)}.home-s63 .hero-grid{padding-top:35px;padding-bottom:25px;gap:0}.home-s63 .hero-visual.product-stage{height:425px;min-height:425px;margin-top:0}.home-s63 .main-product-window{width:87%;bottom:8px;right:0}.home-s63 .product-stage-label{font-size:7px;width:87%;bottom:176px;padding:4px 7px}.home-s63 .main-product-image{aspect-ratio:2.15/1}.home-s63 .window-bar{height:25px;font-size:7px}.home-s63 .hero-copy{padding:0}.home-s63 .hero-strip.product-strip-v63{margin-bottom:22px}}
.home-s63 .hero-visual.scene-stage{height:520px;min-height:520px;width:100%;max-width:none;position:relative;padding:0;margin:0;border:0;background:none;box-shadow:none;transform:none}.scene-caption{position:absolute;left:35px;bottom:10px;max-width:365px;padding:17px 19px;background:#0b253aaf;border:1px solid #779ab331;border-radius:9px;backdrop-filter:blur(5px);color:#e5f2fb}.scene-caption-line{display:block;width:27px;height:2px;background:#70d0ec;margin-bottom:11px}.scene-caption b{display:block;font-size:17px;line-height:1.35;font-weight:550;letter-spacing:-.015em}.scene-caption small{display:block;color:#b1ccdf;font-size:11px;line-height:1.65;margin-top:7px}.home-s63 .workflow .steps{margin-bottom:0}.home-s63 .hero{background-position:center 42%}
@media(max-width:900px){.home-s63 .hero-visual.scene-stage{min-height:500px;height:500px}.scene-caption{bottom:10px;left:0}.home-s63 .hero{background-position:center,right bottom}}
@media(max-width:600px){.home-s63 .hero-visual.scene-stage{height:405px;min-height:405px}.scene-caption{bottom:0;max-width:275px;padding:14px 16px}.scene-caption b{font-size:15px}.scene-caption small{font-size:10px}.home-s63 .hero{background-position:center,right calc(100% - 90px)}}

/* V2: align VOLENG header closer to page edge */
.home-s63 .site-header .header-inner{max-width:none;padding-inline:24px;}
@media(max-width:900px){.home-s63 .site-header .header-inner{padding-inline:20px;}}

/* VOLENG public promo flash — owner controlled */
.volengPromoFlash{position:relative;z-index:18;overflow:hidden;color:#fff;background:linear-gradient(90deg,#08284c 0%,#0b5bc5 45%,#087cb7 72%,#08284c 100%);border-bottom:1px solid #ffffff24;box-shadow:0 4px 16px #05172b24}
.volengPromoFlash:before{content:"";position:absolute;inset:-70% auto -70% -18%;width:22%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#ffffff28,transparent);animation:volengPromoFlashSweep 5.5s ease-in-out infinite;pointer-events:none}
.volengPromoFlashInner{width:min(100% - 48px,1360px);min-height:38px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 0;font:700 11px/1.45 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.01em;text-align:center}
.volengPromoFlashBadge{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 8px;border:1px solid #ffffff42;border-radius:999px;background:#ffffff17;font-size:9px;font-weight:900;letter-spacing:.09em}
.volengPromoFlashText{color:#f5f9ff;font-weight:700}
.volengPromoFlashLink{display:inline-flex;align-items:center;white-space:nowrap;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff8a;padding-bottom:1px;font-weight:900}
.volengPromoFlashLink:hover{color:#d8f3ff;border-color:#d8f3ff}
@keyframes volengPromoFlashSweep{0%,62%{left:-22%;opacity:0}70%{opacity:1}88%,100%{left:120%;opacity:0}}
@media(max-width:760px){.volengPromoFlashInner{width:calc(100% - 28px);justify-content:flex-start;gap:8px;min-height:42px;overflow-x:auto;text-align:left;scrollbar-width:none}.volengPromoFlashInner::-webkit-scrollbar{display:none}.volengPromoFlashText{min-width:240px}.volengPromoFlashBadge{flex:0 0 auto}.volengPromoFlashLink{flex:0 0 auto}}
@media(prefers-reduced-motion:reduce){.volengPromoFlash:before{animation:none}}

/* Pricing clarity promo notice V2 */
.home-s63 .volengPromoFlash{background:#f7fbff;color:#0b3159;border:0;border-bottom:1px solid #d8e7f5;box-shadow:0 8px 24px rgba(7,40,76,.08);padding:10px 0;overflow:visible}
.home-s63 .volengPromoFlash:before{display:none}
.home-s63 .volengPromoFlashInner{width:min(100% - 48px,1360px);min-height:58px;margin:0 auto;padding:10px 14px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;background:#fff;border:1px solid #cfe0f0;border-radius:14px;text-align:left;box-shadow:0 6px 18px rgba(9,48,86,.06)}
.home-s63 .volengPromoFlashIcon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e9f3ff;font-size:17px}
.home-s63 .volengPromoFlashCopy{min-width:0;display:grid;gap:4px}.home-s63 .volengPromoFlashTop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.home-s63 .volengPromoFlashBadge{padding:4px 8px;background:#eaf3ff;border:1px solid #c9ddf5;color:#0c5eb9;font-size:8px;letter-spacing:.1em;border-radius:999px}
.home-s63 .volengPromoFlashText{color:#0b3159;font-size:12px;font-weight:900}.home-s63 .volengPromoFlashDetail{color:#607890;font-size:9.5px;font-weight:650;line-height:1.4}
.home-s63 .volengPromoFlashLink{color:#0d66c9;border:0;background:#eef6ff;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:900;text-decoration:none}
.home-s63 .volengPromoFlashClose{border:0;background:transparent;color:#71869b;width:28px;height:28px;border-radius:8px;font-size:18px;cursor:pointer}.home-s63 .volengPromoFlashClose:hover{background:#eff5fa;color:#173e65}
@media(max-width:760px){.home-s63 .volengPromoFlash{padding:7px 0}.home-s63 .volengPromoFlashInner{width:calc(100% - 24px);grid-template-columns:auto 1fr auto;padding:9px 10px}.home-s63 .volengPromoFlashLink{grid-column:2}.home-s63 .volengPromoFlashClose{grid-column:3;grid-row:1}.home-s63 .volengPromoFlashText{font-size:11px}.home-s63 .volengPromoFlashDetail{font-size:9px}}

/* 2026-10-05 — homepage hero product strip: keep all five products on one row on desktop/tablet landscape */
@media(min-width:901px){
  .home-s63 .hero-strip.product-strip-v63{grid-template-columns:repeat(5,minmax(0,1fr))}
  .home-s63 .hero-strip.product-strip-v63 .strip-product{min-width:0}
}