/* Graphic design revision: material depth, editorial imagery, and clear routes. */
body{background:radial-gradient(ellipse at 80% 8%,#10233355,transparent 31%),var(--bg)}
header{background:#08121b;border-bottom-color:#1f3543}
.hero{grid-template-columns:1fr 1.08fr;gap:16px;min-height:750px;padding-top:54px;padding-bottom:54px}
h1{font-size:clamp(65px,6.2vw,91px);letter-spacing:-.035em;line-height:1.015}
.hero-copy{position:relative;z-index:2}
.hero-lead{font-size:20px;max-width:510px}
.hero-art{border:0;box-shadow:none;border-radius:0;background:none;padding:0;margin:0;isolation:isolate;align-self:stretch;display:flex;align-items:center;justify-content:center;overflow:visible;min-height:590px}
.hero-art:before{display:none}
.hero-render{display:block;position:relative;width:116%;max-width:none;height:auto;z-index:1;object-fit:contain;mask-image:radial-gradient(ellipse at 50% 53%,#000 52%,#000c 72%,transparent 98%)}
.art-orbit{position:absolute;left:8%;right:-2%;top:23%;bottom:14%;background:radial-gradient(ellipse,#00b9ea12,transparent 69%);z-index:-1}
.art-note{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;font:600 10px Barlow,sans-serif;letter-spacing:.15em;color:#afcedd;line-height:1.4}
.art-note i{display:block;width:27px;height:1px;background:#68cfe3}
.note-a{top:12%;right:5%}.note-b{bottom:14%;left:1%}
.art-caption{position:absolute;bottom:1%;left:3%;right:0;display:flex;align-items:center;gap:12px;border-top:1px solid #254253;padding:17px 0;color:#b1c8d6;font-size:13px}
.art-caption-mark{color:var(--cyan);font-size:24px}
.art-caption small{display:none}
.principles{font-size:11px;letter-spacing:.12em;padding:23px 0}
.direction-grid{gap:23px}
.direction{padding:0;overflow:hidden;border-top:0;border-radius:9px;background:linear-gradient(145deg,#132838,#0b1924 85%);border-color:#2a4353;min-height:505px;box-shadow:0 14px 42px #0002;position:relative}
.direction:before{content:'';position:absolute;left:26px;top:0;width:54px;height:2px;background:var(--accent);z-index:2}
.direction .card-top{padding:21px 25px 0;margin:0;position:relative;z-index:2}
.direction-label{font-size:10px;letter-spacing:.17em;color:#a1bdce}
.direction-scene{width:100%;height:210px;margin:0 0 13px;position:relative;background:radial-gradient(ellipse at 50% 53%,#31496b40,transparent 75%);overflow:hidden}
.direction-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1e2a 0%,transparent 17%,transparent 83%,#10233280 100%);pointer-events:none}
.direction-scene img{width:100%;height:100%;object-fit:contain;display:block;mask-image:radial-gradient(ellipse at 50% 50%,#000 50%,#000c 75%,transparent 100%)}
.direction h3{margin:0 25px;max-width:none;font-size:29px;letter-spacing:-.008em}
.direction p{margin:15px 25px 22px;font-size:17px;line-height:1.5}
.direction .card-footer{margin: auto 25px 24px;padding-top:18px}
.direction .state{font-size:12px;letter-spacing:.005em}
.direction .case-link{padding-top:3px}
.case-panel{gap:66px;grid-template-columns:1.07fr 1fr;position:relative;padding-bottom:10px}
.case-story h3{font-size:39px;letter-spacing:-.015em}
.case-path{padding:24px 28px 10px;border:1px solid #344d5d;border-radius:8px;background:linear-gradient(150deg,#203342 0%,#12232f 55%,#0f1e2a 100%);box-shadow:0 16px 50px #0002;align-self:start;position:relative;overflow:hidden}
.case-path:after{content:'';position:absolute;width:115px;height:115px;right:-48px;top:-50px;border:1px solid #75d8ee28;transform:rotate(35deg);box-shadow:0 0 0 25px #75d8ee08;pointer-events:none}
.path-step{grid-template-columns:40px 1fr;min-height:106px;gap:17px;padding:0 0 20px}
.path-step:not(:last-child):after{left:18px;top:37px;height:62px;background:#426b81}
.path-step:not(:last-child):before{left:15px;top:91px;border-color:#6aa1b7}
.step-number{border-radius:8px;border:1px solid #6b8fa1;background:linear-gradient(145deg,#385469,#172e40);width:37px;height:37px;font-size:14px;box-shadow:inset 0 1px 1px #a9d6e126,3px 4px 0 #06151f60;color:#c8eff9}
.path-step h4{font-size:21px;line-height:1.2}
.path-step p{font-size:16px;line-height:1.45;color:#adc4d2}
.case-panel[data-case=education] .case-path{border-top-color:#b8b2ff80}.case-panel[data-case=security] .case-path{border-top-color:#80dfb680}.case-panel[data-case=infrastructure] .case-path{border-top-color:#22c6ee80}
.ai-explorer{background:linear-gradient(150deg,#142a39,#0c1b27);padding:30px 34px;border:1px solid #2a4658;border-radius:10px;box-shadow:inset 0 1px #84bed90b,0 15px 50px #0002}
.explorer-controls>.tiny,.deployment .tiny{font-size:11px}
.workflow{padding:33px 0 26px;gap:12px}
.workflow-node{min-width:120px}
.workflow-icon{width:124px;height:112px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--cyan);margin:0 auto 10px;display:block}
.workflow-icon svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 12px #0005)}
.workflow.agent .workflow-icon{background:none;border:0}
.workflow-node strong{font-size:20px}.workflow-node small{font-size:13px;line-height:1.5;color:#a5bfce}
.flow-arrow{width:76px;flex:0 1 76px;height:24px;color:#5b96af;font-size:initial;align-self:center;margin-top:-40px}
.flow-arrow svg{display:block;width:100%;height:100%;overflow:visible}
.workflow.agent .flow-arrow{color:#74cdaa}
.mode-caption{margin:0 auto 26px;font-size:17px;line-height:1.5}
.review-line{border-radius:5px;margin-bottom:0;background:#122c2d}
.deployment{padding-top:24px}
.form-note{font-size:13px}
.section-heading>.eyebrow,.eyebrow{letter-spacing:.145em}
.tiny{font-size:11px}
.contact-section{background:radial-gradient(ellipse at 12% 40%,#16435955,transparent 58%),#102432}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr;gap:12px;min-height:660px}.hero-art{min-height:550px}.hero-render{width:113%}.art-note{font-size:9px}.note-a{top:17%;right:0}.note-b{bottom:20%;left:3%}.art-caption{font-size:12px;bottom:6%}.hero h1{font-size:70px}.direction-scene{height:190px}.direction h3{font-size:26px}.direction p{font-size:16px}.direction .card-top{padding-left:21px;padding-right:21px}.direction h3,.direction p{margin-left:21px;margin-right:21px}.direction .card-footer{margin-left:21px;margin-right:21px}.case-panel{gap:38px}.case-path{padding:23px 22px 6px}.ai-explorer{padding:27px}.workflow{gap:5px}.workflow-icon{width:105px;height:95px}.workflow-node{min-width:100px}.flow-arrow{flex-basis:53px}.workflow-node strong{font-size:18px}}
@media(max-width:760px){body{overflow-x:clip}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:32px;gap:15px;min-height:0}.hero h1{font-size:clamp(53px,12.8vw,80px);max-width:100%;margin-bottom:23px}.hero-lead{font-size:19px;max-width:600px}.hero-art{min-height:0;aspect-ratio:1.28;margin:12px -4px 4px;overflow:hidden;align-self:auto}.hero-render{width:112%;mask-image:radial-gradient(ellipse at 50% 53%,#000 57%,#000c 77%,transparent 100%)}.note-a{top:2%;right:3%;font-size:9px}.note-b{bottom:15%;left:4%;font-size:9px}.art-note i{width:17px}.art-caption{left:5%;right:5%;bottom:0;font-size:12px;gap:9px;padding:9px 0}.art-caption-mark{font-size:19px}.principles{font-size:10px;padding:20px 0}.direction-grid{gap:23px}.direction{min-height:0;border-radius:9px}.direction-scene{height:230px;margin-bottom:10px}.direction h3{font-size:31px;margin-left:25px;margin-right:25px}.direction p{font-size:18px;margin-left:25px;margin-right:25px}.direction .card-top{padding:21px 25px 0}.direction .card-footer{margin:0 25px 25px}.direction-label{font-size:11px}.direction .state{font-size:12px}.case-panel{gap:26px;grid-template-columns:1fr}.case-story h3{font-size:35px}.case-path{padding:26px 24px 5px}.path-step{grid-template-columns:38px 1fr;gap:16px;min-height:104px}.path-step p{font-size:16px}.path-step h4{font-size:21px}.ai-explorer{padding:24px 21px}.workflow{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:23px 0 21px}.workflow-node{display:grid;grid-template-columns:94px 1fr;grid-template-rows:1fr 1fr;column-gap:17px;text-align:left;min-width:0;min-height:91px;align-items:center}.workflow-icon{grid-column:1;grid-row:1/3;width:94px;height:87px;margin:0;align-self:center}.workflow-node strong{font-size:20px;align-self:end;margin-bottom:1px}.workflow-node small{font-size:14px;align-self:start;margin-top:0}.flow-arrow{align-self:flex-start;width:45px;height:22px;margin:-1px 0 -1px 25px;flex:0 0 22px;transform:rotate(90deg)}.mode-caption{font-size:16px;line-height:1.5;margin-bottom:24px}.deployment{gap:17px}.review-line{padding:17px 15px}.review-line p{font-size:14px;line-height:1.5}.review-line strong{font-size:16px}.form-note{font-size:13px}.direction-scene img{object-fit:contain}}
@media(max-width:380px){.brand img{width:144px}.header-actions{gap:5px}.contact-link{padding:7px 9px;font-size:13px}.language{padding:5px}.direction h3{font-size:29px}.hero .eyebrow{font-size:8px}.hero h1{font-size:49px}.hero-art{aspect-ratio:1.19}.note-b{bottom:18%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}