/* Homepage Scene 1: a dark engineering board around the existing Odoo graph. */
main>.hero .scene.sco-board-mounted{
  background:
    radial-gradient(ellipse 53% 72% at 50% 46%,rgba(121,82,127,.47) 0%,rgba(69,43,78,.32) 43%,transparent 82%),
    radial-gradient(ellipse 28% 80% at 6% 49%,rgba(25,45,56,.31),transparent 90%),
    radial-gradient(ellipse 30% 76% at 97% 42%,rgba(40,30,58,.31),transparent 88%),
    linear-gradient(106deg,#0d111a 0%,#211b2b 25%,#35283d 50%,#211a2b 75%,#0c1019 100%)!important;
}
main>.hero .scene.sco-board-mounted .scene-grid{opacity:.52}
.sco-board{position:absolute;inset:0;z-index:5;pointer-events:none;color:#f6eef5;font-family:Inter,"IBM Plex Sans Arabic","Odoo Unicode Support Noto",sans-serif;opacity:0;transition:opacity .7s ease}
.sco-board.is-ready{opacity:1}
.sco-board:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,14,22,.28),transparent 27%,transparent 72%,rgba(8,12,22,.34));opacity:.86}
.sco-board-side{position:absolute;top:clamp(126px,16.5%,166px);width:340px;box-sizing:border-box;isolation:isolate}
.sco-board-story{left:clamp(36px,4vw,76px);text-align:right;direction:rtl}
.sco-board-code{right:clamp(36px,4vw,76px);direction:ltr;text-align:left}
.sco-board-kicker{display:flex;align-items:center;gap:12px;color:#87d5ca;font:700 10px/1.5 Inter,sans-serif;letter-spacing:.16em;direction:ltr;text-transform:uppercase}
.sco-board-kicker:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#69c9bd69,transparent)}
.sco-board-story h3,.sco-board-code h3{margin:14px 0 8px;color:#f7e9f5;font-family:"IBM Plex Sans Arabic","Odoo Unicode Support Noto",sans-serif;font-size:clamp(21px,1.55vw,28px);font-weight:600;line-height:1.45;letter-spacing:0;text-shadow:0 2px 12px #0b0711}
.sco-board-story h3{max-width:300px}
.sco-board-note{margin:0;color:#c4b4c7;font-size:12px;line-height:1.8}
.sco-board-journey{position:relative;display:grid;gap:0;margin-top:30px;padding-right:12px}
.sco-board-journey:before,.sco-board-journey:after{content:"";position:absolute;right:25px;top:9px;width:1px;border-radius:2px}
.sco-board-journey:before{height:calc(100% - 19px);background:#c8b4c047}
.sco-board-journey:after{height:var(--board-progress,0%);max-height:calc(100% - 19px);background:linear-gradient(#57d4c1,#d8a8ca);box-shadow:0 0 13px #56d4c599;transition:height .8s ease}
.sco-board-step{position:relative;display:grid;grid-template-columns:41px minmax(0,1fr);gap:11px;min-height:71px;align-items:start;opacity:.42;transition:opacity .55s ease,transform .55s ease}
.sco-board-step.is-current{opacity:1;transform:translateX(-4px)}
.sco-board-step.is-complete{opacity:.75}
.sco-board-step-index{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;margin-right:1px;border:1px solid #b69ab367;border-radius:50%;background:#241c2d;color:#d9c3d5;font:700 10px/1 Inter,sans-serif;box-shadow:0 0 0 4px #201924}
.sco-board-step.is-current .sco-board-step-index{border-color:#76d8cd;background:#237d7a;color:#fff;box-shadow:0 0 0 4px #1b2730,0 0 19px #53d5c588}
.sco-board-step.is-complete .sco-board-step-index{border-color:#9c7e9e;background:#503b55;color:#fff}
.sco-board-step-copy{display:grid;gap:2px;padding-top:1px}
.sco-board-step-copy strong{color:#f6e9f4;font-size:14px;line-height:1.5;font-weight:600}
.sco-board-step-copy small{color:#bdaec1;font-size:10px;line-height:1.6}
.sco-board-output{display:flex;align-items:center;gap:15px;margin-top:8px;padding:11px 0 0 0;border-top:1px solid #bda7bc39}
.sco-board-output svg{width:51px;height:60px;flex:none;overflow:visible;fill:none;stroke:#bda9c1;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #68456166)}
.sco-board-output svg .sco-board-check{stroke:#6ee0ce;stroke-width:2.5;stroke-dasharray:27;stroke-dashoffset:27;transition:stroke-dashoffset .8s ease}
.sco-board[data-stage="3"] .sco-board-check{stroke-dashoffset:0}
.sco-board-output span{display:block;color:#8bd4c8;font:700 9px/1.4 Inter,sans-serif;letter-spacing:.13em}
.sco-board-output strong{display:block;margin-top:4px;color:#dfcddd;font-size:12px;line-height:1.5;font-weight:600}
.sco-board-story:after{content:"";position:absolute;right:-55px;top:49%;width:46px;height:1px;background:repeating-linear-gradient(90deg,#80d9cc9e 0 5px,transparent 5px 9px);filter:drop-shadow(0 0 5px #50d6c6)}
.sco-board-code:before{content:"";position:absolute;z-index:-1;inset:76px -14px 24px 17px;border-top:1px solid #b893bb26;border-left:1px solid #b893bb20;background:repeating-linear-gradient(180deg,transparent 0 30px,#bba6c00a 30px 31px);transform:translate(11px,12px);opacity:.6}
.sco-board-code:after{content:"";position:absolute;left:-57px;top:49%;width:47px;height:1px;background:repeating-linear-gradient(90deg,#80d9cc9e 0 5px,transparent 5px 9px);filter:drop-shadow(0 0 5px #50d6c6)}
.sco-board-code h3{max-width:310px;margin-bottom:20px}
.sco-board-code-shell{position:relative;min-height:198px;padding:16px 0 13px 16px;border-left:1px solid #bd9fbe55;border-top:1px solid #bd9fbe26;background:linear-gradient(100deg,#100f1b4a,transparent 84%)}
.sco-board-code-shell:before{content:"";position:absolute;left:-2px;top:-1px;width:2px;height:38px;background:#67d8c8;box-shadow:0 0 16px #62d9cb}
.sco-board-code-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-right:2px;color:#a99eb2;font:700 9px/1.5 Inter,sans-serif;letter-spacing:.12em}
.sco-board-code-heading i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#6fddcf;box-shadow:0 0 9px #6fddcf;vertical-align:1px}
.sco-board-code-lines{display:grid;gap:7px;margin-top:23px;min-height:99px}
.sco-board-line{display:grid;grid-template-columns:19px minmax(0,1fr);align-items:start;gap:8px;min-height:21px;color:#e9e2e9;font:500 12.4px/1.65 "SFMono-Regular",Consolas,"Liberation Mono",monospace;white-space:pre}
.sco-board-line-number{color:#7f748a;font-size:10px;line-height:2.05;user-select:none}
.sco-board-line code{display:block;width:max-content;max-width:100%;overflow:hidden;font:inherit;white-space:pre;clip-path:inset(0 100% 0 0);animation:sco-board-type 1.05s steps(35,end) var(--line-delay,0s) forwards}
.sco-board-token-comment{color:#91a2a5}
.sco-board-token-string{color:#e7b976}
.sco-board-token-keyword{color:#d7a5d5}
.sco-board-token-identity{color:#8dcce7}
.sco-board-token-method{color:#79dccd}
@keyframes sco-board-type{to{clip-path:inset(0 0 0 0)}}
.sco-board-code-footer{display:flex;align-items:center;gap:12px;margin-top:19px;color:#bcaabd;font:700 9px/1.5 Inter,sans-serif;letter-spacing:.13em}
.sco-board-code-footer:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#8c6d8d73,transparent)}
.sco-board-code-index{margin-top:25px;color:#8d7891;font:600 57px/1 Inter,sans-serif;letter-spacing:-.07em;opacity:.35;user-select:none}
.sco-board-compact{display:none}
.scene.sco-board-running.sco-browsing .sco-artery-group:not(.sco-board-route) .sco-artery-visible{opacity:.52!important}
.scene.sco-board-running.sco-browsing .sco-artery-group.sco-board-route .sco-artery-visible{stroke-width:4.2!important;stroke-dasharray:7 7;opacity:1!important;filter:drop-shadow(0 0 8px var(--artery-color))!important}
.scene.sco-board-running.sco-browsing .react-flow__node.sco-board-node .odoo-app-node img{transform:scale(1.07);filter:drop-shadow(0 0 16px #6ee1d0a8)!important;transition:transform .45s ease,filter .45s ease}
.scene.sco-exploring .sco-board{opacity:1}
@media(max-width:1550px){.sco-board-side{width:240px;top:145px}.sco-board-story{left:24px;background:linear-gradient(90deg,transparent,#11131e9c);border-radius:10px}.sco-board-code{right:24px;background:linear-gradient(90deg,#15121fa8,transparent);border-radius:10px}.sco-board-story h3,.sco-board-code h3{font-size:21px}.sco-board-line{font-size:10.4px;gap:5px}.sco-board-code-shell{padding-left:10px}.sco-board-note{font-size:11px}.sco-board-step-copy strong{font-size:13px}.sco-board-story:after{right:-27px;width:22px}.sco-board-code:after{left:-27px;width:22px}}
@media(max-width:1399px){.sco-board-side{display:none}.sco-board-compact{position:absolute;display:flex;align-items:center;gap:14px;top:88px;left:50%;width:min(480px,calc(100% - 36px));min-height:54px;box-sizing:border-box;padding:10px 16px;transform:translateX(-50%);border:1px solid #a3d7cf4a;border-radius:12px;background:linear-gradient(105deg,#171725e8,#312339d9);box-shadow:0 9px 27px #06080d75;color:#f5eef4;direction:rtl}.sco-board-compact-count{color:#8de0d2;font:700 10px/1 Inter,sans-serif;white-space:nowrap;direction:ltr;unicode-bidi:isolate}.sco-board-compact-copy{display:grid;gap:3px;min-width:0;flex:1}.sco-board-compact-copy strong{font:600 13px/1.3 "IBM Plex Sans Arabic","Odoo Unicode Support Noto",sans-serif}.sco-board-compact-copy code{color:#e5ba83;font:500 10px/1.5 Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}.sco-board-compact-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#70dacc;box-shadow:0 0 11px #70dacc}.scene.sco-board-running .sco-artery-group:not(.sco-board-route) .sco-artery-visible{opacity:initial!important}.scene.sco-board-running .sco-artery-group.sco-board-route .sco-artery-visible{stroke-width:initial!important;filter:none!important}}
@media(max-width:600px){.sco-board-compact{top:83px;width:calc(100% - 30px);padding:9px 12px;gap:9px}.sco-board-compact-copy strong{font-size:12px}.sco-board-compact-copy code{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sco-board,.sco-board-step,.sco-board-journey:after,.sco-board-output .sco-board-check,.scene .sco-board-node img{transition:none!important}.sco-board-line code{animation:none;clip-path:none}.sco-board-journey:after{box-shadow:none}}

/* The explanatory scenes stay above the graph in exploration and can be moved or resized. */
.sco-board-side{max-height:calc(100% - 94px);overflow:auto;padding:10px 12px 14px;border:1px solid #b58fa454;border-radius:12px;box-shadow:0 16px 38px #03050b6b;scrollbar-color:#8c6f8e68 transparent;scrollbar-width:thin;pointer-events:none}
.sco-board-story{background:linear-gradient(115deg,#10141ecf,#261d31e4)}
.sco-board-code{background:linear-gradient(125deg,#171421e8,#1b1928d9)}
.scene.sco-exploring .sco-board-side{pointer-events:auto}
.sco-board-side.is-adjusting{user-select:none;box-shadow:0 19px 46px #03050b99,0 0 0 1px #6ce2d091}
.sco-board-drag-handle{cursor:grab;touch-action:none;user-select:none}
.sco-board-drag-handle:before{content:'⋮⋮';color:#80d9ce;font:700 12px/1 sans-serif;letter-spacing:-3px;opacity:.6}
.sco-board-side.is-adjusting .sco-board-drag-handle{cursor:grabbing}
.sco-board-drag-handle:focus-visible,.sco-board-resize:focus-visible{outline:2px solid #7de2d4;outline-offset:3px}
.sco-board-resize{position:absolute;bottom:5px;width:20px;height:20px;padding:0;border:0;background:transparent;color:#8ad6cf;cursor:nwse-resize;touch-action:none;opacity:.75}
.sco-board-resize:before{content:'';display:block;position:absolute;inset:4px;border-bottom:1px solid currentColor;border-right:1px solid currentColor}
.sco-board-resize-right{right:5px}
.sco-board-resize-left{left:5px;cursor:nesw-resize;transform:scaleX(-1)}
.sco-board-journey{margin-top:20px}
.sco-board-step.is-current .sco-board-step-index{animation:sco-board-step-pulse 1.9s ease-in-out infinite}
@keyframes sco-board-step-pulse{50%{box-shadow:0 0 0 4px #1b2730,0 0 24px #53d5c5c0}}
.sco-board-story-trace{position:relative;margin:1px 0 11px;padding:10px 13px 9px;border:1px solid #86d7ca2b;border-radius:8px;background:linear-gradient(90deg,#15323969,#1b192675);overflow:hidden}
.sco-board-story-trace-label{display:block;color:#81dbcc;font:700 9px/1.4 Inter,sans-serif;letter-spacing:.13em;direction:ltr;text-align:left}
.sco-board-story-trace-lines{display:grid;gap:4px;margin-top:9px;min-height:58px}
.sco-board-story-trace-lines span{display:block;color:#eadfe9;font-size:11px;line-height:1.5;opacity:0;transform:translateY(8px);animation:sco-board-trace-in .55s ease var(--trace-delay,0s) forwards}
.sco-board-story-trace-lines span:before{content:'◂';display:inline-block;margin-left:6px;color:#64d8c9}
@keyframes sco-board-trace-in{to{opacity:1;transform:translateY(0)}}
.sco-board-output{margin-top:2px}
.sco-board-code-shell{min-height:265px;background:linear-gradient(100deg,#100f1b82,transparent 94%)}
.sco-board-code-shell:after{content:'';position:absolute;left:-2px;top:45px;width:2px;height:22px;background:#89e4d4;box-shadow:0 0 12px #6edbcc;animation:sco-board-code-scan 4.2s linear infinite}
@keyframes sco-board-code-scan{to{transform:translateY(196px)}}
.sco-board-code-lines{gap:3px;margin-top:18px;min-height:200px}
.sco-board-line{min-height:20px;line-height:1.5}
.sco-board-line code{animation-duration:.82s}
.sco-board-code-index{margin-top:13px}
@media(max-width:1550px){.sco-board-side{width:252px}.sco-board-line{font-size:10px}.sco-board-story h3,.sco-board-code h3{font-size:20px}.sco-board-story-trace-lines span{font-size:10px}}
@media(max-width:1399px){.sco-board-side{display:none}}
@media(prefers-reduced-motion:reduce){.sco-board-step.is-current .sco-board-step-index,.sco-board-code-shell:after,.sco-board-story-trace-lines span{animation:none!important;opacity:1;transform:none}}

/* Keep the default composition clear of the controls, icon grid and scene caption. */
.sco-board-side{top:clamp(108px,13%,140px);overflow-x:hidden;overflow-y:auto}
.sco-board-journey{margin-top:17px}
.sco-board-step{min-height:65px}
.sco-board-code:before,.sco-board-code:after,.sco-board-story:after{display:none}
.sco-board-code-shell{min-width:0;max-width:100%}
@media(min-width:1400px){.sco-board-code{display:flex;flex-direction:column}.sco-board-code:not([data-custom]){height:min(590px,calc(100% - 145px))}}
.scene:fullscreen .sco-board-side,.scene.sco-artery-fullscreen .sco-board-side{top:clamp(110px,13%,140px);width:clamp(200px,14.5vw,278px)}
.scene:fullscreen .sco-board-story,.scene.sco-artery-fullscreen .sco-board-story{left:clamp(12px,1vw,24px)}
.scene:fullscreen .sco-board-code,.scene.sco-artery-fullscreen .sco-board-code{right:clamp(12px,1vw,24px)}
.scene:fullscreen .sco-board-side h3,.scene.sco-artery-fullscreen .sco-board-side h3{font-size:clamp(15px,1vw,19px);line-height:1.4;white-space:nowrap}
.scene:fullscreen .sco-board-kicker,.scene.sco-artery-fullscreen .sco-board-kicker{font-size:8px;letter-spacing:.08em;white-space:nowrap;gap:7px}

/* A continuous illustrated program fills the engineering panel. */
.sco-board-code{overflow:hidden}
.sco-board-code h3{margin-bottom:13px}
.sco-board-code-shell{display:flex;flex:1;flex-direction:column;min-height:0;padding-bottom:3px;overflow:hidden}
.sco-board-code-shell:after{display:none}
.sco-board-code-heading{flex:none}
.sco-board-code-lines{position:relative;display:block;flex:1;min-height:0;margin-top:13px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,black 3%,black 96%,transparent)}
.sco-board-code-track{animation:sco-board-code-flow 58s linear infinite;will-change:transform}
.sco-board-code-cycle{display:grid;gap:2px}
.sco-board-line{grid-template-columns:18px minmax(0,1fr);gap:6px;min-height:19px;font-size:clamp(9px,.58vw,11px);line-height:1.5}
.sco-board-line-number{font-size:9px;line-height:1.7}
.sco-board-line code{animation:none!important;clip-path:none}
.sco-board-code:hover .sco-board-code-track,.sco-board-code.is-adjusting .sco-board-code-track{animation-play-state:paused}
@keyframes sco-board-code-flow{to{transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){.sco-board-code-track{animation:none!important;transform:none!important}}

/* Carry the engineering board's plum and pink glow into the following story. */
main>.hero .scene.sco-board-mounted{border-bottom-color:transparent!important}
#top .hero-copy{background:
  radial-gradient(ellipse 55% 73% at 50% -12%,rgba(147,82,140,.21),transparent 80%),
  radial-gradient(ellipse 42% 65% at 78% 10%,rgba(196,99,155,.10),transparent 82%),
  linear-gradient(180deg,transparent 0%,rgba(24,19,27,.48) 38%,#18131b 78%),
  linear-gradient(106deg,#0d111a 0%,#211b2b 25%,#35283d 50%,#211a2b 75%,#0c1019 100%)!important}


/* SCO and Odoo share the first-scene caption; Arabic is legible and right aligned. */
main>.hero .scene .scene-caption.sco-board-caption-balanced{display:flex;align-items:center;justify-content:space-between;direction:ltr;gap:20px;padding-top:13px;line-height:1.55;color:#d9c5d5;font-size:clamp(12px,.72vw,14px)!important}
main>.hero .scene .scene-caption.sco-board-caption-balanced>span:first-child{flex:none;color:#31d2c9;font:750 clamp(9px,.56vw,11px)/1.4 Inter,Arial,sans-serif;letter-spacing:.13em;white-space:nowrap}
main>.hero .scene .scene-caption.sco-board-caption-balanced>.sco-board-caption-ar{margin-inline-start:auto;color:#decbd9;font:500 clamp(12px,.72vw,14px)/1.6 "IBM Plex Sans Arabic",sans-serif;letter-spacing:0;text-align:right;direction:rtl}
main>.hero .scene .scene-caption.sco-board-caption-balanced>b{display:none}
@media(max-width:700px){main>.hero .scene .scene-caption.sco-board-caption-balanced{flex-wrap:wrap;gap:3px 10px;padding-top:10px}main>.hero .scene .scene-caption.sco-board-caption-balanced>.sco-board-caption-ar{flex-basis:100%;font-size:11px;line-height:1.5;text-align:right}}

main>.hero .scene .scene-caption.sco-board-caption-balanced>.sco-board-caption-ar{margin-left:auto;margin-right:0;max-width:70%;font-size:13px!important;font-weight:500!important;font-family:"IBM Plex Sans Arabic",sans-serif!important;color:#decbd9!important}
@media(max-width:700px){main>.hero .scene .scene-caption.sco-board-caption-balanced>.sco-board-caption-ar{max-width:100%;font-size:11px!important}}


/* Restore the terminal-like monospace lettering. One visible line is typed one character at a time. */
html body #top .sco-board-line,html body #top .sco-board-line code,html body #top .sco-board-line span{font-family:"Cascadia Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace!important}
html body #top .sco-board-line.sco-board-typing code{width:var(--typed-chars,0ch)!important;min-width:0!important;max-width:calc(100% - 2px);border-right:2px solid #67e0d0;box-sizing:content-box;filter:drop-shadow(0 0 3px #6fdccc75)}
@media(prefers-reduced-motion:reduce){html body #top .sco-board-line.sco-board-typing code{width:max-content!important;border-right:0;filter:none}}


/* The terminal contains completed history, one active line, and no prewritten future lines. */
.sco-board-code-track{display:grid;gap:2px;padding-bottom:18px;animation:none!important;transform:none!important;will-change:auto}
.sco-board-code-lines{scroll-behavior:smooth;scrollbar-width:none}
.sco-board-code-lines::-webkit-scrollbar{display:none}


/* Caption phrases anchor the two outer edges; each keeps a line directly beneath its own text. */
main>.hero .scene .scene-caption.sco-board-caption-balanced{left:clamp(20px,1.6vw,32px)!important;right:clamp(20px,1.6vw,32px)!important;bottom:18px!important;align-items:flex-end;border-top:0!important;padding-top:0!important;gap:20px}
main>.hero .scene .scene-caption.sco-board-caption-balanced>span:first-child{padding-bottom:6px;border-bottom:1px solid #3cddd2;color:#50ded5!important;font-size:14px!important;font-weight:750!important;line-height:1.5;letter-spacing:.10em}
main>.hero .scene .scene-caption.sco-board-caption-balanced>.sco-board-caption-ar{max-width:70%;margin-left:auto;margin-right:0;padding-bottom:6px;border-bottom:1px solid #d6a9c9;color:#eadbe7!important;font-size:16px!important;font-weight:600!important;line-height:1.55;text-align:right}
@media(max-width:700px){main>.hero .scene .scene-caption.sco-board-caption-balanced{left:16px!important;right:16px!important;bottom:12px!important;gap:8px;align-items:flex-start}main>.hero .scene .scene-caption.sco-board-caption-balanced>span:first-child{font-size:11px!important;padding-bottom:4px}main>.hero .scene .scene-caption.sco-board-caption-balanced>.sco-board-caption-ar{max-width:100%;flex-basis:auto;margin-left:auto;font-size:13px!important;padding-bottom:4px}}


/* Align the company story to a measured RTL grid and give the body a quiet visual rule. */
#top .hero-story{position:relative;max-width:760px!important;width:100%}
#top .hero-story>h1,#top .hero-story>.sco-hero-tagline{max-width:none!important;width:100%}
#top .hero-story>p:not(.sco-hero-tagline){position:relative;width:100%;max-width:none!important;box-sizing:border-box;padding-left:24px;margin-bottom:0!important;padding-bottom:11px;border-left:1px solid #b98aaa88}
#top .hero-story>p:last-of-type{padding-bottom:0}
#top .hero-story>p:nth-of-type(2)::before,#top .hero-story>p:last-of-type::after{content:"";position:absolute;left:-1px;width:96px;height:1px;background:linear-gradient(90deg,#d19ec3aa,#d19ec355)}
#top .hero-story>p:nth-of-type(2)::before{top:0}
#top .hero-story>p:last-of-type::after{bottom:0}
@media(min-width:1200px){#top .hero-copy{grid-template-columns:minmax(0,760px) 260px!important;justify-content:center;column-gap:clamp(80px,7vw,120px)!important;padding-inline:clamp(48px,6vw,120px)!important}#top .hero-actions{transform:translateY(80px)}}
@media(max-width:700px){#top .hero-story>p:not(.sco-hero-tagline){padding-left:0;margin-bottom:11px!important;padding-bottom:0;border-left:0}#top .hero-story>p:nth-of-type(2)::before,#top .hero-story>p:last-of-type::after{display:none}#top .hero-actions{transform:none}}

@media(min-width:981px) and (max-width:1199px){#top .hero-actions{transform:translateY(70px)}}


/* Reserve a clear side channel for the two outside artery lanes at every desktop width. */
@media(min-width:1400px){main>.hero .scene:not(:fullscreen):not(.sco-artery-fullscreen) .sco-board-side:not([data-custom]){width:clamp(228px,16vw,300px)}main>.hero .scene:not(:fullscreen):not(.sco-artery-fullscreen) .sco-board-story:not([data-custom]){left:clamp(16px,1.5vw,30px)}main>.hero .scene:not(:fullscreen):not(.sco-artery-fullscreen) .sco-board-code:not([data-custom]){right:clamp(16px,1.5vw,30px)}}
@media(min-width:1600px){main>.hero .scene:fullscreen .sco-board-story:not([data-custom]),main>.hero .scene.sco-artery-fullscreen .sco-board-story:not([data-custom]){left:clamp(24px,1.6vw,32px)}main>.hero .scene:fullscreen .sco-board-code:not([data-custom]),main>.hero .scene.sco-artery-fullscreen .sco-board-code:not([data-custom]){right:clamp(24px,1.6vw,32px)}}
@media(min-width:1400px) and (max-width:1410px){main>.hero .scene:fullscreen .sco-board-side:not([data-custom]),main>.hero .scene.sco-artery-fullscreen .sco-board-side:not([data-custom]){width:195px}}