@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/dm-sans-500.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/dm-sans-600.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/dm-sans-700.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/space-grotesk-400.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/space-grotesk-500.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/space-grotesk-600.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/space-grotesk-700.ttf') format('truetype')}
:root{color-scheme:dark;--bg:#050c1d;--fg:#eff4ff;--muted:#9aaac2;--blue:#4b90ff;--line:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #7ddcff;outline-offset:6px}button{cursor:pointer}.shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:2}.brand{background:#fff;width:315px;height:53px;position:relative;overflow:hidden;border-radius:3px;flex-shrink:0}.brand img{width:330px;height:auto;max-width:none;position:absolute;top:-42px;left:-8px}.header nav{display:flex;gap:36px;margin-left:auto;font-size:13px;color:#b3bed0}.header nav a:hover{color:#fff}.langs{display:flex;gap:11px;align-items:center;margin-left:24px;font-size:12px}.langs span{color:#384662}.langs button{border:0;padding:7px 0;background:none;color:#7f90ad}.langs button[aria-pressed=true]{color:#fff}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:#fff;color:#000;z-index:9}.skip:focus{top:10px}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:'';position:absolute;inset:-150px -10% 0 35%;background:radial-gradient(ellipse at center,#0746ad29,transparent 66%);pointer-events:none}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#447cbe09 1px,transparent 1px),linear-gradient(90deg,#447cbe09 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000)}.energy{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pulse{stroke-dasharray:130 1600;animation:impulse 8s linear infinite}.halo{animation:glimmer 8s ease-in-out infinite}.hero-layout{display:grid;grid-template-columns:1.12fr 1fr;min-height:625px;position:relative;align-items:center}.hero-copy{padding:28px 0 60px;z-index:1}.eyebrow{display:flex;gap:11px;align-items:center;font-size:10px;font-weight:600;letter-spacing:2.1px;color:#99b3d8}.spark{width:6px;height:6px;border-radius:50%;background:#58bcff;box-shadow:0 0 14px #4d9eff}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(60px,6.1vw,89px);letter-spacing:-5px;line-height:1.06;margin:28px 0}.blue-text{background:linear-gradient(110deg,#4387ff,#79c9ff);color:transparent;background-clip:text}.intro{max-width:440px;color:#a4b2ca;font-size:16px;line-height:1.85}.button{display:inline-flex;align-items:center;gap:52px;background:#337bfa;border:1px solid #69a0ff;padding:14px 23px;border-radius:4px;font-size:13px;font-weight:600;box-shadow:0 5px 35px #286cf02c;margin-top:32px;transition:background .2s,transform .2s}.button:hover{background:#4d8fff;transform:translateY(-2px)}.button>span:last-child{font-size:20px}.hero-note{display:flex;align-items:center;gap:13px;color:#72839d;font-size:11px;margin-top:33px}.line{width:25px;height:1px;background:#536b91}.hero-art{height:490px;position:relative;display:grid;place-items:center}.orb{width:246px;height:246px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 35% 30%,#397cff2b,#091a3d80 55%,#03091d);box-shadow:inset 0 0 60px #2457ff36,0 0 85px #2268e636;border:1px solid #5b9eff45}.orb:before,.orb:after{content:'';position:absolute;border-radius:50%;inset:12px;border:1px solid #508dfb22}.orb:after{inset:23px;border-style:dashed;opacity:.5}.orb svg{width:98px;height:132px;fill:#b5e7ff;filter:drop-shadow(0 0 12px #67b4ff) drop-shadow(0 0 32px #287bff);animation:bolt 6s ease-in-out infinite}.orbit{position:absolute;border:1px solid #5c90ec20;border-radius:50%;width:370px;height:370px;transform:rotate(-25deg) scaleY(.8)}.orbit-a:after{content:'';position:absolute;width:7px;height:7px;left:37px;top:57px;border-radius:50%;background:#71ceff;box-shadow:0 0 14px #52b5ff}.orbit-b{width:440px;height:440px;transform:rotate(35deg) scaleY(.86);border-style:dashed;animation:orbit 65s linear infinite}.orbit-c{width:310px;height:310px;transform:rotate(-50deg) scaleY(1.2);border-color:#458eff30}.coord{position:absolute;top:22px;left:52px;font-size:8px;letter-spacing:2px;color:#486991}.floating-chip{position:absolute;padding:13px 17px;display:flex;align-items:center;gap:12px;background:#0c1934e8;border:1px solid #5885cf30;border-radius:6px;font-size:11px;color:#c6d7f4;backdrop-filter:blur(8px);animation:float 7s ease-in-out infinite}.chip-a{left:0;top:130px}.chip-a b{font-weight:400;color:#71bcff;margin-left:15px}.mini-icon{color:#6cb9ff;font-size:21px;line-height:1}.chip-b{right:-5px;bottom:100px;animation-delay:-3s;font-size:10px}.dot{width:5px;height:5px;display:inline-block;background:#67c9ff;border-radius:50%;box-shadow:0 0 9px #4d9eff;flex-shrink:0}.orb-label{position:absolute;bottom:30px;text-align:center;font-size:10px;letter-spacing:4px;color:#8eafdc}.orb-label span{display:block;font-size:7px;letter-spacing:5px;margin-top:7px;color:#5277a7}.hero-bottom{display:flex;align-items:center;justify-content:space-between;height:66px;font-size:8px;letter-spacing:1.8px;color:#526b91}.hero-bottom a{display:flex;align-items:center;gap:20px;color:#9db4d4}.hero-bottom a>span:last-child{font-size:18px;color:#5b9afa}.demo-section{padding-top:100px;padding-bottom:100px;scroll-margin-top:30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:38px}.muted{color:#598bcc}.section-heading h2{font-size:38px;line-height:1.25;letter-spacing:-1.6px;margin-top:16px}.section-heading>p{max-width:260px;font-size:13px;color:#8c9db9;line-height:1.8}.demo-stage{display:grid;grid-template-columns:360px 1fr;border:1px solid #5b8ccc2b;background:linear-gradient(115deg,#0a1630,#070f21);border-radius:8px;overflow:hidden;min-height:527px;box-shadow:0 30px 90px #0002}.demo-story{padding:36px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.demo-live{display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:1.3px;color:#9bb2d4}.scene-num{color:#5178aa;font-size:12px;letter-spacing:2px;margin-top:39px}.demo-story h3{font-size:30px;line-height:1.25;letter-spacing:-.9px;margin:16px 0}.demo-story>p:not(.illustration){font-size:13px;color:#98abc8;line-height:1.8}.scene-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.scene-tags span{font-size:9px;letter-spacing:.2px;color:#7ba6de;border:1px solid #558cdb2b;padding:3px 8px;border-radius:3px}.demo-controls{display:flex;align-items:center;gap:18px;margin-top:auto;padding-top:30px}.segments{display:flex;gap:6px;flex:1}.segment{height:3px;background:#26344e;flex:1;overflow:hidden}.segment i{display:block;width:0;height:100%;background:#5ba7ff}.segment.done i{width:100%}#pause{background:none;border:0;padding:5px 0;display:flex;gap:8px;align-items:center;font-size:10px;color:#9fb0cb;min-width:59px}.illustration{color:#7386a7;font-size:9px;margin-top:17px}.demo-screen{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at top right,#10284b33,transparent 65%)}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1.6px;color:#7f95b7;gap:10px}.window-dots{display:flex;gap:4px}.window-dots i{background:#334158;border-radius:50%;width:5px;height:5px}.window-status{display:flex;gap:6px;align-items:center;font-size:7px}.scene{padding:26px 34px 20px;flex:1;animation:enter .6s ease}.scene[hidden]{display:none}.screen-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.screen-heading small{font-size:8px;letter-spacing:1.6px;color:#678ab7}.screen-heading h4{font-size:19px;letter-spacing:-.5px;margin-top:5px}.screen-icon{font-size:35px;color:#65a7ff;line-height:1}.flow-chain{padding:0 15px}.flow-node{display:flex;gap:13px;align-items:center;border:1px solid #223651;border-radius:5px;padding:10px 14px;background:#0b172a;transition:border-color .5s,background .5s}.node-icon{width:31px;height:31px;background:#152a47;color:#78b8ff;border-radius:5px;display:grid;place-items:center;font-size:18px}.flow-node>div{display:flex;gap:13px;align-items:center;flex:1}.flow-node small{font-size:8px;color:#6884a8}.flow-node strong{font-size:11px;font-weight:500;color:#adbed8}.step-check{opacity:0;color:#6acbff;font-size:13px;transition:opacity .4s}.flow-node.complete{border-color:#468dff70;background:#102344}.flow-node.complete .step-check{opacity:1}.flow-node.complete strong{color:#e1edff}.flow-link{height:20px;width:1px;background:#203656;margin:0 auto;position:relative;overflow:hidden}.flow-link i{display:block;width:100%;height:100%;background:#65baff;transform:translateY(-100%)}.flow-link.complete i{transform:translateY(0);transition:transform .5s}.result{display:flex;align-items:center;gap:12px;margin-top:18px;background:#15335255;border:1px solid #5c9ee027;padding:12px 14px;border-radius:5px;opacity:.2;transform:translateY(3px);transition:opacity .6s,transform .6s}.result.complete{opacity:1;transform:translateY(0)}.result-icon{color:#78c6ff;font-size:16px}.result strong{display:block;font-size:11px;font-weight:500;color:#b9dcff}.result div>span{display:block;font-size:9px;color:#809bbc;margin-top:2px}.screen-footer{display:flex;justify-content:space-between;padding:11px 24px;border-top:1px solid var(--line);font-size:7px;letter-spacing:1.3px;color:#4f6a8d}.tiny-cross{color:#5aabff;margin-right:7px;font-size:12px}.avatar{background:#14305a;border:1px solid #31527b;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:9px;color:#81beff}.app-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);font-size:9px;color:#6a80a0}.app-tabs span{padding:0 0 9px}.app-tabs .selected{color:#86bfff;border-bottom:1px solid #64adff}.project-row{display:flex;align-items:center;gap:11px;margin:20px 0 14px}.project-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:5px;background:#2853ac33;color:#6aa1ff;font-size:12px}.project-row strong{font-size:11px;font-weight:500;display:block}.project-row small{font-size:8px;color:#7187a8;display:block}.project-state{font-size:8px;padding:3px 7px;border:1px solid #4778ae45;border-radius:3px;color:#84b7ef;margin-left:auto}.progress-label{display:flex;justify-content:space-between;font-size:8px;color:#8198b9}.progress-label b{font-weight:400;color:#6ab4ff}.progress-track{height:3px;background:#1b2b43;margin:7px 0 13px;border-radius:4px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#286dff,#73d5ff);transition:width 1.2s;width:0}.task-list>div{display:flex;gap:11px;align-items:center;border-bottom:1px solid #ffffff09;padding:7px 0;font-size:10px;color:#7e95b5;transition:color .3s}.task-list small{margin-left:auto;font-size:8px;color:#4b668a}.task-check{border:1px solid #344969;color:transparent;width:14px;height:14px;font-size:9px;line-height:13px;text-align:center;border-radius:3px}.task-list .complete{color:#d0dff6}.complete .task-check{color:#7fcaff;border-color:#5fafff;background:#21519344}.software .result{margin-top:14px}.services{padding-bottom:100px}.services .section-heading{margin-bottom:40px}.service-row{border-top:1px solid var(--line);display:grid;grid-template-columns:60px 1fr 1.1fr 65px;gap:22px;align-items:center;padding:33px 0}.service-row:last-child{border-bottom:1px solid var(--line)}.service-index{font-size:10px;color:#4f88cf;font-family:'Space Grotesk',sans-serif}.service-row h3{font-size:23px;letter-spacing:-.7px;max-width:290px}.service-row p{font-size:12px;color:#8d9fba;max-width:360px;line-height:1.8}.service-symbol{font-size:32px;color:#639be5;text-align:right}.closing{padding:55px 0 68px;border-top:1px solid var(--line);position:relative;overflow:hidden}.closing h2{font-size:46px;line-height:1.2;letter-spacing:-1.8px;margin:22px 0}.text-link{display:inline-flex;gap:30px;font-size:12px;color:#9ec7ff;border-bottom:1px solid #35629a;padding:8px 0}footer{border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;gap:24px;color:#617695;font-size:9px}body.paused .hero *{animation-play-state:paused!important}@keyframes impulse{from{stroke-dashoffset:1700}to{stroke-dashoffset:-1700}}@keyframes glimmer{0%,100%{opacity:.25}50%{opacity:.7}}@keyframes bolt{0%,100%{opacity:.85;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes orbit{from{transform:rotate(35deg) scaleY(.86)}to{transform:rotate(395deg) scaleY(.86)}}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.section-heading h2,.closing h2,#sceneTitle{white-space:pre-line}
@media(min-width:1600px){.hero-layout{min-height:700px}}@media(max-width:1100px){.shell{width:calc(100% - 64px)}h1{font-size:69px;letter-spacing:-4px}.hero-art{transform:scale(.85);transform-origin:center right}.demo-stage{grid-template-columns:300px 1fr}.demo-story{padding:27px}.scene{padding:25px}.header nav{gap:20px}.langs{margin-left:0}.brand{width:275px;height:48px}.brand img{width:290px;top:-37px;left:-7px}.service-row{grid-template-columns:35px 1fr 1fr 40px;gap:18px}.section-heading h2{font-size:34px}}
@media(max-width:800px){.header{height:94px}.header nav{display:none}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-copy{padding:45px 0 0}.hero-copy .intro{max-width:500px}h1{font-size:75px}.hero-art{height:400px;transform:scale(.82);transform-origin:center center;width:min(500px,100%);margin:0 auto}.hero-bottom{font-size:7px;height:60px}.hero-bottom>span:first-child{display:none}.hero:before{inset:20% -50% 0}.energy{height:85%;top:20%}.demo-section{padding:70px 0}.demo-stage{grid-template-columns:1fr}.demo-story{border-right:0;border-bottom:1px solid var(--line);padding:26px}.scene-num{margin-top:20px}.demo-story h3{font-size:28px;margin:10px 0}.demo-story>p:not(.illustration){max-width:540px}.scene-tags{margin-top:15px}.demo-controls{padding-top:24px}.segments{max-width:300px}.demo-story .illustration{margin-top:8px}.demo-screen{min-height:470px}.scene{padding:26px 32px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.section-heading>p{max-width:450px}.section-heading h2{font-size:34px}.service-row{grid-template-columns:30px 1fr 30px;gap:16px;align-items:start}.service-row h3{font-size:22px;max-width:none}.service-row p{grid-column:2;max-width:480px}.service-symbol{grid-column:3;grid-row:1/3}.services{padding-bottom:70px}.closing h2{font-size:38px}footer{flex-wrap:wrap;gap:12px}footer>span:nth-child(2){order:3;flex-basis:100%}}
@media(max-width:480px){.shell{width:calc(100% - 40px)}.brand{width:240px;height:43px}.brand img{width:253px;top:-32px;left:-6px}.header{gap:15px}.langs{gap:8px;font-size:11px}h1{font-size:58px;letter-spacing:-3.5px}.hero-copy{padding-top:34px}.intro{font-size:14px}.hero-note{font-size:9px}.eyebrow{font-size:8px;letter-spacing:1.8px}.hero-art{height:340px;transform:scale(.72);width:440px;left:50%;margin-left:-220px}.chip-a{left:-5px}.chip-b{right:-5px}.hero-bottom{font-size:6px;letter-spacing:1.1px}.section-heading h2{font-size:30px}.demo-story{padding:24px}.demo-live{font-size:7px}.scene{padding:22px 18px}.screen-heading h4{font-size:17px}.window-bar{padding:14px 18px;font-size:7px;letter-spacing:1px}.flow-chain{padding:0 3px}.flow-node{padding:10px}.flow-node>div{gap:9px}.flow-node strong{font-size:10px}.result div>span{font-size:8px}.service-row{gap:10px;grid-template-columns:24px 1fr 25px}.service-row h3{font-size:20px}.service-row p{font-size:12px}.closing h2{font-size:31px}.demo-screen{min-height:455px}.screen-footer{padding:10px 18px;font-size:6px;letter-spacing:1px}}
@media(max-width:360px){.brand{width:205px;height:37px}.brand img{width:217px;top:-27px}.header{gap:10px}.langs{font-size:10px;gap:7px}h1{font-size:51px}.hero-note{font-size:8px}.scene{padding-inline:13px}.screen-heading h4{font-size:15px}.flow-node{gap:8px}.flow-node strong{font-size:9px}.node-icon{width:25px;height:28px}.result{padding:10px;gap:8px}.result strong{font-size:10px}}
.service-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-bottom:1px solid var(--line);padding-block:26px}
.service-rail a{font-size:10px;color:#a5b9d6;display:flex;align-items:center;gap:9px;padding:3px 17px;border-left:1px solid var(--line);line-height:1.5}
.service-rail a:first-child{border-left:0;padding-left:0}.service-rail a:last-child{padding-right:0}.service-rail a>span{font-size:8px;color:#4c83ce}.service-rail a b{font-size:13px;font-weight:400;margin-left:auto;color:#69a5ff}.service-rail a:hover{color:#fff}
.service-chapter{padding:42px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.5fr;gap:60px;scroll-margin-top:30px}
.service-chapter:last-child{border-bottom:1px solid var(--line)}.chapter-overview .eyebrow{text-transform:uppercase;font-size:8px;letter-spacing:1.3px}.chapter-overview h3{font-size:29px;line-height:1.22;letter-spacing:-1px;white-space:pre-line;margin:16px 0}.chapter-overview>p{font-size:12px;color:#8ea4c2;line-height:1.8;max-width:330px}
.chapter-visual{margin-top:24px;padding:17px 14px;background:linear-gradient(110deg,#13306655,#10274e22);border:1px solid #4271ad29;border-radius:5px;position:relative;overflow:hidden}.chapter-mark{display:block;font-size:28px;line-height:1;color:#69acff;margin-bottom:15px}.mini-flow{display:flex;align-items:center;gap:6px;justify-content:space-between}.mini-flow>i{font-size:11px;font-style:normal;color:#416994}.mini-node{font-size:8px;color:#839bbb;line-height:1.4;border:1px solid #3b5a8338;background:#0c1a30;padding:7px 6px;border-radius:3px;animation:node-signal 9s infinite;animation-delay:calc(var(--step)*2s)}.chapter-overview>.chapter-example{font-size:10px;color:#6583ab;line-height:1.7;margin-top:12px;max-width:none}
.chapter-items{display:grid;grid-template-columns:1fr 1fr;align-content:start;column-gap:30px}.catalogue-item{display:flex;gap:10px;border-top:1px solid #ffffff0b;padding:18px 0 21px}.catalogue-item:nth-child(-n+2){border-top:0;padding-top:2px}.catalogue-number{color:#4c7bb9;font-size:8px;padding-top:4px;flex-shrink:0}.catalogue-item h4{font-size:16px;line-height:1.4;letter-spacing:-.4px;margin-bottom:10px}.catalogue-item p{font-size:11px;line-height:1.85;color:#8fa3bf}.assistant .result{border-color:#c4a26045;background:#4c371c33}.assistant .result-icon,.assistant .result strong{color:#dbc08d}.demo-section{padding-top:80px}.demo-story h3{font-size:28px}.chapter-overview .eyebrow,.catalogue-item h4{overflow-wrap:break-word}
@keyframes node-signal{0%,12%,78%,100%{border-color:#3b5a8338;color:#839bbb;box-shadow:none}24%,58%{border-color:#5d9eef88;color:#c9e6ff;box-shadow:0 0 17px #2469dd22}}
body.paused .mini-node{animation-play-state:paused}
@media(max-width:1100px){.service-chapter{gap:34px;grid-template-columns:.85fr 1.5fr}.chapter-items{column-gap:20px}.chapter-overview h3{font-size:25px}.service-rail a{padding-inline:10px;font-size:9px}.mini-flow{gap:4px}.mini-node{font-size:7px;padding:6px 4px}}
@media(max-width:800px){.service-rail{grid-template-columns:repeat(3,1fr);row-gap:16px}.service-rail a:nth-child(4){border-left:0;padding-left:0}.service-chapter{grid-template-columns:1fr;gap:28px;padding-block:34px}.chapter-overview{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.chapter-overview .eyebrow,.chapter-overview h3,.chapter-overview>p{grid-column:1}.chapter-visual{grid-column:2;grid-row:1/4;margin:0;align-self:center}.chapter-overview>.chapter-example{grid-column:1/-1;max-width:none;margin-top:16px}.chapter-items{column-gap:25px}.mini-node{font-size:8px}.demo-story h3{font-size:28px}}
@media(max-width:480px){.service-rail{grid-template-columns:1fr 1fr;row-gap:17px}.service-rail a{font-size:9px}.service-rail a:nth-child(odd){border-left:0;padding-left:0}.service-rail a:nth-child(4){border-left:1px solid var(--line);padding-left:10px}.chapter-overview{display:block}.chapter-overview h3{font-size:27px}.chapter-visual{margin-top:20px;max-width:350px}.mini-node{font-size:9px;padding:7px}.chapter-items{grid-template-columns:1fr}.catalogue-item{padding-block:19px}.catalogue-item:nth-child(2){border-top:1px solid #ffffff0b;padding-top:19px}.catalogue-item h4{font-size:17px}.catalogue-item p{font-size:12px}.service-chapter{gap:15px}.demo-story h3{font-size:27px}.screen-heading h4{max-width:250px}}
.ai-message{padding:12px 15px;border:1px solid #44638835;border-radius:6px;font-size:11px;margin-top:10px;opacity:.25;transform:translateY(4px);transition:opacity .6s,transform .6s}.ai-message.complete,.ai-action.complete{opacity:1;transform:translateY(0)}.ai-message small{display:block;font-size:7px;letter-spacing:1.3px;color:#739acb;margin-bottom:6px}.ai-question{margin-left:40px;background:#1b3b6644}.ai-answer{margin-right:20px;background:#0c1b30}.ai-answer p{color:#c3d8f4;line-height:1.65}.source-tag{display:inline-block;margin-top:9px;color:#709ed6;font-size:8px;border-bottom:1px solid #3b608a44}.ai-action{display:flex;align-items:center;gap:11px;padding:12px 0;margin-top:5px;font-size:10px;opacity:.25;transition:opacity .6s,transform .6s}.ai-action strong{font-size:10px;font-weight:500;display:block}.ai-action div>span{font-size:8px;display:block;color:#8ba2c0;margin-top:3px}.ai-action b{color:#d4b783;font-weight:400;margin-left:auto;font-size:18px}.assistant .result{margin-top:5px}.site-mini{border:1px solid #466a9944;border-radius:5px;overflow:hidden;margin-top:12px;opacity:.35;transition:opacity .6s;min-height:180px;background:#0b1a33}.site-mini.complete{opacity:1}.site-mini-nav{display:flex;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #ffffff09;font-size:7px;letter-spacing:1.2px;color:#8fafd7}.site-mini-nav b{font-weight:500}.site-mini-nav>span{font-size:5px;color:#3b577d}.site-mini-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;padding:22px}.site-mini-hero small{font-size:6px;letter-spacing:1px;color:#7b9fcc;display:block}.site-mini-hero h5{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:24px;letter-spacing:-.6px;line-height:1.1;white-space:pre-line;margin:9px 0}.site-mini-hero svg{width:100%;height:auto}.site-mini-button{display:inline-block;font-size:6px;background:#296cc9;padding:5px 10px;margin-top:5px;border-radius:2px;color:#daebff}.web-checks{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}.web-checks>div{font-size:8px;display:flex;gap:5px;padding:5px 8px;border:1px solid #294466;border-radius:3px;color:#6a84a7;transition:color .4s,border-color .4s}.web-checks>div>span:first-child{visibility:hidden}.web-checks>div.complete{border-color:#517daf;color:#b4d8ff}.web-checks>div.complete>span:first-child{visibility:visible}.website .result{margin-top:16px}
@media(max-width:480px){.ai-question{margin-left:20px}.ai-answer{margin-right:10px}.ai-message{font-size:10px;padding:10px 12px}.source-tag{font-size:7px}.ai-action div>span{font-size:7px}.site-mini-hero{padding:18px 15px}.site-mini-hero h5{font-size:23px}.web-checks{gap:5px}.web-checks>div{font-size:7px;padding:5px 6px}.assistant .result div>span{font-size:7px}.assistant .screen-heading h4{font-size:16px}.site-mini{min-height:180px}}
.brand{background:transparent;border-radius:0;width:340px;height:58px;overflow:visible}
.brand img{width:100%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);filter:brightness(1.35) saturate(.85) contrast(.55) brightness(1.6)}
@media(max-width:1100px){.brand{width:290px;height:50px}}
@media(max-width:480px){.brand{width:240px;height:43px}}
@media(max-width:360px){.brand{width:205px;height:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.orbit-b{transform:rotate(35deg) scaleY(.86)}.pulse{display:none}}

.closing-bolt{position:absolute;right:45px;top:50%;width:160px;height:200px;transform:translateY(-50%);pointer-events:none;filter:drop-shadow(0 0 12px #67b4ff) drop-shadow(0 0 32px #287bff)}
.closing-bolt svg{display:block;width:100%;height:100%;fill:#b5e7ff}
@media(max-width:800px){.closing-bolt{right:0;width:128px;height:160px}}
@media(max-width:480px){.closing{padding-bottom:180px}.closing-bolt{width:96px;height:120px;top:auto;bottom:28px;right:12px;transform:none}}

.header{height:112px}.header nav{display:block;margin-left:auto}.nav-links{list-style:none;display:flex;gap:23px;padding:0;margin:0;align-items:center;font-size:11px;line-height:1.4;color:#adbfda}.nav-links a[aria-current=page]{color:#77bbff}.nav-links a:hover{color:#fff}.langs{flex-shrink:0;margin-left:9px}.langs a{color:#7189ac;padding:8px 0}.langs a[aria-current=true]{color:#fff}.menu-toggle{display:none}.primary-nav .sub-menu{display:none}.header .brand{width:315px}.site-footer{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:55px;font-size:12px;padding:40px 0 35px}.site-footer strong{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:15px;color:#a4bddd}.site-footer p{font-size:10px;margin:10px 0 24px;color:#6a86ab}.site-footer small{font-size:9px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:10px}.site-footer a:hover{color:#c8e1ff}.footer-languages{display:flex;flex-direction:column;gap:9px;font-size:10px;align-items:flex-start}.footer-languages>span{margin-top:15px;font-size:9px;letter-spacing:1px;color:#7894b9}.page-hero{padding:70px 0 65px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:55px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:55px;position:relative}.page-hero:has(>div:only-child){grid-template-columns:minmax(0,1fr)}.page-hero h1{font-size:clamp(42px,4.7vw,65px);line-height:1.1;letter-spacing:-3px;margin:25px 0}.page-hero .eyebrow{text-transform:uppercase;font-size:9px}.page-lead{color:#9cb1ce;font-size:16px;line-height:1.9;max-width:710px}.family-visual{padding:34px 25px;background:radial-gradient(ellipse at top,#17477966,#0a17312b);border:1px solid #477bbe30;border-radius:7px;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:30px}.family-mark{font-size:50px;color:#72b9ff;line-height:1}.family-visual .mini-node{font-size:9px;padding:9px}.visual-caption{font-size:7px;letter-spacing:2px;color:#4a77ae}.breadcrumbs{display:flex;gap:11px;align-items:center;padding-top:28px;color:#567cae;font-size:10px;flex-wrap:wrap}.breadcrumbs a{color:#9bbde5}.needs-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding-bottom:50px;border-bottom:1px solid var(--line);margin-bottom:45px}.needs-section h2,.decisions h2,.values-section>h2{font-size:29px;letter-spacing:-1px;line-height:1.25}.needs-section ul,.decisions ul{list-style:none;margin:0;padding:0;display:grid;gap:15px;color:#a9bdd7;font-size:14px}.needs-section li,.decisions li{padding-left:20px;position:relative}.needs-section li:before,.decisions li:before{content:'↗';color:#5ba8ff;position:absolute;left:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:50px}.service-detail{border:1px solid #3e659831;border-radius:6px;padding:30px;background:linear-gradient(130deg,#0c1b36,#081225);scroll-margin-top:24px}.service-detail>.catalogue-number{font-size:10px;letter-spacing:1px}.service-detail h2{font-size:25px;line-height:1.25;letter-spacing:-.8px;margin:15px 0}.service-detail>p{font-size:13px;color:#91a9ca;line-height:1.85}.service-detail h3{margin:25px 0 12px;font-size:10px;color:#5e93d7;font-weight:500;text-transform:uppercase;letter-spacing:1.5px}.service-detail ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:12px;color:#b5c9e3;line-height:1.7}.service-detail li{padding-left:17px;position:relative}.service-detail li:before{content:'+';position:absolute;left:0;color:#5a98e6}.family-next{display:flex;justify-content:space-between;gap:30px;padding:0 0 70px}.family-next .text-link{font-size:11px}.chapter-link{font-size:10px;gap:14px;margin-top:13px}.catalogue-item h4 a:hover{color:#82c4ff}.service-rail a>span{font-size:14px;letter-spacing:0;color:#69a5ff}.service-rail a{justify-content:space-between}.service-rail a>span{margin-left:auto}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid article{padding:25px 0;border-top:1px solid #38618f45}.process-number{font-size:11px;color:#559bee;letter-spacing:2px}.process-grid h3{font-size:22px;letter-spacing:-.7px;line-height:1.25;margin:17px 0}.process-grid p{font-size:12px;line-height:1.85;color:#91a9c9}.process-grid small{display:block;font-size:10px;line-height:1.7;color:#6b8db8;margin-top:22px}.method-preview,.faq-preview{padding-bottom:75px}.method-preview .section-heading h2{white-space:normal;max-width:450px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{padding:24px 0;list-style:none;font-size:17px;color:#dce9fa;display:flex;justify-content:space-between;gap:25px;cursor:pointer;font-family:'Space Grotesk',sans-serif;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:#68a6ed;font-size:23px;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:13px;color:#96aecc;line-height:1.9;padding:0 55px 24px 0;max-width:850px}.faq-page{padding-bottom:80px}.about-bolt{width:170px;height:215px;justify-self:center;fill:#b5e7ff;filter:drop-shadow(0 0 12px #67b4ff) drop-shadow(0 0 32px #287bff)}.about-bolt svg{display:block;width:100%;height:100%}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;color:#abc0dc;font-size:16px;line-height:1.95;padding-bottom:70px}.values-section{padding-bottom:85px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.values-grid article{border-top:1px solid var(--line);padding-top:22px}.values-grid article>span{font-size:10px;letter-spacing:2px;color:#508bd2}.values-grid h3{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:16px 0}.values-grid p{font-size:13px;color:#96aecc;line-height:1.85}.method-page{padding-bottom:60px}.decisions{padding:35px 0 70px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.decisions li{font-size:13px;line-height:1.7}.example-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:80px}.example-notes article{border-top:1px solid var(--line);padding-top:22px}.example-notes article>span{font-size:10px;color:#5e9ce8;letter-spacing:2px}.example-notes h2{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin:16px 0}.example-notes p{font-size:12px;color:#91a9c9;line-height:1.85}.closing-text{color:#8fa7c7;font-size:12px;max-width:560px;margin:0 0 12px}.not-found{padding-bottom:100px}.wp-block-freeform{margin:0}.entry-content{font-size:16px}.entry-content h1,.entry-content h2,.entry-content h3{margin-block:25px 15px}.entry-content p{margin-block:16px}
@media(max-width:1150px){.header .brand{width:270px}.nav-links{gap:17px;font-size:10px}.header{gap:23px}.process-grid{gap:23px}.family-visual{padding:26px 18px}.family-visual .mini-node{font-size:8px;padding:7px}.page-hero{gap:35px}}
@media(max-width:980px){.header{height:95px;gap:20px;flex-wrap:nowrap}.header .brand{width:290px}.menu-toggle{display:flex;align-items:center;gap:8px;color:#adc7e7;font-size:10px;border:1px solid #39608f5c;border-radius:3px;background:#0e1d35;padding:9px 11px;margin-left:0;flex-shrink:0}.menu-lines{display:block;width:13px;height:10px;border-top:1px solid #7fa4d4;border-bottom:1px solid #7fa4d4;position:relative}.menu-lines:after{content:'';display:block;height:1px;background:#7fa4d4;position:absolute;top:4px;width:13px}.header nav{display:none;position:absolute;top:82px;right:0;left:0;background:#0a1730f5;border:1px solid #31558077;border-radius:5px;z-index:8;padding:18px;margin:0;box-shadow:0 15px 50px #0008}.header nav.open{display:block}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0;font-size:14px}.nav-links a{display:block;padding:12px}.header .langs{margin-left:auto}.process-grid{grid-template-columns:1fr 1fr}.page-hero h1{font-size:52px;letter-spacing:-2.5px}.page-lead{font-size:14px}.page-hero{grid-template-columns:1.2fr .8fr}.about-bolt{width:140px;height:175px}.site-footer{gap:30px}.site-footer nav{grid-template-columns:1fr}}
@media(max-width:700px){.header .brand{width:240px}.header{gap:14px}.langs{gap:8px;font-size:10px}.page-hero{grid-template-columns:1fr;padding:45px 0;gap:30px;margin-bottom:35px}.page-hero h1{font-size:46px;letter-spacing:-2px}.family-visual{min-height:180px;max-width:450px;gap:24px}.family-visual .mini-node{font-size:10px;padding:10px}.needs-section,.decisions{grid-template-columns:1fr;gap:23px}.needs-section{padding-bottom:35px}.needs-section ul{font-size:13px}.detail-grid{gap:20px}.service-detail{padding:22px}.service-detail h2{font-size:22px}.about-story{grid-template-columns:1fr;gap:25px;font-size:14px;padding-bottom:45px}.values-grid{grid-template-columns:1fr;gap:22px}.values-section{padding-bottom:55px}.about-bolt{width:100px;height:125px;justify-self:end;position:absolute;right:0;bottom:28px;opacity:.25}.page-hero:has(.about-bolt){padding-bottom:90px}.example-notes{grid-template-columns:1fr 1fr;gap:23px}.site-footer{grid-template-columns:1fr 1fr}.footer-languages{grid-column:1/-1;flex-direction:row;gap:20px;align-items:center}.footer-languages>span{margin:0 0 0 auto}.family-next{flex-direction:column;gap:18px;align-items:flex-start}.closing-text{max-width:430px}}
@media(max-width:480px){.header .brand{width:210px}.header{gap:11px;height:87px}.header nav{top:77px}.menu-toggle{padding:8px;font-size:0;gap:0;height:31px}.menu-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.langs{font-size:9px;gap:7px}.page-hero h1{font-size:39px;letter-spacing:-1.8px}.page-hero .eyebrow{font-size:7px;letter-spacing:1.2px}.page-lead{font-size:13px}.process-grid{grid-template-columns:1fr;gap:8px}.process-grid article{padding:21px 0}.process-grid h3{font-size:23px;margin:12px 0}.process-grid p{font-size:13px}.process-grid small{margin-top:14px}.method-preview,.faq-preview{padding-bottom:50px}.detail-grid{grid-template-columns:1fr}.service-detail{padding:25px}.service-detail h2{font-size:24px}.service-detail li{font-size:12px}.needs-section h2,.decisions h2,.values-section>h2{font-size:27px}.breadcrumbs{font-size:9px;gap:8px;padding-top:20px}.faq-list summary{font-size:16px;padding-block:20px}.faq-list details>p{font-size:12px;padding-right:15px}.example-notes{grid-template-columns:1fr;margin-bottom:50px}.example-notes h2{font-size:24px}.example-notes p{font-size:13px}.site-footer{font-size:10px;padding-block:30px;gap:24px}.site-footer strong{font-size:13px}.site-footer nav{font-size:9px;gap:12px}.site-footer p{font-size:9px}.site-footer small{font-size:8px}.footer-languages{flex-wrap:wrap;font-size:9px;gap:15px}.footer-languages>span{font-size:8px}.closing-text{max-width:100%;font-size:11px}.family-visual .mini-node{font-size:9px;padding:8px}}
@media(max-width:360px){.header .brand{width:178px}.header{gap:8px}.langs{gap:6px;font-size:9px}.page-hero h1{font-size:34px}.family-visual .mini-node{font-size:8px;padding:6px}}
.faq-list summary{align-items:center}.faq-list summary>span{flex:0 0 20px;width:20px;height:24px;line-height:24px;text-align:center;margin-right:8px}
@media(max-width:480px){.header{width:calc(100% - 24px);gap:6px}.header .brand{width:min(210px,calc(100% - 111px))}.header .langs{gap:2px;font-size:10px}.header .langs a{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:44px;padding:0}.header .menu-toggle{width:44px;height:44px;padding:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Code-built, fictional screen demonstrations. The page has no video dependency. */
.rich-demos .demo-stage{grid-template-columns:285px minmax(0,1fr);border-radius:14px;box-shadow:0 30px 100px #0005;min-height:620px}
.rich-demos .demo-story{padding:32px 26px}.rich-demos .demo-story h3{font-size:31px;white-space:pre-line}.rich-demos .scene-num{margin-top:40px}.rich-demos .demo-live{font-size:8px;letter-spacing:1px}.rich-demos .illustration{line-height:1.8}.rich-demos .demo-screen{background:#091328}.rich-demos .scene{padding:22px 24px 16px;animation:demo-arrive .7s ease;min-width:0}.rich-demos .window-bar{padding:14px 22px}.rich-demos .screen-footer{padding:10px 22px}.rich-demos .scene-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:500;color:#dceaff;margin-bottom:16px;min-height:20px}.scene-topline i{color:#61c3ff;font-style:normal;margin:0 5px}.demo-device-label{font:8px 'Space Grotesk',sans-serif;letter-spacing:1.3px;color:#7195bb;white-space:nowrap}.scene-caption{display:flex;align-items:center;gap:10px;margin-top:18px;min-height:42px}.caption-dot{flex:0 0 6px;width:6px;height:6px;background:#75d6ff;box-shadow:0 0 14px #36a1ff;border-radius:50%}.phase-caption{font-size:12px;line-height:1.6;color:#c3dbf5;margin:0}.scene-footnote{font-size:9px;color:#6f91b4;margin:7px 0 0;line-height:1.6}.demo-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-bottom:1px solid #3350777a;margin-top:17px}.demo-chapters button{background:none;border:0;border-top:2px solid transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:17px 12px;color:#829bbb;font-size:12px;cursor:pointer;transition:background .3s,color .3s}.demo-chapters small{font-size:9px;color:#487eb4}.demo-chapters i{margin-left:auto;font-style:normal;color:#4a7faa}.demo-chapters [aria-current]{color:#e0efff;border-top-color:#4c9cff;background:linear-gradient(#1d4b7b33,transparent)}.demo-chapters button:hover{color:#fff;background:#17325355}.demo-chapters button:focus-visible,#pause:focus-visible{outline:2px solid #84d5ff;outline-offset:4px}
.web-transform{position:relative;margin-right:0;--wipe:50%}.mock-address{height:30px;background:#1b2a42;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 12px;font-size:10px;color:#8ea6c3;border-radius:7px 7px 0 0}.mock-address span:nth-child(2){background:#101d31;border-radius:4px;padding:3px 16px;flex:1;text-align:center;font-size:9px}.web-canvas{height:355px;position:relative;overflow:hidden;border-radius:0 0 7px 7px;background:#fff}.web-before,.web-after{position:absolute;inset:0}.web-after{clip-path:inset(0 calc(100% - var(--wipe)) 0 0);z-index:2}.old-website{height:100%;background:#eee9d9;color:#32362e;font-family:Georgia,serif;padding:16px 18px 7px}.old-logo{font-size:22px;font-weight:bold;color:#2f4c35;text-shadow:1px 1px #fff;border-bottom:3px double #788967;padding-bottom:5px}.old-logo small{font-size:9px;margin-left:13px}.old-nav{text-align:center;background:#ced3bb;border:1px solid #859171;padding:6px;font-size:11px;margin-top:8px;color:#263820;text-decoration:underline}.old-news{font-size:10px;color:#9e332b;margin:10px 0 8px;text-align:center}.old-layout{display:grid;grid-template-columns:120px 1fr;gap:16px}.old-layout aside{background:#e0ddca;border:1px solid #c0b99b;align-self:start;font-size:9px}.old-layout aside b,.old-layout aside span{display:block;padding:8px;border-bottom:1px solid #c0b99b}.old-layout aside span{text-decoration:underline;color:#333e89}.old-layout .mock-heading{font:italic bold 19px Georgia,serif;margin:0 0 8px;letter-spacing:-.4px;color:#464b36}.old-photo{width:145px;height:83px;float:left;margin-right:10px;border:5px solid #fff;filter:sepia(.7);overflow:hidden}.old-photo svg{width:100%;height:100%;object-fit:cover}.old-layout p{font-size:11px;line-height:1.6;margin:3px 0 7px}.old-layout u{font-size:9px;color:#282ba6}.old-bottom{clear:both;border-top:1px solid #c1b79a;margin-top:20px;text-align:center;font-size:9px;padding-top:7px}.modern-website{height:100%;color:#e9f3ff;background:radial-gradient(ellipse at 20% 0,#123863,#060e1e 70%);padding:20px 25px;overflow:hidden}.modern-nav{display:flex;align-items:center;gap:17px;position:relative;z-index:2}.modern-nav>b{font-size:14px;letter-spacing:2px;line-height:1}.modern-nav b span{display:block;font-size:6px;font-weight:400;letter-spacing:3.8px;margin-top:4px;color:#8bb6d8}.modern-nav small{font-size:8px;margin-left:auto;color:#b8cce5}.modern-nav>i{font-size:17px;color:#9adaff;font-style:normal}.modern-hero{height:240px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:6px;position:relative}.modern-copy{z-index:1}.modern-copy>small{font-size:6px;letter-spacing:1.3px;color:#70c8ed;white-space:nowrap}.modern-copy .mock-heading{font-family:'Space Grotesk',sans-serif;font-size:37px;line-height:1.03;letter-spacing:-2px;margin:12px -40px 12px 0;font-weight:500}.modern-copy p{font-size:9px;line-height:1.6;color:#89a9c8;max-width:175px;margin:0 0 16px}.mock-cta{display:inline-flex;align-items:center;gap:20px;background:#3184ff;color:#fff;border-radius:3px;padding:9px 11px;font-size:8px}.mock-cta b{font-weight:400}.landscape-frame{height:216px;position:relative;transform:perspective(600px) rotateY(-11deg) rotateZ(3deg);border:1px solid #72d7ff66;box-shadow:0 12px 40px #1577fa44;border-radius:70px 4px 40px 4px;overflow:hidden}.demo-landscape{display:block;width:100%;height:100%;object-fit:cover}.landscape-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#81f2ff33,transparent 35%,#040c1d22)}.modern-bottom{display:flex;gap:15px;border-top:1px solid #6ca4cf33;padding-top:15px;font-size:8px;align-items:center}.modern-bottom b{font-weight:500;white-space:nowrap}.modern-bottom>span{color:#7294b5;font-size:7px;max-width:140px}.modern-bottom i{margin-left:auto;font-size:18px;font-style:normal;color:#77c8ff}.compare-badge{position:absolute;top:10px;z-index:4;font-size:9px;text-transform:uppercase;letter-spacing:1px;border-radius:3px;padding:5px 9px;transition:opacity .4s}.before-badge{right:10px;background:#fff6ce;color:#57421e;box-shadow:0 1px 4px #0003}.after-badge{left:10px;background:#0b2342e8;color:#a5e6ff;border:1px solid #4f9ed577;opacity:0}.wipe-line{position:absolute;top:0;bottom:0;left:var(--wipe);width:2px;background:#b3efff;z-index:5;box-shadow:0 0 20px #4ec5ff;opacity:0}.wipe-line i{position:absolute;top:45%;left:-12px;background:#2786e5;color:white;font:14px sans-serif;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.scan-beam{position:absolute;inset:0;z-index:6;opacity:0;background:linear-gradient(transparent 49%,#5bd0ff55 50%,transparent 54%);pointer-events:none}.website[data-phase="1"] .scan-beam{opacity:1;animation:scan-website 2.6s ease-in-out infinite}.website[data-phase="2"] .wipe-line{opacity:1}.website[data-phase="2"] .after-badge,.website[data-phase="3"] .after-badge,.website[data-phase="4"] .after-badge{opacity:1}.website[data-phase="3"] .before-badge,.website[data-phase="4"] .before-badge{opacity:0}.phone-preview{position:absolute;right:-7px;bottom:-16px;width:117px;height:235px;border:4px solid #3d5577;border-radius:18px;background:#09182e;padding:21px 10px 10px;box-shadow:-12px 12px 40px #0008;z-index:7;transform:translate(35px,35px) rotate(8deg);opacity:0;transition:opacity .8s,transform .8s;overflow:hidden;pointer-events:none}.phone-camera{position:absolute;top:6px;left:40px;width:29px;height:5px;border-radius:5px;background:#02070f}.phone-preview>b{font-size:7px;letter-spacing:1.3px;display:block}.phone-preview>small{font-size:4px;display:block;color:#8edbff;letter-spacing:.4px;margin-top:14px}.phone-preview>strong{font:500 16px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.5px;display:block;margin-top:7px}.phone-mountains{height:66px;margin:10px 0 7px;border-radius:14px 1px 14px 1px;overflow:hidden}.phone-preview>span{font-size:5px;background:#397dff;padding:5px;display:block}.phone-preview>i{font-size:5px;font-style:normal;display:block;margin-top:6px;color:#86a9cf}.website[data-phase="3"] .phone-preview,.website[data-phase="4"] .phone-preview{opacity:1;transform:translate(0,0) rotate(4deg)}.web-comparison-labels{display:flex;justify-content:space-between;font-size:9px;color:#7999ba;padding-top:12px}.web-comparison-labels span:last-child{color:#9ddfff}
.app-transform{height:385px;position:relative;overflow:hidden;border:1px solid #304768;border-radius:7px;background:#0d1c32}.source-layer{position:absolute;inset:0;background:#edf3ec;z-index:2;opacity:1;transition:opacity .9s,transform 1s}.software[data-phase="2"] .source-layer,.software[data-phase="3"] .source-layer,.software[data-phase="4"] .source-layer{opacity:0;transform:perspective(800px) translateY(-40px) rotateX(9deg) scale(.94);pointer-events:none}.spreadsheet{color:#354c3e;font-family:Arial,sans-serif;position:relative;height:100%;background:#f7faf7}.sheet-menu{display:flex;align-items:center;gap:12px;padding:14px;background:#286745;color:#fff;font-size:11px}.sheet-menu>span:last-child{margin-left:auto}.excel-mark{display:grid;place-items:center;border-radius:3px;background:#27834e;color:#fff;width:25px;height:27px;font:700 16px Arial;flex-shrink:0}.sheet-menu .excel-mark{background:#fff2}.sheet-toolbar{height:34px;display:flex;align-items:center;padding:0 15px;background:#e9eeea;border-bottom:1px solid #c7d1c7;color:#607565;font-size:12px}.sheet-toolbar span{border:1px solid #aebfb2;padding:1px 22px;margin:0 12px;font-size:10px}.spreadsheet table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.spreadsheet th,.spreadsheet td{height:34px;padding:6px;border:1px solid #c9d2c9;text-align:left}.spreadsheet th{background:#e7eee7;font-weight:400;font-size:10px;color:#667668}.spreadsheet th:first-child{width:28px;text-align:center}.spreadsheet th:nth-child(2){width:38%}.spreadsheet td.sheet-warning{background:#fff0b5;color:#91661f}.sheet-duplicate td{color:#a86851;background:#f9e8d9}.sheet-sticky{position:absolute;right:25px;bottom:17px;background:#fff1a8;padding:18px 17px;font:italic 14px/1.4 Georgia,serif;max-width:200px;transform:rotate(-5deg);box-shadow:0 5px 10px #0002}.transform-pill{position:absolute;left:50%;bottom:12px;transform:translate(-50%,20px);z-index:3;padding:8px 12px;background:#123455;border:1px solid #5daaff;color:#b9e9ff;font-size:10px;border-radius:30px;white-space:nowrap;opacity:0;transition:all .5s}.software[data-phase="1"] .transform-pill{opacity:1;transform:translate(-50%,0)}.transform-pill b{margin:0 10px}.app-bar{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 14px;border-bottom:1px solid #33537855;color:#a3bad5;font-size:9px;background:#152640}.app-emblem{font-size:18px;color:#6fcaff}.app-bar strong{font-weight:500;font-size:9px;overflow-wrap:anywhere}.app-user{display:grid;place-items:center;margin-left:auto;border:1px solid #5181b077;border-radius:50%;width:20px;height:20px;font-size:7px;color:#9ccbef;flex-shrink:0}.workspace-body{padding:16px 18px}.workspace-greeting small{color:#81a1bf;font-size:9px}.workspace-greeting .mock-heading{font-size:19px;letter-spacing:-.5px;margin-top:4px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.metric-grid>div{position:relative;border:1px solid #30547777;padding:9px 11px;border-radius:5px;min-height:62px;background:#12233b}.metric-grid small{font-size:8px;display:block;color:#87a6c7}.metric-grid b{display:block;font:500 25px 'Space Grotesk',sans-serif;margin-top:2px}.metric-grid svg{position:absolute;bottom:11px;right:8px;width:52px;height:22px;fill:none;stroke:#6bceff;stroke-width:2}.metric-trend{position:absolute;right:12px;bottom:10px;color:#61d4b5}.work-bars{display:flex;align-items:flex-end;gap:5px;height:31px;margin-top:3px}.work-bars i{background:#448de8;width:10%;height:60%;border-radius:2px 2px 0 0}.work-bars i:nth-child(2n){height:90%;background:#5cbfea}.work-bars i:nth-child(3n){height:45%}.kanban-title{font-size:10px;display:flex;justify-content:space-between;margin:8px 0 10px}.kanban-title span{color:#7fa4cc}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;position:relative}.kanban>div{background:#09172a;border-radius:5px;padding:7px;min-height:116px}.kanban>div>small{display:flex;justify-content:space-between;font-size:8px;color:#7494b9}.kanban small b{font-weight:400;color:#9fbfe0}.kanban article{background:#1a304d;border:1px solid #39618a;padding:9px 8px;margin-top:9px;border-radius:4px;min-height:75px}.card-dot{display:block;width:15px;height:3px;border-radius:2px;background:#58b8ed;margin-bottom:7px}.kanban strong{display:block;font-size:9px;font-weight:500;line-height:1.4}.kanban article>span{font-size:7px;color:#91b1d5;display:block;margin-top:6px}.kanban em{font-size:6px;font-style:normal;color:#8bb7d7;display:block;margin-top:7px}.card-lines{width:65%;height:3px;background:#36526f;margin-top:9px}.card-progress{height:3px;background:#2f4762;margin-top:9px}.card-progress i{display:block;width:35%;height:100%;background:#64c8ff;transition:width 1.3s}.drop-slot{display:grid;place-items:center;font-size:25px;color:#38516b;height:75px;margin-top:9px;border:1px dashed #315578;border-radius:5px}.moving-task{position:relative;z-index:1;transition:transform 1.1s cubic-bezier(.2,.7,.3,1),border-color 1s,background 1s}.software[data-phase="3"] .moving-task,.software[data-phase="4"] .moving-task{transform:translateX(calc(100% + 23px));border-color:#4eb9bd;background:#183b4d}.software[data-phase="3"] .card-progress i,.software[data-phase="4"] .card-progress i{width:100%}.workspace-activity{display:flex;gap:8px;margin-top:12px;font-size:9px;align-items:center}.workspace-activity>span{color:#84dfc9;background:#27555b55;border-radius:50%;padding:4px}.workspace-activity small{color:#7e9dbd;font-size:7px}.workspace-activity p{font-size:8px;color:#b1c7df;margin:2px 0}
.data-transform{height:385px;position:relative;display:grid;grid-template-rows:144px 29px 1fr}.data-source,.data-target{border:1px solid #34557677;border-radius:6px;overflow:hidden;background:#11223a;position:relative}.data-pane-title{display:flex;gap:8px;align-items:center;font-size:9px;padding:7px 12px;background:#1b302e;color:#abd5c5}.data-pane-title .excel-mark{width:18px;height:20px;font-size:12px}.data-table{width:100%;border-collapse:collapse;font:9px/1.4 'DM Sans',sans-serif;text-align:left}.data-table th{padding:5px 12px;background:#182b43;color:#8eaac7;font-size:8px;font-weight:400;border-bottom:1px solid #30496a}.data-table td{padding:5px 12px;color:#b8cde4;border-bottom:1px solid #2a405d55;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table th:last-child,.data-table td:last-child{text-align:right}.raw-data .duplicate-record{background:#663d2633}.raw-data .duplicate-record td{color:#edb880}.raw-data,.clean-data{transition:opacity .5s}.clean-data{position:absolute;left:0;right:0;top:34px;opacity:0;background:#11223a}.migration[data-phase="1"] .clean-data,.migration[data-phase="2"] .clean-data,.migration[data-phase="3"] .clean-data,.migration[data-phase="4"] .clean-data{opacity:1}.migration:not([data-phase="0"]) .raw-data{opacity:0}.validation-status{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:7px;padding:4px 12px;background:#1b2c42;font-size:8px;color:#82a8cb}.validation-status b{font-weight:400}.validation-status span{color:#91d5ed}.data-transfer{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.data-transfer>span{font:7px monospace;background:#15395e;color:#8addff;border:1px solid #3474ab;border-radius:3px;padding:1px 6px;opacity:0;transform:translateY(-20px)}.data-transfer i{font-size:20px;color:#54a8e2;font-style:normal}.migration[data-phase="2"] .data-transfer>span{animation:data-packet 1.5s ease-in-out infinite}.migration[data-phase="2"] .data-transfer>span:nth-child(2){animation-delay:.2s}.migration[data-phase="2"] .data-transfer>span:nth-child(3){animation-delay:.4s}.cloud-summary{display:flex;gap:25px;padding:10px 14px;align-items:center}.cloud-summary small{font-size:8px;color:#8cafd0;display:block}.cloud-summary b{font:500 20px 'Space Grotesk',sans-serif;display:block;margin-top:3px}.cloud-icon{margin-left:auto;font-size:30px;color:#4d97d7;line-height:1}.target-records{opacity:.08;transform:translateY(10px);transition:opacity .9s,transform .9s}.migration[data-phase="3"] .target-records,.migration[data-phase="4"] .target-records{opacity:1;transform:translateY(0)}.cloud-confirm{position:absolute;right:13px;bottom:7px;display:flex;gap:5px;font-size:8px;color:#85e5d7;background:#113b41;padding:5px 8px;border:1px solid #459d9555;border-radius:4px;opacity:0;transition:opacity .6s}.cloud-confirm b{font-weight:400}.migration[data-phase="4"] .cloud-confirm{opacity:1}
.ai-workspace{height:385px;display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #36547677;border-radius:7px;overflow:hidden;background:#0b192e}.document-pane{background:#13243b;border-right:1px solid #37537277;padding-bottom:10px}.document-nav{padding:14px 12px;font-size:10px;border-bottom:1px solid #36527555;color:#b4c9e2}.document-list{padding:8px 9px}.document-list b,.document-list>span{display:block;font-size:8px;padding:7px;border-radius:3px;font-weight:400;color:#7796b9}.document-list b{color:#a9c9ec}.assistant:not([data-phase="0"]) .doc-selected{background:#234969;color:#bfe8ff}.document-paper{margin:0 12px;background:#dfe9f0;border-radius:2px;min-height:220px;padding:17px 13px;color:#31455b;box-shadow:0 8px 20px #0002;transform:perspective(800px) rotateY(4deg);transition:transform .7s}.document-paper>small{display:block;font-size:6px;line-height:1.5;color:#71869a;letter-spacing:.3px}.document-paper .mock-heading{font:600 14px/1.2 'Space Grotesk',sans-serif;color:#263d56;margin:12px 0}.document-paper p{font-size:8px;line-height:1.7;padding:3px;margin:5px -3px;border-radius:2px;transition:background .7s}.assistant:not([data-phase="0"]) .document-highlight{background:#86c9f266}.paper-lines{height:28px;margin:11px 0;background:repeating-linear-gradient(transparent 0 6px,#b8c7d4 7px,transparent 8px)}.conversation{position:relative;min-width:0;padding-bottom:36px}.chat-question{margin:15px 13px 0 35px;border-radius:8px 8px 0 8px;background:#214677;padding:10px 12px}.chat-question small{font-size:7px;color:#84b6ea}.chat-question p{font-size:11px;line-height:1.5;margin:4px 0 0}.chat-search{display:flex;gap:6px;margin:16px 13px;font-size:8px;color:#80a9ce;transition:opacity .4s;height:14px}.chat-search i{width:5px;height:5px;border-radius:50%;background:#6bcaff;align-self:center;box-shadow:8px 0 #5996cb,16px 0 #385f88;margin-right:16px;animation:thinking 1s infinite}.chat-answer{position:relative;margin:-15px 13px 0 14px;padding:8px 0 0 23px;opacity:0;transform:translateY(8px);transition:opacity .7s,transform .7s}.ai-orb{position:absolute;left:0;font-size:18px;color:#70cfff}.chat-answer p{font-size:10px;line-height:1.7;color:#c1d5eb;margin:0}.citation{display:block;padding:6px 0;font-size:7px;color:#69bfff;line-height:1.5}.approval-card{margin:10px 13px 0;padding:10px;background:#1c2f48;border:1px solid #486b8977;border-radius:5px;display:grid;grid-template-columns:17px 1fr;gap:4px;opacity:0;transform:translateY(8px);transition:opacity .7s,transform .7s}.approval-card>span{font-size:14px;color:#80b8e7}.approval-card b{font-size:8px;line-height:1.5;font-weight:500}.approval-card strong{grid-column:2;font-size:8px;color:#edc88e;font-weight:500;line-height:1.5}.approval-card small{grid-column:2;font-size:7px;color:#8ca8c9;line-height:1.5}.chat-input{position:absolute;bottom:11px;left:12px;right:12px;background:#162b45;border:1px solid #2f4c6d;border-radius:5px;padding:9px;color:#587997;font-size:7px;display:flex;justify-content:space-between;gap:5px}.chat-input span{background:#2d5a88;border-radius:3px;padding:0 3px;color:#94c5e8}.assistant[data-phase="2"] .chat-search,.assistant[data-phase="3"] .chat-search,.assistant[data-phase="4"] .chat-search{opacity:0}.assistant[data-phase="2"] .chat-answer,.assistant[data-phase="3"] .chat-answer,.assistant[data-phase="4"] .chat-answer,.assistant[data-phase="3"] .approval-card,.assistant[data-phase="4"] .approval-card{opacity:1;transform:translateY(0)}.assistant[data-phase="4"] .approval-card{border-color:#bc995970;background:#322c26}
.invoice-workspace{height:385px;display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.order-pane{background:#10213a;border:1px solid #2b4868;border-radius:6px;overflow:hidden;align-self:start;margin-top:17px}.order-content{padding:18px 15px}.order-number{color:#7da9d4;font:10px 'Space Grotesk',sans-serif}.order-content .mock-heading{font-size:20px;margin:8px 0 3px;letter-spacing:-.5px}.order-content>p{font-size:9px;color:#8aa6c5;margin-bottom:20px}.order-product{display:flex;gap:9px;align-items:center;border:1px solid #304e6c;border-radius:5px;padding:12px 8px}.product-cube{font-size:25px;color:#83c5f8;line-height:1}.order-product b{font-size:9px;font-weight:500;display:block}.order-product small{font-size:8px;color:#84a5c9;display:block;margin-top:5px}.order-total{display:flex;justify-content:space-between;font-size:10px;padding:13px 0;border-bottom:1px solid #32507377}.order-total span{color:#7ea0c4}.integration-log{display:grid;gap:9px;padding-top:16px}.integration-log span{font-size:8px;color:#6d8ba9;opacity:.4;transition:opacity .4s,color .4s}.workflow:not([data-phase="0"]) .integration-log span:first-child{opacity:1;color:#85d8f2}.workflow[data-phase="2"] .integration-log span:nth-child(2),.workflow[data-phase="3"] .integration-log span:nth-child(2),.workflow[data-phase="4"] .integration-log span:nth-child(2),.workflow[data-phase="3"] .integration-log span:nth-child(3),.workflow[data-phase="4"] .integration-log span:nth-child(3){opacity:1;color:#85d8f2}.invoice-pane{position:relative;display:grid;align-items:center;perspective:900px;min-width:0}.invoice-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:center;font-size:9px;color:#6086ac;border:1px dashed #365f84;border-radius:5px}.invoice-placeholder>span{font-size:45px;color:#3e6285}.invoice-paper{background:#e9f0f5;color:#304358;padding:22px 20px;border-radius:3px;box-shadow:0 20px 40px #0005;opacity:0;transform:rotateY(-12deg) translateX(30px);transition:opacity .8s,transform .8s;position:relative}.workflow:not([data-phase="0"]) .invoice-paper{opacity:1;transform:rotateY(-3deg) translateX(0)}.invoice-brand{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #bac9d8}.invoice-brand>b{font:600 12px/.95 'Space Grotesk',sans-serif;letter-spacing:2px}.invoice-brand>span{font-size:15px;font-weight:500;letter-spacing:1.5px}.invoice-meta{display:flex;justify-content:space-between;color:#7b91a6;font-size:7px;margin:12px 0 17px;gap:7px}.invoice-paper>small{font-size:7px;color:#7b91a6;display:block}.invoice-paper>strong{font-size:10px;display:block;margin:4px 0 17px}.invoice-paper table{width:100%;border-collapse:collapse;text-align:left;opacity:0;transition:opacity .8s}.invoice-paper th{font-size:6px;font-weight:400;color:#7c8f9f;padding-bottom:8px;border-bottom:1px solid #cbd6df}.invoice-paper td{font-size:8px;padding:10px 0;line-height:1.5;border-bottom:1px solid #cbd6df}.invoice-paper th:last-child,.invoice-paper td:last-child{text-align:right}.invoice-sums{margin:16px 0 8px;font-size:8px;opacity:0;transition:opacity .8s}.invoice-sums>span,.invoice-sums>strong{display:flex;justify-content:space-between;gap:10px;margin:8px 0}.invoice-sums b{font-weight:500;white-space:nowrap}.invoice-sums>strong{border-top:1px solid #a7bacb;padding-top:11px;color:#164679;font-size:11px;margin-top:12px}.workflow[data-phase="2"] .invoice-paper table,.workflow[data-phase="3"] .invoice-paper table,.workflow[data-phase="4"] .invoice-paper table,.workflow[data-phase="2"] .invoice-sums,.workflow[data-phase="3"] .invoice-sums,.workflow[data-phase="4"] .invoice-sums{opacity:1}.invoice-stamp{position:absolute;left:18px;right:18px;bottom:25px;background:#d7ece8f5;border:1px solid #4c9284;border-radius:4px;padding:10px 7px;font-size:18px;color:#267466;display:flex;gap:8px;align-items:center;transform:rotate(-5deg) scale(1.1);opacity:0;transition:opacity .5s,transform .5s;box-shadow:0 4px 15px #294e441c}.invoice-stamp span{font-size:9px;font-weight:600}.workflow[data-phase="4"] .invoice-stamp{opacity:1;transform:rotate(-5deg) scale(1)}
.rich-demos[data-playing="false"] *{animation-play-state:paused!important}.rich-demos [hidden]{display:none!important}
.rich-demos .app-transform{height:435px}.rich-demos .data-transform{height:425px;grid-template-rows:170px 29px 1fr}.rich-demos .after-badge{top:auto;bottom:9px}.rich-demos .validation-status b{line-height:1.4}.rich-demos .data-source{padding-bottom:22px}
.rich-demos .invoice-stamp{bottom:-18px;padding:7px}.rich-demos .invoice-placeholder{transition:opacity .4s}.workflow:not([data-phase="0"]) .invoice-placeholder{opacity:0}.rich-demos .workflow .scene-caption{margin-top:30px}
@keyframes demo-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-website{from{transform:translateY(-40%)}to{transform:translateY(40%)}}@keyframes data-packet{0%{opacity:0;transform:translateY(-20px)}40%,60%{opacity:1}100%{opacity:0;transform:translateY(20px)}}@keyframes thinking{50%{opacity:.3}}
@media(min-width:1250px){.rich-demos .demo-stage{grid-template-columns:300px minmax(0,1fr)}.rich-demos .scene{padding:25px 30px 17px}.modern-copy .mock-heading{font-size:43px}.modern-website{padding:21px 30px}.landscape-frame{height:225px}.modern-hero{height:240px}}
@media(max-width:1050px){.rich-demos .demo-stage{grid-template-columns:235px minmax(0,1fr)}.rich-demos .demo-story{padding:28px 20px}.rich-demos .demo-story h3{font-size:26px}.rich-demos .scene{padding:18px 17px 14px}.demo-device-label{display:none}.old-layout{grid-template-columns:95px 1fr;gap:11px}.old-layout .mock-heading{font-size:17px}.old-photo{width:115px}.modern-copy .mock-heading{font-size:33px}.modern-website{padding:20px}.modern-nav small{font-size:6px}.demo-chapters button{padding:15px 7px;font-size:10px;gap:7px}.demo-chapters i{display:none}.ai-workspace{grid-template-columns:.8fr 1.2fr}.invoice-workspace{gap:10px}.invoice-paper{padding:20px 14px}}
@media(max-width:800px){.rich-demos .demo-stage{display:flex;flex-direction:column;min-height:0}.rich-demos .demo-story{display:grid;grid-template-columns:1fr auto;gap:0 20px;border-right:0;border-bottom:1px solid #34507555;padding:22px}.rich-demos .demo-live{grid-column:1}.rich-demos .scene-num{margin:0;grid-column:2;grid-row:1;text-align:right;font-size:10px}.rich-demos .demo-story h3{grid-column:1;white-space:normal;font-size:26px;margin:14px 0 9px}.rich-demos .demo-story>p:not(.illustration){grid-column:1;grid-row:3;font-size:12px;max-width:500px;min-height:58px;margin:0;line-height:1.6}.rich-demos .scene-tags{grid-column:1;margin:13px 0 0}.rich-demos .demo-controls{grid-column:2;grid-row:2/5;align-self:end;flex-direction:column-reverse;padding:0;gap:14px;width:72px}.rich-demos .segments{width:100%;flex:none;height:3px}.rich-demos .illustration{grid-column:1/3;font-size:8px;margin:14px 0 0}.rich-demos .scene{padding:20px 22px 17px}.rich-demos .window-bar{padding:12px 22px}.demo-chapters{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.demo-chapters button{display:flex;flex-direction:column;align-items:flex-start;font-size:10px;line-height:1.4;gap:7px;padding:13px 8px}.web-canvas{height:355px}.modern-copy .mock-heading{font-size:43px}.old-layout{grid-template-columns:120px 1fr}.old-photo{width:145px}.old-layout .mock-heading{font-size:21px}.modern-nav small{font-size:8px}.ai-workspace{grid-template-columns:.85fr 1.15fr}}
@media(max-width:520px){.rich-demos.demo-section{padding-top:55px;padding-bottom:55px}.rich-demos .section-heading{gap:15px}.rich-demos .section-heading h2{font-size:30px}.rich-demos .demo-story{padding:20px 17px;column-gap:10px}.rich-demos .demo-story h3{font-size:24px;min-height:58px}.rich-demos .demo-story>p:not(.illustration){min-height:96px;font-size:11px;line-height:1.7}.rich-demos .demo-controls{width:57px}.rich-demos .demo-story .scene-tags{gap:5px}.rich-demos .scene-tags span{font-size:8px;padding:2px 5px}.rich-demos .demo-live{font-size:6px;letter-spacing:.8px}.rich-demos .scene-num{font-size:9px;letter-spacing:1px}.rich-demos .scene{padding:16px 12px}.rich-demos .window-bar{padding:12px;font-size:7px;letter-spacing:.8px}.rich-demos .screen-footer{padding:9px 12px;font-size:6px;letter-spacing:.5px}.rich-demos .scene-topline{font-size:10px;line-height:1.5;margin-bottom:12px;min-height:30px}.web-canvas{height:335px}.old-website{padding:17px 11px 8px}.old-logo{font-size:18px}.old-logo small{font-size:6px;margin-left:5px}.old-nav{font-size:8px}.old-news{font-size:8px;line-height:1.5}.old-layout{grid-template-columns:73px 1fr;gap:8px}.old-layout aside{font-size:6px}.old-layout aside b,.old-layout aside span{padding:7px 5px}.old-layout .mock-heading{font-size:16px;line-height:1.2}.old-photo{width:100%;height:82px;float:none;margin:0 0 5px}.old-layout p{font-size:9px;line-height:1.5}.old-layout u{font-size:7px}.old-bottom{margin-top:14px;font-size:7px}.modern-website{padding:21px 14px}.modern-nav>b{font-size:11px;letter-spacing:1.4px}.modern-nav b span{font-size:5px;letter-spacing:2.8px}.modern-nav small{font-size:5px;letter-spacing:-.3px;white-space:nowrap}.modern-nav{gap:6px}.modern-hero{height:230px;grid-template-columns:1.1fr 1fr;gap:0}.modern-copy>small{font-size:4px;letter-spacing:.7px}.modern-copy .mock-heading{font-size:29px;letter-spacing:-1.4px;margin-right:-30px;position:relative;z-index:2}.modern-copy p{font-size:7px;max-width:135px;margin-bottom:12px}.mock-cta{font-size:6px;padding:8px;gap:9px}.landscape-frame{height:195px;border-top-left-radius:45px}.modern-bottom{gap:7px;font-size:6px;padding-top:12px}.modern-bottom>span{font-size:5px;max-width:100px}.modern-bottom i{font-size:13px}.compare-badge{top:7px;font-size:7px;padding:4px 6px}.phone-preview{width:91px;height:191px;border-radius:14px;padding:19px 7px 8px;bottom:-9px;right:-3px;border-width:3px}.phone-camera{left:28px;width:25px}.phone-preview>b{font-size:5px}.phone-preview>small{font-size:3px;margin-top:11px}.phone-preview>strong{font-size:13px}.phone-mountains{height:48px;margin-top:8px}.phone-preview>span{font-size:4px}.phone-preview>i{font-size:4px}.web-comparison-labels{font-size:8px;padding-top:14px}.scene-caption{margin-top:16px;min-height:54px;align-items:flex-start;padding-top:3px;gap:8px}.caption-dot{margin-top:6px;width:5px;height:5px;flex-basis:5px}.phase-caption{font-size:11px}.scene-footnote{font-size:8px;min-height:26px}.demo-chapters button{font-size:8px;padding:13px 4px;overflow-wrap:anywhere}.demo-chapters small{font-size:8px}.app-transform{height:385px}.sheet-menu{font-size:9px;padding:12px 10px}.spreadsheet table{font-size:9px}.spreadsheet th,.spreadsheet td{padding:5px;height:34px}.spreadsheet th{font-size:8px}.sheet-sticky{font-size:12px;max-width:150px;padding:15px;right:18px;bottom:23px}.transform-pill{font-size:7px;gap:4px;padding:8px;max-width:95%;white-space:normal;text-align:center}.transform-pill b{margin:0 5px}.workspace-body{padding:15px 10px}.workspace-greeting .mock-heading{font-size:17px}.metric-grid{gap:6px}.metric-grid>div{padding:8px 6px;min-height:69px}.metric-grid small{font-size:6px;min-height:18px}.metric-grid b{font-size:23px}.metric-grid svg{width:25px;height:18px;right:4px;bottom:8px}.metric-trend{right:7px;font-size:14px}.work-bars{gap:3px;height:27px}.kanban{gap:6px}.kanban>div{padding:5px;min-height:130px}.kanban>div>small{font-size:6px}.kanban article{padding:8px 5px;min-height:95px}.kanban strong{font-size:8px}.kanban article>span{font-size:6px;line-height:1.5}.kanban em{font-size:5px;line-height:1.5}.card-dot{margin-bottom:6px}.drop-slot{height:95px}.software[data-phase="3"] .moving-task,.software[data-phase="4"] .moving-task{transform:translateX(calc(100% + 16px))}.workspace-activity p{font-size:7px}.data-table td{padding:5px 7px;font-size:8px}.data-table th{padding:5px 7px;font-size:7px}.data-pane-title{font-size:8px;padding:7px 9px}.data-transform{height:385px;grid-template-rows:144px 29px 1fr}.cloud-summary{padding:12px 10px;gap:18px}.cloud-summary b{font-size:19px}.cloud-summary small{font-size:7px}.cloud-confirm{right:7px;bottom:8px;font-size:7px}.ai-workspace{height:440px;grid-template-columns:1fr;grid-template-rows:112px 1fr}.document-pane{border-right:0;border-bottom:1px solid #37537277;display:grid;grid-template-columns:105px 1fr;padding:0;overflow:hidden}.document-nav{grid-column:1;font-size:8px;line-height:1.4;padding:10px 9px;border:0}.document-list{grid-column:1;grid-row:2;padding:0 4px 6px}.document-list b,.document-list>span{font-size:6px;padding:5px 4px}.document-list>span:last-child{display:none}.document-paper{grid-column:2;grid-row:1/3;margin:9px 9px -80px 0;min-height:180px;padding:10px;transform:rotate(-3deg)}.document-paper>small{font-size:5px}.document-paper .mock-heading{font-size:10px;margin:7px 0}.document-paper p{font-size:6px;margin:2px -3px;padding:2px 3px;line-height:1.5}.paper-lines{margin:7px 0;height:18px}.conversation .app-bar{min-height:31px;padding:6px 11px}.app-bar strong{font-size:8px}.app-user{width:18px;height:18px;font-size:6px}.chat-question{margin-top:11px;margin-left:47px;padding:8px 10px}.chat-question p{font-size:10px}.chat-search{margin-top:13px}.chat-answer{margin-left:13px;margin-top:-14px}.chat-answer p{font-size:10px;line-height:1.6}.approval-card{margin-top:8px;padding:8px}.approval-card b{font-size:8px}.approval-card strong{font-size:8px}.approval-card small{font-size:6px}.chat-input{bottom:9px;padding:7px}.invoice-workspace{height:435px;grid-template-columns:1fr;grid-template-rows:110px 1fr;gap:13px}.order-pane{margin-top:0;display:grid;grid-template-columns:100px 1fr}.order-pane .app-bar{flex-wrap:wrap;gap:3px;justify-content:center;align-content:center;border-bottom:0;border-right:1px solid #36577a77;padding:10px;font-size:8px;text-align:center}.order-pane .app-bar strong{width:100%;font-size:8px}.order-pane .app-user{display:none}.order-content{padding:10px 12px;position:relative}.order-number{font-size:8px}.order-content .mock-heading{font-size:13px;margin:2px 0}.order-content>p{font-size:7px;margin:3px 0 6px}.order-product{border:0;padding:0;gap:5px}.product-cube{font-size:17px}.order-product b{font-size:7px}.order-product small{font-size:7px;margin:2px 0}.order-total{display:none}.integration-log{position:absolute;left:-95px;bottom:7px;gap:4px;width:88px;padding:0}.integration-log span{font-size:5px;line-height:1.3}.invoice-pane{width:89%;margin:0 auto}.invoice-paper{padding:17px 18px}.invoice-brand{padding-bottom:11px}.invoice-brand>b{font-size:10px}.invoice-brand>span{font-size:13px}.invoice-meta{margin:10px 0 12px;font-size:6px}.invoice-paper>strong{margin-bottom:12px;font-size:9px}.invoice-paper td{padding:8px 0;font-size:7px}.invoice-sums{margin-top:11px}.invoice-sums>strong{font-size:10px;padding-top:8px}.invoice-stamp{bottom:22px;padding:9px 7px}.invoice-stamp span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.rich-demos *,.rich-demos *:before,.rich-demos *:after{animation:none!important;transition:none!important}.rich-demos .scan-beam,.rich-demos .data-transfer>span{display:none}.rich-demos .chat-search i{animation:none}}

/* Review corrections: readable content, stable paused scenes and complete examples. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.button{background:#205fc8;color:#fff}.button:hover{background:#174fab}
.langs>span,.hero-bottom,.coord,.screen-footer,.site-footer,.site-footer small,.site-footer nav,.footer-languages,.scene-num,.catalogue-number,.demo-chapters small{color:#91abc9}
.site-footer a{color:#a2bad6}.site-footer a:hover{color:#fff}.site-footer nav,.footer-languages{font-size:12px}.site-footer small{font-size:11px}.site-footer p{font-size:12px}
.catalogue-item p,.chapter-overview>p{font-size:14px;line-height:1.8}.chapter-overview>.chapter-example{font-size:12px;color:#93afcf}.service-rail a{font-size:12px;min-height:44px}
.rich-demos .scene{animation:none;opacity:1;transform:none}.rich-demos .demo-stage{grid-template-columns:275px minmax(0,1fr)}
.rich-demos .scene-num{color:#97b9df}.rich-demos .demo-story>p:not(.illustration){font-size:14px;line-height:1.75;color:#b2c5df}.rich-demos .scene-tags span{font-size:10px;color:#adc9ec}
.rich-demos .illustration{font-size:11px;color:#96afcd;line-height:1.6}.rich-demos .demo-controls{gap:12px}.rich-demos #pause{min-height:44px;min-width:75px;font-size:12px;justify-content:center;cursor:pointer}
.rich-demos .window-bar{color:#9db7d4;font-size:9px}.rich-demos .window-status{font-size:8px}.rich-demos .screen-footer{color:#91abc9;font-size:9px;letter-spacing:.8px}
.rich-demos .scene-topline{font-size:14px;line-height:1.5}.rich-demos .phase-caption{font-size:14px;color:#cce1f7}.rich-demos .scene-caption{min-height:54px}.rich-demos .scene-footnote{font-size:11px;color:#a0bbd9;min-height:34px}
.demo-navigation-hint,.demo-technical-note{font-size:12px;line-height:1.6;color:#9ab3d1;margin-top:18px}.demo-technical-note{margin-top:12px}.rich-demos .demo-chapters{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.rich-demos .demo-chapters button{font-size:13px;min-height:56px;line-height:1.5;align-items:center}.rich-demos .demo-chapters button small{font-size:10px;color:#9bbce0}
.rich-demos .app-transform{height:470px}.kanban .secondary-task{min-height:0;height:auto;padding:8px;margin-top:6px;background:#13283f}.kanban .secondary-task strong{font-size:9px}.kanban .secondary-task span{font-size:7px;margin-top:3px}
.rich-demos .web-comparison-labels{font-size:11px}.rich-demos .web-comparison-labels>span{color:#acc3dc}.rich-demos .compare-badge{font-size:10px;padding:5px 8px;top:auto;bottom:8px}.rich-demos .before-badge{right:8px;left:auto}.rich-demos .after-badge{left:8px;right:auto}
.rich-demos .invoice-stamp{position:static;transform:none;margin:13px 0 0;opacity:0;min-height:36px;box-shadow:none;font-size:16px}.rich-demos .invoice-stamp span{font-size:10px}.rich-demos .workflow[data-phase="4"] .invoice-stamp{transform:none}.rich-demos .invoice-workspace{height:435px}.rich-demos .workflow .scene-caption{margin-top:18px}.invoice-paper table th{font-size:8px}
.rich-demos .validation-status{font-size:9px}.rich-demos .scene-caption .caption-dot{margin-top:7px;align-self:flex-start}
.rich-demos .app-bar strong{font-size:10px}.rich-demos .workspace-activity p{font-size:10px}.rich-demos .workspace-activity small{font-size:9px}
.care-workspace,.handover-workspace{min-height:435px;background:#102039;border:1px solid #345677;border-radius:7px;overflow:hidden}
.care-layout{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.care-site{min-width:0}.care-domain{font-size:11px;color:#b4cce5;margin:0 0 12px}.care-site-preview{height:220px;border:1px solid #456c94;border-radius:6px;overflow:hidden;background:#071427;position:relative}.care-site-preview>.modern-website{width:500px;height:355px;transform:scale(.54);transform-origin:top left}.care-initial,.care-restored{font-size:11px;line-height:1.6;padding:12px 0;color:#e3bd87}.care-restored{color:#9ee1d5;opacity:0;transform:translateY(5px);transition:opacity .6s,transform .6s}.care-initial{transition:opacity .6s}.care-check{display:flex;align-items:center;gap:10px;border-bottom:1px solid #36547388;padding:14px 0;min-height:70px}.care-check-icon{width:30px;height:30px;border-radius:6px;background:#26374c;color:#a9c6e5;display:grid;place-items:center;font-size:20px;flex-shrink:0}.care-check strong{font-size:13px;display:block;font-weight:500}.care-check small{font-size:10px;line-height:1.5;color:#e2be8d;display:block;margin-top:4px}.care-done{display:none!important}.care:not([data-phase="0"]) .care-backup .care-pending,.care[data-phase="2"] .care-updates .care-pending,.care[data-phase="3"] .care-updates .care-pending,.care[data-phase="4"] .care-updates .care-pending,.care[data-phase="3"] .care-security .care-pending,.care[data-phase="4"] .care-security .care-pending{display:none}.care:not([data-phase="0"]) .care-backup .care-done,.care[data-phase="2"] .care-updates .care-done,.care[data-phase="3"] .care-updates .care-done,.care[data-phase="4"] .care-updates .care-done,.care[data-phase="3"] .care-security .care-done,.care[data-phase="4"] .care-security .care-done{display:block!important;color:#9fe3d5}.backup-file{display:flex;gap:9px;margin-top:20px;font-size:22px;color:#90c9f1;opacity:0;transition:opacity .6s}.backup-file>div{flex:1;min-width:0}.backup-file b{font-size:11px;font-weight:500;display:block}.backup-file small{font-size:8px;color:#9bb5d0;display:block;margin-top:5px}.backup-file i{display:block;height:3px;background:#6bd2c0;width:0;margin-top:9px;transition:width 1.3s}.care:not([data-phase="0"]) .backup-file{opacity:1}.care:not([data-phase="0"]) .backup-file i{width:100%}.care-event{display:flex;gap:8px;align-items:center;background:#243044;padding:10px;margin-top:15px;border-radius:4px;font-size:10px;color:#a4c6e7;opacity:0;transition:opacity .6s}.care-event p{font-size:10px;line-height:1.5;flex:1}.care-event b{color:#98dfcc}.care[data-phase="3"] .care-event,.care[data-phase="4"] .care-event{opacity:1}.care[data-phase="4"] .care-initial{display:none}.care[data-phase="4"] .care-restored{opacity:1;transform:none}
.handover-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;padding:20px}.brief-note{padding:16px 13px;background:#fff0b7;color:#3a453c;transform:rotate(-3deg);box-shadow:0 5px 12px #0002;border-radius:3px}.brief-note small{font-size:10px;font-weight:600}.brief-note p{font:italic 16px/1.5 Georgia,serif;margin-top:10px}.delivery-scope{margin-top:23px;border-left:2px solid #599ac6;padding-left:12px;opacity:.2;transition:opacity .6s}.delivery-scope small{font-size:10px;color:#aad5f3}.delivery-scope p{font-size:12px;line-height:1.6;margin-top:7px;color:#c0d2e7}.handover:not([data-phase="0"]) .delivery-scope{opacity:1}.handover-checklist{display:grid;gap:11px;margin-top:20px}.handover-checklist span{font-size:10px;line-height:1.5;color:#a7dfd3;opacity:.2;transition:opacity .6s}.handover[data-phase="2"] .handover-checklist span:first-child,.handover[data-phase="3"] .handover-checklist span:nth-child(-n+2),.handover[data-phase="4"] .handover-checklist span{opacity:1}.guide-paper{background:#e8eff5;color:#29405b;padding:20px 16px;box-shadow:0 10px 25px #0004;border-radius:4px;transform:translateY(10px);opacity:.15;transition:opacity .7s,transform .7s;min-width:0}.handover[data-phase="2"] .guide-paper,.handover[data-phase="3"] .guide-paper,.handover[data-phase="4"] .guide-paper{opacity:1;transform:none}.guide-cover small{display:block;font-size:7px;letter-spacing:1.5px;color:#526d86}.guide-cover>span{display:block;font-size:10px;color:#45698c;margin-top:9px}.guide-paper .mock-heading{font-size:19px;line-height:1.2;margin:10px 0 16px;letter-spacing:-.5px}.guide-form{background:#d4e1ec;border:1px solid #bbcede;border-radius:4px;padding:11px;font-size:10px}.guide-form>span{display:block;color:#5b7388;font-size:9px;margin:4px 0 10px}.guide-form>div{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:9px}.guide-form small{font-size:8px}.guide-form b{font-weight:600}.guide-paper ol{list-style:none;margin:15px 0;padding:0}.guide-paper li{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #c4d3e0;font-size:10px;line-height:1.4}.guide-paper li>span{font-size:8px;color:#567994}.guide-paper li>b{margin-left:auto;color:#286c5c;opacity:0}.handover[data-phase="3"] .guide-paper li,.handover[data-phase="4"] .guide-paper li{background:#b9e2d655}.handover[data-phase="3"] .guide-paper li>b,.handover[data-phase="4"] .guide-paper li>b{opacity:1}.guide-ready{font-size:10px;color:#266957;background:#c6e4db;border-radius:4px;padding:10px;margin-top:12px;opacity:0;transition:opacity .6s}.handover[data-phase="4"] .guide-ready{opacity:1}
/* At rest the UI is fully visible; only the timeline is stopped. */
.rich-demos[data-playing="false"] .scene{animation:none;opacity:1;transform:none}
@media(max-width:1050px){.rich-demos .demo-stage{grid-template-columns:245px minmax(0,1fr)}.rich-demos .demo-story>p:not(.illustration){font-size:13px}.care-layout,.handover-layout{padding:16px;gap:14px}.care-site-preview>.modern-website{transform:scale(.43)}.care-site-preview{height:185px}.care-check strong{font-size:12px}.care-check small{font-size:9px}.guide-paper{padding:15px 12px}.guide-paper .mock-heading{font-size:17px}.guide-paper li{font-size:9px}}
@media(max-width:800px){.rich-demos .demo-stage{display:flex}.rich-demos .demo-story{display:grid;grid-template-columns:1fr;gap:0;padding:22px}.rich-demos .demo-live{grid-row:1;grid-column:1;padding-right:80px;font-size:9px}.rich-demos .scene-num{grid-row:1;grid-column:1;justify-self:end;margin:0;font-size:11px}.rich-demos .demo-story h3{grid-row:2;grid-column:1;min-height:0;font-size:27px;margin:13px 0 8px}.rich-demos .demo-story>p:not(.illustration){grid-row:3;grid-column:1;min-height:0;max-width:100%;font-size:14px;line-height:1.65}.rich-demos .scene-tags{grid-row:4;grid-column:1;margin-top:12px}.rich-demos .demo-controls{grid-row:5;grid-column:1;align-self:auto;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:12px;gap:18px}.rich-demos .segments{width:auto;flex:1;max-width:none}.rich-demos #pause{min-width:85px;min-height:44px}.rich-demos .illustration{grid-column:1;grid-row:6;font-size:11px;margin:7px 0 0}.rich-demos .scene-caption{min-height:58px}.rich-demos .demo-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}.rich-demos .demo-chapters button{display:flex;flex-direction:row;gap:8px;min-height:58px;font-size:12px;padding:12px 10px}.care-site-preview>.modern-website{transform:scale(.6)}.care-site-preview{height:230px}.care-check strong{font-size:13px}.care-check small{font-size:10px}.guide-paper .mock-heading{font-size:21px}.guide-paper li{font-size:11px}}
@media(max-width:520px){.hero-art{height:255px;transform:scale(.64)}.rich-demos .demo-story{padding:20px 17px}.rich-demos .demo-story h3{font-size:25px}.rich-demos .demo-story>p:not(.illustration){font-size:13px}.rich-demos .demo-live{font-size:8px}.rich-demos .scene-tags span{font-size:10px;padding:3px 7px}.rich-demos .demo-story .scene-tags{gap:7px}.rich-demos .scene{padding:16px 13px}.rich-demos .scene-topline{font-size:12px;min-height:36px}.rich-demos .phase-caption{font-size:13px;line-height:1.6}.rich-demos .scene-footnote{font-size:10px;line-height:1.6;min-height:34px}.rich-demos .scene-caption{min-height:66px}.rich-demos .screen-footer{font-size:8px;letter-spacing:.2px}.rich-demos .window-bar{font-size:8px}.rich-demos .illustration{font-size:10px}.rich-demos .demo-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.rich-demos .demo-chapters button{min-height:52px;font-size:12px;padding:12px 8px}.rich-demos .demo-chapters button:last-child{grid-column:1/-1}.rich-demos .demo-chapters small{font-size:10px}.demo-navigation-hint,.demo-technical-note{font-size:11px}.rich-demos .app-transform{height:500px}.rich-demos .workspace-activity p{font-size:9px;line-height:1.5}.rich-demos .workspace-activity small{font-size:8px}.rich-demos .metric-grid small{font-size:8px;line-height:1.4;min-height:23px}.rich-demos .kanban>div>small{font-size:8px;line-height:1.5}.rich-demos .kanban>div>small b{margin-left:2px}.rich-demos .kanban strong{font-size:9px}.rich-demos .kanban article>span{font-size:7px}.rich-demos .kanban em{font-size:7px;line-height:1.5}.rich-demos .kanban .secondary-task{min-height:0}.rich-demos .invoice-workspace{height:490px;grid-template-rows:125px 1fr;gap:15px}.rich-demos .order-pane .app-bar strong{font-size:9px}.rich-demos .order-content>p{font-size:8px}.rich-demos .order-product b,.rich-demos .order-product small{font-size:8px}.rich-demos .integration-log span{font-size:6px}.rich-demos .invoice-paper td{font-size:9px}.rich-demos .invoice-meta{font-size:8px}.rich-demos .invoice-paper>small{font-size:9px}.rich-demos .invoice-sums{font-size:10px}.rich-demos .invoice-sums>strong{font-size:12px}.rich-demos .invoice-stamp span{font-size:9px}.rich-demos .web-comparison-labels{font-size:10px;gap:14px}.care-layout{grid-template-columns:1fr;padding:16px;gap:10px}.care-site{display:grid;grid-template-columns:85px 1fr;gap:0 13px}.care-domain{grid-column:1/-1;font-size:10px;margin-bottom:10px}.care-site-preview{height:95px;grid-column:1;grid-row:2/4}.care-site-preview>.modern-website{transform:scale(.18)}.care-initial,.care-restored{grid-column:2;grid-row:2/4;align-self:center;font-size:11px;padding:0}.care-restored{display:none}.care[data-phase="4"] .care-restored{display:block}.care-check{min-height:66px;padding:12px 0}.care-check strong{font-size:13px}.care-check small{font-size:11px}.backup-file{margin-top:16px}.backup-file b{font-size:12px}.care-event{font-size:11px}.care-event p{font-size:11px}.care-workspace{min-height:0}.handover-layout{grid-template-columns:1fr;padding:15px;gap:17px}.delivery-brief{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brief-note{padding:12px 10px;transform:rotate(-2deg)}.brief-note p{font-size:13px;line-height:1.5;margin-top:7px}.brief-note small{font-size:9px}.delivery-scope{margin:0;padding-left:10px}.delivery-scope p{font-size:11px;line-height:1.6}.delivery-scope small{font-size:10px}.handover-checklist{grid-column:1/-1;margin-top:0;gap:7px}.handover-checklist span{font-size:11px}.guide-paper{padding:18px}.guide-paper .mock-heading{font-size:22px}.guide-paper li{font-size:12px;padding:9px 0}.guide-form{font-size:12px}.guide-form>span,.guide-form>div{font-size:11px}.guide-form small{font-size:10px}.guide-cover>span,.guide-ready{font-size:11px}.guide-cover small{font-size:9px}.site-footer nav,.footer-languages{font-size:12px}.site-footer small,.site-footer p{font-size:11px}.hero-bottom{font-size:8px}.catalogue-item p{font-size:14px}.chapter-overview>.chapter-example{font-size:12px}.service-rail a{font-size:11px}}
@media(max-width:520px){.handover-workspace{height:530px;min-height:0}.handover-layout{position:relative;min-height:480px;display:block}.delivery-brief{position:absolute;inset:15px;background:#102039;z-index:2;display:flex;flex-direction:column;gap:18px;padding:12px;opacity:1;transition:opacity .6s,visibility .6s}.brief-note{padding:20px 16px}.brief-note small{font-size:11px}.brief-note p{font-size:18px;line-height:1.5}.delivery-scope p{font-size:13px}.delivery-scope small{font-size:12px}.handover-checklist{gap:13px}.handover[data-phase="2"] .delivery-brief,.handover[data-phase="3"] .delivery-brief,.handover[data-phase="4"] .delivery-brief{opacity:0;visibility:hidden}.guide-paper{min-height:440px}.guide-paper .mock-heading{margin-bottom:14px}}
.rich-demos .app-transform{height:auto;min-height:470px}
@media(max-width:520px){.rich-demos .app-transform{height:auto;min-height:500px}.handover-workspace{height:auto;min-height:530px}.rich-demos .ai-workspace{height:auto;min-height:440px}.conversation{min-height:328px;padding-bottom:54px}.rich-demos .invoice-workspace{height:auto;min-height:490px;grid-template-rows:125px auto}}
@media(max-width:520px){.rich-demos .invoice-paper{transform:translateX(18px)}.rich-demos .workflow:not([data-phase="0"]) .invoice-paper{transform:none}}
.care-site-preview>.modern-website{width:100%;height:100%;transform:none;padding:15px}.care-site-preview .modern-nav>b{font-size:11px}.care-site-preview .modern-nav b span{font-size:5px;letter-spacing:2.8px}.care-site-preview .modern-nav small{font-size:6px}.care-site-preview .modern-hero{height:165px;grid-template-columns:1.1fr 1fr}.care-site-preview .modern-copy>small{font-size:5px;white-space:normal}.care-site-preview .modern-copy .mock-heading{font-size:27px;letter-spacing:-1.2px;margin:8px -15px 8px 0}.care-site-preview .modern-copy p{font-size:7px;line-height:1.4;margin-bottom:8px}.care-site-preview .mock-cta{font-size:6px;padding:7px;gap:10px}.care-site-preview .landscape-frame{height:140px}.care-site-preview .modern-bottom{display:none}
@media(max-width:520px){.care-site-preview>.modern-website{width:500px;height:530px;transform:scale(.18);padding:25px}.care-site-preview .modern-nav>b{font-size:20px}.care-site-preview .modern-nav small{display:none}.care-site-preview .modern-hero{height:410px;grid-template-columns:1fr}.care-site-preview .modern-copy>small{font-size:10px}.care-site-preview .modern-copy .mock-heading{font-size:42px;letter-spacing:-2px}.care-site-preview .modern-copy p{display:none}.care-site-preview .mock-cta{font-size:10px;padding:9px}.care-site-preview .landscape-frame{height:175px}}
@media(prefers-reduced-motion:reduce){.rich-demos *,.rich-demos *:before,.rich-demos *:after{animation:none!important;transition:none!important}.rich-demos .scene{opacity:1!important;transform:none!important}}

/* A complete photographic portfolio, inside the fictional browser. */
.editorial-site.modern-website{padding:0;background:#f7f5ef;color:#172b2c;position:relative;font-family:'DM Sans',sans-serif}
.editorial-site .modern-cover{height:253px;position:relative;overflow:hidden;background:#214e5c}
.editorial-site .modern-cover>.demo-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 57%;transform:scale(1.025)}
.editorial-site .modern-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071c27b8,transparent 85%),linear-gradient(0deg,#071c2770,transparent 70%);pointer-events:none}
.editorial-site .modern-nav{position:absolute;left:26px;right:26px;top:18px;z-index:2;color:#fff;border-bottom:1px solid #ffffff50;padding-bottom:11px}
.editorial-site .modern-nav>b{font-size:15px;letter-spacing:2px}
.editorial-site .modern-nav b span{color:#fff;font-size:5px;letter-spacing:4px}
.editorial-site .modern-nav small{font-size:8px;color:#fff}
.editorial-site .modern-nav>i{color:#fff;font-size:17px}
.editorial-site .modern-hero{position:absolute;inset:78px 26px 20px;display:flex;align-items:end;height:auto;z-index:1}
.editorial-site .modern-copy{color:#fff;position:relative;line-height:1;max-width:100%}
.editorial-site .modern-copy>small{color:#d9eee1;font-size:6px;letter-spacing:1.5px;display:block;line-height:1.5}
.editorial-site .modern-copy .mock-heading{font:500 43px/.96 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:10px 0;color:#fff;text-shadow:0 2px 12px #04101d40}
.editorial-site .modern-copy p{color:#f5f7ef;font-size:8px;line-height:1.5;max-width:260px;margin:0 0 12px}
.editorial-site .mock-cta{background:#e3f89d;color:#21372d;border:1px solid #e3f89d;border-radius:25px;font-size:8px;padding:9px 13px;gap:20px;box-shadow:0 3px 15px #08232020}
.editorial-site .modern-index{position:absolute;right:0;bottom:3px;color:white;display:flex;align-items:center;gap:9px;font-size:7px;text-transform:uppercase;letter-spacing:1px}
.editorial-site .modern-index i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff9c;font-size:16px;font-style:normal}
.editorial-site .modern-bottom{height:102px;padding:13px 26px;border:0;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:17px;align-items:center;background:#f7f5ef}
.editorial-site .modern-bottom>div{min-width:0}
.editorial-site .modern-bottom>div>b{font-size:8px;line-height:1.4;display:block;font-weight:500;white-space:normal}
.editorial-site .modern-bottom>div>span{display:block;font-size:6px;line-height:1.4;color:#52685c;margin-top:6px}
.editorial-site .modern-project{margin:0;min-width:0;position:relative;border-radius:3px;overflow:hidden;height:72px;background:#395854}
.editorial-site .modern-project img{height:100%;width:100%;object-fit:cover;display:block}
.editorial-site .modern-project:first-of-type img{object-position:50% 68%}
.editorial-site .modern-project:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#071c278c)}
.editorial-site .modern-project figcaption{position:absolute;bottom:7px;left:9px;right:9px;color:white;font-size:7px;display:flex;justify-content:space-between;z-index:1}
.old-photo .demo-landscape{width:100%;height:100%;object-fit:cover}
.phone-preview.photo-phone{padding:23px 10px 10px;background:#173e47;color:white;border-color:#6e8994}
.photo-phone .phone-mountains{position:absolute;inset:0;height:100%;width:100%;margin:0;border-radius:0;z-index:0}
.photo-phone .phone-mountains:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061c27d9,transparent 85%)}
.photo-phone .demo-landscape{width:100%;height:100%;object-fit:cover;object-position:55% 50%}
.photo-phone>b,.photo-phone>small,.photo-phone>strong,.photo-phone>span,.photo-phone>i{position:relative;z-index:1}
.photo-phone>b{border-bottom:1px solid #ffffff70;padding-bottom:9px}
.photo-phone>small{margin-top:42px;color:#e4f1d5;font-size:4px}
.photo-phone>strong{font-size:14px;margin-top:8px;overflow-wrap:anywhere}
.photo-phone>span{background:#e3f89d;color:#21372d;border-radius:20px;padding:6px 5px;margin-top:12px;font-size:5px;text-align:center}
.photo-phone>i{color:#ecf5f1;font-size:5px}
.care-site-preview>.editorial-site.modern-website{padding:0}
.care-site-preview .editorial-site .modern-cover{height:100%}
.care-site-preview .editorial-site .modern-nav{left:14px;right:14px;top:12px}
.care-site-preview .editorial-site .modern-hero{inset:70px 14px 16px;height:auto;display:flex}
.care-site-preview .editorial-site .modern-copy .mock-heading{font-size:28px;line-height:1;letter-spacing:-1px;margin:7px 0}
.care-site-preview .editorial-site .modern-copy p{font-size:6px;line-height:1.4;margin-bottom:7px}
.care-site-preview .editorial-site .modern-index{display:none}
@media(min-width:1250px){.editorial-site .modern-copy .mock-heading{font-size:43px;margin:8px 0}.editorial-site .modern-cover{height:253px}}
@media(max-width:1050px) and (min-width:801px){.editorial-site .modern-nav{left:18px;right:18px}.editorial-site .modern-hero{left:18px;right:18px}.editorial-site .modern-copy .mock-heading{font-size:36px}.editorial-site .modern-bottom{padding:13px 18px;gap:10px}.editorial-site .modern-index>span{display:none}}
@media(max-width:520px){
 .editorial-site .modern-cover{height:248px}
 .editorial-site .modern-cover>.demo-landscape{object-position:56% 50%}
 .editorial-site .modern-nav{left:14px;right:14px;top:15px;padding-bottom:10px;gap:8px}
 .editorial-site .modern-nav>b{font-size:13px}
 .editorial-site .modern-nav small{font-size:5px;letter-spacing:0;white-space:nowrap}
 .editorial-site .modern-nav>i{font-size:13px}
 .editorial-site .modern-hero{inset:77px 14px 20px;display:flex;align-items:end;height:auto}
 .editorial-site .modern-copy>small{font-size:5px;letter-spacing:.75px;white-space:normal}
 .editorial-site .modern-copy .mock-heading{font-size:30px;letter-spacing:-1.5px;margin:9px 0}
 .editorial-site .modern-copy p{max-width:170px;font-size:7px;line-height:1.4;margin-bottom:12px}
 .editorial-site .mock-cta{font-size:7px;padding:9px 11px;gap:12px}
 .editorial-site .modern-index{display:none}
 .editorial-site .modern-bottom{height:87px;padding:12px 14px;grid-template-columns:.75fr 1fr 1fr;gap:8px}
 .editorial-site .modern-bottom>div>b{font-size:6px;line-height:1.4}
 .editorial-site .modern-bottom>div>span{font-size:5px}
 .editorial-site .modern-project{height:63px}
 .editorial-site .modern-project figcaption{font-size:5px;bottom:6px;left:6px;right:6px}
 .photo-phone>small{margin-top:28px;font-size:3px}
 .photo-phone>strong{font-size:10px;margin-top:7px}
 .photo-phone>span{font-size:4px;padding:5px 2px;margin-top:9px}
 .care-site-preview>.editorial-site.modern-website{width:100%;height:100%;transform:none}
 .care-site-preview .editorial-site .modern-nav{top:6px;left:7px;right:7px;padding-bottom:6px}
 .care-site-preview .editorial-site .modern-nav>b{font-size:7px;letter-spacing:1px}
 .care-site-preview .editorial-site .modern-nav b span{font-size:3px;letter-spacing:1px}
 .care-site-preview .editorial-site .modern-nav>i{display:none}
 .care-site-preview .editorial-site .modern-hero{inset:33px 7px 8px}
 .care-site-preview .editorial-site .modern-copy>small,.care-site-preview .editorial-site .mock-cta{display:none}
 .care-site-preview .editorial-site .modern-copy .mock-heading{font-size:14px;letter-spacing:-.5px;margin:0}
}
@media(max-width:370px){.editorial-site .modern-copy .mock-heading{font-size:24px;letter-spacing:-1.2px}.editorial-site .modern-nav small{display:none}.editorial-site .modern-index{display:none}.photo-phone>strong{font-size:9px}}

/* Editorial review: readable real content; miniature simulated UIs keep their scale. */
.hero h1{font-size:clamp(42px,5.4vw,74px);letter-spacing:-3.2px;line-height:1.07}
.hero .hero-copy .intro{font-size:17px;line-height:1.75;max-width:55ch}
.hero-actions,.cta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:15px;line-height:1.4;padding:14px 20px;text-align:left}
.text-link{font-size:15px;line-height:1.6;display:inline-flex;align-items:center;gap:13px;min-height:44px}
.header .nav-links{font-size:13px;gap:18px}.header .nav-links a{display:inline-flex;align-items:center;min-height:44px}
.langs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:26px;font-size:12px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #9edbff;outline-offset:5px;border-radius:3px}
.hero-note{font-size:12px;line-height:1.7;letter-spacing:0;color:#b8cbe3}
.page-lead{font-size:17px;line-height:1.8;max-width:68ch;color:#bdcde2}
.page-hero h1{font-size:clamp(36px,4.4vw,62px);line-height:1.12;letter-spacing:-2px;overflow-wrap:break-word}
.chapter-title{font-size:30px;line-height:1.2;letter-spacing:-1px;white-space:pre-line;margin:13px 0}
.catalogue-title{font-family:'Space Grotesk',sans-serif;font-size:18px;line-height:1.45;letter-spacing:-.3px;font-weight:500;margin:0 0 10px}
.catalogue-item p,.chapter-overview>p{font-size:15px;line-height:1.75;color:#bdcde2}
.chapter-overview>.chapter-example{font-size:13px;line-height:1.7;color:#a8c2df}
.chapter-overview .text-link{font-size:14px}
.service-detail{display:flex;flex-direction:column;align-items:flex-start}
.service-detail>p{font-size:16px;line-height:1.8;color:#bdcde2;max-width:65ch}
.service-detail h2{font-size:28px;line-height:1.3;letter-spacing:-.6px;margin:12px 0 16px}
.service-detail h3{font-size:16px;line-height:1.5;margin:16px 0 12px}
.service-detail li,.needs-section li,.decisions li{font-size:16px;line-height:1.75;color:#bdcde2}
.service-detail ul{margin-top:auto;padding-top:8px}
.process-grid p{font-size:16px;line-height:1.75;color:#bdcde2}.process-grid small{font-size:13px;line-height:1.7;color:#aec8e5}
.method-page>h2,.faq-page>h2,.about-story>h2{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:30px;line-height:1.3;margin:0 0 26px;letter-spacing:-.8px}
.about-story{max-width:100%;font-size:17px;line-height:1.8}
.about-story p{max-width:72ch;font-size:17px;line-height:1.8;color:#bdcde2}
.about-cases{list-style:disc;padding-left:23px;max-width:72ch;margin:24px 0}
.about-cases li{font-size:16px;line-height:1.8;color:#d0def0;padding:7px 0}
.values-grid p,.example-notes p{font-size:16px;line-height:1.8;color:#bdcde2}
.example-notes article{display:flex;flex-direction:column;align-items:flex-start}.example-notes .text-link{margin-top:auto;padding-top:15px}
.faq-list summary{font-size:19px;line-height:1.5;min-height:60px;gap:20px}
.faq-list details>p,.faq-list .answer-options{font-size:16px;line-height:1.8;color:#bdcde2;max-width:75ch}
.faq-list .answer-options{padding:0 20px 20px 24px;margin:0;list-style:disc}
.faq-list .answer-options li{padding:8px 0}
.breadcrumbs{font-size:13px;line-height:1.6;color:#9bb6d7}.breadcrumbs a{min-height:32px;display:inline-flex;align-items:center}
.related-demo{border:1px solid #315477;background:linear-gradient(120deg,#102a48,#08172a);border-radius:12px;padding:30px 34px;margin-block:25px 60px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.related-demo h2{font:500 27px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.6px;margin:12px 0}
.related-demo p{font-size:16px;line-height:1.75;color:#bdcde2;max-width:60ch;margin:0}.related-demo .button{flex-shrink:0}
.closing h2{font-size:clamp(35px,4.4vw,58px);line-height:1.1;letter-spacing:-2px;max-width:720px}
.closing-text{font-size:16px;line-height:1.8;max-width:60ch;color:#bdcde2;margin:24px 0 15px}
.brief-points{font-size:16px;line-height:1.8;color:#d0def0;max-width:60ch;padding-left:22px;margin:0 0 28px}
.brief-points li{padding:4px 0}.closing .cta-actions{max-width:75%}.closing-bolt{right:35px;width:120px;height:150px}
.mini-node{color:#a8c6e8}.visual-caption{color:#9cb8da;font-size:9px;line-height:1.6}
.site-footer nav a,.footer-languages a{min-height:36px;display:inline-flex;align-items:center}
@media(max-width:1100px){.header .brand{width:260px}.header .nav-links{gap:13px;font-size:12px}.hero h1{font-size:clamp(42px,5.6vw,64px)}}
@media(max-width:800px){.hero h1{font-size:clamp(39px,7.7vw,62px)}.related-demo{flex-direction:column;align-items:flex-start;padding:25px}.closing .cta-actions{max-width:75%}.page-hero{gap:28px}.chapter-title{font-size:29px}}
@media(max-width:520px){
 .header{gap:8px}.header .brand{width:200px;flex:0 1 200px}.header .langs{margin-left:auto;gap:3px}.header .menu-toggle{width:44px;height:44px;min-width:44px;justify-content:center;padding:10px}.header .langs a{min-width:24px}
 .hero h1{font-size:clamp(36px,8.8vw,46px);letter-spacing:-1.5px}.hero .hero-copy .intro{font-size:16px;line-height:1.75}.hero-actions{gap:10px 18px}.hero-note{font-size:12px;margin-top:20px}
 .hero-art{height:230px}.hero-bottom{font-size:9px;line-height:1.6;gap:15px}
 .page-hero h1{font-size:clamp(32px,8.5vw,42px);letter-spacing:-1.3px}.page-lead{font-size:16px;line-height:1.75}
 .page-hero .eyebrow{font-size:9px;line-height:1.7}.service-detail{padding:23px 20px}.service-detail h2{font-size:26px}.service-detail li,.needs-section li,.decisions li{font-size:15px;line-height:1.8}
 .catalogue-title{font-size:19px}.catalogue-item p,.chapter-overview>p{font-size:15px}.chapter-overview>.chapter-example{font-size:13px}.chapter-title{font-size:28px}
 .process-grid p,.values-grid p,.example-notes p,.about-story p{font-size:16px}.process-grid h3{font-size:24px}.process-grid small{font-size:13px}
 .faq-list summary{font-size:18px;line-height:1.55;padding-block:22px}.faq-list details>p,.faq-list .answer-options{font-size:16px;padding-right:8px}.faq-list .answer-options{padding-left:22px}
 .breadcrumbs{font-size:12px}.related-demo{margin-block:15px 45px;padding:24px 20px}.related-demo h2{font-size:25px}.related-demo .button{width:100%}
 .closing-text,.brief-points{font-size:16px}.closing .cta-actions{max-width:100%;align-items:flex-start;flex-direction:column;gap:10px}.closing-bolt{right:12px;bottom:28px;width:96px;height:120px}.closing{padding-bottom:180px}
 .site-footer nav,.footer-languages{font-size:13px}.site-footer nav a,.footer-languages a{min-height:44px}.site-footer small{font-size:12px}
}
@media(max-width:360px){.header .brand{width:145px;flex-basis:145px}.hero h1{font-size:36px}.hero-bottom>span:first-child{display:none}}

/* A physical monitor around the home demonstrations; controls remain outside. */
.rich-demos.monitor-demo .demo-stage{background:none;border:0;box-shadow:none;overflow:visible;grid-template-columns:255px minmax(0,1fr);gap:28px;align-items:start;min-height:0}
.monitor-demo .demo-story{border:1px solid #315477;border-radius:13px;background:linear-gradient(130deg,#0d213d,#081329);min-height:550px;box-shadow:0 20px 65px #0003}
.virtual-pc{position:relative;min-width:0;padding-bottom:3px}
.pc-bezel{position:relative;background:linear-gradient(130deg,#4a5969 0,#1b232e 3%,#080d14 9%,#101720 88%,#374858);border:1px solid #60778e;border-radius:18px;padding:18px 11px 0;box-shadow:0 0 0 1px #02050a,0 22px 65px #0008,inset 0 1px #d6e5f75c}
.pc-camera{position:absolute;top:6px;left:calc(50% - 3px);width:5px;height:5px;border:1px solid #687c8c;border-radius:50%;background:#03070b;box-shadow:inset 1px 1px #155b83}
.monitor-demo .demo-screen{border:1px solid #02060d;border-radius:5px;overflow:hidden;min-height:600px;box-shadow:0 0 0 1px #55677a3d;background:#091328}
.pc-chin{height:27px;display:flex;align-items:center;justify-content:center;position:relative;color:#a0afbd;font-size:7px;letter-spacing:2.5px;font-weight:500}
.pc-chin>i{position:absolute;right:9px;width:4px;height:4px;border-radius:50%;background:#8de3dc;box-shadow:0 0 6px #64b5d755}
.pc-stand{position:relative;height:82px;isolation:isolate;display:flex;justify-content:center;align-items:start}
.pc-stand:before{content:'';display:block;width:19%;max-width:135px;height:68px;background:linear-gradient(90deg,#293645,#75828d 45%,#445566 68%,#162330);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);box-shadow:inset 0 12px 14px #02061099}
.pc-stand>i{position:absolute;top:64px;width:36%;height:15px;min-width:120px;max-width:280px;background:linear-gradient(#84909a,#3e4b59 35%,#1a2531);border:1px solid #5f7183;border-radius:50% 50% 6px 6px;box-shadow:0 6px 3px #0007,0 12px 24px #0007;z-index:1}
.pc-stand:after{content:'';position:absolute;bottom:1px;left:9%;right:9%;height:2px;background:linear-gradient(90deg,transparent,#5a9ed15e,transparent);box-shadow:0 0 22px #1b6fa633;z-index:-1}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:55px;margin-bottom:85px;align-items:start}
.contact-card{border:1px solid #315477;border-radius:12px;background:#0b1b31;padding:32px}
.contact-card h2,.contact-aside h2{font:500 28px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.7px;margin:0 0 22px}
.bt-contact-form{display:grid;gap:22px;position:relative}
.bt-contact-form label{font-size:15px;line-height:1.6;color:#d5e5f7;display:grid;gap:8px}
.bt-contact-form input,.bt-contact-form textarea{font:400 16px/1.6 'DM Sans',sans-serif;color:#f0f6ff;background:#050f20;border:1px solid #587493;border-radius:5px;padding:12px 14px;width:100%;min-width:0}
.bt-contact-form textarea{resize:vertical;min-height:170px}
.bt-contact-form input:focus,.bt-contact-form textarea:focus{outline:2px solid #80caff;outline-offset:2px;border-color:#a5dfff}
.bt-contact-form .bt-contact-trap{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden;white-space:nowrap}
.bt-contact-form .contact-privacy{font-size:13px;line-height:1.75;color:#a9c2df;margin:0}
.bt-contact-form .button{justify-self:start;border:1px solid #498ff1;cursor:pointer;font-family:inherit}.bt-contact-form .button:disabled{opacity:.6;cursor:wait}
.contact-status{font-size:16px;line-height:1.75;padding:15px 18px;border:1px solid #569cb9;background:#133342;border-radius:6px;color:#d5f6f0;margin:0}
.contact-status[data-error="true"]{background:#3a2428;border-color:#b8717e;color:#ffe7eb}
.contact-status[hidden]{display:none}
.contact-aside{padding:16px 0}.contact-aside p,.contact-aside li{font-size:16px;line-height:1.8;color:#bdcde2}.contact-aside ul{padding-left:21px}.contact-aside li{padding:7px 0}
.contact-email{font-size:17px;color:#9ed4ff;overflow-wrap:anywhere}.contact-aside .text-link{margin-top:20px}
@media(max-width:1100px){.rich-demos.monitor-demo .demo-stage{grid-template-columns:235px minmax(0,1fr);gap:20px}.pc-bezel{padding-inline:9px}.contact-layout{gap:30px}}
@media(max-width:800px){.rich-demos.monitor-demo .demo-stage{display:flex;gap:25px}.monitor-demo .demo-story{width:100%;min-height:0}.virtual-pc{width:100%}.monitor-demo .demo-screen{min-height:0}.contact-layout{grid-template-columns:1fr;gap:25px}.contact-card{padding:26px}.contact-aside{padding:0}.pc-stand{height:72px}.pc-stand:before{height:58px}.pc-stand>i{top:54px}}
@media(max-width:520px){.pc-bezel{padding:14px 5px 0;border-radius:11px}.pc-camera{top:4px;width:4px;height:4px}.pc-chin{height:20px;font-size:5px;letter-spacing:2px}.monitor-demo .demo-screen{border-radius:3px}.monitor-demo .scene{padding-inline:9px}.monitor-demo .window-bar{padding-inline:9px;letter-spacing:.3px}.monitor-demo .window-status{font-size:7px}.monitor-demo .screen-footer{padding-inline:9px;font-size:7px}.pc-stand{height:55px}.pc-stand:before{height:44px;width:24%}.pc-stand>i{top:41px;width:43%;min-width:105px;height:11px}.contact-card{padding:22px 18px}.contact-card h2,.contact-aside h2{font-size:26px}.contact-layout{margin-bottom:55px}.bt-contact-form{gap:20px}.bt-contact-form .button{width:100%}}

/* Same-day response commitment supplied by the site owner. */
.bt-contact-form .contact-response{margin:0;padding:12px 16px;border-left:3px solid #83d5ff;border-radius:0 5px 5px 0;background:#12314a;color:#dbf3ff;font-size:16px;font-weight:500;line-height:1.65}

/* Final review: align legal details and keep long text comfortably readable. */
.legal-content{padding-bottom:85px}
.legal-content h2{font:500 28px/1.35 'Space Grotesk',sans-serif;letter-spacing:-.6px;margin:42px 0 20px;max-width:30ch}
.legal-content>h2:first-child{margin-top:0}
.legal-content>p{max-width:75ch;font-size:16px;line-height:1.85;color:#bdcde2;margin:0 0 20px}
.legal-content a{color:#9ed4ff;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;max-width:900px;margin:0 0 45px}
.legal-details>div{border-bottom:1px solid #29435e;padding:18px 0;min-width:0}
.legal-details dt{font-size:13px;line-height:1.6;color:#a9c2df}
.legal-details dd{margin:7px 0 0;font-size:16px;line-height:1.75;color:#e7eff9;overflow-wrap:anywhere}
#contact-data{scroll-margin-top:35px}
@media(max-width:600px){.legal-content{padding-bottom:55px}.legal-details{grid-template-columns:1fr;gap:0;margin-bottom:35px}.legal-content h2{font-size:26px;line-height:1.4;margin-top:35px}}
/* Keep the simulated phone clear of the photography site's headline. */
@media(max-width:520px){.website .web-transform{padding-bottom:124px}.website .photo-phone{bottom:4px;right:8px}}
/* Labels follow the wipe: never label a completed redesign as the old page. */
.website[data-phase="0"] .after-badge,.website[data-phase="1"] .after-badge,.website[data-phase="3"] .before-badge,.website[data-phase="4"] .before-badge{display:none}

/* Seven primary offers, with supporting prestations kept in the catalogue. */
.service-rail.seven-offer-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 0}
.seven-offer-rail a{padding:12px 14px;min-width:0;font-size:12px}
.seven-offer-rail a:nth-child(4){border-left:1px solid var(--line);padding-left:14px}
.seven-offer-rail a:nth-child(5){border-left:0;padding-left:0}
.seven-offer-rail a:last-child{grid-column:span 2;color:#bee5ff}
.offer-chapter .chapter-title{font-family:'Space Grotesk',sans-serif;font-size:30px;line-height:1.2;letter-spacing:-1px;margin:16px 0;white-space:normal}
.offer-chapter .chapter-overview>p{max-width:none}
.offer-chapter .catalogue-number{display:none}
.offer-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.offer-chapter .chapter-link{font-size:13px;min-height:38px;margin-top:5px}
.unified-offer{background:radial-gradient(ellipse at 0 0,#235a9330,transparent 70%);border-top-color:#629ce3;padding-inline:24px;border-radius:10px}
.unified-detail{scroll-margin-top:30px;padding-bottom:60px;border-bottom:1px solid var(--line);margin-bottom:45px}
.unified-detail>h2{font-size:clamp(28px,4vw,45px);line-height:1.15;letter-spacing:-1.3px;margin:22px 0}
.unified-detail>p{color:#afc4df;max-width:850px;font-size:16px;line-height:1.8}
.unified-detail .values-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:30px}
.unified-detail .values-grid h3{font-size:22px}
.erp-workspace,.unified-workspace{font-family:'DM Sans',sans-serif;border:1px solid #46668b;border-radius:10px;overflow:hidden;background:#111e32;position:relative;min-height:407px}
.erp-workspace{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#3b526d}
.erp-app{min-width:0;background:#11233a}
.erp-app .app-bar,.unified-workspace .app-bar{padding:12px;min-height:41px}
.erp-content{padding:18px 15px;min-height:345px;position:relative}
.erp-reference{font-size:9px;letter-spacing:1px;color:#8db6e9}
.erp-content .mock-heading{font:500 25px/1.2 'Space Grotesk',sans-serif;color:#eff7ff;margin:12px 0 18px}
.sync-field{display:grid;grid-template-columns:minmax(0,1fr) auto 13px;gap:8px;font-size:10px;line-height:1.5;padding:10px 0;border-bottom:1px solid #819eba26;align-items:center}
.sync-field>span{color:#a5bfdc}.sync-field>b{color:#e5effa;font-weight:500}.sync-field>i{color:#7be4c0;font-style:normal;opacity:0;transition:opacity .5s}
.erp-total{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 0;font-size:11px;color:#a6bfdc}
.erp-total strong{font:500 20px 'Space Grotesk',sans-serif;color:#fff;white-space:nowrap}
.sync-pending,.sync-complete{font-size:10px;line-height:1.5;margin-top:10px;padding:8px;border-radius:5px;background:#f6bc5922;color:#ffce81}
.sync-complete{display:none;background:#4de8bc1c;color:#96f1cf}
.erp-empty{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;min-height:300px;font-size:12px;color:#a9bed9;text-align:center}
.erp-empty>span{font-size:50px;font-weight:400;color:#6588b4}
.erp-mapping,.erp-record{display:none}
.erp-mapping{padding-top:25px}
.erp-kicker{font-size:12px;color:#a9d5ff;font-weight:500}
.erp-mapping>div{display:grid;grid-template-columns:1fr 12px 1fr;gap:7px;font-size:10px;padding:16px 0;border-bottom:1px solid #aac7ed2a;color:#e5effa}
.erp-mapping>div>i{font-style:normal;color:#89dfff}
.erp-mapping>small{display:block;margin-top:22px;color:#86e7c4;font-size:11px}
.erp-record-status{display:inline-flex;padding:7px 10px;border-radius:20px;background:#d2f4e5;color:#185947;font-size:10px;font-weight:600}
.erp-ledger{background:#edf3f8}
.erp-ledger .app-bar{background:#dce7f2;color:#22394f}
.erp-ledger .app-user{background:#c2d2e2;color:#27435e}
.erp-ledger .erp-empty,.erp-ledger .erp-kicker,.erp-ledger .erp-mapping>div{color:#35516b}
.erp-ledger .erp-mapping>div{border-color:#b7c7d5}.erp-ledger .erp-mapping>div>i{color:#2774b3}.erp-ledger .erp-mapping>small{color:#1d6c54}
.erp-ledger .erp-reference{color:#42739a}.erp-ledger .mock-heading{color:#1a344e}.erp-ledger .sync-field{border-color:#ccd7e2}
.erp-ledger .sync-field>span,.erp-ledger .erp-total{color:#49647b}.erp-ledger .sync-field>b,.erp-ledger .erp-total>strong{color:#18354f}.erp-ledger .sync-field>i{color:#20725b}
.erp-reconciliation{grid-column:1/-1;background:#123d39;display:flex;gap:12px;padding:13px 16px;color:#a9f4d8;min-height:60px;align-items:center;opacity:.35;transition:opacity .6s}
.erp-reconciliation>span{font-size:24px}.erp-reconciliation b{font-size:12px;font-weight:500}.erp-reconciliation small{display:block;font-size:9px;margin-top:3px;color:#a7cccf}
.erp[data-phase="1"] .erp-empty,.erp[data-phase="2"] .erp-empty,.erp[data-phase="3"] .erp-empty,.erp[data-phase="4"] .erp-empty{display:none}
.erp[data-phase="1"] .erp-mapping,.erp[data-phase="2"] .erp-mapping{display:block;animation:demo-arrive .6s ease}
.erp[data-phase="2"] .erp-sales .sync-field{background:#397eab33}
.erp[data-phase="1"] .erp-sales .sync-field>i,.erp[data-phase="2"] .sync-field>i,.erp[data-phase="3"] .sync-field>i,.erp[data-phase="4"] .sync-field>i{opacity:1}
.erp[data-phase="3"] .erp-record,.erp[data-phase="4"] .erp-record{display:block;animation:demo-arrive .6s ease}
.erp[data-phase="3"] .sync-pending,.erp[data-phase="4"] .sync-pending{display:none}
.erp[data-phase="3"] .sync-complete,.erp[data-phase="4"] .sync-complete{display:block}
.erp[data-phase="4"] .erp-reconciliation{opacity:1}
.erp-reconciliation .erp-check-done{display:none}
.erp[data-phase="4"] .erp-check-waiting{display:none}
.erp[data-phase="4"] .erp-check-done{display:block}
.unified-toolbar{display:flex;align-items:center;gap:10px;padding:10px 15px;color:#ffcf8c;font-size:10px;border-bottom:1px solid #6c8db83a;background:#15273f}
.unified-after{display:none;color:#9aeccc}.unified-ref{margin-left:auto;color:#bdd8f4;font-weight:500}
.unified-order{display:flex;align-items:center;gap:12px;padding:14px 17px;background:linear-gradient(110deg,#1a4165,#15283e);border-bottom:1px solid #5487af55;opacity:.4;transition:opacity .5s}
.unified-order-icon{display:grid;place-items:center;width:35px;height:42px;background:#73b4e92b;border-radius:7px;font-size:23px;color:#b0e4ff}
.unified-order small{display:block;font-size:9px;color:#9ec1e5}.unified-order strong{display:block;font:500 21px/1.3 'Space Grotesk',sans-serif;color:#eff8ff}.unified-order p{font-size:10px;color:#b0c9e3;margin:3px 0 0}
.unified-order-check{margin-left:auto;color:#9aecd4;font-size:26px;opacity:0}
.unified-body{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.unified-app-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.unified-app{display:flex;align-items:center;gap:8px;padding:11px 9px;min-height:69px;background:#182c46;border:1px solid #3a5271;border-radius:7px;min-width:0;transition:background .5s,border-color .5s}
.unified-app-icon{font-size:21px;flex:0 0 21px;text-align:center;color:#90b4dc}.unified-app>div{min-width:0}
.unified-app b{font-size:10px;color:#d8e8fa;font-weight:500;display:block;line-height:1.3}
.unified-app small{font-size:8px;line-height:1.6;display:block;color:#a5b9d2;margin-top:3px}
.unified-app .unified-result{display:none;color:#a5eed5}.unified-app-tick{display:none;color:#8aeac5;font-style:normal;margin-left:auto;font-size:12px}
.unified-review,.unified-team{border-radius:7px;padding:12px;min-width:0;min-height:112px;background:#e9f0f7;color:#27445f}
.unified-review>small,.unified-team>span{font-size:9px;font-weight:600;color:#3c6385;display:block}
.unified-review>p{font-size:10px;line-height:1.5;margin:9px 0}
.unified-approval-pending,.unified-approval-done{padding:7px;border-radius:4px;background:#ffdf9d;color:#674a12;font-size:9px;line-height:1.5}
.unified-approval-done{display:none;background:#c6eadb;color:#205d49}
.unified-team>strong{font-size:11px;line-height:1.4;display:block;margin:8px 0}
.unified-team>div{border:1px solid #bfd0df;border-radius:4px;padding:8px;position:relative;opacity:.2;transition:opacity .5s}
.unified-team>div>b,.unified-team small{display:block;font-size:9px}.unified-team small{font-size:8px;margin-top:4px}.unified-team i{position:absolute;right:8px;bottom:8px;font-style:normal;color:#26755c}
.unified-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#143b38;color:#a2e6d2;padding:12px 15px;font-size:9px;opacity:.35;transition:opacity .5s}
.unified-summary>strong{font-size:12px;white-space:nowrap}
.unified:not([data-phase="0"]) .unified-order{opacity:1}.unified:not([data-phase="0"]) .unified-order-check{opacity:1}
.unified:not([data-phase="0"]) .app-website{border-color:#5aaa94;background:#1a3b40}
.unified:not([data-phase="0"]) .app-website .unified-idle{display:none}.unified:not([data-phase="0"]) .app-website .unified-result{display:block}
.unified[data-phase="2"] .app-ai,.unified[data-phase="3"] .app-ai,.unified[data-phase="4"] .unified-app{border-color:#5aaa94;background:#1a3b40}
.unified[data-phase="2"] .app-ai .unified-idle,.unified[data-phase="3"] .app-ai .unified-idle,.unified[data-phase="4"] .unified-idle{display:none}
.unified[data-phase="2"] .app-ai .unified-result,.unified[data-phase="3"] .app-ai .unified-result,.unified[data-phase="4"] .unified-result{display:block}
.unified[data-phase="3"] .unified-approval-pending,.unified[data-phase="4"] .unified-approval-pending{display:none}
.unified[data-phase="3"] .unified-approval-done,.unified[data-phase="4"] .unified-approval-done{display:block}
.unified[data-phase="4"] .unified-summary,.unified[data-phase="4"] .unified-team>div{opacity:1}
.unified[data-phase="4"] .unified-before{display:none}.unified[data-phase="4"] .unified-after,.unified[data-phase="4"] .unified-app-tick{display:block}
@media(max-width:800px){.service-rail.seven-offer-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.seven-offer-rail a:nth-child(4),.seven-offer-rail a:nth-child(7){border-left:0;padding-left:0}.seven-offer-rail a:nth-child(5){border-left:1px solid var(--line);padding-left:14px}.seven-offer-rail a:last-child{grid-column:1/-1}.offer-chapter .chapter-overview{display:block}.offer-chapter .chapter-title{font-size:28px}}
@media(max-width:520px){.service-rail.seven-offer-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.seven-offer-rail a{font-size:11px;padding:10px 9px}.seven-offer-rail a:nth-child(odd){border-left:0;padding-left:0}.seven-offer-rail a:nth-child(even){border-left:1px solid var(--line);padding-left:9px}.offer-chapter .chapter-title{font-size:26px}.unified-offer{padding-inline:14px}.unified-detail .values-grid{grid-template-columns:1fr}.unified-detail>p{font-size:14px}.erp-workspace{grid-template-columns:1fr;gap:0}.erp-content{padding:14px;min-height:0}.erp-content .mock-heading{font-size:22px;margin:7px 0 10px}.sync-field{font-size:11px;padding:8px 0}.erp-app .app-bar{min-height:37px}.erp-total{padding:12px 0}.erp-empty{min-height:185px}.erp-mapping{padding-top:5px}.erp-mapping>div{padding:11px 0;font-size:11px}.erp-reconciliation{padding:12px;font-size:10px}.erp-reconciliation b{font-size:11px}.erp-reconciliation small{font-size:9px}.erp-ledger .erp-content{min-height:235px}.erp-ledger .erp-record .sync-field{padding:6px 0}.unified-workspace .app-bar{font-size:11px;padding:10px}.unified-order{padding:12px}.unified-order strong{font-size:21px}.unified-body{padding:10px;gap:10px;grid-template-columns:1fr}.unified-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.unified-app{padding:9px 7px;min-height:75px;gap:6px}.unified-app-icon{font-size:18px;flex-basis:18px}.unified-app b{font-size:10px}.unified-app small{font-size:9px}.unified-review,.unified-team{min-height:0;padding:11px}.unified-review>p{font-size:11px}.unified-team>div>b{font-size:11px}.unified-review>small,.unified-team>span{font-size:10px}.unified-team>strong{font-size:12px}.unified-summary{align-items:flex-start;font-size:10px;padding:12px}.unified-summary>span{max-width:140px}.unified-summary>strong{font-size:11px}.unified-approval-pending,.unified-approval-done{font-size:10px}}
@media(prefers-reduced-motion:reduce){.erp-workspace *,.unified-workspace *{animation:none!important;transition:none!important}}

/* Align copyright with the last footer navigation row. */
.site-footer>div:first-child{display:flex;flex-direction:column;align-items:flex-start}
.site-footer>div:first-child>small{margin-top:auto;min-height:36px;display:flex;align-items:center}
@media(max-width:520px){.site-footer>div:first-child>small{min-height:44px}}