.automation-experience{background:var(--ink);color:var(--paper);overflow:hidden;--glass-edge:rgba(163,238,242,.38)}
.automation-experience h1,.automation-experience h2{letter-spacing:-.045em;line-height:1.02;margin:20px 0 28px}
.automation-experience em{font-family:Georgia,serif;font-weight:400;color:#6cd4d8}
.automation-experience .section-index{color:#9bc8d2;font-size:11px;letter-spacing:.16em}
.auto-hero{min-height:820px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding-block:150px 95px;gap:25px}
.auto-hero h1{font-size:clamp(58px,6.4vw,94px)}
.auto-lede{font-size:20px;line-height:1.6;max-width:490px;color:#c4d3e3;margin-bottom:32px}
.auto-project-link{display:flex;gap:30px;font-size:13px;margin-top:25px;width:fit-content}
.auto-scene{position:relative;min-height:510px;perspective:1000px;background:radial-gradient(ellipse at center,rgba(2,144,157,.23),transparent 65%)}
.auto-stack{position:absolute;inset:60px 12%;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-28deg);animation:auto-float 9s ease-in-out infinite}
.auto-glass{position:absolute;inset:15%;border:1px solid var(--glass-edge);border-radius:32px;background:linear-gradient(135deg,rgba(163,238,242,.25),rgba(2,144,157,.06) 48%,rgba(255,255,255,.14));box-shadow:inset 1px 1px 2px #b9f6ff50,inset -3px -3px 10px #00102088,0 24px 45px #0008;backdrop-filter:blur(10px);transform-style:preserve-3d}
.auto-glass--bottom{transform:translateZ(-70px);background:linear-gradient(135deg,#02909d55,#021d43)}
.auto-glass--middle{transform:translateZ(0);display:flex;align-items:center;justify-content:center;gap:14px}
.auto-glass--middle span{position:absolute;bottom:25px;font-size:10px;letter-spacing:.2em;color:#b3f6f6}
.auto-glass i{width:22px;height:22px;border:1px solid #9ff4ef;background:#02909d77;box-shadow:0 0 22px #68e6e875;border-radius:6px}
.auto-glass--top{transform:translateZ(75px);display:grid;place-items:center}
.auto-glass--top img{width:90px;opacity:.9;filter:drop-shadow(0 0 20px #75ecf377)}
.auto-orbit{position:absolute;width:90%;height:65%;left:5%;top:18%;border:1px solid #65d8e32c;border-radius:50%;transform:rotate(-25deg)}
.auto-orbit--two{transform:rotate(25deg);width:75%;left:12%}
.auto-scene__label{position:absolute;font-size:10px;letter-spacing:.18em;color:#a3c9d5;left:0;top:20%}
.auto-scene__label--two{left:auto;right:0;top:auto;bottom:15%}
.auto-motion{position:absolute;bottom:0;right:0;background:transparent;border:1px solid #ffffff40;border-radius:30px;color:#c4d3e3;padding:9px 16px;font-size:11px;cursor:pointer}
.auto-proof{padding:95px 0;background:linear-gradient(160deg,#082e4c,#001b42 75%);border-block:1px solid #ffffff17}
.auto-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}
.auto-heading h2{font-size:clamp(40px,4.6vw,68px);margin-bottom:0}
.auto-heading>p{max-width:350px;color:#c4d3e3;line-height:1.7;font-size:18px}
.auto-product{margin:0;perspective:1800px;padding:18px 18px 0;border-radius:24px;border:1px solid #b1f5f22e;background:linear-gradient(130deg,#e3ffff12,#ffffff03);box-shadow:0 35px 95px #0004}
.auto-product a{display:block;border-radius:12px;overflow:hidden;transform:rotateX(3deg);transform-origin:bottom;transition:transform .6s}
.auto-product a:hover,.auto-product a:focus-visible{transform:rotateX(0)}
.auto-product img{width:100%;height:auto}
.auto-product figcaption{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:10px;letter-spacing:.12em;color:#a3c9d5}
.auto-flow{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:40px 0 22px;gap:22px}
.auto-flow li{padding:28px;border:1px solid #ffffff24;border-radius:18px;background:linear-gradient(135deg,#ffffff0d,#ffffff03);position:relative}
.auto-flow li:not(:last-child):after{content:'→';position:absolute;right:-20px;top:43%;color:#7ae2e4;z-index:1}
.auto-flow span{font-size:10px;letter-spacing:.15em;color:#79d7db}.auto-flow h3{font-size:24px;letter-spacing:-.025em;margin:20px 0 12px}.auto-flow p,.auto-step p{font-size:16px;line-height:1.6;color:#bdcddd}
.auto-caption{font-size:12px;color:#92a9bf;max-width:780px;line-height:1.7}
.auto-delivery{padding-block:100px}.auto-delivery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.auto-step{padding:25px 30px 35px;border-radius:24px;background:radial-gradient(ellipse at top,#02909d22,transparent 65%),linear-gradient(130deg,#ffffff0c,#ffffff02);border:1px solid #a4e4ef2e;transition:transform .4s, border-color .4s}.auto-step:hover{transform:translateY(-7px);border-color:#7be7e77a}.auto-step h3{font-size:28px;letter-spacing:-.035em;margin:18px 0 12px}
.auto-sculpture{height:170px;position:relative;perspective:600px;margin-bottom:24px}
.auto-sculpture i{position:absolute;width:85px;height:85px;left:calc(50% - 42px);top:35px;border-radius:18px;border:1px solid #96e7ed77;background:linear-gradient(135deg,#a1edf52b,#02909d33);box-shadow:inset 2px 2px 1px #d8ffff33,10px 25px 30px #0004;transform:rotateX(50deg) rotateZ(-30deg)}
.auto-sculpture i:nth-child(2){top:55px;left:calc(50% - 16px)}.auto-sculpture i:nth-child(3){top:75px;left:calc(50% - 68px)}
.auto-sculpture--connect i{border-radius:50%;left:calc(50% - 65px)}.auto-sculpture--connect i:nth-child(2){left:calc(50% - 10px);top:35px}.auto-sculpture--connect i:nth-child(3){width:25px;height:25px;left:calc(50% - 12px);top:67px;background:#77e5e9;box-shadow:0 0 40px #62e1ed88}
.auto-sculpture--handoff i:nth-child(2){top:55px;left:calc(50% - 42px)}.auto-sculpture--handoff i:nth-child(3){top:75px;left:calc(50% - 42px)}
.auto-scope{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #ffffff26;margin-top:40px;padding-top:24px;color:#aebfd1;font-size:14px;line-height:1.8}.auto-scope strong{color:white}
.auto-final{padding:80px 0 95px;background:radial-gradient(ellipse at right,#02909d40,transparent 65%),#05274b;border-top:1px solid #ffffff20}.auto-final h2{font-size:clamp(45px,5vw,76px)}.auto-final p:not(.section-index){color:#c4d3e3;margin-bottom:30px}
@keyframes auto-float{0%,100%{transform:rotateX(58deg) rotateZ(-28deg) translateZ(0)}50%{transform:rotateX(52deg) rotateZ(-21deg) translateZ(18px)}}
.auto-more{padding-block:95px 20px}.auto-projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.auto-project-card{min-width:0;border:1px solid #a4e4ef35;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,#ffffff09,#ffffff02)}
.auto-webgl{position:relative;min-width:0;padding:24px 16px;text-align:center;background:radial-gradient(ellipse at center,#02909d20,transparent 70%)}.auto-webgl__canvas{height:380px;width:100%;touch-action:pan-y}.auto-webgl canvas{display:block;width:100%;height:100%}.auto-webgl__eyebrow{font-size:9px;letter-spacing:.12em;color:#9ccbd6}.auto-webgl__controls{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.auto-webgl button{color:#c1dde7;border:1px solid #ffffff35;background:transparent;border-radius:20px;padding:9px 13px;font:inherit;font-size:11px;cursor:pointer}.auto-webgl button[aria-pressed=true]{border-color:#6cd4d8;background:#02909d25;color:#fff}.auto-webgl button:focus-visible{outline:2px solid #6cd4d8;outline-offset:3px}.auto-webgl [data-scene-caption]{font-size:12px;color:#c4d3e3;min-height:36px;line-height:1.5;margin:15px 0 8px}.auto-webgl [data-scene-pause]{font-size:10px;border:0;text-decoration:underline}.auto-webgl__fallback{font-size:13px;color:#c4d3e3}.scene-ready .auto-webgl__fallback{display:none}.scene-unavailable .auto-webgl__fallback{display:block}.scene-unavailable .auto-webgl__canvas,.scene-unavailable button{display:none}@media(max-width:800px){.auto-webgl__canvas{height:300px}.auto-webgl{padding:22px 10px}}
.auto-project-card__copy{padding:32px}.auto-project-card h3{font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-.035em;margin:18px 0 24px}.auto-project-card__copy>p:not(.section-index):not(.auto-project-status){color:#c4d3e3;font-size:16px;line-height:1.7}.auto-project-card__copy .auto-project-evidence{border-top:1px solid #ffffff25;padding-top:20px;margin-top:24px;font-size:14px!important;color:#a9bfd2!important}.auto-project-status{display:inline-block;border:1px solid #70dbd65c;border-radius:30px;background:#02909d24;padding:7px 12px;color:#a7f1e9;font-size:10px;letter-spacing:.12em;margin:0 0 22px}.auto-project-status--progress{background:#ffffff08;color:#c4d3e3;border-color:#ffffff40}
.auto-workflow{height:300px;position:relative;isolation:isolate;perspective:900px;background:radial-gradient(ellipse at center,#02909d35,transparent 72%);border-bottom:1px solid #ffffff17;display:flex;align-items:center;justify-content:center;gap:26px;padding:30px}
.auto-workflow__source,.auto-workflow__output,.auto-knowledge-sources>div,.auto-knowledge-answer{position:relative;border:1px solid #a9edf271;border-radius:16px;background:linear-gradient(135deg,#b6f4ff24,#073657b8);box-shadow:inset 1px 1px 0 #dfffff44,12px 18px 28px #0005;transform:rotateY(-18deg) rotateX(10deg);padding:20px;animation:auto-project-float 7s ease-in-out infinite}
.auto-workflow__source{width:115px;height:145px;flex-shrink:0}.auto-workflow span,.auto-knowledge-sources{font-size:9px;letter-spacing:.12em;color:#c2f5f3}.auto-workflow i{display:block;height:3px;background:#b5e9ee60;border-radius:4px;margin-top:16px}.auto-workflow i:last-child{width:65%}.auto-workflow__output{width:155px;animation-delay:-3s}.auto-draft-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.auto-draft-tiles i{width:auto!important;height:36px;margin:0;display:grid;place-items:center;font-size:10px;font-style:normal;border:1px solid #8ce4df60;background:#a4edf21a}
.auto-workflow__connector{position:absolute;left:22%;right:22%;height:1px;background:#82ecee;box-shadow:0 0 20px 3px #33becb55;z-index:-1}.auto-workflow__checkpoint{position:absolute;bottom:22px;right:24px;font-size:9px!important;letter-spacing:.14em}
.auto-knowledge-sources{width:115px;flex-shrink:0}.auto-knowledge-sources>div{padding:16px;margin:0 0 12px}.auto-knowledge-sources i{margin-top:9px}.auto-knowledge-answer{width:170px;animation-delay:-3s}.auto-knowledge-answer small{display:block;font-size:8px;line-height:1.5;margin-top:22px;color:#a7d1de}
@keyframes auto-project-float{0%,100%{transform:rotateY(-18deg) rotateX(10deg) translateY(0)}50%{transform:rotateY(-10deg) rotateX(6deg) translateY(-8px)}}
.auto-paused .auto-stack,.auto-paused .auto-workflow *{animation-play-state:paused}
.auto-webgl:not(.scene-ready) button{visibility:hidden}
.auto-projects{grid-template-columns:1fr;gap:36px}.auto-project-card{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.auto-project-card__copy{padding:40px}.auto-process{padding:30px 28px 40px;perspective:1200px;background:radial-gradient(ellipse at 10% 40%,#02909d38,transparent 75%);height:100%;display:flex;flex-direction:column;justify-content:center}
.auto-process__label{font-size:9px;letter-spacing:.15em;color:#9acbd4;margin:0 0 25px 12px}.auto-process ol{list-style:none;padding:0;margin:0;display:grid;gap:18px}.auto-process li{display:grid;grid-template-columns:32px 1fr;gap:14px;padding:19px 20px;border-radius:16px;border:1px solid #9edfe64a;background:linear-gradient(120deg,#a4e8ef20,#083453b0);box-shadow:inset 0 1px 0 #d8ffff40,0 12px 22px #0003;transform:rotateY(5deg);transform-origin:left center}.auto-process li:nth-child(2){margin-left:14px;transform:rotateY(-3deg)}.auto-process li:nth-child(3){margin-left:28px;transform:rotateY(3deg);background:linear-gradient(120deg,#02909d35,#083453b0)}
.auto-process__number{font-family:Georgia,serif;font-size:25px;color:#6cd4d8;line-height:1}.auto-process strong{display:block;font-size:16px;line-height:1.35;font-weight:600}.auto-process li p{font-size:12px;line-height:1.55;color:#bdd0df;margin:8px 0 10px}.auto-process__chip{display:inline-block;font-size:10px;line-height:1.4;color:#a4ebeb;padding:5px 8px;background:#001b4250;border-radius:5px}.auto-process__emails{display:flex;flex-wrap:wrap;gap:5px}.auto-process__emails span{font-size:10px;padding:5px 8px;border:1px solid #9edfe635;border-radius:5px;background:#001b4250;color:#d0edf0}.auto-process--planned li:last-child{border-style:dashed}
@media(max-width:800px){.auto-project-card{grid-template-columns:1fr}.auto-process{padding:25px 18px 30px}.auto-project-card__copy{padding:28px}.auto-process li{padding:17px 14px;gap:8px;grid-template-columns:25px 1fr}.auto-process li:nth-child(2){margin-left:8px}.auto-process li:nth-child(3){margin-left:16px}.auto-process strong{font-size:15px}}
@media(max-width:800px){.auto-more{padding-top:65px}.auto-projects{grid-template-columns:1fr}.auto-project-card__copy{padding:25px}.auto-workflow{padding:20px;gap:20px;height:270px}.auto-workflow__source{width:95px;padding:15px}.auto-workflow__output{width:135px;padding:15px}.auto-knowledge-sources{width:100px}.auto-knowledge-answer{width:145px;padding:15px}}
@media(prefers-reduced-motion:reduce){.auto-workflow *{animation:none!important}}
@media(max-width:800px){.auto-hero{grid-template-columns:1fr;padding-top:130px;gap:0;min-height:0}.auto-hero h1{font-size:60px}.auto-scene{min-height:370px;max-width:480px;width:100%;margin:20px auto 0}.auto-stack{inset:25px 12%}.auto-heading{display:block}.auto-heading>p{max-width:100%;margin-top:24px}.auto-flow,.auto-delivery__grid{grid-template-columns:1fr}.auto-flow li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-24px}.auto-step{display:grid;grid-template-columns:95px 1fr;column-gap:22px}.auto-sculpture{grid-row:1/4;height:160px;margin:0;transform:scale(.75)}.auto-step h3{font-size:25px;margin:10px 0}.auto-step p{margin:0}.auto-scope{grid-template-columns:1fr;gap:8px}.auto-proof,.auto-delivery{padding-block:65px}.auto-product{padding:8px 8px 0;border-radius:14px}.auto-product figcaption{font-size:8px;letter-spacing:.04em}.auto-lede{font-size:18px}.auto-hero .button{width:100%}.auto-scene__label{font-size:8px}.auto-heading h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.auto-stack{animation:none}.auto-motion{display:none}.auto-step,.auto-product a{transition:none}.auto-step:hover{transform:none}}