/* The archived white Algorithma design, told in four scroll-controlled chapters. */
.evolution{--evolution-header:87px;--evolution-p:0;--evolution-flow:0;position:relative;height:340svh;isolation:isolate;background:#fff;scroll-margin-top:var(--evolution-header)}
.evolution-sticky{position:sticky;top:var(--evolution-header);height:calc(100svh - var(--evolution-header));min-height:560px;background:#fff;overflow:hidden}
.evolution-wash{position:absolute;inset:0;background:radial-gradient(ellipse 42% 80% at 77% 48%,#e9f3ffbb,transparent 85%),linear-gradient(135deg,#fff 35%,#f9fbff 100%);pointer-events:none}
.evolution-inner{width:min(1400px,calc(100% - 100px));height:calc(100% - 95px);margin:auto;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative}
.evolution-copy{position:relative;z-index:4;padding-top:10px;padding-bottom:20px;align-self:center}
.evolution-kicker{font-size:10px;letter-spacing:.16em;font-weight:650;display:flex;align-items:center;gap:9px;color:#57718f;margin:0 0 31px;white-space:nowrap}
.evolution-kicker>span{width:5px;height:5px;border-radius:50%;background:#619edd;box-shadow:0 0 10px #619edd66}
.evolution-stories{position:relative;min-height:285px}
.evolution-story{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(15px);pointer-events:none;transition:opacity .38s,transform .48s}
.evolution-story.is-active{opacity:1;transform:none;pointer-events:auto}
.evolution-story h1,.evolution-story h2{font-size:clamp(40px,4.35vw,72px);font-weight:600;letter-spacing:-.062em;line-height:1.1;white-space:nowrap;color:#102b50;margin:0}
.evolution-story h1 em,.evolution-story h2 em{font-style:normal;color:#678aad}
.evolution-story>p{font-size:clamp(14px,1.12vw,17px);line-height:1.8;color:#677a90;margin:23px 0 25px;max-width:385px}
.evolution-cta{display:inline-flex;align-items:center;gap:23px;background:#102b50;color:#fff;padding:15px 19px;border-radius:7px;font-size:12px;font-weight:650;box-shadow:0 8px 18px #102b5012;transition:background .2s,transform .2s}
.evolution-cta:hover{background:#204873;transform:translateY(-2px)}.evolution-cta>span{font-size:20px;font-weight:400;line-height:1}
.evolution-hint{display:flex;gap:8px;align-items:center;font-size:12px;color:#52779f;max-width:350px}.evolution-hint>span{font-size:21px;font-weight:300}
.evolution-values{display:flex;gap:12px;align-items:center;color:#8b99a9;font-size:10px;letter-spacing:.005em;margin-top:42px}.evolution-values>i{width:3px;height:3px;background:#98aec7;border-radius:50%}
.evolution-visual{position:relative;align-self:center;height:min(580px,calc(100svh - 190px));min-height:440px;width:100%;perspective:1100px;transform:translateX(8px)}
.evolution-blueprint{position:absolute;inset:2% -6%;opacity:.36;background-image:linear-gradient(#b6cee227 1px,transparent 1px),linear-gradient(90deg,#b6cee227 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);pointer-events:none}
.evolution-orbits{position:absolute;left:50%;top:49%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-18deg);pointer-events:none;opacity:.75}
.evolution-orbits>span{position:absolute;border:1px solid #b6cce442;border-radius:50%;inset:0}.evolution-orbits>span:nth-child(2){inset:15%;border-style:dashed;transform:rotate(35deg)}.evolution-orbits>span:nth-child(3){inset:32%;border-color:#8aafd438}.evolution-orbits>i{position:absolute;top:19%;left:11%;width:5px;height:5px;border-radius:50%;background:#77a5d4;box-shadow:0 0 9px #81b3eb77}
.evolution-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none;transition:opacity .2s}
.evolution-connections>g:first-of-type>path{stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--evolution-flow)*100);transition:stroke .2s}
.evolution-connections path.is-selected{stroke:#347abf;stroke-width:2.8}
.evolution-signals>path{animation:evolution-flow 5s linear infinite}.evolution-signals>path:nth-child(2){animation-delay:-1s}.evolution-signals>path:nth-child(3){animation-delay:-2.3s}.evolution-signals>path:nth-child(4){animation-delay:-3.2s}.evolution-signals>path:nth-child(5){animation-delay:-.6s}.evolution-signals>path:nth-child(6){animation-delay:-4.2s}
@keyframes evolution-flow{to{stroke-dashoffset:-100}}
.evolution-core{position:absolute;left:50%;top:49%;width:230px;height:310px;transform:translate(-50%,-48%);z-index:3;pointer-events:none;will-change:transform}
.evolution-mark{position:absolute;top:0;left:15px;width:200px;height:223px;transform-style:preserve-3d;transform:rotateX(9deg) rotateY(-24deg) rotateZ(-7deg);will-change:transform}
.evolution-depth,.evolution-logo-trace{position:absolute;inset:0;width:100%;height:100%}.evolution-depth img{height:100%;width:100%;filter:brightness(.58)}.evolution-depth-1{transform:translate3d(3px,1px,-5px)}.evolution-depth-2{transform:translate3d(6px,2px,-10px)}.evolution-depth-3{transform:translate3d(9px,3px,-15px)}.evolution-depth-3 img{filter:brightness(.48)}
.evolution-logo-trace{transform:translateZ(2px);opacity:.8;stroke-dasharray:17 83;animation:evolution-trace 8s linear infinite;filter:drop-shadow(0 0 4px #91c8ff55)}@keyframes evolution-trace{to{stroke-dashoffset:-100}}
.evolution-core-shadow{position:absolute;width:240px;height:24px;left:0;bottom:40px;transform:rotate(-8deg);background:radial-gradient(ellipse,#194f8620,transparent 70%);filter:blur(6px)}
.evolution-core-label{position:absolute;top:242px;left:-40px;right:-40px;text-align:center;font-size:26px;font-weight:750;letter-spacing:-1px;color:#102b50;line-height:1.5}.evolution-core-label>span{color:#6d99c5}.evolution-core-label>small{display:block;font-size:8px;font-weight:600;letter-spacing:.12em;color:#8094ac;margin-top:3px}
.evolution-systems{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0}
.evolution-node{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 13px;min-width:160px;background:#fffefc;border:1px solid #d9e4f1;box-shadow:0 7px 20px #143b6507;border-radius:10px;text-align:left;transform:translate(-50%,-50%);line-height:1.4;pointer-events:auto;transition:border-color .2s,box-shadow .2s,background .2s,translate .2s}
.evolution-node:hover,.evolution-node[aria-pressed=true]{border-color:#78a3d0;box-shadow:0 9px 26px #315d9020;translate:0 -3px;background:#fff}.evolution-node>img{width:30px;height:30px;object-fit:contain;flex-shrink:0}.evolution-node[data-evolution-system=odoo]>img{width:35px}.evolution-node>.icon{width:28px;height:28px;color:#5b8b9e;flex-shrink:0}.evolution-node>span{flex:1}.evolution-node small{display:block;font-size:8px;font-weight:650;letter-spacing:.045em;color:#8392a4;white-space:nowrap}.evolution-node strong{display:block;font-size:13px;font-weight:650;letter-spacing:-.02em;color:#294767;margin-top:3px}.evolution-node>b{font-weight:400;color:#93abc5;font-size:14px;align-self:flex-start;margin-left:2px}
.evolution-node[data-evolution-system=odoo]{left:22%;top:18%}.evolution-node[data-evolution-system=mail]{left:78%;top:18%}.evolution-node[data-evolution-system=documents]{left:15%;top:51%}.evolution-node[data-evolution-system=banking]{left:85%;top:51%}.evolution-node[data-evolution-system=calendar]{left:22%;top:82%}.evolution-node[data-evolution-system=marketing]{left:78%;top:82%}
.evolution-detail{position:absolute;left:15%;right:15%;bottom:0;padding:17px 36px 17px 18px;background:#102b50;color:#fff;border-radius:10px;box-shadow:0 14px 35px #16345333;z-index:8}.evolution-detail strong{font-size:13px;font-weight:650;display:block}.evolution-detail p{font-size:11px;line-height:1.7;color:#cbd9eb;margin-top:5px}.evolution-detail>button{position:absolute;right:9px;top:7px;border:0;background:none;color:#d2e0f1;font-size:22px;width:25px;height:25px;line-height:1}
.evolution-workflow{position:absolute;left:5%;right:0;top:23%;z-index:6;border:1px solid #d7e3ef;border-radius:15px;background:#ffffffed;box-shadow:0 20px 70px #102b500c;overflow:hidden;opacity:0;transform:translateY(35px);pointer-events:none}
.evolution-workflow-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;border-bottom:1px solid #e7edf5}.evolution-workflow-bar>span{font-size:9px;font-weight:700;letter-spacing:.09em;display:flex;align-items:center;gap:8px}.evolution-workflow-bar i{width:5px;height:5px;border-radius:50%;background:#599bc9}.evolution-workflow-bar>small{font-size:8px;color:#8d9eb1;letter-spacing:.09em}
.evolution-task{display:flex;align-items:center;gap:13px;margin:0 21px;padding:18px 0;border-bottom:1px solid #e8edf4;opacity:.24;transform:translateY(5px);transition:opacity .24s,transform .24s}.evolution-task.is-complete{opacity:1;transform:none}.evolution-task-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;background:#f1f5fa;border-radius:9px;color:#7192b7}.evolution-task>div{flex:1}.evolution-task small{font-size:8px;letter-spacing:.065em;color:#869ab1;display:block;font-weight:600}.evolution-task strong{display:block;font-size:12px;letter-spacing:-.01em;color:#274566;margin-top:4px;font-weight:650}.evolution-task p{font-size:10px;color:#8293a7;line-height:1.6;margin-top:2px}.evolution-task-check{margin-left:auto;font-size:14px;color:#658fad;opacity:0}.evolution-task.is-complete .evolution-task-check{opacity:1}.evolution-approval{display:flex;align-items:center;gap:10px;margin:14px;padding:13px;background:#edf5fc;border-radius:8px;opacity:.3;transition:opacity .25s}.evolution-approval.is-complete{opacity:1}.evolution-approval>.icon{color:#4c7fad;width:19px;height:19px}.evolution-approval>div{flex:1}.evolution-approval strong{display:block;font-size:11px;color:#315d84;line-height:1.5}.evolution-approval div>span{display:block;font-size:10px;color:#7d96ad;margin-top:2px}.evolution-approval-tag{font-size:8px;border:1px solid #c0d6e7;padding:5px 7px;border-radius:4px;color:#5b7e9e;white-space:nowrap}
.evolution-coordinate{position:absolute;left:8%;right:3%;bottom:-10px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.15em;color:#93a7bd;pointer-events:none}
.evolution-bottom{position:absolute;bottom:24px;left:50px;right:50px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10}.evolution-scroll{font-size:8px;letter-spacing:.15em;color:#7c91aa;display:flex;align-items:center;gap:11px}.evolution-scroll>span{display:grid;place-items:center;border:1px solid #dce5ef;border-radius:15px;width:22px;height:32px;font-size:14px;color:#7098c0}
.evolution-chapters{display:flex;gap:30px;align-items:center}.evolution-chapters>button{border:0;background:transparent;padding:9px 0;position:relative;display:flex;gap:8px;align-items:center;color:#91a1b4;font-size:10px}.evolution-chapters>button>span{font-size:8px;font-weight:500;letter-spacing:.06em}.evolution-chapters>button>b{font-weight:550}.evolution-chapters>button>i{position:absolute;left:0;right:100%;bottom:0;height:1px;background:#5489bd;transition:right .3s}.evolution-chapters>button[aria-current=step]{color:#1c456f}.evolution-chapters>button[aria-current=step]>i{right:0}
.evolution-pause{display:flex;align-items:center;gap:9px;background:none;border:0;color:#6f8ba8;padding:8px 0;font-size:11px}.evolution-pause>b{font-size:8px;font-weight:500;letter-spacing:.09em}.evolution-progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:#e5edf5}.evolution-progress>span{display:block;width:100%;height:100%;background:#6d9fce;transform:scaleX(var(--evolution-p));transform-origin:left}
.evolution.is-paused *,.evolution.is-reduced *{animation-play-state:paused!important}.evolution.is-paused .evolution-story,.evolution.is-reduced .evolution-story{transition:none}.evolution.is-reduced .evolution-task{transition:none}.evolution.is-reduced .evolution-logo-trace{opacity:.5}
@media(min-width:1650px){.evolution-story h1,.evolution-story h2{font-size:75px}.evolution-visual{height:640px}.evolution-mark{width:230px;height:256px;left:0}.evolution-core-label{top:275px}.evolution-stories{min-height:325px}}
@media(max-width:1100px) and (min-width:761px){.evolution-inner{width:calc(100% - 64px);grid-template-columns:43% 57%}.evolution-kicker{font-size:8px;letter-spacing:.12em}.evolution-story h1,.evolution-story h2{font-size:43px}.evolution-node{min-width:128px;padding:10px;gap:7px}.evolution-node small{font-size:7px}.evolution-node strong{font-size:11px}.evolution-node>img{width:25px;height:25px}.evolution-node>b{display:none}.evolution-core{width:200px}.evolution-mark{left:20px;width:160px;height:178px;top:32px}.evolution-core-label{top:234px;font-size:23px}.evolution-core-label>small{font-size:7px}.evolution-values{font-size:8px;gap:8px}.evolution-bottom{left:32px;right:32px}.evolution-workflow{left:3%;right:0}.evolution-task{gap:8px;margin:0 14px}.evolution-task strong{font-size:10px}.evolution-task p{font-size:9px}.evolution-workflow-bar{padding:16px 14px}.evolution-approval-tag{display:none}}
@media(max-width:760px){
.evolution{height:340svh;--evolution-header:73px}.evolution-sticky{min-height:0}.evolution-inner{width:calc(100% - 40px);height:calc(100% - 63px);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.evolution-copy{padding:23px 0 0;width:100%;align-self:stretch;flex-shrink:0;z-index:4;text-align:center}.evolution-kicker{font-size:7px;letter-spacing:.12em;justify-content:center;margin:0 0 12px}.evolution-stories{height:183px;min-height:0}.evolution-story h1,.evolution-story h2{font-size:clamp(33px,7.8vw,48px);line-height:1.08;letter-spacing:-.06em}.evolution-story>p{font-size:11px;line-height:1.7;margin:12px auto;max-width:300px}.evolution-cta{padding:10px 14px;font-size:10px;gap:15px;border-radius:5px}.evolution-cta>span{font-size:15px}.evolution-hint{font-size:10px;justify-content:center;max-width:none}.evolution-values{display:none}.evolution-visual{width:100%;height:auto;min-height:0;flex:1;align-self:stretch;transform:none;margin:0 auto;max-width:470px}.evolution-orbits{width:78%;max-height:100%;aspect-ratio:1;left:50%;top:48%}.evolution-core{width:150px;height:190px;left:50%;top:49%;transform:translate(-50%,-45%)}.evolution-mark{width:116px;height:129px;left:17px;top:0}.evolution-core-label{top:140px;left:-40px;right:-40px;font-size:20px;line-height:1.4}.evolution-core-label>small{font-size:6px;letter-spacing:.085em;margin-top:4px}.evolution-core-shadow{width:160px;left:0;height:20px;bottom:30px}.evolution-logo-trace{stroke-width:3px}.evolution-node{min-width:105px;width:108px;gap:6px;padding:8px 7px;border-radius:7px;box-shadow:0 4px 12px #143b6507}.evolution-node>b{display:none}.evolution-node>img{width:21px;height:23px}.evolution-node[data-evolution-system=odoo]>img{width:26px}.evolution-node>.icon{width:21px;height:23px}.evolution-node small{font-size:6px;letter-spacing:.025em}.evolution-node strong{font-size:10px;margin-top:2px}.evolution-node[data-evolution-system=odoo]{left:18%;top:15%}.evolution-node[data-evolution-system=mail]{left:82%;top:15%}.evolution-node[data-evolution-system=documents]{left:15%;top:52%}.evolution-node[data-evolution-system=banking]{left:85%;top:52%}.evolution-node[data-evolution-system=calendar]{left:19%;top:86%}.evolution-node[data-evolution-system=marketing]{left:81%;top:86%}.evolution-connections{opacity:.8}.evolution-workflow{top:5%;left:0;right:0;border-radius:11px;box-shadow:0 12px 40px #102b5008}.evolution-workflow-bar{padding:11px 13px}.evolution-workflow-bar>span{font-size:7px}.evolution-workflow-bar>small{font-size:7px}.evolution-task{gap:9px;padding:11px 0;margin:0 13px}.evolution-task-icon{width:29px;height:29px;border-radius:6px}.evolution-task-icon img{max-width:24px;max-height:22px}.evolution-task-icon .icon{width:19px;height:19px}.evolution-task small{font-size:6px}.evolution-task strong{font-size:10px;margin-top:3px}.evolution-task p{font-size:8px;margin-top:1px}.evolution-task-check{font-size:11px}.evolution-approval{padding:10px;margin:10px;gap:7px}.evolution-approval strong{font-size:9px}.evolution-approval div>span{font-size:8px}.evolution-approval-tag{font-size:7px;padding:4px}.evolution-approval>.icon{width:17px;height:17px}.evolution-coordinate{font-size:5px;bottom:-9px;left:0;right:0;letter-spacing:.1em}.evolution-detail{left:0;right:0;bottom:1%;padding:14px 31px 14px 14px}.evolution-detail strong{font-size:11px}.evolution-detail p{font-size:10px}.evolution-bottom{left:20px;right:20px;bottom:14px;gap:10px}.evolution-scroll{display:none}.evolution-chapters{gap:21px}.evolution-chapters>button{font-size:9px;gap:5px}.evolution-chapters>button>span{font-size:7px}.evolution-pause{padding:9px 0}.evolution-pause>b{display:none}.evolution-progress{height:1px}
}
@media(max-width:760px) and (max-height:730px){.evolution-copy{padding-top:16px}.evolution-kicker{margin-bottom:8px}.evolution-stories{height:162px}.evolution-story h1,.evolution-story h2{font-size:33px}.evolution-story>p{font-size:10px;margin:9px auto}.evolution-cta{padding:8px 12px;font-size:9px}.evolution-core{height:156px;width:126px}.evolution-mark{width:94px;height:104px;left:16px}.evolution-core-label{top:112px;font-size:17px}.evolution-core-label>small{font-size:5px}.evolution-node{width:102px;min-width:102px;padding:7px 6px}.evolution-task{padding:8px 0}.evolution-workflow-bar{padding:8px 12px}.evolution-task p{display:none}.evolution-approval{margin:8px;padding:8px}.evolution-approval div>span{font-size:7px}.evolution-workflow{top:2%}.evolution-coordinate{display:none}}
@media(prefers-reduced-motion:reduce){.evolution *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Reading sizes stay useful on real phones, including compact screens. */
.evolution-stories{min-height:326px}.evolution-values{font-size:11px;margin-top:27px}.evolution-task strong{font-size:14px}.evolution-task p{font-size:12px}.evolution-task small{font-size:9px}.evolution-task{padding:15px 0}.evolution-approval strong{font-size:13px}.evolution-approval div>span{font-size:11px}.evolution-approval-tag{font-size:10px}.evolution-core-label>small{font-size:9px}.evolution-chapters>button{font-size:11px}.evolution-node small{font-size:9px}.evolution-node strong{font-size:14px}.evolution-hint{font-size:13px}.evolution-kicker{font-size:11px}.evolution-coordinate{display:none}
@media(max-width:1100px) and (min-width:761px){.evolution-kicker{font-size:8px}.evolution-node small{font-size:7px}.evolution-node strong{font-size:12px}.evolution-task strong{font-size:12px}.evolution-task p{font-size:10px}.evolution-approval strong{font-size:11px}.evolution-approval div>span{font-size:10px}.evolution-values{font-size:9px}}
@media(max-width:760px){.evolution-kicker{font-size:8px}.evolution-stories{height:212px;min-height:0}.evolution-story>p{font-size:13px;line-height:1.65;margin:12px auto;max-width:335px}.evolution-cta{font-size:11px}.evolution-hint{font-size:11px;gap:5px}.evolution-core-label>small{font-size:7px}.evolution-node small{font-size:7px}.evolution-node strong{font-size:12px}.evolution-node{width:116px;min-width:116px;padding:9px 7px}.evolution-node>img{width:23px}.evolution-node[data-evolution-system=documents]{left:16%}.evolution-node[data-evolution-system=banking]{left:84%}.evolution-task{padding:13px 0;gap:9px}.evolution-task strong{font-size:12px;line-height:1.45}.evolution-task small{font-size:8px}.evolution-task p{font-size:10px}.evolution-workflow-bar>span{font-size:9px}.evolution-workflow-bar>small{font-size:8px}.evolution-approval strong{font-size:11px}.evolution-approval div>span{font-size:10px}.evolution-approval-tag{font-size:8px}.evolution-chapters>button{font-size:11px}.evolution-chapters>button>span{font-size:8px}.evolution-chapters{gap:17px}.evolution-task-icon{width:29px}.evolution-workflow{top:4%}.evolution-detail p{font-size:12px}.evolution-detail strong{font-size:13px}.evolution-pause{min-width:32px;justify-content:center}}
@media(max-width:760px) and (max-height:730px){.evolution-stories{height:188px}.evolution-story>p{font-size:12px;margin:10px auto;line-height:1.6}.evolution-cta{font-size:10px;padding:9px 12px}.evolution-hint{font-size:10px}.evolution-node{padding:7px 6px;min-width:111px;width:111px}.evolution-node strong{font-size:11px}.evolution-core-label>small{font-size:6px}.evolution-task{padding:11px 0}.evolution-task p{display:none}.evolution-task strong{font-size:11px}.evolution-task small{font-size:7px}.evolution-approval strong{font-size:10px}.evolution-approval div>span{font-size:9px}.evolution-approval-tag{font-size:8px}.evolution-workflow{top:3%}}
.evolution-workflow{background:#fff}
@media(max-width:360px){.evolution-node{width:100px;min-width:100px;padding-inline:6px;gap:5px}.evolution-node[data-evolution-system=documents]{left:15%}.evolution-node[data-evolution-system=banking]{left:85%}.evolution-node strong{font-size:11px}.evolution-node small{font-size:6.5px}.evolution-chapters{gap:14px}.evolution-chapters>button{font-size:10px;gap:4px;white-space:nowrap}.evolution-chapters>button>b{white-space:nowrap}.evolution-bottom{gap:5px}}

/* Complete logo cover and whole benefit planes: an opening, not sliced artwork. */
.evolution{height:420svh}
.evolution-logo-face{position:absolute;inset:0;transform:translateZ(.4px)}
.evolution-logo-face>img{display:block;width:100%;height:100%}
.evolution-benefits{position:absolute;inset:0;z-index:2;opacity:0;visibility:hidden;pointer-events:none}
.evolution-benefit-layers{list-style:none;padding:0;margin:0}
.evolution-benefit-plane,.evolution-benefit-base{position:absolute;left:50%;top:0;width:min(370px,86%);height:12%;transform-origin:center;will-change:transform}
.evolution-benefit-plane{z-index:6;filter:drop-shadow(0 9px 12px #1a426711)}
.evolution-benefit-plane:nth-child(2){z-index:5}
.evolution-benefit-plane:nth-child(3){z-index:4}
.evolution-benefit-plane:nth-child(4){z-index:3}
.evolution-benefit-plane:nth-child(5){z-index:2}
.evolution-benefit-plane>svg,.evolution-benefit-base>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:skewX(-7deg)}
.benefit-edge{fill:#aac5df;transform:translateY(32px)}
.benefit-face{stroke:#adc8e2;stroke-width:1;vector-effect:non-scaling-stroke}
.benefit-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:13px;padding:0 24px 2px;opacity:var(--benefit-text,0);text-align:left}
.benefit-number{align-self:center;font-size:11px;letter-spacing:.06em;color:#6689ad;font-weight:650}
.benefit-content strong{display:block;font-size:16px;line-height:1.4;letter-spacing:-.025em;font-weight:700;color:#183a61;white-space:nowrap}
.benefit-content small{display:block;font-size:10px;line-height:1.4;color:#597697;margin-top:3px;white-space:nowrap}
.evolution-benefit-base{height:13%;z-index:1;filter:drop-shadow(0 15px 17px #123e6d24)}
.evolution-chapters{gap:24px}
@media(max-width:1100px) and (min-width:761px){.evolution-benefit-plane,.evolution-benefit-base{width:min(340px,92%)}.benefit-content strong{font-size:14px}.benefit-content{gap:10px}.benefit-content small{font-size:9px}}
@media(max-width:760px){.evolution{height:420svh}.evolution-benefit-plane,.evolution-benefit-base{width:min(325px,94%);height:12%}.benefit-content{gap:9px;padding:0 14px}.benefit-content strong{font-size:14px;line-height:1.3}.benefit-content small{display:none}.benefit-number{font-size:10px}.evolution-chapters{gap:14px}.evolution-chapters>button>span{display:none}.evolution-chapters>button{font-size:11px;gap:0;white-space:nowrap}.evolution-pause{min-width:27px}.evolution-bottom{gap:9px}}
@media(max-width:760px) and (max-height:730px){.benefit-content strong{font-size:13px}.benefit-number{font-size:9px}.evolution-benefit-plane,.evolution-benefit-base{width:min(295px,94%)}}
@media(max-width:360px){.evolution-chapters{gap:10px}.evolution-chapters>button{font-size:10px}.evolution-bottom{left:16px;right:16px;gap:6px}.benefit-content strong{font-size:12px}.benefit-content{gap:8px}}

/* Let the pinned scene follow the phone's visible height, keeping its scroll track stable. */
@media (max-width:760px) {
  .evolution-sticky{height:calc(100dvh - var(--evolution-header))}
  .evolution-benefit-plane,.evolution-benefit-base{height:10%}
  .evolution-node[data-evolution-system=documents]{left:14%}
  .evolution-node[data-evolution-system=banking]{left:86%}
  .evolution[data-chapter="2"] .evolution-core-label>small{visibility:hidden}
}
@media (max-width:760px) and (max-height:650px) {
  .evolution-copy{padding-top:12px}
  .evolution-kicker{font-size:7px;margin-bottom:8px}
  .evolution-stories{height:165px;min-height:0}
  .evolution-story h1,.evolution-story h2{font-size:30px}
  .evolution-story>p{font-size:11px;line-height:1.5;margin:8px auto;max-width:320px}
  .evolution-cta{font-size:10px;padding:8px 11px}
  .evolution-hint{font-size:10px}
}
/* Compact workflow and touch controls. */

/* The footer already has 63px reserved in the mobile inner area. */
@media (max-width:760px) {
  .evolution-bottom { left:12px; right:12px; bottom:8px; gap:6px; }
  .evolution-chapters { flex:1; min-width:0; justify-content:space-between; gap:5px; }
  .evolution-chapters > button { min-width:44px; min-height:44px; padding:10px 2px; justify-content:center; }
  .evolution-pause { min-width:44px; min-height:44px; padding:10px 0; flex-shrink:0; }
}

/* Keep the full workflow including approval within ~195–205px. */
@media (max-width:760px) and (max-height:620px),
       (orientation:landscape) and (max-width:1100px) and (max-height:500px) {
  .evolution-workflow { top:0; border-radius:9px; }
  .evolution-workflow-bar { min-height:23px; padding:6px 10px; }
  .evolution-workflow-bar > span { font-size:7px; line-height:1.2; letter-spacing:.05em; }
  .evolution-workflow-bar > small { display:none; }
  .evolution-task { min-height:39px; margin:0 10px; padding:5px 0; gap:7px; }
  .evolution-task > div { min-width:0; }
  .evolution-task-icon { width:22px; height:24px; border-radius:5px; }
  .evolution-task-icon img, .evolution-task-icon .icon { max-width:19px; max-height:19px; }
  .evolution-task small { font-size:6.5px; line-height:1.2; letter-spacing:.035em; }
  .evolution-task strong { font-size:10px; line-height:1.2; margin-top:2px; }
  .evolution-task p { display:none; }
  .evolution-task-check { font-size:10px; }
  .evolution-approval { margin:5px; padding:6px; gap:6px; }
  .evolution-approval > .icon { width:15px; height:15px; }
  .evolution-approval strong { font-size:9.5px; line-height:1.2; }
  .evolution-approval div > span { font-size:8px; line-height:1.2; margin-top:2px; }
  .evolution-approval-tag { display:none; }
}

/* Cover both tablet-style and mobile-style landscape breakpoints. */
@media (orientation:landscape) and (max-width:1100px) and (max-height:500px) {
  .evolution-sticky { min-height:0; height:calc(100dvh - var(--evolution-header)); }
  .evolution-inner { display:grid; grid-template-columns:43% minmax(0,1fr); width:calc(100% - 48px); height:calc(100% - 48px); gap:12px; align-items:center; }
  .evolution-copy { width:100%; padding:0; text-align:left; align-self:center; }
  .evolution-kicker { display:none; }
  .evolution-stories { height:190px; min-height:0; }
  .evolution-story h1, .evolution-story h2 { font-size:clamp(24px,3.55vw,30px); line-height:1.08; }
  .evolution-story > p { font-size:11px; line-height:1.45; margin:10px 0; max-width:290px; }
  .evolution-cta { font-size:9px; padding:8px 10px; gap:11px; }
  .evolution-hint { justify-content:flex-start; font-size:9px; }
  .evolution-values { display:none; }
  .evolution-visual { min-height:0; height:100%; width:100%; max-width:none; margin:0; transform:none; align-self:stretch; }
  .evolution-core { width:126px; height:156px; }
  .evolution-mark { width:94px; height:104px; top:0; left:16px; }
  .evolution-core-label { top:112px; font-size:17px; }
  .evolution-core-label > small { font-size:6px; }
  .evolution-bottom { left:24px; right:24px; bottom:3px; height:44px; }
  .evolution-scroll { display:none; }
  .evolution-benefit-plane, .evolution-benefit-base { width:min(295px,94%); }
  .benefit-content strong { font-size:12px; }
  .benefit-content small { display:none; }
}

@media (orientation:landscape) and (max-width:1100px) and (max-height:500px) {
  .evolution-benefit-plane,.evolution-benefit-base{height:10%}
  .evolution-node{min-width:100px;width:100px;padding:6px;gap:5px;border-radius:7px}
  .evolution-node small{font-size:6.5px}
  .evolution-node strong{font-size:10px;margin-top:2px}
  .evolution-node>img,.evolution-node>.icon{width:18px;height:20px}
  .evolution-node[data-evolution-system=odoo]>img{width:23px}
  .evolution-node>b,.evolution-core-label>small,.evolution-pause>b{display:none}
  .evolution-node[data-evolution-system=odoo],.evolution-node[data-evolution-system=calendar]{left:19%}
  .evolution-node[data-evolution-system=mail],.evolution-node[data-evolution-system=marketing]{left:81%}
  .evolution-node[data-evolution-system=documents]{left:14%}
  .evolution-node[data-evolution-system=banking]{left:86%}
  .evolution-node[data-evolution-system=odoo],.evolution-node[data-evolution-system=mail]{top:15%}
  .evolution-node[data-evolution-system=calendar],.evolution-node[data-evolution-system=marketing]{top:86%}
  .evolution-bottom{gap:8px}
  .evolution-chapters{gap:14px}
  .evolution-chapters>button{min-height:44px;padding:10px 2px}
  .evolution-chapters>button>span{display:none}
  .evolution-pause{min-width:44px;min-height:44px;justify-content:center}
  .evolution-workflow{left:0;right:0}
  .evolution-detail{left:0;right:0;padding:10px 30px 10px 12px;bottom:0}
  .evolution-detail strong{font-size:11px}
  .evolution-detail p{font-size:10px;line-height:1.5}
}