:root{--bg:#090d25;--ink:#f6f7ff;--muted:#aeb4cd;--cyan:#66b9d3;--violet:#8472f5;--line:rgba(167,180,227,.18);--light:#f4f6ff;--dark:#10152d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:radial-gradient(ellipse 75% 650px at 73% 3%,#2b2b64 0,transparent 78%),radial-gradient(ellipse 60% 700px at 0 1300px,#002d42 0,transparent 70%),var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a,input,textarea,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--cyan)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.6}p{color:var(--muted);margin:0 0 24px}h1,h2,h3{margin:0;line-height:1.05;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(48px,7.8vw,112px);max-width:1250px}h2{font-size:clamp(36px,5vw,72px);max-width:1000px}h3{font-size:28px;letter-spacing:-.03em}h2+p,h3+p{margin-top:24px}.wrap{width:calc(100% - 80px);max-width:1320px;margin-inline:auto}.header{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1340px;min-height:76px;padding:14px 30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(120deg,rgba(41,55,96,.82),rgba(19,23,53,.72));backdrop-filter:blur(20px);z-index:20;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 1px 1px #ffffff14}.header img{display:block;object-fit:contain;width:137px;height:35px}.header-actions{display:flex;align-items:center;gap:18px}.header button{border:0;background:transparent;display:grid;place-items:center;padding:6px}.arrow{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:24px;background:var(--ink);color:var(--dark);padding:10px 21px;font-size:16px;line-height:1.4;font-weight:500}.button:hover{background:#d9e7fb}.header nav{position:absolute;top:calc(100% + 10px);left:0;width:100%;padding:18px;border:1px solid var(--line);border-radius:28px;background:rgba(19,25,59,.96);backdrop-filter:blur(25px)}[hidden]{display:none!important}.header nav a{display:flex;justify-content:space-between;padding:14px 18px;border-radius:14px;color:#e1e4f3}.header nav a:hover,.header nav a[aria-current]{background:#ffffff08}.skip-link{position:fixed;left:20px;top:-70px;z-index:50;padding:12px;background:white;color:#10152d}.skip-link:focus{top:20px}.hero{padding-top:164px;padding-bottom:108px}.hero .eyebrow{margin-bottom:32px}.eyebrow{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.24em;color:#6bbbd8;text-transform:uppercase;margin-bottom:24px}.gradient{background:linear-gradient(100deg,#f3f5ff 4%,#d3e6ed 27%,#62aec6 62%,#7968f0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.last{background-image:linear-gradient(100deg,#f5f7ff 18%,#68b7d1 67%,#8270ef 100%)}.lead{font-size:clamp(19px,1.85vw,26px);line-height:1.42;max-width:900px;margin-top:36px}.hero-links{display:flex;gap:16px;margin-top:48px}.panel{border:1px solid var(--line);background:linear-gradient(135deg,rgba(38,48,85,.7),rgba(13,17,44,.75));border-radius:30px;box-shadow:inset 0 1px 1px #ffffff12}.hero-links a{display:flex;align-items:center;gap:24px;padding:25px;min-width:0;font-size:18px}.hero-links a:hover{border-color:var(--cyan)}.hero-links .arrow{margin-left:auto}.section{padding:140px 0;background:radial-gradient(ellipse at 65% 0,#24245355,transparent 70%)}.section.light{background:var(--light);color:var(--dark)}.light p{color:#68728c}.light .eyebrow{color:#7763e5}.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.divisions{margin-top:72px}.division{padding:48px;position:relative;display:flex;flex-direction:column;color:var(--ink)}.division .arrow{position:absolute;top:48px;right:48px;color:var(--muted)}.division .eyebrow{color:var(--cyan)}.division h3{font-size:clamp(29px,3vw,44px);margin:10px 0 42px}.capabilities{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.capabilities li{border-top:1px solid var(--line);padding:16px 0 16px 20px;position:relative;color:var(--muted);line-height:1.45;font-size:16px}.capabilities li:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);position:absolute;top:24px;left:0}.light>.wrap>.capabilities{margin-top:50px;gap:0 50px}.light .capabilities li{color:#59647e;border-color:#d7ddec;font-size:20px}.process{padding:0;margin:86px 0 10px;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.process li{position:relative}.process li:before{content:'';height:1px;background:#7f83ca55;position:absolute;top:24px;left:0;width:calc(100% + 24px)}.process li:last-child:before{width:100%}.process span{position:relative;display:grid;place-items:center;border:1px solid #64b6d366;color:var(--cyan);width:48px;height:48px;border-radius:50%;background:var(--bg);font:16px ui-monospace,monospace;margin-bottom:28px}.process h3{font-size:23px;letter-spacing:-.025em;margin-bottom:18px}.process p{font-size:16px;line-height:1.45}.industry-home{align-items:center;gap:60px}.industry-home p:not(.eyebrow){font-size:20px;margin-top:28px}.chips{display:flex;flex-wrap:wrap;gap:14px;align-content:center}.chips a{display:block;border:1px solid #d4daeb;border-radius:40px;background:white;padding:14px 25px;font-size:21px}.chips .arrow{display:none}.chips a:hover{border-color:#8472f5}.text-link{display:inline-flex;align-items:center;gap:12px;color:#8270f2;font-size:18px;margin-top:12px}.assembly{padding-bottom:112px}.scene-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.stages,.play-controls{display:flex;gap:8px;flex-wrap:wrap}.stages button{font:11px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase}.stages button,.play-controls button,.scenario-buttons button,.module-options button{border:1px solid var(--line);background:transparent;border-radius:24px;padding:10px 15px;color:var(--muted)}button[aria-pressed=true]{border-color:#66b9d3;color:#f5f7ff}.play-controls #play{background:#f5f7ff;color:var(--dark)}.scene{height:740px;border:1px solid var(--line);border-radius:40px;position:relative;overflow:hidden;background:linear-gradient(90deg,transparent 98.8%,#a3abd00e 99%),linear-gradient(0deg,transparent 98.8%,#a3abd00e 99%),#080c23;background-size:85px 85px}.module{position:absolute;width:23%;padding:20px 16px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(140deg,#20294b,#0c112c);box-shadow:inset 0 1px 1px #ffffff16;text-align:left;transition:top 1.6s,left 1.6s,transform 1.6s,border-color .2s;z-index:2}.module:hover{border-color:var(--cyan)}.module b{display:flex;align-items:center;gap:10px;font-size:15px;margin-bottom:14px;font-weight:500}.module-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:15px;background:linear-gradient(120deg,#8271ee,#59adc6);color:#0c193c;font-size:23px;flex-shrink:0}.module-row{display:flex;align-items:center;justify-content:space-between;gap:6px;border-radius:10px;background:#ffffff09;margin-top:7px;padding:7px 10px;color:#aeb4cd;font-size:12px}.module-row i{width:24%;height:4px;border-radius:3px;background:#5da9c487}.m0{top:16%;left:7%;transform:rotate(-5deg)}.m1{top:6%;left:39%;transform:rotate(3deg)}.m2{top:13%;left:74%;transform:rotate(5deg)}.m3{top:60%;left:5%;transform:rotate(3deg)}.m4{top:69%;left:40%;transform:rotate(-5deg)}.m5{top:61%;left:75%;transform:rotate(-5deg)}.scene[data-state="1"] .module{transform:rotate(0);border-color:#64b8d390}.scene[data-state="1"] .m0{left:12%;top:10%}.scene[data-state="1"] .m1{left:39%;top:10%}.scene[data-state="1"] .m2{left:66%;top:10%}.scene[data-state="1"] .m3{left:12%;top:59%}.scene[data-state="1"] .m4{left:39%;top:59%}.scene[data-state="1"] .m5{left:66%;top:59%}.scene[data-state="2"] .module{transform:none;border-color:#64b8d390}.scene[data-state="2"] .m0{left:12%;top:12%}.scene[data-state="2"] .m1{left:39%;top:12%}.scene[data-state="2"] .m2{left:66%;top:12%}.scene[data-state="2"] .m3{left:12%;top:58%}.scene[data-state="2"] .m4{left:39%;top:58%}.scene[data-state="2"] .m5{left:66%;top:58%}.scene[data-state="2"]:before{content:'';position:absolute;inset:25% 23%;border:1px solid #65b8d357;border-radius:40px;box-shadow:0 0 50px #60b0d012}.connected-label{position:absolute;left:0;right:0;top:44%;text-align:center;font-size:26px;letter-spacing:.08em;color:var(--cyan);opacity:0;transition:opacity 1s}.connected-label small{display:block;font:10px ui-monospace,monospace;letter-spacing:.23em;margin-top:5px}.scene[data-state="2"] .connected-label{opacity:1}.scene-info{margin:18px 0 12px;font-size:15px;min-height:24px}.disclaimer{font:11px/1.6 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:20px 0 0}.inner-hero{padding-bottom:64px}.inner-hero h1{font-size:clamp(46px,6.8vw,96px)}.interactive{padding:40px;margin-bottom:100px}.scenario-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.scenario-buttons button{font-size:16px}.scenario-buttons button[aria-pressed=true],.module-options button[aria-pressed=true]{background:linear-gradient(110deg,#8270ed,#5cabc5);color:#09142c;border-color:transparent}.route-layout{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:40px}.route{border:1px solid var(--line);background:linear-gradient(90deg,transparent 98%,#a3abd009 99%),linear-gradient(0deg,transparent 98%,#a3abd009 99%),#0c102a;background-size:80px 80px;border-radius:28px;padding:25px}.route svg{width:100%;display:block;overflow:visible}.route path{fill:none;stroke:#65acc9;stroke-width:3}.route .route-base{stroke:#b9b2ef20;stroke-width:1}.route #route-active{stroke-dasharray:900;stroke-dashoffset:740;transition:stroke-dashoffset 1s}.route circle{fill:#0c102a;stroke:#bac3de;stroke-width:2}.route circle:first-of-type{fill:#60b7cf;stroke:#60b7cf}.route text{font:11px monospace;letter-spacing:2px;fill:#c2c9e1}.route-layout h3{font-size:36px;margin-bottom:24px}.route-layout p{font-size:20px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.workflow-column{border:1px dashed var(--line);border-radius:24px;padding:20px;position:relative;min-height:215px}.workflow-column:not(:last-child):after{content:'';position:absolute;right:-16px;top:50%;width:9px;height:9px;border-top:1.5px solid var(--cyan);border-right:1.5px solid var(--cyan);transform:rotate(45deg)}.workflow-column>span{font:11px ui-monospace,monospace;letter-spacing:.2em;color:var(--muted)}.workflow-node{display:flex;align-items:center;gap:14px;background:#2b324f;border-radius:20px;padding:15px;margin-top:14px;font-size:16px}.workflow-node:before{content:'';width:27px;height:27px;border:7px solid #76a2d6;border-radius:10px;flex-shrink:0}.module-options{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px}.module-options .eyebrow{margin:0 10px 0 0;font-size:10px}.integration-map{display:flex;align-items:center;justify-content:center;min-height:260px;gap:0}.integration-map>span:not(.integration-line),.integration-map strong{padding:25px;background:#242d4e;border:1px solid var(--line);border-radius:24px;text-align:center;max-width:250px}.integration-map strong{font-size:29px;color:var(--cyan)}.integration-map small{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}.integration-line{width:7%;height:1px;background:var(--cyan)}.industry-scene{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:50px 20px;align-items:center}.industry-scene>span{font-size:180px;line-height:1;letter-spacing:-.1em;background:linear-gradient(100deg,#8272f5,#60b3ce);background-clip:text;color:transparent}.industry-scene h2{font-size:45px}.industry-scene p{font-size:21px;margin-top:25px}.content-card{padding:40px}.reading{max-width:850px}.reading h3{margin-top:45px}.reading p{font-size:20px}.recovery{margin-bottom:100px;display:flex;gap:20px}.footer{overflow:hidden;position:relative;background:radial-gradient(ellipse at 60% 0,#2b2a60 0,transparent 65%),radial-gradient(ellipse at 0 50%,#1c344c 0,transparent 65%),#080c23}.footer:before,.footer:after{content:'';position:absolute;width:140%;height:900px;left:-20%;top:46%;border:1px solid #5fb1d049;border-radius:50%;pointer-events:none}.footer:after{top:53%;border-color:#8270ef40}.footer-inner{position:relative;min-height:880px;padding-top:120px;padding-bottom:35px;z-index:1}.footer-invite{margin-left:13%;position:relative}.footer-invite:before{content:'';position:absolute;left:-140px;top:35%;width:105px;height:105px;border-radius:50%;border:1px solid #6cb4da60;background:radial-gradient(circle,#738de8 0,#608cc7 20%,transparent 30%);box-shadow:0 0 0 9px #6cb4da0b,0 0 0 10px #6cb4da30}.footer h2{font-size:clamp(36px,4.1vw,59px);max-width:650px;line-height:1.2}.footer .button{margin-top:35px}.footer-word{position:absolute;right:-22px;top:100px;writing-mode:vertical-rl;font-size:clamp(120px,14vw,205px);line-height:.85;letter-spacing:-.065em;font-weight:700;background:linear-gradient(120deg,#fafbff,#65b4cd,#8074f3);background-clip:text;color:transparent;pointer-events:none}.footer nav{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 35px;max-width:77%;margin-top:180px;color:#b1b9d2;font-size:16px}.footer nav a:hover{color:#72c6df}.footer-bottom{border-top:1px solid var(--line);margin-top:180px;padding-top:28px;display:flex;justify-content:space-between;gap:30px;font-size:12px;color:#a4acc6}.footer-bottom span:last-child{margin-right:16%}.enquiry-shell{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding-top:170px;padding-bottom:110px}.enquiry-story h1{font-size:clamp(48px,5vw,72px)}.enquiry-story em{font-style:normal;color:#77b9d3}.enquiry-story>p{margin-top:28px;font-size:20px}.enquiry-steps{list-style:none;padding:0;margin-top:50px}.enquiry-steps li{display:flex;gap:22px;margin-bottom:24px;color:var(--muted)}.enquiry-steps li[aria-current]{color:white}.enquiry-steps li>span{color:var(--cyan)}.enquiry-steps small{display:block;font-size:13px;margin-top:4px}.enquiry-signature{margin-top:50px}.enquiry-signature img{display:block}.enquiry-signature span{display:block;color:var(--muted);font-size:14px;margin-top:15px}.enquiry-panel{border:1px solid var(--line);border-radius:30px;background:#151c39;padding:40px}.tiny-label,.page-kicker{font:11px/1.6 monospace;letter-spacing:.17em;color:var(--cyan);margin-bottom:25px}.enquiry-panel h2{font-size:35px;line-height:1.15}.enquiry-intro{font-size:16px;margin-top:20px}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:17px;margin-bottom:20px}.field{display:block;margin-bottom:20px}.field>span{display:block;font-size:14px;margin-bottom:7px}input:not([type=radio]):not([type=checkbox]),textarea{width:100%;border-radius:12px;background:#252d49;border:1px solid #444d6d;color:white;padding:12px;min-width:0}textarea{resize:vertical}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ffa4b7!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-options{display:grid;gap:15px}.service-options label{display:flex;gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;cursor:pointer}.service-options small{display:block;color:var(--muted);margin-top:8px}.service-options input{accent-color:#7c91dc}.draft-consent{display:flex;gap:12px;font-size:14px;align-items:flex-start}.draft-consent a{text-decoration:underline}.fineprint{font-size:12px;margin-top:18px}.enquiry-actions{display:flex;gap:12px}.enquiry-actions button{border:1px solid var(--line);border-radius:20px;padding:12px 18px;background:#f5f7ff;color:#151c39}.enquiry-trap{display:none}.confirm-box{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:18px;padding:18px;background:#080d26;color:#e2e5f7;font-size:14px;user-select:text}summary{cursor:pointer;margin-top:22px}#form-feedback{font-size:14px;color:#b9dded;margin-top:20px}a,button{transition:background .2s,border-color .2s,color .2s}a:hover .arrow{transform:translateX(3px)}.arrow{transition:transform .2s} @media(min-width:1600px){h1{font-size:112px}} @media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header{width:calc(100% - 40px);padding:14px 22px}.hero{padding-top:150px}.section{padding:100px 0}.division{padding:30px}.division .arrow{top:30px;right:30px}.capabilities{grid-template-columns:1fr}.process{grid-template-columns:repeat(3,1fr);row-gap:40px}.process li:nth-child(3):before{width:100%}.scene-controls{align-items:flex-start;flex-direction:column}.scene{height:650px}.module{width:27%;padding:14px 10px}.module b{font-size:13px;gap:7px}.module-icon{width:28px;height:28px;font-size:18px;border-radius:10px}.module-row{font-size:10px;padding:5px}.m0,.scene[data-state="1"] .m0,.scene[data-state="2"] .m0{left:4%}.m1,.scene[data-state="1"] .m1,.scene[data-state="2"] .m1{left:36.5%}.m2,.scene[data-state="1"] .m2,.scene[data-state="2"] .m2{left:69%}.m3,.scene[data-state="1"] .m3,.scene[data-state="2"] .m3{left:4%}.m4,.scene[data-state="1"] .m4,.scene[data-state="2"] .m4{left:36.5%}.m5,.scene[data-state="1"] .m5,.scene[data-state="2"] .m5{left:69%}.interactive{padding:28px}.workflow-grid{gap:15px}.workflow-column{padding:15px}.workflow-node{font-size:14px;padding:12px;gap:8px}.workflow-node:before{width:20px;height:20px;border-width:5px}.industry-home{gap:30px}.industry-home p:not(.eyebrow){font-size:17px}.chips a{font-size:17px;padding:12px 18px}.footer-inner{min-height:740px;padding-top:90px}.footer-invite{margin-left:8%}.footer-invite:before{left:-70px;width:45px;height:45px}.footer nav{margin-top:130px}.footer-bottom{margin-top:130px}.footer-word{top:95px}.enquiry-shell{gap:30px}.enquiry-panel{padding:28px}.form-grid{grid-template-columns:1fr}} @media(max-width:650px){body{font-size:16px}.wrap{width:calc(100% - 36px)}.header{top:12px;width:calc(100% - 24px);min-height:66px;padding:13px 16px;border-radius:23px}.header img{width:110px;height:28px}.header-actions{gap:7px}.header .button{font-size:12px;padding:9px 12px;gap:5px}.header .arrow{width:15px;height:15px}.header nav{max-height:calc(100dvh - 105px);overflow:auto;padding:10px}.header nav a{padding:13px;font-size:16px}.hero{padding-top:130px;padding-bottom:65px}h1{font-size:clamp(44px,10.8vw,68px);letter-spacing:-.055em;line-height:1.05}.hero h1 br{display:none}.hero .eyebrow{font-size:9px;letter-spacing:.19em;max-width:90%;margin-bottom:26px}.lead{font-size:18px;margin-top:28px}.hero-links{flex-direction:column;gap:12px;margin-top:32px}.hero-links a{padding:20px;font-size:16px;border-radius:23px}.section{padding:75px 0}h2{font-size:38px;letter-spacing:-.05em}h2 br{display:none}.two{grid-template-columns:1fr;gap:20px}.divisions{margin-top:38px}.division{padding:30px 26px}.division h3{font-size:31px;margin-bottom:25px}.division h3 br{display:none}.capabilities{grid-template-columns:1fr 1fr;gap:0 20px}.capabilities li{font-size:13px;padding-top:13px;padding-bottom:13px;padding-left:14px}.capabilities li:before{width:4px;height:4px;top:21px}.process{grid-template-columns:1fr 1fr;margin-top:46px;gap:25px}.process li:before{width:100%!important}.process span{width:40px;height:40px;margin-bottom:20px}.process li:before{top:20px}.process h3{font-size:21px}.process p{font-size:14px}.eyebrow{font-size:10px;letter-spacing:.2em}.industry-home p:not(.eyebrow){margin-top:22px}.chips{gap:9px}.chips a{font-size:15px;padding:10px 16px}.assembly{padding-bottom:65px}.stages{gap:6px}.stages button{font-size:8px;letter-spacing:.04em;padding:8px}.play-controls button{font-size:12px;padding:8px 12px}.scene{height:700px;border-radius:26px;background-size:50px 50px}.module{width:43%;padding:12px 9px;border-radius:19px;transition-duration:1s}.module b{font-size:11px;gap:5px;margin-bottom:8px}.module-icon{width:23px;height:23px;border-radius:8px;font-size:15px}.module-row{font-size:9px;padding:6px}.m0,.scene[data-state="1"] .m0,.scene[data-state="2"] .m0{left:5%;top:6%}.m1,.scene[data-state="1"] .m1,.scene[data-state="2"] .m1{left:52%;top:9%}.m2,.scene[data-state="1"] .m2,.scene[data-state="2"] .m2{left:4%;top:37%}.m3,.scene[data-state="1"] .m3,.scene[data-state="2"] .m3{left:52%;top:39%}.m4,.scene[data-state="1"] .m4,.scene[data-state="2"] .m4{left:5%;top:69%}.m5,.scene[data-state="1"] .m5,.scene[data-state="2"] .m5{left:52%;top:70%}.scene[data-state="2"] .module{transform:none}.scene[data-state="2"] .m0,.scene[data-state="2"] .m1{top:3%}.scene[data-state="2"] .m2,.scene[data-state="2"] .m3{top:33%}.scene[data-state="2"] .m4,.scene[data-state="2"] .m5{top:73%}.connected-label{top:61%;font-size:20px}.connected-label small{font-size:8px}.scene[data-state="2"]:before{inset:16% 25%;border-radius:15px}.scene-info{font-size:13px;min-height:60px}.disclaimer{font-size:8px;letter-spacing:.14em}.inner-hero h1{font-size:44px}.inner-hero{padding-bottom:35px}.interactive{padding:20px;margin-bottom:65px;border-radius:25px}.scenario-buttons{gap:8px;margin-bottom:25px}.scenario-buttons button{font-size:12px;padding:9px 12px}.route-layout{grid-template-columns:1fr;gap:28px}.route{padding:20px 10px}.route-layout h3{font-size:28px;margin-bottom:18px}.route-layout p{font-size:17px}.workflow-grid{grid-template-columns:1fr;gap:18px}.workflow-column{min-height:0;padding:16px}.workflow-column:not(:last-child):after{content:'';right:50%;top:auto;bottom:-20px;z-index:2;transform:rotate(135deg)}.workflow-node{font-size:15px}.module-options button{font-size:12px}.integration-map{flex-direction:column;gap:0;padding:10px 0 30px}.integration-map>span:not(.integration-line),.integration-map strong{width:100%;max-width:none;padding:20px}.integration-line{height:35px;width:1px}.industry-scene{grid-template-columns:1fr;gap:25px;padding:20px 0}.industry-scene>span{font-size:100px}.industry-scene h2{font-size:32px}.industry-scene p{font-size:18px}.content-card{padding:28px}.reading p{font-size:17px}.light>.wrap>.capabilities{grid-template-columns:1fr;gap:0}.light .capabilities li{font-size:17px}.footer-inner{min-height:0;padding-top:70px;padding-bottom:30px}.footer-word{position:relative;top:auto;right:auto;writing-mode:horizontal-tb;font-size:clamp(70px,22vw,140px);line-height:1;margin:55px 0 40px;letter-spacing:-.06em}.footer-invite{margin-left:0}.footer-invite:before{display:none}.footer h2{font-size:36px}.footer h2 br{display:none}.footer .button{margin-top:25px}.footer nav{max-width:100%;grid-template-columns:1fr 1fr;margin-top:0;gap:16px;font-size:14px}.footer-bottom{margin-top:50px;display:block;font-size:10px;line-height:1.7}.footer-bottom span{display:block;margin:10px 0}.footer:before,.footer:after{height:600px;top:40%;width:180%;left:-40%}.enquiry-shell{grid-template-columns:1fr;padding-top:125px;padding-bottom:70px;gap:30px}.enquiry-story h1{font-size:48px}.enquiry-story h1 br{display:none}.enquiry-story>p{font-size:17px}.enquiry-steps{margin-top:28px}.enquiry-signature{display:none}.enquiry-panel{padding:24px 20px}.enquiry-panel h2{font-size:29px}.enquiry-actions{flex-wrap:wrap}.enquiry-actions button{font-size:14px}.recovery{flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.module{transform:none}} .two>*{min-width:0}.capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.division h3{overflow-wrap:break-word}.capabilities li{overflow-wrap:break-word} @media(min-width:651px) and (max-width:1000px){.division .capabilities{grid-template-columns:1fr}} h1{overflow-wrap:anywhere}.inner-hero .gradient{box-decoration-break:clone;-webkit-box-decoration-break:clone} .division{background:radial-gradient(ellipse at 70% 0,#222553,transparent 70%),#080c23}.light .division .capabilities li{color:#b2b9d0;border-color:var(--line);font-size:16px}.light .division .eyebrow{color:#73c4df}.hero .gradient br:after{content:' '} @media(max-width:650px){.hero h1 br{display:initial}.hero h1{font-size:clamp(40px,10.8vw,68px)}.division h3{font-size:28px}.light .division .capabilities li{font-size:13px}.division h3 br{display:initial}} .module-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} @media(max-width:650px){.module-icon svg{width:16px;height:16px}} :root{--muted:#b6bdd5;--line:rgba(167,180,227,.22);--ease:cubic-bezier(.2,.7,.2,1)} body{font-kerning:normal;text-rendering:optimizeLegibility} h1,h2,h3{text-wrap:balance;overflow-wrap:normal} p{text-wrap:pretty} .hero h1{line-height:1.02;letter-spacing:-.052em} .lead{line-height:1.5} .gradient{-webkit-box-decoration-break:clone;box-decoration-break:clone} .header{-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff18,0 12px 42px #02061932} .header>a{display:flex;align-items:center;min-height:44px} .header img{width:137px;height:auto;max-height:38px;object-position:left center} .header button{min-width:44px;min-height:44px;border-radius:50%} .header nav{-webkit-backdrop-filter:blur(25px);max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 60px #02061966} .header nav a{min-height:48px} .header nav a[aria-current]{box-shadow:inset 2px 0 #66b9d3} .button,.hero-links a,.chips a,.text-link,button,.header nav a{transition:background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),color .2s var(--ease)} .button{min-height:44px;box-shadow:0 2px 4px #02061918} .button:active,button:active{filter:brightness(.94)} .hero-links a{flex:1;box-shadow:inset 0 1px 0 #ffffff0d,0 12px 30px #0206191f} .panel{box-shadow:inset 0 1px 0 #ffffff14,0 16px 48px #0206191c} .division{border-color:#b3bde333} .division .capabilities li{line-height:1.6} .light p{color:#56617c} .light .eyebrow,.light .text-link{color:#6350c5} .process p{line-height:1.6} .scene{background-image:radial-gradient(ellipse at 50% 44%,#25265b44,transparent 65%),linear-gradient(90deg,transparent 98.8%,#a3abd00b 99%),linear-gradient(0deg,transparent 98.8%,#a3abd00b 99%);background-size:100% 100%,85px 85px,85px 85px;box-shadow:inset 0 1px 0 #ffffff0b,0 20px 60px #02061930} .module{box-shadow:inset 0 1px 0 #ffffff16,0 12px 28px #01051940} .module:focus-visible{z-index:5} .module[aria-pressed=true]{border-color:var(--cyan);box-shadow:inset 0 1px 0 #ffffff16,0 0 0 2px #66b9d324,0 12px 28px #01051940} .module-row{color:#bec6df} .stages button,.play-controls button,.scenario-buttons button,.module-options button{min-height:44px} .scene-info{line-height:1.6;min-height:48px;max-width:950px} .scenario-buttons button[aria-pressed=true],.module-options button[aria-pressed=true]{background:linear-gradient(110deg,#9b8bf8,#79c4db);color:#09142c} .workflow-column{background:#0a102b20} .workflow-node{line-height:1.45} .workflow-grid{align-items:stretch} .integration-map small{line-height:1.5} .footer:before,.footer:after{top:44%;opacity:.65;mask-image:linear-gradient(#000,transparent 60%);-webkit-mask-image:linear-gradient(#000,transparent 60%);clip-path:inset(0 0 calc(100% - 85px) 0)} .footer:after{top:calc(44% + 20px);clip-path:inset(0 0 calc(100% - 65px) 0)} .footer nav a{width:fit-content;min-height:44px;display:flex;align-items:center;text-underline-offset:5px} .footer-bottom a{text-decoration:underline;text-underline-offset:4px} .footer-bottom span{line-height:1.7} .enquiry-panel{box-shadow:inset 0 1px 0 #ffffff14,0 18px 60px #02061930} .enquiry-shell>*{min-width:0} .enquiry-panel input,.enquiry-panel textarea{font-size:16px;caret-color:var(--cyan)} .enquiry-panel input[aria-invalid=true],.enquiry-panel textarea[aria-invalid=true]{border-color:#ffb1be} .enquiry-panel input[type=checkbox],.enquiry-panel input[type=radio]{accent-color:#79c4db} @media(hover:hover){ .header button:hover{background:#ffffff0c} .hero-links a:hover{background-color:#30396330;box-shadow:inset 0 1px 0 #ffffff18,0 14px 35px #02061940} .stages button:hover,.play-controls button:hover,.scenario-buttons button:hover,.module-options button:hover{border-color:#8ecde0;color:#f6f7ff} #play:hover{color:#10152d;background:#d9e7fb} .footer nav a:hover{text-decoration:underline} } @media(max-width:1000px){.header nav{max-height:calc(100dvh - 125px)}} @media(max-width:650px){ .header{padding:10px 12px} .header img{width:108px;height:auto;max-height:31px} .header-actions{gap:5px} .header .button{padding:9px 11px;min-height:44px} .header nav{max-height:calc(100dvh - 102px);border-radius:23px} .hero h1{font-size:clamp(38px,10.6vw,68px);line-height:1.05;letter-spacing:-.048em;text-wrap:initial} body[data-page=index] .hero h1 br{display:none} .inner-hero h1{font-size:clamp(34px,9.8vw,60px);overflow-wrap:break-word} .inner-hero h1 br{display:initial} .hero .eyebrow{max-width:100%;font-size:10px;letter-spacing:.13em;line-height:1.8;margin-bottom:24px} .hero .lead{font-size:18px;line-height:1.55;margin-top:26px} .hero-links a{font-size:15px;padding:18px;min-height:64px} .scene-controls{gap:12px} .stages{width:100%;display:grid;grid-template-columns:1fr 1.1fr 1.45fr;gap:5px} .stages button{font-size:9px;line-height:1.4;padding:7px 5px;letter-spacing:.025em} .play-controls{width:100%;gap:7px} .play-controls button{font-size:12px;padding:9px 12px} .module b{font-size:12px;line-height:1.3} .module-row{font-size:10px;padding:6px;line-height:1.4} .module{padding:12px 9px} .scene-info{min-height:84px;font-size:14px} .disclaimer{font-size:10px;letter-spacing:.09em;line-height:1.7} .light .division .capabilities li{font-size:14px} .scenario-buttons button,.module-options button{font-size:14px;line-height:1.4} .footer nav{row-gap:7px} .footer:before,.footer:after{display:none} .footer-bottom{font-size:12px} .footer-word{margin-top:48px;margin-bottom:32px} .enquiry-panel{padding:26px 20px} .enquiry-story h1{font-size:clamp(38px,10.6vw,48px);overflow-wrap:break-word} .enquiry-story h1 br{display:initial} } @media(max-width:359px){ .header img{width:88px} .header .button{font-size:11px;gap:4px;padding:9px} .header-actions{gap:3px} .module b{font-size:11px} .module-row{font-size:9px} .stages button{font-size:8px} .hero-links a{font-size:14px} } @media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}} @media(forced-colors:active){.gradient,.industry-scene>span,.footer-word{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.panel,.button,.module{border:1px solid ButtonText}} :root{--motion-ease:cubic-bezier(.22,.8,.22,1)} .scene{perspective:1400px;isolation:isolate} .scene .module{transition:border-color .25s,box-shadow .3s;transform:none;translate:0 0;rotate:1 1 0 var(--px,0deg);box-shadow:0 18px 38px #02051845,inset 0 1px #ffffff18} .scene[data-state="0"] .m0{left:5%;top:9%}.scene[data-state="0"] .m1{left:37%;top:4%}.scene[data-state="0"] .m2{left:71%;top:12%}.scene[data-state="0"] .m3{left:7%;top:61%}.scene[data-state="0"] .m4{left:38%;top:69%}.scene[data-state="0"] .m5{left:70%;top:60%} .scene[data-state="1"] .module{border-color:#64b8d370} .scene .connected-label{z-index:1;pointer-events:none;top:46%;left:calc(50% - 150px);right:auto;width:300px;font-size:26px} .scene[data-state="1"] .connected-label{opacity:.35} .scene[data-state="2"]:before{display:none} .connected-label:before,.connected-label:after{content:'';position:absolute;inset:-22px 15px;border:1px solid #65b8d32b;border-radius:50%;z-index:-1;animation:core-ripple 5.8s var(--motion-ease) infinite} .connected-label:after{animation-delay:-2.9s} .data-tracks{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s} .scene[data-state="1"] .data-tracks{opacity:.25}.scene[data-state="2"] .data-tracks{opacity:1} .data-tracks path{fill:none;stroke:#65b8d32b;stroke-width:1.2} .data-tracks .packet{stroke:#86d5e5;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 97;animation:data-flow 3.8s linear infinite} .scene .module-row i{transform-origin:left;animation:signal 5s ease-in-out infinite} .scene .module:nth-of-type(2n) .module-row i{animation-delay:-2.1s} .scene[data-state="0"] .module{animation:calm 7s ease-in-out infinite}.scene[data-state="0"] .module:nth-of-type(2n){animation-delay:-3s} .scene[data-state="2"] .module:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#a9d9ef0b 48%,transparent 60%);background-size:300% 100%;animation:scan 12s ease-in-out infinite} .scene[data-motion="paused"] *,.motion-suspended *{animation-play-state:paused!important} .scene[data-motion="paused"] .module{rotate:0deg} .button,.panel,.text-link,.chips a,button{transition:transform .3s var(--motion-ease),box-shadow .3s,border-color .3s,background-color .3s} .button:active,button:active{transform:translateY(1px) scale(.985)} #menu a{position:relative}#menu a:before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:2px;background:var(--cyan);transform:scaleY(0);transition:transform .3s var(--motion-ease)}#menu a:hover:before,#menu a:focus-visible:before,#menu a[aria-current]:before{transform:scaleY(1)} .route path{transition:stroke-dashoffset .65s var(--motion-ease)} .workflow-node{animation:node-enter .36s var(--motion-ease) both}.workflow-column:nth-child(2) .workflow-node{animation-delay:.08s}.workflow-column:nth-child(3) .workflow-node{animation-delay:.16s} .footer-word{background-size:180% 180%} @keyframes data-flow{to{stroke-dashoffset:-100}} @keyframes core-ripple{0%{transform:scale(.84);opacity:0}25%{opacity:.65}100%{transform:scale(1.35);opacity:0}} @keyframes signal{0%,100%{scale:.7 1;opacity:.5}50%{scale:1 1;opacity:1}} @keyframes calm{0%,100%{translate:0 0}50%{translate:0 -5px}} @keyframes scan{0%,65%{background-position:120% 0}90%,100%{background-position:-80% 0}} @keyframes node-enter{from{opacity:.35;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}} @media(max-width:1000px) and (min-width:651px){.scene[data-state="0"] .m0,.scene[data-state="0"] .m3{left:3%}.scene[data-state="0"] .m1,.scene[data-state="0"] .m4{left:36%}.scene[data-state="0"] .m2,.scene[data-state="0"] .m5{left:69%}} @media(max-width:650px){.scene .connected-label{top:61%;font-size:22px}.scene[data-state="0"] .m0{left:4%;top:5%}.scene[data-state="0"] .m1{left:52%;top:9%}.scene[data-state="0"] .m2{left:4%;top:34%}.scene[data-state="0"] .m3{left:52%;top:38%}.scene[data-state="0"] .m4{left:4%;top:72%}.scene[data-state="0"] .m5{left:52%;top:76%}.connected-label:before,.connected-label:after{inset:-15px 40px}} @media(max-width:389px){.scene{height:880px}.scene .module{width:82%;left:9%!important;padding:13px 15px;min-height:96px;border-radius:17px}.scene .module b{font-size:13px;margin:0 0 8px}.scene .module-row{display:inline-flex;font-size:10px;padding:4px;margin:2px 3px 0 0}.scene .module-row i{display:none}.scene .module-row:nth-of-type(3){display:none}.scene .m0{top:3%!important}.scene .m1{top:16%!important}.scene .m2{top:29%!important}.scene .m3{top:59%!important}.scene .m4{top:72%!important}.scene .m5{top:85%!important}.scene .connected-label{top:47%;font-size:24px;width:220px;left:calc(50% - 110px)}.scene[data-state="0"] .module:nth-of-type(2n){translate:4px 0}.scene[data-state="0"] .module:nth-of-type(2n+1){translate:-4px 0}.scene[data-state="1"] .module{scale:.98}.scene[data-state="2"] .module{scale:1}.stages{flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){.scene *{animation:none!important;transition:none!important}.data-tracks .packet{display:none}.connected-label:after{display:none}.connected-label:before{animation:none;opacity:.5}.scene .module{translate:none;rotate:none}.workflow-node{animation:none}} #industry-symbol svg{width:160px;height:160px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;animation:node-enter .4s var(--motion-ease)} #menu .nav-indicator{position:absolute;left:12px;width:2px;background:var(--cyan);border-radius:2px;pointer-events:none;transition:top .24s var(--motion-ease),height .24s var(--motion-ease)} .footer-word{animation:footer-breathe 10s ease-in-out infinite} @keyframes footer-breathe{0%,100%{opacity:.8}50%{opacity:1}} @media(max-width:389px){.scene[data-state="0"] .module{width:76%;left:12%!important}.scene[data-state="1"] .module{width:80%;left:10%!important}.scene[data-state="2"] .module{width:82%;left:9%!important}} .scene .module{transform:rotateX(var(--py,0deg)) rotateY(var(--px,0deg));rotate:none} .route .route-marker{fill:#090d25;stroke:var(--cyan);stroke-width:3;filter:drop-shadow(0 0 3px #65b8d340)} .assembly{scroll-margin-top:110px}.scene{scroll-margin-top:180px} @media(prefers-reduced-motion:reduce){.scene .module{transform:none!important}} .headline-word{display:inline-block} .pointer-field{position:relative;isolation:isolate} .pointer-light{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:-1;opacity:0;transition:opacity 300ms var(--motion-ease);background:radial-gradient(260px circle at var(--light-x,50%) var(--light-y,50%),#65b8d312,transparent 72%),radial-gradient(180px circle at var(--light-x,50%) var(--light-y,50%),#7968f009,transparent 70%)} .scene>.pointer-light{z-index:0} .pointer-active>.pointer-light{opacity:1} .hero-links>a{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate 220ms var(--motion-ease),border-color 300ms,box-shadow 300ms} .hero-links>a:focus-visible{translate:0 0} .hero-links .arrow,.button .arrow{transition:transform 240ms var(--motion-ease)} .hero-links>a:hover .arrow,.button:hover .arrow{transform:translateX(3px)} .title-accent{position:relative}.title-accent:after{content:'';position:absolute;left:0;bottom:-14px;width:44px;height:1px;background:var(--cyan);transform-origin:left} .accent-enter:after{animation:accent-expand 600ms var(--motion-ease) both} @keyframes accent-expand{from{transform:scaleX(.15);opacity:.3}to{transform:scaleX(1);opacity:1}} @media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.pointer-light{display:none}.hero-links>a{translate:none!important}} @media(prefers-reduced-motion:reduce){.headline-word{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}.accent-enter:after{animation:none}.hero-links .arrow,.button .arrow{transition:none;transform:none!important}} @media(forced-colors:active){.pointer-light{display:none}} .pointer-light{background:linear-gradient(115deg,transparent 20%,#65b8d312 48%,#7968f00c 54%,transparent 80%)} :root{--motion-ease:cubic-bezier(.2,.75,.25,1)} .ambient-hero{position:relative;isolation:isolate} .ambient-field{position:absolute;inset:-35px -12px -20px;overflow:hidden;z-index:-1;pointer-events:none;border-radius:32px;contain:paint;mask-image:radial-gradient(ellipse at 55% 40%,#000 20%,transparent 75%)} .ambient-layer{position:absolute;inset:-12%;opacity:.85;animation-play-state:paused!important;will-change:transform} .layer-0{background:radial-gradient(ellipse at 76% 30%,#7968f070,transparent 58%);animation:ambient-drift 7s ease-in-out infinite alternate} .layer-1{background:radial-gradient(ellipse at 32% 65%,#65b8d33d,transparent 55%);animation:ambient-drift 9s ease-in-out -4s infinite alternate-reverse} .layer-2{background:repeating-linear-gradient(118deg,transparent 0 149px,#9ba9f508 150px,transparent 151px 290px);mask-image:linear-gradient(transparent,#0008,transparent);animation:ambient-lines 11s linear infinite alternate} .ambient-running .ambient-layer{animation-play-state:running!important} .ambient-toggle{display:block;position:relative;margin:10px 0 -10px auto;border:0;background:transparent;color:var(--muted);font-size:11px;padding:8px 10px;border-radius:8px;letter-spacing:.025em} .ambient-toggle:hover{color:var(--cyan)} .hero-links>a{transition:translate 180ms var(--motion-ease),border-color 220ms,box-shadow 220ms} .button .arrow,.hero-links .arrow{transition:transform 190ms var(--motion-ease)} .accent-enter:after{animation-duration:460ms} .scene .module{transition:transform 180ms var(--motion-ease),border-color 220ms,box-shadow 260ms} @keyframes ambient-drift{from{transform:translate3d(-7%,-4%,0) scale(1)}to{transform:translate3d(8%,7%,0) scale(1.15)}} @keyframes ambient-lines{from{transform:translate3d(-25px,0,0)}to{transform:translate3d(35px,-12px,0)}} @media(max-width:650px){.ambient-layer{opacity:.7}.ambient-toggle{font-size:10px}.ambient-field{inset:-10px -6px -10px}} @media(prefers-reduced-motion:reduce){.ambient-layer{animation:none!important;will-change:auto}.cursor-focus{display:none}.scene .module{transition:none}.ambient-toggle{display:none}} @media(hover:none),(pointer:coarse),(forced-colors:active){.cursor-focus{display:none}} @media(forced-colors:active){.ambient-field{display:none}} .footer>.ambient-field{inset:0;opacity:.55} .enquiry-shell>.ambient-field{inset:-20px -10px 0;opacity:.6} .enquiry-shell>.ambient-toggle{grid-column:1/-1;justify-self:end} .ambient-toggle[hidden]{display:none} @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ .directional-pointer,.directional-pointer body{cursor:url("assets/solflo-pointer.svg") 2 2,auto} .directional-pointer a,.directional-pointer button{cursor:url("assets/solflo-pointer-action.svg") 2 2,pointer} .directional-pointer input,.directional-pointer textarea,.directional-pointer [contenteditable="true"]{cursor:text} .directional-pointer select{cursor:auto} } .energy-network{position:absolute;right:-6%;top:-16%;width:58%;height:135%;fill:none;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 38%,#000 88%,transparent);transform:translate3d(var(--energy-x,0px),var(--energy-y,0px),0);transition:transform 300ms var(--motion-ease)} .energy-rail{stroke:#819be53b;stroke-width:1} .energy-signal{stroke:#85d5ee;stroke-width:1.7;stroke-dasharray:3 97;stroke-linecap:square;animation:energy-flow 4.8s linear infinite;animation-play-state:paused;opacity:.85} .energy-signal:nth-child(4n){stroke:#ae97ff;animation-duration:6.2s} .ambient-running .energy-signal{animation-play-state:running} .ambient-field{mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)} @keyframes energy-flow{to{stroke-dashoffset:-100}} @media(max-width:650px){.energy-network{width:110%;right:-52%;opacity:.65}.energy-rail{stroke-width:1}.energy-signal{stroke-width:1.4}} @media(prefers-reduced-motion:reduce){.energy-signal{animation:none!important;display:none}.energy-network{transform:none;transition:none}} .section.ambient-hero>.ambient-field{inset:0;border-radius:0} .hero-links>a{position:relative} .hero-links>a:after{content:'';position:absolute;left:25px;bottom:1px;width:58px;height:1px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#7dd1e8,#a18aef,transparent)} @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-links>a:hover:after{animation:cta-signal 420ms var(--motion-ease) both}} @keyframes cta-signal{0%{opacity:0;transform:translateX(0)}35%{opacity:1}100%{opacity:0;transform:translateX(95px)}} .data-tracks .track{transition:stroke 220ms,stroke-width 220ms} .scene[data-state="2"] .track.connection-selected{stroke:#98ccedb3;stroke-width:1.8} .scene[data-state="2"] .packet.connection-selected{stroke:#b9b1ff;stroke-width:2.5} .division{position:relative;isolation:isolate;overflow:hidden} .division:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid transparent;background:linear-gradient(125deg,#84c9e2a0,transparent 35%,transparent 65%,#9485ec90) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity 220ms} .division:hover:after,.division:focus-visible:after{opacity:1} .reading-progress{position:absolute;bottom:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,#65b8d3,#9785ed);transform:scaleX(0);transform-origin:left;pointer-events:none;opacity:.8} @media(forced-colors:active){.division:after,.reading-progress{display:none}} .header nav{padding:12px;gap:5px} .header nav a{border-radius:13px;padding:15px 18px;justify-content:space-between;transition:background-color 180ms,border-color 180ms,color 180ms} .header nav a[aria-current]{background:#6f8fd51a;box-shadow:inset 2px 0 #79c4db;color:#e6f7ff} @media(min-width:768px){.header nav:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.header nav a:last-of-type{background:#7c8fb514}} @media(hover:hover){.header nav a:hover{background:#8b9be51a}.text-link:hover{color:var(--cyan)}} .header nav .arrow{opacity:.55;transition:transform 190ms,opacity 190ms} .header nav a:hover .arrow{opacity:1;transform:translateX(3px)} .stages{position:relative;padding-bottom:8px} .assembly-progress{position:absolute;bottom:0;left:8px;right:8px;height:2px;background:linear-gradient(90deg,#65b8d3,#9d8af3);transform:scaleX(0);transform-origin:left;pointer-events:none;border-radius:2px} .stages button[aria-pressed=true]{box-shadow:inset 0 1px 0 #ffffff16,0 2px 14px #65b8d312} .scenario-buttons button[aria-pressed=true],.module-options button[aria-pressed=true]{box-shadow:inset 0 1px 0 #ffffff40,0 4px 16px #02061926} .enquiry-steps li{border-left:1px solid #a0afdf29;padding-left:16px;transition:border-color 220ms,opacity 220ms} .enquiry-steps li[aria-current=step]{border-left:2px solid var(--cyan);padding-left:15px} .enquiry-steps li[aria-current=step] small{color:#c3d0e8} .requirement-count{display:block;text-align:right;font-size:11px;color:var(--muted);margin-top:8px;font-variant-numeric:tabular-nums;letter-spacing:.02em} .brief-download{padding:13px 17px;min-height:44px;border-radius:16px;border:1px solid var(--line);background:transparent;white-space:normal} .brief-download:hover{border-color:var(--cyan);background:#65b8d30c} .enquiry-actions{flex-wrap:wrap} .enquiry-panel input:focus-visible,.enquiry-panel textarea:focus-visible{outline-offset:3px;box-shadow:0 0 0 6px #65b8d30a} @media(max-width:650px){.header nav a{padding:13px 15px}.enquiry-actions{gap:10px}.brief-download{font-size:13px;padding:12px}} @media(prefers-reduced-motion:reduce){.header nav,.header nav .arrow{transition:none;animation:none}} @media(forced-colors:active){.assembly-progress{background:Highlight}.enquiry-steps li[aria-current=step]{border-color:Highlight}} .header nav{background:linear-gradient(135deg,#1c2444f7,#10152dfb);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)} .mobile-project-cta{display:none} .privacy-banner{position:fixed;z-index:100;left:24px;bottom:24px;width:min(570px,calc(100% - 48px));padding:22px 24px;background:#121a35fa;color:#f5f7ff;border:1px solid #818fb74a;border-radius:22px;box-shadow:0 18px 70px #02061975;backdrop-filter:blur(22px)} .privacy-banner[hidden]{display:none} .privacy-banner h2{font-size:19px;letter-spacing:-.02em;margin:0 0 10px} .privacy-banner p{font-size:13px;line-height:1.6;margin:0 0 16px;color:#c5cee3} .privacy-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .privacy-actions button{min-height:44px;border:1px solid #8798bf60;padding:10px 15px;background:transparent;color:inherit;border-radius:13px;font-size:13px} .privacy-actions button:first-child{background:#edf4ff;color:#11182f} .privacy-preferences{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;margin-bottom:18px} .privacy-preferences input{margin-top:6px;accent-color:var(--cyan)} .privacy-choices{background:none;border:0;color:inherit;padding:0;min-height:44px;text-align:left;font:inherit;text-decoration:underline;text-underline-offset:4px} .contact-channel{margin-top:24px;display:flex;gap:20px;flex-wrap:wrap} .contact-channel a{text-decoration:underline;text-underline-offset:4px} button[aria-busy=true]{cursor:progress;opacity:.75} .send-enquiry{padding:13px 17px;min-height:44px;border:1px solid #9bb9d0;background:#eaf4ff;color:#11182f;border-radius:16px} .reading a{color:#5945b6;text-underline-offset:4px} @media(max-width:650px){ body:has(.mobile-project-cta){padding-bottom:88px} .mobile-project-cta{display:flex;position:fixed;z-index:85;bottom:max(12px,env(safe-area-inset-bottom));left:18px;right:18px;min-height:52px;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;border-radius:18px;border:1px solid #a6bad864;background:#eaf3ff;color:#10162d;box-shadow:0 8px 30px #02061960;font-size:14px;font-weight:600} .mobile-project-cta span{font-size:20px;line-height:1} .privacy-banner{left:12px;bottom:12px;width:calc(100% - 24px);padding:20px;border-radius:20px;max-height:75dvh;overflow:auto} .has-privacy-banner .mobile-project-cta{visibility:hidden} .privacy-banner h2{font-size:18px} .privacy-actions{gap:8px}.privacy-actions button{font-size:12px;padding:10px 12px} } @media(forced-colors:active){.privacy-banner,.mobile-project-cta{background:Canvas;color:CanvasText;border:1px solid CanvasText}} .quick-trigger{display:flex;align-items:center;gap:9px;background:#8997ca0b;border:1px solid #98acd02b;color:#c8d5ea;padding:0 13px!important;border-radius:14px!important;min-height:44px} .quick-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4} .quick-trigger kbd{font:11px ui-monospace,monospace;color:#aab9d7} .quick-menu-entry{grid-column:1/-1;text-align:left;padding:14px 18px!important;border:1px solid var(--line);background:#8a98cb0a;border-radius:13px!important;font:inherit} .quick-dialog{color:#f5f7ff;background:linear-gradient(145deg,#1c2544fa,#0c132afa);border:1px solid #9eacd442;border-radius:25px;padding:0;width:min(660px,calc(100% - 30px));max-height:min(650px,85dvh);box-shadow:0 35px 120px #020619a0;overflow:hidden} .quick-dialog::backdrop{background:#030719b3;backdrop-filter:blur(6px)} .quick-search-wrap{display:flex;align-items:center;gap:12px;padding:22px 24px;border-bottom:1px solid #a5b3dc23} .quick-search{flex:1;width:100%;min-width:0;background:transparent;border:0;color:#f5f7ff;font:18px system-ui,sans-serif;outline-offset:6px} .quick-close{padding:8px 10px;border:1px solid #a5b3dc30;border-radius:9px;background:transparent;color:#bdcbe0;font-size:11px;min-height:36px} .quick-list{padding:10px;overflow-y:auto;max-height:450px;overscroll-behavior:contain} .quick-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px;border-radius:15px;cursor:pointer;border:1px solid transparent} .quick-option[aria-selected=true]{background:linear-gradient(110deg,#65b8d31c,#7968f01a);border-color:#8eb2de36} .quick-option strong{display:block;font-size:15px;font-weight:500;line-height:1.4}.quick-option small{display:block;font-size:12px;color:#aab9d1;line-height:1.5;margin-top:4px} .quick-option>span:last-child{color:#8fc6dc;font-size:12px;flex-shrink:0} .quick-foot{display:flex;gap:12px;justify-content:space-between;padding:12px 24px;border-top:1px solid #a5b3dc23;font-size:11px;color:#aab9d1} .quick-empty{padding:24px;color:#b6c2dc;font-size:14px} .composer-section{position:relative;isolation:isolate;padding:110px 0;background:radial-gradient(ellipse at 75% 20%,#7968f019,transparent 60%)} .composer-heading{max-width:760px}.composer-heading>p:not(.eyebrow){max-width:640px;line-height:1.7;margin-top:25px} .composer-shell{margin-top:40px;border:1px solid #9cadd832;border-radius:30px;background:linear-gradient(140deg,#1a24416e,#0a1026e6);overflow:hidden;box-shadow:inset 0 1px #ffffff0c,0 24px 90px #02061940} .composer-toolbar{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #9cadd824;flex-wrap:wrap} .composer-presets{display:flex;gap:6px;flex-wrap:wrap}.composer-presets button{border:1px solid transparent;padding:10px 15px;border-radius:12px;color:#b8c7df;background:transparent;min-height:44px;font-size:13px} .composer-presets button[aria-pressed=true]{border-color:#90b1dc50;background:#75a4da14;color:#e5f4ff} .composer-status{font:10px ui-monospace,monospace;letter-spacing:.08em;color:#a1b7d5} .composer-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)} .composer-figure{margin:0;min-width:0;padding:25px 20px;align-self:center;position:relative;overflow:hidden;background-image:linear-gradient(#a5b3dc06 1px,transparent 1px),linear-gradient(90deg,#a5b3dc06 1px,transparent 1px);background-size:32px 32px} .composer-figure svg{display:block;width:100%;height:auto;aspect-ratio:640/460;overflow:visible} .composer-rail{fill:none;stroke:#7a96b83d;stroke-width:1.1;transition:stroke 250ms} .composer-flow{fill:none;stroke:#82d1e5;stroke-width:2;stroke-dasharray:3 97;stroke-linecap:square;animation:composer-flow 4s linear infinite;animation-play-state:paused;opacity:0;transition:opacity 220ms} .composer-node rect{fill:#111a32;stroke:#7289b45c;stroke-width:1}.composer-node text{fill:#8da1bf;font:13px system-ui,sans-serif;transition:fill 200ms}.composer-node.active rect{fill:#1e2e4b;stroke:#78bbd5b3}.composer-node.business.active rect{fill:#292544;stroke:#9a8ce4b3}.composer-node.active text{fill:#e8f5ff} .composer-flow.active{opacity:.9}.composer-flow.business{stroke:#b09df2}.composer-running .composer-flow.active{animation-play-state:running} .composer-core rect{fill:#151d39;stroke:#a2a5e0;stroke-width:1}.composer-core text{fill:#d9eef7;font:20px system-ui,sans-serif;letter-spacing:3px}.composer-core .core-caption{font:8px ui-monospace,monospace;letter-spacing:1px;fill:#86aaca} .composer-figure figcaption{font-size:10px;color:#8fa4c2;line-height:1.6;text-align:center;letter-spacing:.04em;margin-top:10px} .composer-inspector{padding:28px;border-left:1px solid #9cadd824;min-width:0} .composer-inspector h3{font-size:19px;letter-spacing:-.02em;line-height:1.3;margin-bottom:20px} .composer-group{border:0;padding:0;margin:0 0 20px;min-width:0}.composer-group legend{font:10px ui-monospace,monospace;letter-spacing:.08em;color:#9cb1cf;margin-bottom:10px} .composer-toggles{display:flex;gap:7px;flex-wrap:wrap}.composer-toggles button{font:12px system-ui,sans-serif;min-height:40px;padding:10px 12px;border:1px solid #8b9ec63b;border-radius:11px;background:#090f252e;color:#aebfd7}.composer-toggles button[aria-pressed=true]{color:#ddf4ff;border-color:#7dc7d78c;background:#65b8d310}.composer-group:last-of-type button[aria-pressed=true]{border-color:#a091e67d;background:#7968f014;color:#e8e2ff} .composer-note{font-size:13px;line-height:1.7;min-height:66px;color:#b5c6df;margin:18px 0 0} .composer-actions{border-top:1px solid #9cadd824;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px} .composer-actions .button{font-size:13px;padding:12px 18px}.composer-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.composer-tools button{min-height:44px;background:transparent;border:1px solid #8b9ec640;border-radius:12px;color:#c5d6e8;padding:10px 14px;font-size:12px}.composer-tools button:disabled{opacity:.45}.composer-announcement{font-size:11px;color:#aab9d2;min-height:20px;padding:0 24px 12px} .back-to-top{font:inherit;text-align:left;min-height:44px;border:0;background:transparent;color:inherit;padding:0;text-underline-offset:4px} @keyframes composer-flow{to{stroke-dashoffset:-100}} @media(max-width:850px){.composer-layout{grid-template-columns:1fr}.composer-inspector{border-left:0;border-top:1px solid #9cadd824}.composer-figure{padding:22px}.composer-note{min-height:0}} @media(max-width:650px){.header .quick-trigger{display:none}.quick-dialog{border-radius:20px}.quick-search-wrap{padding:18px}.quick-search{font-size:16px}.quick-list{max-height:55dvh}.quick-foot{padding:12px 18px}.quick-foot span:first-child{display:none}.composer-section{padding:75px 0}.composer-shell{border-radius:23px}.composer-toolbar,.composer-actions{padding:17px}.composer-presets button{font-size:11px;padding:9px 10px}.composer-status{font-size:9px}.composer-figure{padding:18px 7px}.composer-inspector{padding:23px 19px}.composer-tools{gap:8px}.composer-actions .button{width:100%;justify-content:center}.composer-announcement{padding-left:17px}.composer-toggles button{min-height:44px}} @media(prefers-reduced-motion:reduce){.composer-flow{display:none}.composer-node text,.composer-rail{transition:none}.quick-dialog{animation:none!important}} @media(forced-colors:active){.quick-dialog,.composer-shell{background:Canvas;color:CanvasText}.composer-node rect,.composer-core rect{fill:Canvas;stroke:CanvasText}.composer-node text,.composer-core text{fill:CanvasText}.composer-rail{stroke:CanvasText}.composer-flow{display:none}} .quick-dialog[open]{display:flex;flex-direction:column;height:min(620px,calc(100vh - 32px));height:min(620px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);margin:auto;transform:none;opacity:1} .quick-dialog .quick-list{box-sizing:border-box;min-height:0;height:auto;max-height:none;flex:1 1 0;overflow-y:auto;scroll-padding-block:10px} .quick-search-wrap,.quick-foot{flex:0 0 auto} .theatre-entry{display:flex;justify-content:flex-end;margin-top:24px} .theatre-entry button,.theatre-bar button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 20px;border:1px solid #a69bd66b;border-radius:14px;background:linear-gradient(135deg,#292c51,#18203c);color:#f5f6ff;font-size:14px;font-weight:500;line-height:1.4;box-shadow:inset 0 1px #ffffff13,0 4px 14px #03071930;transition:background 180ms,border-color 180ms,box-shadow 180ms} .theatre-entry .arrow{width:20px;height:20px;color:#91cfe2} .theatre-bar .arrow{width:18px;height:18px;color:#a3d5e5} .theatre-entry button:hover,.theatre-bar button:hover{background:#32385e;border-color:#a6c6e7;box-shadow:inset 0 1px #ffffff20,0 4px 18px #02071940} .theatre-entry button:active,.theatre-bar button:active{background:#151d36} .experience-theatre{color-scheme:dark;color:#f5f6ff;background:#0b1026;border:1px solid #8586b965;border-radius:24px;padding:0;width:min(1440px,calc(100% - 48px));height:min(980px,calc(100vh - 48px));height:min(980px,calc(100dvh - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0008} .experience-theatre::backdrop{background:#030719d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)} .theatre-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;background:#11172f;border-bottom:1px solid #9d9ed438} .theatre-bar>span{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;color:#bac5de} .experience-theatre .assembly{width:100%;max-width:none;margin:0;padding:28px} .experience-theatre .theatre-entry{display:none} .experience-theatre .module{color:#f5f6ff} .experience-theatre .scene-controls{align-items:flex-start} .experience-theatre .scene-info{color:#b8c4dc} .experience-theatre .disclaimer{color:#a9b6d2;margin-bottom:0} @media(max-width:650px){.theatre-entry{justify-content:stretch}.theatre-entry button{width:100%}.experience-theatre{width:calc(100% - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.theatre-bar{padding:14px;gap:12px}.theatre-bar>span{font-size:9px;letter-spacing:.08em;max-width:125px}.theatre-bar button{min-height:44px;padding:10px 13px;font-size:12px;white-space:nowrap}.experience-theatre .assembly{padding:18px 12px}.experience-theatre .scene-controls{flex-direction:column;gap:12px}} @media(prefers-reduced-motion:reduce){.theatre-entry button,.theatre-bar button{transition:none}} .scene,.experience-theatre .scene{height:640px;border-radius:24px;background-color:#0c132b;background-image:linear-gradient(#8b9fca08 1px,transparent 1px),linear-gradient(90deg,#8b9fca08 1px,transparent 1px);background-size:48px 48px;perspective:none} .scene .module{width:26%;padding:18px;border-radius:12px;min-height:174px;background:linear-gradient(145deg,#18223c,#10182e);box-shadow:0 8px 24px #02061830,inset 0 1px #ffffff0c;transform:none!important;rotate:none!important;animation:none!important;transition:border-color 220ms,background-color 220ms} .scene .module b{font-size:14px;gap:10px}.scene .module-icon{width:29px;height:29px;border-radius:7px;background:#70bad00c;border:1px solid #70bad028;color:#89d1df;box-shadow:none} .scene .module-row{padding:6px 0;border-radius:0;background:none;border-bottom:1px solid #a4b6df12;font-size:11px}.scene .module-row i{display:none} .scene .module:hover,.scene .module[aria-pressed=true]{border-color:#8dcddd;box-shadow:0 8px 24px #02061830} .scene[data-state] .m0,.scene[data-state] .m3{left:6%}.scene[data-state] .m1,.scene[data-state] .m4{left:37%}.scene[data-state] .m2,.scene[data-state] .m5{left:68%} .scene[data-state] .m0,.scene[data-state] .m1,.scene[data-state] .m2{top:7%}.scene[data-state] .m3,.scene[data-state] .m4,.scene[data-state] .m5{top:65%} .scene[data-state="0"] .m0,.scene[data-state="0"] .m2{top:5%}.scene[data-state="0"] .m4{top:68%} .scene .connected-label{top:45%;left:calc(50% - 160px);width:320px;padding:12px 20px;background:#101a32;border:1px solid #8bbadb45;border-radius:10px;font-size:23px;letter-spacing:.15em;box-shadow:0 6px 30px #0003;transform:none!important;animation:none!important} .scene .connected-label small{font-size:9px;letter-spacing:.17em;margin-top:6px}.connected-label:before,.connected-label:after,.scene .connected-scan{display:none!important} .scene .data-tracks .track{stroke:#7b9dbb;stroke-width:1;opacity:.32}.scene .data-tracks .packet{stroke-width:1.5;filter:none;animation-duration:6s} .scene[data-state="0"] .data-tracks{opacity:0}.scene[data-state="1"] .data-tracks{opacity:.55}.scene[data-state="2"] .data-tracks{opacity:1} .scene .data-tracks{transition:opacity 420ms}.scene .pointer-light{display:none} @media(max-width:1000px) and (min-width:651px){.scene .module{padding:13px}.scene .module b{font-size:12px;gap:5px}.scene .module-icon{width:24px;height:24px}.scene .module-row{font-size:10px}} @media(max-width:650px){.scene,.experience-theatre .scene{height:730px;border-radius:18px}.scene[data-state] .module{width:43%;left:4%!important;min-height:161px;padding:11px}.scene[data-state] .m1,.scene[data-state] .m3,.scene[data-state] .m5{left:53%!important}.scene[data-state] .m0,.scene[data-state] .m1{top:4%}.scene[data-state] .m2,.scene[data-state] .m3{top:29%}.scene[data-state] .m4,.scene[data-state] .m5{top:73%}.scene .module b{font-size:11px;gap:5px}.scene .module-row{font-size:10px}.scene .module-icon{width:23px;height:23px}.scene .connected-label{top:57%;left:10%;width:80%;font-size:21px}.scene .module-row{display:block}.scene .module-row i{display:none}} @media(max-width:389px){.scene,.experience-theatre .scene{height:970px}.scene[data-state] .module{width:82%;left:9%!important;min-height:112px}.scene[data-state] .m1,.scene[data-state] .m3,.scene[data-state] .m5{left:9%!important}.scene[data-state] .m0{top:2%}.scene[data-state] .m1{top:15%}.scene[data-state] .m2{top:28%}.scene[data-state] .m3{top:59%}.scene[data-state] .m4{top:72%}.scene[data-state] .m5{top:85%}.scene .module-row{display:inline-block;margin-right:8px;padding:5px 0;font-size:9px}.scene .connected-label{top:46%}} @media(prefers-reduced-motion:reduce){.scene .data-tracks{transition:none}} .ambient-field{contain:layout paint;pointer-events:none} @media(pointer:coarse){.ambient-field .layer-2{display:none}.ambient-field .energy-signal{animation-duration:12s}} @media(max-width:650px){.header .quick-trigger{display:none}.scene .module .module-row:last-child{display:block}} @media(max-width:389px){.scene .module .module-row:last-child{display:inline-block}} .industry-scene>#industry-symbol{display:grid;place-items:center;position:relative;min-height:220px;color:#ad9bf5;background:radial-gradient(ellipse,#8e6ce020,transparent 68%);background-clip:border-box;letter-spacing:normal;border:1px solid #a28be827;border-radius:22px} #industry-symbol svg{width:154px;height:154px;stroke:currentColor;filter:drop-shadow(0 0 16px #9375da25)} .industry-scene>#industry-symbol:after{content:'';position:absolute;inset:18px;border:1px solid #9e8dd617;border-radius:13px;pointer-events:none} .header{border-color:#a58be834;background-image:linear-gradient(105deg,#1b2847e8,#25203eea)} .scene .module[aria-pressed=true],.composer-toggles button[aria-pressed=true]{border-color:#a996e377;background-image:linear-gradient(130deg,#8e6cda14,transparent 85%)} .section:not(.light) .title-accent:after{background:linear-gradient(90deg,#ab91ef,#65b8d3)} .panel.division{border-top-color:#a28de747} .panel.division:hover{border-color:#a895df80} .quick-option[aria-selected=true]{background:linear-gradient(100deg,#9b7ee21a,#65b8d30a)} .composer-toolbar{background:linear-gradient(100deg,#9579db0d,transparent)} @media(max-width:650px){.industry-scene>#industry-symbol{min-height:175px}#industry-symbol svg{width:120px;height:120px}} .footer{border-top:1px solid #a38bd72e;background:radial-gradient(ellipse at 80% 0,#45316830,transparent 60%),#090e23} .footer:before,.footer:after,.footer-invite:before{display:none} .footer .ambient-field{opacity:.3} .footer-inner{min-height:0;padding-top:72px;padding-bottom:26px} .footer-invite{margin:0;display:grid;grid-template-columns:1fr auto;align-items:center;padding-bottom:54px;border-bottom:1px solid #a3add425} .footer-invite .eyebrow{grid-column:1/-1;color:#b5a0e9;margin-bottom:14px} .footer h2{font-size:clamp(32px,3.7vw,50px);line-height:1.16;letter-spacing:-.035em} .footer-invite .button{margin:0 0 0 30px;align-self:center} .footer-directory{display:grid;grid-template-columns:1fr 3fr;gap:55px;padding-top:48px} .footer-brand img{width:145px;height:37px;object-fit:contain} .footer-brand p{font-size:14px;color:#a7b2cc;line-height:1.7;margin-top:18px} .footer nav{max-width:none;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;font-size:13px} .footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:12px} .footer-group h3{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.13em;color:#d4c5f0;margin:0 0 5px} .footer nav a{line-height:1.5;color:#adb8d1;text-decoration:none} .footer nav a:hover{color:#c4b0fb} .footer-tools{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:flex-end;margin-top:30px} .footer-tools button{font-size:12px;background:none;border:0;padding:8px 0;color:#aab5cd;min-height:36px} .footer-tools button:hover{color:#d4c5f0} .footer-bottom{margin-top:26px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;line-height:1.6} .footer-bottom span:last-child{margin:0;white-space:nowrap}.footer-credit strong{font-weight:500;color:#c3adeb} @media(max-width:900px){.footer-directory{grid-template-columns:1fr;gap:32px}.footer-brand{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand p{margin:0}.footer nav{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:650px){.footer-inner{padding-top:48px}.footer-invite{grid-template-columns:1fr;padding-bottom:32px;gap:0}.footer-invite .button{justify-self:start;margin:24px 0 0}.footer-directory{padding-top:32px}.footer-brand{display:block}.footer-brand p{margin-top:14px}.footer nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.footer-tools{justify-content:flex-start;gap:8px 22px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.footer-bottom span{margin:0}.footer h2 br{display:block}} .client-section{border-top:1px solid #ab8dd429}.testimonial-empty{color:#a7b2cc;max-width:620px;margin:28px 0}.client-quotes,.article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}.client-quote{margin:0;padding:28px;border:1px solid #a18ed631;border-radius:18px;background:linear-gradient(135deg,#9978dd10,#64b4d005)}.client-quote blockquote{margin:0;font-size:20px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.client-quote figcaption{margin-top:24px;color:#b7aad4;font-size:13px;line-height:1.6}.company-article{display:flex;flex-direction:column;gap:18px;padding:28px;border:1px solid #5d488c25;border-radius:18px}.company-article p{font-size:16px;line-height:1.6}.company-article .text-link{margin-top:auto}.direct-enquiries{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:28px}.direct-enquiries[hidden],#company-articles[hidden],#admin-editor[hidden],#admin-login[hidden]{display:none}.contact-direct{padding-top:120px}#share-feedback{max-width:780px;border-top:1px solid #a18ed631;padding-top:22px;margin-top:36px;scroll-margin-top:120px}#share-feedback>p{font-size:15px;line-height:1.7;margin:20px 0;color:#b4bfd5}#testimonial-form{margin-top:24px}.testimonial-consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.7;margin-bottom:24px}.testimonial-consent input{margin-top:5px;accent-color:#a88ade}.testimonial-consent a{text-decoration:underline}#testimonial-feedback{margin-top:20px;font-size:14px;line-height:1.7}.admin-wrap{padding-top:50px;padding-bottom:80px;max-width:1000px}.admin-wrap>.eyebrow{margin-top:40px}.admin-wrap h1{font-size:clamp(40px,7vw,72px)}.admin-wrap h2{font-size:26px;letter-spacing:-.03em}.admin-wrap p{font-size:14px;line-height:1.7;margin:20px 0;overflow-wrap:anywhere}.admin-panel{margin-top:30px;padding:30px;border:1px solid #a68ed33a;border-radius:20px;background:#18203a60}.admin-panel h2{margin-bottom:24px}.admin-panel input,.admin-panel textarea{margin-top:7px}.admin-panel .text-link{overflow-wrap:anywhere}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.admin-toolbar button,.review-item button{border:1px solid #a18cce50;padding:10px 15px;border-radius:10px;background:#a18cce0d;margin:5px 8px 5px 0;min-height:44px}.review-item{border-top:1px solid #9d8acb30;padding-top:22px;margin-top:22px}.review-item p{white-space:pre-wrap}.admin-wrap button:disabled{opacity:.5;cursor:wait} @media(max-width:768px){.client-quotes,.article-list{grid-template-columns:1fr}.admin-panel{padding:22px}.admin-wrap .form-grid{grid-template-columns:1fr}} .footer-tools .company-login{font-size:12px;color:#aab5cd;padding:8px 0;min-height:36px;display:inline-flex;align-items:center}.footer-tools .company-login:hover{color:#d4c5f0}.admin-article{border-top:1px solid #a58ace30;padding-top:20px}.admin-article legend{font-size:16px;color:#c9b6ed;padding-top:18px} .connected-systems{border-top:1px solid #9d8cc326;background:linear-gradient(145deg,#9676d308,transparent 65%)}.systems-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.systems-heading>p{font-size:18px;line-height:1.8;color:#b4bed4;max-width:600px}.systems-caption{font:10px ui-monospace,monospace;letter-spacing:.16em;color:#b6a1e6;margin-top:44px;margin-bottom:18px}.systems-directory{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.systems-directory li{display:flex;align-items:center;gap:18px;min-height:90px;padding:22px 24px;border:1px solid #a38bd62b;border-radius:12px;background:linear-gradient(110deg,#a38bd60b,#76b9d005);font-size:18px;color:#e0e6f5}.system-mark{font:10px ui-monospace,monospace;color:#ac95d6}.systems-directory svg{margin-left:auto;width:23px;height:23px;fill:none;stroke:#8a9db6;stroke-width:1.2}.systems-scope{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}.systems-scope p{font-size:12px;color:#a9b7cf;border-top:1px solid #9d8cc326;padding-top:18px}.connected-systems .disclaimer{margin-top:26px;max-width:900px;line-height:1.8;font-size:10px} @media(max-width:768px){.systems-heading{grid-template-columns:1fr;gap:26px}.systems-heading>p{font-size:16px}.systems-directory li{padding:18px 16px;gap:10px;font-size:15px}.systems-scope{grid-template-columns:1fr 1fr}} @media(max-width:389px){.systems-directory{grid-template-columns:1fr 1fr;gap:9px}.systems-directory li{min-height:78px;font-size:14px;padding:14px 10px;gap:8px}.systems-directory svg{display:none}} .profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}.profile-grid article{padding:28px;border:1px solid #61508024;border-radius:16px;background:#fff7}.profile-number{font:10px ui-monospace,monospace;letter-spacing:.1em;color:#7756af}.profile-grid h3{font-size:21px;margin:16px 0 12px;letter-spacing:-.025em}.profile-grid p{font-size:16px;line-height:1.75;color:#566078}.profile-note{font-size:16px!important;line-height:1.8;max-width:900px;margin-top:34px;padding:20px 24px;border-left:2px solid #9674cc;background:#a58bd408} @media(max-width:650px){.profile-grid{grid-template-columns:1fr;gap:16px}.profile-grid article{padding:23px}.profile-grid h3{font-size:20px}.profile-grid p{font-size:15px}} .example-disclosure{font-size:12px;line-height:1.7;color:#b7a8d6;border-left:2px solid #a58bda;padding:10px 16px;margin-top:28px;max-width:900px}.light .example-disclosure{color:#66567e}.example-card>.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:18px;color:#ac94dc}.light .example-card>.eyebrow{color:#7757aa}.article-preview-label{font-size:12px;color:#70568e;margin-top:auto}.client-quote.example-card blockquote{font-size:19px}.example-card figcaption{font-size:12px} .connected-systems .ambient-field{opacity:.38} .systems-directory li{background:#172239;border-color:#69779b80;box-shadow:0 6px 16px #02071926,inset 0 1px #c6b8ff0d;color:#f0f3fc} .systems-directory .system-mark{color:#c4afea} .systems-directory svg{stroke:#adbed6} .systems-scope p{color:#c3cee1;border-top-color:#8c9aba4a} .footer-credit a{color:#c3adeb;font-weight:500;text-decoration:underline;text-decoration-color:#a58bd455;text-underline-offset:4px}.footer-credit a:hover{color:#e0d1ff;text-decoration-color:currentColor}.footer-credit a:focus-visible{outline:2px solid #bda1ed;outline-offset:5px;border-radius:2px} .connected-systems,#client-testimonials,#company-articles{scroll-margin-top:120px} .client-section .ambient-field{opacity:.26} .client-quote{background:#172239;border-color:#69779b80;box-shadow:0 8px 22px #02071930,inset 0 1px #c6b8ff0d} .client-quote blockquote{color:#f1f4fc} .client-quote figcaption{color:#cad2e5} .client-quote.example-card>.eyebrow{color:#c6afea} .client-section .example-disclosure{color:#cbbde4;background:#111a2dd9;border-radius:0 8px 8px 0} .light .company-article{background:#fff;border-color:#9b8bb957;box-shadow:0 6px 20px #2b1c4707} .client-section .client-quote{display:flex;flex-direction:column;padding:36px;min-height:330px;border-radius:30px;background:radial-gradient(ellipse at 70% 0,#222553,transparent 70%),#080c23;border:1px solid #646b9880;box-shadow:0 18px 36px #17213b10,inset 0 1px #c6b8ff12} .client-section .client-quote blockquote{color:#f4f5ff;font-size:21px;line-height:1.65} .client-section .client-quote .eyebrow{color:#73c4df} .client-section .client-quote figcaption{margin-top:auto;padding-top:28px;color:#b2b9d0;border-top:1px solid #a2acc42b;line-height:1.8} .client-section .client-quote blockquote{margin-bottom:28px} .client-section .example-disclosure{color:#685b7f;background:#eae5f54a} .client-section #share-feedback{border-top-color:#55456d33} @media(max-width:1000px){.client-section .client-quote{padding:28px;min-height:300px}.client-section .client-quote blockquote{font-size:18px}} @media(max-width:650px){.client-section .client-quote{border-radius:25px;min-height:0}.client-section .client-quote blockquote{font-size:20px}} .client-section.light h2 .gradient{background-image:linear-gradient(100deg,#354f71,#326e86,#7650be)} button{-webkit-appearance:none;appearance:none;touch-action:manipulation} .button,.hero-links>a,.text-link{touch-action:manipulation} .hero-links>a{translate:none} .header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .quick-dialog .quick-search-wrap .quick-search{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:8px 0;box-shadow:none} @media(pointer:coarse){.energy-network .energy-signal:nth-of-type(n+5){display:none}.header{backdrop-filter:none;-webkit-backdrop-filter:none}} .hero-stage{position:relative;isolation:isolate} .hero-stage>.ambient-field{inset:0;border-radius:0} body[data-page="index"]{--home-gutter:clamp(20px,4vw,88px)} body[data-page="index"] .wrap{width:calc(100% - var(--home-gutter)*2);max-width:1500px} body[data-page="index"] .header{width:calc(100% - var(--home-gutter)*2);max-width:1500px} .hero-stage .hero{padding-top:164px;padding-bottom:100px} .hero-stage h1{font-size:clamp(48px,6.6vw,112px);max-width:1250px} .hero-stage .lead{max-width:1000px} .hero-stage .ambient-toggle{right:var(--home-gutter);bottom:24px} @media(max-width:650px){.hero-stage .hero{padding-top:132px;padding-bottom:76px}.hero-stage h1{font-size:clamp(43px,10.5vw,68px)}} #client-testimonials{padding-bottom:48px} #company-articles{padding-top:64px} #company-articles .article-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} #company-articles .company-article{padding:32px;min-width:0} #company-articles .company-article h3{max-width:24ch;line-height:1.15} @media(max-width:768px){#client-testimonials{padding-bottom:32px}#company-articles{padding-top:40px}#company-articles .article-list{grid-template-columns:1fr;gap:18px}#company-articles .company-article{padding:25px}} .article-preview-label{display:inline-flex;align-items:center;gap:8px}.article-preview-label .arrow{width:17px;height:17px}