@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--navy:#0b3532;--navy2:#102838;--navy3:#193746;--ink:#142d3c;--muted:#91a6b3;--blue:#44a2be;--cyan:#76cce0;--yellow:#f6bb28;--cream:#f3f5f3;--line:rgba(162,196,212,.15);--font:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--navy);color:#f1f6f8;font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button{color:inherit}h1,h2,h3,h4,p{margin:0}button,svg{flex-shrink:0}img{display:block;max-width:100%}h1,h2,h3,h4{font-weight:600;letter-spacing:-.045em}em{font-style:normal;color:var(--yellow)}.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.section-wrap{width:min(1320px,100%);margin:auto;padding-left:64px;padding-right:64px}.header{height:90px;padding:0 64px;display:flex;align-items:center;gap:36px;position:sticky;top:0;z-index:30;background:rgba(11,53,50,.89);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{margin-right:auto;display:block;width:139px}.brand img{width:139px;height:auto}.main-nav{display:flex;gap:32px;margin-right:18px;font-size:13px}.main-nav a{color:#b2c2cc;transition:color .2s}.main-nav a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 22px;border-radius:5px;font-size:13px;font-weight:700;line-height:1.5;border:1px solid transparent;transition:background .2s,transform .2s,color .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-yellow{color:var(--navy);background:var(--yellow)}.button-yellow:hover{background:#ffcd4b}.button-secondary{border-color:#4c6b7b;background:rgba(118,204,224,.045);color:#dcebf0}.button-secondary:hover{border-color:#76cce0;background:rgba(118,204,224,.11);color:#f1f8fa}.button-small{padding:10px 15px;font-size:12px;gap:18px}.button-header{border-color:#516774;background:transparent;color:#eef6f8}.button-header:hover{border-color:var(--blue);background:#16443e}.button .icon{width:17px;height:17px}.menu-toggle{display:none}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:var(--yellow);color:var(--navy)}.skip-link:focus{top:10px}.hero{position:relative;max-width:1512px;margin:auto;padding:65px 64px 0;display:grid;grid-template-columns:46% 54%;min-height:calc(100svh - 90px);overflow:hidden}.hero-copy{position:relative;z-index:2;padding:32px 0 60px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:var(--muted)}.small-line{display:inline-block;width:28px;height:2px;background:var(--blue)}h1{font-size:clamp(52px,5.6vw,86px);line-height:1.07;margin:28px 0 26px;font-weight:550;letter-spacing:-.056em;white-space:nowrap}.hero-description{color:#a7bbc7;max-width:380px;font-size:14px;line-height:1.9}.hero-buttons{display:flex;align-items:center;gap:25px;margin-top:32px}.text-link{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:16px;color:#dcebf0;line-height:1.5}.text-link span{color:var(--blue);font-size:20px}.text-link:hover{color:var(--yellow)}.energy-types{font-size:10px;letter-spacing:.025em;color:#7f96a5;margin-top:32px}.energy-types b{margin:0 10px;color:#395362}.world-shell{position:relative;isolation:isolate}.hero-visual{height:580px;min-height:530px;margin-top:-8px;margin-right:-40px;margin-left:-22px}.world-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;outline:none;position:absolute;inset:0;z-index:1}.world-canvas.dragging{cursor:grabbing}.hero-visual:before{content:'';position:absolute;width:95%;height:75%;left:5%;top:6%;background:radial-gradient(ellipse,rgba(37,96,112,.20),transparent 70%);z-index:0;pointer-events:none}.visual-top{position:absolute;top:16px;left:32px;right:25px;display:flex;justify-content:space-between;align-items:center;color:#9ab0bd;font-size:10px;z-index:3}.visual-top>span:first-child{display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 9px rgba(118,204,224,.3);flex-shrink:0}.technical-label{font-size:9px;letter-spacing:.17em;color:#526f82}.world-labels{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.world-marker{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;border:1px solid #345669;background:rgba(11,34,47,.91);border-radius:5px;padding:8px 11px;color:#c9dce5;font-size:10px;white-space:nowrap;pointer-events:auto;transition:background .2s,border-color .2s;will-change:transform;box-shadow:0 4px 14px rgba(0,0,0,.13)}.world-marker .icon{width:14px;height:14px;stroke:var(--cyan)}.world-marker:hover,.world-marker.selected{background:#1c4052;border-color:var(--yellow)}.world-marker:after{content:'';width:1px;height:19px;position:absolute;top:100%;left:50%;background:linear-gradient(#6a8796,transparent)}.hub-label{position:absolute;font-weight:800;letter-spacing:-.05em;font-size:13px;color:#99ddeb;white-space:nowrap;will-change:transform;text-shadow:0 1px 3px #081622}.hub-label span{color:var(--yellow)}.hero-world-note{position:absolute;left:36px;bottom:22px;display:flex;align-items:flex-start;gap:17px;font-size:11px;line-height:1.6;z-index:3;color:#7894a5}.note-number{font-size:9px;letter-spacing:.04em;line-height:2.1;color:var(--yellow)}.hero-world-note strong{color:#d2e2e9;font-weight:500}.world-toolbar{position:absolute;right:20px;bottom:22px;display:flex;gap:6px;align-items:center;z-index:4}.drag-hint{font-size:9px;color:#658294;margin-right:8px}.icon-button{border:1px solid var(--line);background:transparent;border-radius:50%;width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;color:#91aebd}.icon-button .icon{width:14px;height:14px}.icon-button:hover{color:var(--yellow);border-color:#8a7232}.motion-toggle[aria-pressed=true]{color:var(--yellow);border-color:var(--yellow)}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);height:95px;margin-top:30px;gap:18px}.micro-label{font-size:9px;letter-spacing:.14em;color:#72909f;font-weight:600}.hero-bottom .micro-label{margin-right:30px}.hero-bottom a{font-size:12px;color:#b7cbd5}.hero-bottom a:hover{color:var(--yellow)}.hero-bottom>span:not(:first-child){color:#446578;font-size:13px}.journey{padding-top:130px}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:24px}h2{font-size:clamp(34px,3.9vw,55px);line-height:1.14;font-weight:550;letter-spacing:-.044em}.heading-row>p{color:var(--muted);font-size:12px;line-height:1.9;padding-bottom:4px;max-width:290px}.journey-layout{display:grid;grid-template-columns:36% 64%;gap:0;margin-top:32px}.chapters{min-width:0}.chapter{min-height:690px;min-height:86svh;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:78px 46px 78px 0;scroll-margin-top:115px}.chapter-heading{display:flex;gap:18px;align-items:center;margin-bottom:24px}.step-number{color:#557180;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.07em}.step-name{font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--cyan)}.chapter.active .step-number{color:var(--yellow)}.chapter h3{font-size:35px;line-height:1.2;margin-bottom:20px;letter-spacing:-.035em}.chapter>p{color:#93adbd;font-size:12px;line-height:1.9}.source-list{display:flex;flex-direction:column;gap:13px;margin-top:23px;font-size:10px;color:#c2d5df}.source-list>div{display:flex;align-items:center;gap:13px}.source-list .icon{width:16px;height:16px;color:#65bed4}.format-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}.format-list span{border:1px solid #2a4657;color:#9dbac9;border-radius:3px;padding:3px 7px;font-size:9px}.chapter>p.chapter-footnote{font-size:10px;color:#698798;margin-top:16px;line-height:1.7}.quality-example{width:100%;margin-top:26px;font-size:10px}.quality-example>div{padding:13px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.quality-dot{width:5px;height:5px;border-radius:100%;background:var(--yellow)}.quality-dot.valid{background:#7ec7b0}.quality-example .icon{color:#7ec7b0;width:14px;height:14px;margin-left:auto}.quality-warning small{margin-left:auto;color:var(--yellow);font-size:9px}.mini-metrics{display:flex;flex-direction:column;gap:16px;margin:25px 0}.mini-metrics>div{display:grid;grid-template-columns:31px 1fr;column-gap:11px;align-items:center}.mini-metrics .icon,.metric-symbol{grid-row:1/3;color:#6fc5d9}.metric-symbol{font-size:17px;letter-spacing:-.1em}.mini-metrics strong{font-size:11px;font-weight:600;line-height:1.6}.mini-metrics span:not(.metric-symbol){font-size:10px;color:#67889b}.chapter>p.choose-label{font-size:10px;margin-top:26px;margin-bottom:10px;color:#d2e5eb}.case-switcher{display:flex;gap:7px;flex-wrap:wrap}.case-button{display:inline-flex;gap:7px;align-items:center;padding:8px 10px;font-size:10px;background:transparent;border:1px solid #304b5c;border-radius:4px;color:#9cb5c5}.case-button .icon{width:14px;height:14px}.case-button.active{border-color:var(--yellow);color:var(--yellow);background:#2e3025}.action-flow{list-style:none;display:flex;flex-direction:column;gap:17px;padding:0;margin:26px 0 30px;font-size:11px;color:#bdcfd9}.action-flow li{display:flex;align-items:center;gap:14px}.action-flow span{font-size:9px;border:1px solid #375366;border-radius:50%;display:flex;align-items:center;justify-content:center;height:24px;width:24px;color:#86c4d4}.journey-visual-track{padding-top:25px;min-width:0}.story-world{position:sticky;top:112px;width:100%;height:calc(100svh - 146px);max-height:680px;min-height:485px;border:1px solid #203d4d;border-radius:12px;background:radial-gradient(ellipse at 45% 40%,#163847 0%,#102938 45%,#0c2331 82%);overflow:hidden}.story-visual-header{position:absolute;top:24px;left:28px;right:28px;z-index:4;display:flex;justify-content:space-between;align-items:center}.illustration-label{font-size:9px;color:#7996a7}.scene-steps{display:flex;position:absolute;top:57px;left:27px;right:27px;gap:8px;z-index:4}.scene-steps a{flex:1;display:flex;flex-direction:column;gap:4px;padding:10px 0 8px;border-top:1px solid #36505f;color:#627f90;font-size:9px;transition:color .3s,border-color .3s}.scene-steps a>span:first-child{font-size:9px;letter-spacing:.06em}.scene-steps a.active{border-color:var(--yellow);color:#ecd69b}.scene-steps a:hover{color:white}.story-world .world-canvas{top:78px;height:calc(100% - 180px)}.story-world .world-labels{top:78px;height:calc(100% - 180px)}.scene-insight{position:absolute;left:24px;right:24px;bottom:44px;display:flex;align-items:center;gap:14px;border:1px solid #35505c;border-radius:7px;padding:19px 17px;background:rgba(11,32,44,.93);z-index:4;box-shadow:0 7px 25px #08192255;min-height:105px}.insight-icon{align-self:flex-start;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#1c3e4b;color:var(--cyan);margin-top:3px}.insight-icon .icon{width:17px;height:17px}.insight-eyebrow{font-size:8px;letter-spacing:.14em;color:var(--cyan)}.scene-insight h4{font-size:12px;letter-spacing:-.015em;font-weight:600;margin-top:3px}.scene-insight p{font-size:9px;color:#87a6b8;line-height:1.7;margin-top:4px;max-width:300px}.insight-spark{margin-left:auto;display:flex;gap:3px;align-items:flex-end;height:24px}.insight-spark i{display:block;width:3px;background:#448496;height:10px}.insight-spark i:nth-child(2n){height:18px}.insight-spark i:nth-child(3n){height:25px;background:var(--yellow)}.story-controls{position:absolute;bottom:9px;left:28px;right:25px;display:flex;align-items:center;justify-content:space-between;z-index:4;color:#6a8899;font-size:9px}.story-controls .icon-button{width:24px;height:24px;border:none}.scene-callout{position:absolute;left:0;top:0;padding:7px 10px;background:#183c4a;border:1px solid #407283;border-radius:4px;font-size:9px;color:#b5e3ed;white-space:nowrap;display:flex;gap:7px;align-items:center;will-change:transform}.scene-callout i{width:4px;height:4px;background:currentColor;border-radius:50%}.story-world[data-stage="3"] .scene-callout{color:#f7c55d;background:#393322;border-color:#776237}.story-world[data-stage="4"] .scene-callout{color:#a1d7bc;background:#193b36;border-color:#3b7564}.patrimony{padding-top:110px;padding-bottom:130px;border-top:1px solid var(--line)}.asset-columns{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px}.asset-column{padding:8px 35px 0 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.asset-column+div{padding-left:35px}.asset-column:last-child{border:0;padding-right:0}.asset-top{display:flex;gap:18px;align-items:center}.asset-top>.icon{width:28px;height:28px;color:var(--cyan)}.asset-top>span{font-size:9px;letter-spacing:.08em;color:#87a6b7}.asset-column h3{font-size:27px;line-height:1.25;margin-top:28px}.asset-column p{font-size:11px;line-height:1.9;color:#8aa6b6;margin-top:20px;max-width:270px}.asset-bottom{margin-top:auto;padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#b1c8d4}.asset-bottom .icon{width:15px;height:15px;color:#74aabd}.demo-section{background:var(--cream);color:var(--ink);padding:100px 0 55px;scroll-margin-top:80px}.demo-section .eyebrow{color:#607d8b}.demo-section .heading-row>p{color:#68828e}.product-demo{display:grid;grid-template-columns:184px minmax(0,1fr);margin-top:55px;border:1px solid #d9e2e4;border-radius:9px;background:white;box-shadow:0 30px 80px #1d4b5f12;overflow:hidden;min-height:550px}.demo-sidebar{background:#f7f9f8;border-right:1px solid #e5ebec;padding:26px 15px 20px;display:flex;flex-direction:column}.demo-sidebar>img{margin-left:10px;margin-bottom:32px}.workspace-label{display:flex;align-items:center;gap:8px;line-height:1.55;font-size:9px;font-weight:600;margin-bottom:28px}.workspace-avatar{width:27px;height:27px;border-radius:7px;background:#e8eff1;display:flex;align-items:center;justify-content:center;color:#75909d;font-size:12px}.workspace-label small{display:block;font-size:8px;font-weight:400;color:#8ba0aa}.sidebar-label{font-size:8px;letter-spacing:.1em;color:#96a6ae;margin:0 9px 9px}.demo-tabs{display:flex;flex-direction:column;gap:5px}.demo-tabs button{border:0;padding:11px 10px;display:flex;gap:12px;align-items:center;border-radius:4px;background:transparent;color:#6e8897;font-size:10px;text-align:left}.demo-tabs button .icon{width:15px;height:15px}.demo-tabs button.active{color:#267e99;background:#e4f0f4;font-weight:700}.demo-tabs button:hover{background:#eaf1f3}.sidebar-actions{display:flex;align-items:center;gap:9px;border-top:1px solid #e2e9eb;margin-top:22px;padding:21px 7px;font-size:9px;color:#6f8792}.sidebar-actions .icon{width:14px;height:14px}.sidebar-actions b{font-weight:500;background:#e5ecef;border-radius:4px;min-width:20px;height:19px;text-align:center;margin-left:auto}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid #e5ebec;padding-top:16px;font-size:10px}.demo-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:9px;color:#fcce59;background:#163444;border-radius:50%;font-weight:700}.sidebar-bottom small{display:block;color:#8a9da7;font-size:8px}.demo-main{padding:26px;min-width:0}.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.dashboard-eyebrow{font-size:7px;letter-spacing:.12em;color:#849aa5}.dashboard-top h3{font-size:21px;margin-top:4px;font-weight:650;letter-spacing:-.035em}.demo-badge{border:1px solid #e2e7e8;border-radius:4px;color:#8296a1;font-size:8px;padding:4px 8px;white-space:nowrap}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0;gap:15px}.dashboard-metrics>div{display:flex;flex-direction:column;padding-right:10px;border-right:1px solid #e7edef}.dashboard-metrics>div:last-child{border:0}.dashboard-metrics span{font-size:8px;color:#728d9a}.dashboard-metrics strong{font-size:29px;letter-spacing:-.04em;line-height:1.55;font-weight:600}.dashboard-metrics strong small{font-size:12px;font-weight:400;letter-spacing:-.03em;color:#8499a4}.dashboard-metrics>div>small{font-size:7px;color:#8c9ea7}.dashboard-metrics .amber{color:#c68b12}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:15px}.chart-panel,.alert-panel{border:1px solid #e3e9eb;border-radius:6px;min-width:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 15px 0;gap:10px}.panel-heading h4{font-size:10px;font-weight:650;letter-spacing:-.01em}.panel-heading>span{font-size:8px;color:#8b9da6}.chart-wrap{padding:5px 12px 0}.chart-wrap>svg{width:100%;display:block;overflow:visible}.chart-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 15px 12px;font-size:7px;color:#8299a5}.chart-footer>span{display:flex;align-items:center;gap:6px}.chart-footer i{width:5px;height:5px;background:#429bb7;border-radius:50%}.chart-footer button{font-size:7px;border:0;background:none;color:#42869e;text-decoration:underline;padding:5px 0}#chart-data{padding:4px 15px 13px}#chart-data table{width:100%;font-size:8px;border-collapse:collapse}#chart-data td,#chart-data th{padding:3px;text-align:left;border-bottom:1px solid #ecf0f0}.alert-panel{display:flex;flex-direction:column}.alert-panel .panel-heading{padding-bottom:7px}.alert-counter{background:#fff4d8;border-radius:4px;padding:0 5px;color:#c1942f!important}.demo-alert{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;width:100%;border:0;border-bottom:1px solid #eef2f3;background:transparent;text-align:left}.demo-alert:hover{background:#f8faf9}.demo-alert>.icon{width:12px;height:12px;margin-top:2px;color:#c59737}.demo-alert strong{display:block;font-size:8px;font-weight:650;line-height:1.6;color:#456171}.demo-alert small{display:block;font-size:7px;color:#91a1aa;margin-top:2px;line-height:1.5}.demo-alert .alert-arrow{margin-left:auto;color:#9fafb8;font-size:12px}.demo-alert.planned>.icon{color:#438a71}.alert-panel-footer{font-size:7px;color:#9aabb2;padding:10px 13px;margin-top:auto}.asset-table-wrap{margin-top:20px}.asset-table-wrap .panel-heading{padding:0 0 8px}.asset-table{width:100%;border-collapse:collapse;font-size:8px;text-align:left}.asset-table th{font-weight:500;color:#94a5ad;font-size:7px;padding:9px 6px;background:#f8faf9;border-bottom:1px solid #e9eeef}.asset-table td{padding:10px 6px;border-bottom:1px solid #eef2f3;color:#69828e}.asset-table td:first-child{color:#3a5869;font-weight:600}.table-status{display:inline-block;padding:2px 6px;border-radius:3px;font-size:7px;background:#eaf5ef;color:#4d8871;white-space:nowrap}.table-status.warning{background:#fcf3dc;color:#b28a35}.demo-disclaimer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;font-size:9px;color:#91a2aa;text-align:center}.demo-disclaimer .status-dot{background:#86a8b5;box-shadow:none;width:4px;height:4px}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:115px;padding-bottom:105px}.faq-section h2{font-size:34px;margin-top:24px}.faq-list details{border-bottom:1px solid #2b4454;padding:21px 0}.faq-list details:first-child{border-top:1px solid #2b4454}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:22px;font-size:12px;color:#d7e7ed}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--yellow);font-size:18px;font-weight:300;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:11px;line-height:1.9;color:#8ca8b9;margin-top:15px}.closing{position:relative;border-top:1px solid var(--line);padding-top:90px;padding-bottom:95px;overflow:hidden}.closing h2{font-size:60px;margin:25px 0 30px;position:relative;z-index:1}.closing .eyebrow,.closing .button{position:relative;z-index:1}.closing-orbit{position:absolute;top:0;right:0;width:550px;height:420px;background:radial-gradient(ellipse at 60% 50%,#16415380,transparent 65%);pointer-events:none}.closing-orbit span{display:block;position:absolute;left:30px;top:125px;width:510px;height:210px;border:1px solid #224757;border-radius:50%;transform:rotate(-25deg)}.closing-orbit span:nth-child(2){transform:rotate(25deg);border-color:#1c3848}.closing-orbit span:nth-child(3){transform:rotate(65deg);border-color:#1c3848}.closing-orbit:after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:var(--yellow);top:127px;left:383px;box-shadow:0 0 50px #f6bb2855}.footer{display:flex;align-items:center;gap:30px;padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line);font-size:9px;color:#627e90}.footer>span{margin-right:auto}.footer a:not(:first-child){color:#90a9b7}.footer img{width:117px;height:auto}.footer small{font-size:8px}dialog{border:1px solid #365568;border-radius:12px;background:#102a3a;color:#e0edf2;width:min(500px,calc(100% - 32px));max-height:90svh;padding:38px;box-shadow:0 25px 100px #0007}dialog::backdrop{background:#04101ace;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:15px}.dialog-kicker{display:flex;gap:9px;align-items:center;color:#e2b750;font-size:9px;letter-spacing:.12em}.dialog-kicker .icon{width:14px;height:14px}dialog h2{font-size:27px;margin:17px 0 8px;line-height:1.25}.dialog-source{font-size:11px;color:#7ea2b6}.dialog-section{margin-top:23px}.dialog-section>span{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#8bc7d8}.dialog-section p{font-size:12px;color:#c1d3de;line-height:1.85;margin-top:8px}.dialog-note{color:#829fac;font-size:10px;margin:23px 0}.dialog-local{font-size:9px;color:#6e8d9e;margin-top:10px}dialog .button{width:100%;gap:14px}.toast{position:fixed;bottom:28px;left:50%;z-index:90;max-width:calc(100% - 32px);transform:translate(-50%,20px);background:#d9ede4;color:#1d493f;padding:13px 22px;border-radius:7px;font-size:12px;box-shadow:0 8px 35px #0005;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-note{position:fixed;bottom:0;left:0;right:0;padding:15px;background:var(--yellow);color:var(--navy);font-size:12px;z-index:40}
@media(min-width:1450px){.hero{padding-top:95px}.hero-visual{height:650px}.hero-copy{padding-top:55px}.hero-bottom{margin-top:45px}}
@media(max-width:1150px){.header{padding:0 35px;gap:20px}.main-nav{gap:24px;margin:0}.hero{padding-left:35px;padding-right:35px}.section-wrap{padding-left:35px;padding-right:35px}.hero-visual{height:540px;min-height:0;margin-left:-38px;margin-right:-30px}.hero-copy{padding-top:25px}.hero h1{font-size:65px}.hero-description{max-width:335px;font-size:12px}.hero-buttons{gap:18px;flex-wrap:wrap}.hero-bottom{gap:14px}.hero-bottom .micro-label{font-size:8px;margin-right:0}.journey-layout{grid-template-columns:35% 65%}.chapter{padding-right:32px}.chapter h3{font-size:29px}.scene-insight{left:18px;right:18px;padding:14px 12px;gap:10px}.insight-spark{display:none}.product-demo{grid-template-columns:160px minmax(0,1fr)}.demo-main{padding:20px}.demo-sidebar{padding-left:12px;padding-right:12px}.dashboard-grid{gap:10px}.hero-world-note{left:22px}.hero-world-note .note-number{display:none}.world-toolbar .drag-hint{display:none}.asset-column{padding-right:25px}.asset-column+div{padding-left:25px}.faq-section{gap:55px}}
@media(max-width:900px){.main-nav{gap:16px;font-size:11px}.header{height:76px;padding:0 26px}.brand,.brand img{width:121px}.button-header{font-size:10px;padding:9px 11px;gap:10px}.hero{padding:48px 26px 0;grid-template-columns:47% 53%;min-height:auto}.hero h1{font-size:52px}.hero-copy{padding:22px 0 35px}.hero-description{font-size:11px;max-width:275px}.hero .button{font-size:11px;padding:13px 16px}.hero-buttons{margin-top:25px;gap:15px}.text-link{font-size:10px}.hero-visual{height:465px;margin-right:-20px;margin-left:-20px}.visual-top{font-size:8px;left:25px;right:20px}.technical-label{display:none}.world-marker{font-size:8px;padding:6px 8px;gap:5px}.world-marker .icon{width:12px;height:12px}.hero-world-note{font-size:9px;bottom:16px}.world-toolbar{bottom:15px;right:18px}.hero-bottom{margin-top:5px;height:78px;gap:9px}.hero-bottom .micro-label{max-width:108px;font-size:7px}.hero-bottom a{font-size:10px}.hero-bottom>span:not(:first-child){font-size:10px}.section-wrap{padding-left:26px;padding-right:26px}.journey{padding-top:90px}.heading-row{gap:28px}.heading-row>p{font-size:10px}.journey-layout{grid-template-columns:35% 65%}.chapter{padding-right:23px;min-height:680px}.chapter h3{font-size:27px}.chapter>p{font-size:11px}.source-list{font-size:9px;gap:12px}.source-list>div{gap:8px}.format-list{gap:4px}.format-list span{font-size:8px;padding:3px 5px}.chapter>.button{font-size:10px;padding:13px;gap:12px}.story-world{top:95px;height:550px;min-height:480px}.story-visual-header{left:20px;right:20px}.scene-steps{left:20px;right:20px}.scene-steps a{font-size:8px}.scene-insight h4{font-size:11px}.scene-insight p{font-size:8px}.insight-icon{display:none}.chapter-heading{gap:12px}.step-name{font-size:9px}.quality-example{font-size:8px}.quality-example>div{gap:7px}.quality-warning small{font-size:8px}.action-flow{font-size:10px}.case-button{font-size:9px;padding:7px}.asset-column h3{font-size:23px}.asset-column p{font-size:10px}.asset-top{gap:10px}.asset-top>span{font-size:8px}.asset-top>.icon{width:24px}.asset-bottom{font-size:8px}.demo-section{padding-top:75px}.product-demo{grid-template-columns:134px minmax(0,1fr)}.demo-main{padding:18px}.demo-sidebar{padding:25px 10px 15px}.demo-sidebar>img{width:85px;margin-left:6px}.workspace-label{gap:5px;font-size:8px}.workspace-label small{font-size:6px}.workspace-avatar{width:21px;height:24px}.demo-tabs button{padding:9px 8px;gap:8px;font-size:9px}.sidebar-actions{gap:5px;font-size:8px;padding-left:3px;padding-right:3px}.sidebar-actions .icon{width:11px}.sidebar-actions b{min-width:17px;font-size:8px}.dashboard-top h3{font-size:18px}.dashboard-metrics{gap:8px}.dashboard-metrics strong{font-size:24px}.dashboard-metrics span{font-size:7px}.dashboard-metrics>div>small{font-size:6px}.dashboard-grid{grid-template-columns:1.4fr 1fr}.panel-heading{padding:13px 10px 0}.panel-heading h4{font-size:9px}.demo-alert{padding:9px 9px;gap:6px}.demo-alert strong{font-size:7px}.demo-alert small{font-size:6px}.demo-alert>.icon{width:11px;height:11px}.alert-panel-footer{font-size:6px;padding:8px}.chart-wrap{padding:5px 5px 0}.chart-footer{font-size:6px;padding:5px 10px}.chart-footer button{font-size:6px}.faq-section h2{font-size:29px}.faq-section{gap:45px;padding-top:85px;padding-bottom:85px}.faq-list summary{font-size:11px}.closing h2{font-size:50px}.closing-orbit{right:-120px}.footer{gap:20px}.footer>span{font-size:8px}.footer small{font-size:7px}}
@media(max-width:680px){html{scroll-padding-top:83px}.header{height:70px;padding:0 21px;gap:17px}.brand,.brand img{width:119px}.main-nav{display:none;position:absolute;left:0;right:0;top:70px;padding:25px;background:#103b37;border-bottom:1px solid #35665f;flex-direction:column;gap:18px;font-size:14px}.main-nav.open{display:flex}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:28px;height:34px;border:0;background:transparent;padding:0}.menu-toggle span{display:block;width:19px;height:1px;background:#c8dfe8;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.button-header{font-size:9px;padding:8px 9px;gap:8px;margin-left:auto}.button-header .icon{width:13px;height:13px}.hero{display:block;padding:40px 21px 0;overflow:hidden}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;gap:9px}.hero .small-line{width:20px}.hero h1{font-size:clamp(42px,10.8vw,67px);margin-top:23px;margin-bottom:22px;line-height:1.08;white-space:normal;letter-spacing:-.05em}.hero h1 br:nth-child(2){display:none}.hero-description{font-size:12px;max-width:350px;line-height:1.85}.hero-buttons{margin-top:25px;gap:22px;flex-wrap:nowrap}.hero .button{font-size:10px;padding:12px 13px;gap:15px}.hero .text-link{font-size:10px;gap:9px}.energy-types{font-size:8px;margin-top:24px}.energy-types b{margin:0 6px}.hero-visual{height:390px;margin:25px -22px 0}.visual-top{left:23px;right:23px;top:0;font-size:8px}.technical-label{display:block;font-size:8px}.hero-world-note{left:24px;bottom:4px;font-size:9px}.world-toolbar{bottom:4px;right:22px}.world-toolbar .icon-button{width:27px;height:27px}.hero-bottom{margin-top:27px;height:auto;padding:18px 0;display:flex;justify-content:space-between;gap:4px;flex-wrap:nowrap}.hero-bottom .micro-label{display:none}.hero-bottom a{font-size:8px}.hero-bottom>span:not(:first-child){font-size:8px}.section-wrap{padding-left:21px;padding-right:21px}.journey{padding-top:75px}.eyebrow{font-size:8px}.heading-row{display:block;margin-top:21px}h2{font-size:34px;letter-spacing:-.04em}.heading-row>p{font-size:11px;margin-top:21px;max-width:320px}.heading-row>p br{display:none}.journey-layout{display:flex;flex-direction:column;margin-top:32px}.journey-visual-track{order:-1;padding-top:0;position:sticky;top:70px;z-index:10;pointer-events:none;background:var(--navy);margin:0 -10px;padding:8px 0}.story-world{pointer-events:auto;position:relative;top:0;height:325px;min-height:0;border-radius:8px;max-height:none}.story-visual-header{top:12px;left:16px;right:16px}.story-visual-header .micro-label,.illustration-label{font-size:7px}.scene-steps{top:36px;left:15px;right:15px;gap:8px}.scene-steps a{flex-direction:row;align-items:center;gap:5px;font-size:7px;padding:7px 0 5px}.scene-steps a>span:first-child{font-size:7px}.story-world .world-canvas,.story-world .world-labels{top:38px;height:231px}.story-world .hub-label{font-size:10px}.scene-callout{font-size:7px;padding:5px 7px}.scene-insight{bottom:25px;left:12px;right:12px;min-height:0;padding:9px 11px}.insight-eyebrow{font-size:6px}.scene-insight h4{font-size:10px;margin-top:1px}.scene-insight p{font-size:8px;margin-top:2px;line-height:1.4;max-width:none}.story-controls{bottom:3px;left:15px;right:12px;font-size:7px;height:20px}.story-controls .icon-button{height:20px;width:20px}.story-controls .icon{width:12px}.chapter{min-height:570px;padding:54px 8px 58px;scroll-margin-top:430px;justify-content:flex-start}.chapter h3{font-size:32px;line-height:1.15;margin-bottom:20px}.chapter>p{font-size:12px;max-width:360px;line-height:1.9}.chapter-heading{margin-bottom:20px;gap:16px}.step-number{font-size:11px}.step-name{font-size:10px}.source-list{font-size:11px;gap:11px;margin-top:20px}.source-list .icon{width:16px;height:16px}.source-list>div{gap:12px}.format-list{gap:6px;margin-top:23px}.format-list span{font-size:9px;padding:3px 8px}.chapter>p.chapter-footnote{font-size:9px;margin-top:13px}.quality-example{font-size:11px;max-width:330px;margin-top:20px}.quality-warning small{font-size:9px}.mini-metrics{margin-top:24px;margin-bottom:22px;gap:17px}.mini-metrics strong{font-size:12px}.mini-metrics span:not(.metric-symbol){font-size:10px}.chapter .text-link{font-size:12px}.case-button{font-size:11px;padding:10px 12px}.chapter>p.choose-label{font-size:10px}.action-flow{font-size:12px;gap:18px;margin-top:24px}.chapter>.button{font-size:11px;padding:14px 17px}.patrimony{padding-top:66px;padding-bottom:70px;margin-top:0}.patrimony .heading-row>p{max-width:270px}.asset-columns{display:block;margin-top:35px}.asset-column,.asset-column+div,.asset-column:last-child{border:0;border-top:1px solid var(--line);padding:27px 0;display:grid;grid-template-columns:1fr 1.15fr;column-gap:25px;align-items:start}.asset-top{grid-column:1/-1;margin-bottom:20px;gap:12px}.asset-top>span{font-size:8px}.asset-top>.icon{width:22px;height:22px}.asset-column h3{font-size:25px;margin:0}.asset-column p{margin:0;font-size:10px;line-height:1.9}.asset-bottom{grid-column:1/-1;padding-top:21px;font-size:9px;justify-content:flex-start;gap:15px}.demo-section{padding-top:62px;padding-bottom:35px;scroll-margin-top:64px}.demo-section .heading-row>p{max-width:300px}.product-demo{display:block;margin-top:33px;overflow:visible;border-radius:7px;min-height:0}.demo-sidebar{display:block;border:0;border-bottom:1px solid #e2e9eb;padding:10px 12px;border-radius:7px 7px 0 0}.demo-sidebar>img,.workspace-label,.sidebar-label,.sidebar-bottom{display:none}.demo-tabs{display:flex;flex-direction:row;gap:5px}.demo-tabs button{flex:1;justify-content:center;padding:11px 5px;font-size:9px;gap:7px}.demo-tabs button .icon{width:14px;height:14px}.sidebar-actions{margin:7px 4px 0;padding:9px 3px 0;border-top:1px solid #e3e9ea;font-size:8px;gap:7px}.sidebar-actions b{margin-left:3px;height:15px;min-width:17px;line-height:15px}.demo-main{padding:18px 14px}.dashboard-eyebrow{font-size:6px}.dashboard-top h3{font-size:20px}.demo-badge{font-size:6px;padding:3px 5px}.dashboard-metrics{margin-top:23px;gap:8px}.dashboard-metrics span{font-size:7px;line-height:1.6;min-height:24px}.dashboard-metrics strong{font-size:27px;line-height:1.6}.dashboard-metrics strong small{font-size:10px}.dashboard-metrics>div>small{font-size:6px;line-height:1.7}.dashboard-grid{display:block}.chart-panel{border:0;border-top:1px solid #e7edee;border-bottom:1px solid #e7edee;border-radius:0;padding-bottom:7px}.panel-heading{padding:12px 0 0}.panel-heading h4{font-size:10px}.chart-wrap{padding:8px 0 0}.chart-footer{font-size:7px;padding:5px 0}.chart-footer button{font-size:7px}.alert-panel{margin-top:17px;border:0;border-bottom:1px solid #e7edee;border-radius:0}.alert-panel .panel-heading{padding:0 0 5px}.demo-alert{padding:11px 0;gap:9px}.demo-alert strong{font-size:10px}.demo-alert small{font-size:8px}.demo-alert>.icon{width:14px;height:14px;margin-top:3px}.alert-panel-footer{font-size:7px;padding:10px 0}.asset-table{font-size:8px}.asset-table th{font-size:6px;padding:8px 4px}.asset-table td{padding:10px 4px;font-size:7px}.table-status{font-size:6px;padding:2px 4px}.asset-table-wrap{margin-top:20px}.asset-table-wrap .panel-heading h4{font-size:9px}.asset-table-wrap .panel-heading>span{font-size:7px}.demo-disclaimer{font-size:8px;max-width:310px;margin:20px auto 0;line-height:1.7;align-items:baseline}.faq-section{display:block;padding-top:65px;padding-bottom:65px}.faq-section h2{font-size:32px}.faq-list{margin-top:32px}.faq-list summary{font-size:12px}.faq-list p{font-size:11px}.faq-list details{padding:21px 0}.closing{padding-top:65px;padding-bottom:68px}.closing h2{font-size:42px;line-height:1.15;margin:24px 0 30px}.closing .eyebrow{font-size:7px}.closing .button{font-size:11px;padding:14px 17px;gap:22px}.closing-orbit{opacity:.3;right:-320px;top:10px}.footer{display:grid;grid-template-columns:1fr 1fr;row-gap:20px;padding-top:28px;padding-bottom:28px}.footer img{width:108px}.footer>span{grid-row:2;grid-column:1/-1;font-size:9px}.footer>a:nth-of-type(2){grid-row:1;grid-column:2;text-align:right;font-size:9px}.footer small{grid-column:1/-1;font-size:8px}dialog{padding:32px 23px}dialog h2{font-size:25px}.dialog-section p{font-size:12px}.toast{font-size:11px;padding:12px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}
body.motion-paused{scroll-behavior:auto}

.world-canvas:not(.ready){background:url(assets/scene-fallback.png) center/contain no-repeat}

.world-effects{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.story-world .world-effects{top:78px;height:calc(100% - 180px)}@media(max-width:680px){.story-world .world-effects{top:38px;height:231px}}

.story-control-buttons{display:flex;align-items:center;gap:5px}.canvas-fallback .reset-view,.canvas-fallback .drag-hint{display:none}.canvas-fallback .world-canvas{cursor:default}

/* A wider hero lets the scene breathe within the available desktop space. */
.hero h1 em{color:var(--blue)}
@media(min-width:1151px){
  .hero{max-width:2000px;padding:64px clamp(24px,3vw,64px) 0 clamp(40px,4vw,88px);grid-template-columns:minmax(0,40%) minmax(0,60%)}
  .hero-copy{min-width:0;padding-top:48px}
  .hero h1{font-size:clamp(54px,4.7vw,86px)}
  .hero-description{max-width:420px}
  .hero-visual{height:clamp(580px,38vw,760px);min-height:0;margin:0 -16px 0 -24px}
}
#hero-world .hub-label{font-size:15px;padding:2px 7px;border:1px solid rgba(118,204,224,.24);border-radius:5px;background:rgba(9,27,41,.88);text-shadow:0 1px 3px #081622}

/* The five-step process stays readable without directional ornaments. */
.button-white{background:#fff;border-color:#fff;color:var(--navy)}
.button-white:hover{background:#e8f2f6;border-color:#e8f2f6}
.hero-bottom{gap:clamp(30px,4vw,72px)}
.hero-bottom .micro-label{display:block;flex-shrink:0;max-width:none;margin-right:0;font-size:14px;letter-spacing:.12em;color:#9cb5c4;white-space:nowrap}
.hero-process{display:flex;flex:1;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.hero-bottom .hero-process a{padding:12px 0;font-size:16px;font-weight:600;color:#d5e5ed;white-space:nowrap}
.hero-bottom .hero-process a:hover{color:var(--yellow)}
@media(max-width:900px){
  .hero-bottom{height:auto;min-height:100px;padding:18px 0;flex-wrap:wrap;gap:4px}
  .hero-bottom .micro-label{flex-basis:100%;font-size:13px}
  .hero-process{flex-basis:100%;gap:16px}
  .hero-bottom .hero-process a{font-size:14px}
}
@media(max-width:680px){
  .hero-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
  .hero-bottom .hero-process a{font-size:13px}
  .hero-process a:last-child{grid-column:span 2}
  .scene-steps a{min-width:0}
}

/* A petrol-green field keeps the original light-blue glow behind the 3D scene. */
.hero-backdrop {
  background:
    radial-gradient(ellipse 52% 75% at 80% 47%, rgba(68,162,190,.62) 0%, rgba(68,162,190,.24) 42%, rgba(68,162,190,0) 76%),
    linear-gradient(112deg, #0b3532 12%, #103d38 56%, #12394b 100%);
}
.hero-backdrop .hero-visual::before { content: none; }
@media(max-width:680px) {
  .hero-backdrop {
    background:
      radial-gradient(ellipse 95% 38% at 56% 68%, rgba(68,162,190,.62) 0%, rgba(68,162,190,.24) 42%, rgba(68,162,190,0) 78%),
      linear-gradient(155deg, #0b3532 22%, #103d38 65%, #12394b 100%);
  }
}
