/* AI Path Pro / an interactive edition of the original visual language. */
.brand-original{position:relative;display:block;flex:none;width:74px;height:74px;overflow:hidden;background:#f2f7f9;border:1px solid #d9e9f0;border-radius:4px;box-shadow:0 2px 18px #0002}
.brand-original img{position:absolute;width:90px;height:90px;max-width:none;left:-8px;top:-7px;object-fit:contain}
.brand-promise{color:#b8c5d3;font-size:10px;line-height:1.6;letter-spacing:.02em}
.brand-promise strong{font-size:20px;font-family:Instrument,Georgia,serif;color:#b8eaff;font-weight:400;line-height:1.2;letter-spacing:0}
.nav-wrap{height:98px;gap:28px}
.site-header{background:rgba(8,13,22,.91)}
.footer-brand .brand-original{width:94px;height:94px}
.footer-brand .brand-original img{width:114px;height:114px;left:-10px;top:-8px}
.footer-brand .brand-promise{font-size:12px}
.footer-brand .brand-promise strong{font-size:28px}
.hero{--light-x:78%;--light-y:40%;min-height:calc(100svh - 98px);background:radial-gradient(ellipse at 80% 40%,#102b40 0,transparent 52%),var(--ink)}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 480px 420px at var(--light-x) var(--light-y),#0c87b61a,transparent 80%);z-index:0}
.hero-main{min-height:705px;grid-template-columns:1fr 1.06fr;padding-block:42px 40px;gap:10px}
.hero-copy{padding-block:25px}
.hero h1{max-width:600px}
.hero h1 em{background:linear-gradient(120deg,#b8ecff 5%,#73d9ff 45%,#b8ccff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-experience{position:relative;min-width:0;margin-left:-22px;margin-right:-22px}
.hero-art{height:492px;margin:0;width:100%;display:block}
.hero-art:before,.hero-art:after{pointer-events:none;left:8%;top:9%}
.hero-art:after{left:0;top:0}
#path-sculpture{pointer-events:none;inset:0;width:100%;height:100%;z-index:2}
.sculpture-fallback{pointer-events:none}
.sculpture-surface{position:absolute;inset:35px 0 60px;z-index:3;cursor:grab;touch-action:pan-y;border-radius:48%;outline-offset:-12px}
.sculpture-surface:focus-visible{outline:1px dashed #8ce2ff88;box-shadow:inset 0 0 45px #18bdff12}
.is-dragging .sculpture-surface{cursor:grabbing}
.sculpture-readout{position:absolute;top:0;left:8%;right:8%;display:flex;justify-content:space-between;color:#7f9dad;font:9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;z-index:4;pointer-events:none}
.sculpture-readout b{color:#bfdfed;font-weight:500}
.stage-grid{position:absolute;inset:20px 10px 25px;z-index:0;background-image:radial-gradient(#5acfff35 .65px,transparent .65px);background-size:25px 25px;mask-image:radial-gradient(ellipse,black 20%,transparent 71%);pointer-events:none}
.stage-orbit{position:absolute;left:10%;top:14%;width:80%;height:66%;border:1px solid #52bcdf16;border-radius:50%;transform:rotate(-25deg);z-index:1;pointer-events:none}
.stage-orbit span{position:absolute;top:49%;left:-3px;width:5px;height:5px;border-radius:50%;background:#50d7ff;box-shadow:0 0 14px #18c7ff}
.orbit-one{animation:orbital-drift 25s linear infinite}
.orbit-two{transform:rotate(43deg);height:50%;top:23%;width:92%;left:4%;border-color:#6baeff14;animation:orbital-drift 35s linear infinite reverse}
.orbit-two span{background:#84bfff;width:3px;height:3px}
@keyframes orbital-drift{from{rotate:0deg}to{rotate:360deg}}
.hero-art .art-label{z-index:5;cursor:pointer;color:#a9c6da;background:rgba(8,20,32,.86);border:1px solid #315368;border-radius:30px;font-size:9px;letter-spacing:.065em;min-height:39px;line-height:1.3;padding:10px 14px;backdrop-filter:blur(14px);transition:background .3s,border-color .3s,color .3s,box-shadow .3s}
.hero-art .art-label:before{display:none}
.hero-art .art-label .lens-index{font-size:8px;color:#47cbff;margin-right:8px}
.hero-art .art-label:hover{color:white;border-color:#68d5ff;box-shadow:0 0 30px #1eb9ff1c}
.hero-art .art-label[aria-pressed=true]{color:#e7f9ff;border-color:#41c4f7;background:#0b2e44;box-shadow:0 0 30px #12b4f315}
.hero-art .art-label.one{left:0;top:25%}
.hero-art .art-label.two{right:0;top:51%}
.hero-art .art-label.three{left:16%;bottom:17%}
.sculpture-toolbar{position:absolute;bottom:4px;left:8%;right:8%;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px}
.drag-hint{display:flex;align-items:center;gap:8px;font-size:10px;color:#9bb6c8}
.drag-hint svg{height:15px;width:15px;stroke:#4cc9f5;fill:none;stroke-width:1.3}
.sculpture-actions{display:flex;gap:5px;align-items:center}
.sculpture-actions button{min-height:38px;background:#162a39aa;color:#c7e4ef;font-size:10px;line-height:1;border:1px solid #375062;border-radius:30px;padding:10px 14px;transition:background .2s,border-color .2s}
.sculpture-actions button:hover{background:#194158;border-color:#58ceff}
.sculpture-actions button>span{color:#49d2ff;font-size:18px;display:inline-block;margin-right:6px;vertical-align:-2px}
.sculpture-actions .sculpture-reset{width:38px;padding:8px;font-size:21px}
.lens-detail{display:flex;gap:17px;align-items:flex-start;border-top:1px solid #36566a77;padding:21px 6% 0;margin:13px 8% 0;min-height:124px}
.lens-detail-number{font-size:10px;font-variant-numeric:tabular-nums;color:#56c7ef;padding-top:4px}
.lens-detail h2{font-size:18px;letter-spacing:-.03em;line-height:1.3;margin-bottom:6px;color:#e2eff5}
.lens-detail p{font-size:11px;line-height:1.65;color:#92adbf;margin-bottom:10px;max-width:380px}
.lens-detail a{font-size:10px;color:#8edfff;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #3682a066;padding-bottom:3px}
.lens-detail a span{font-size:14px}
.hero-bottom{position:relative;z-index:3}
.capability-strip{background:#eaf3f5;border-block:1px solid #cbdfe4}
.capability-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px}
.capability-caption{color:#4e6f7d;font-size:9px;text-transform:uppercase;letter-spacing:.12em;max-width:150px;line-height:1.8}
.capability-strip a{display:flex;align-items:center;gap:15px;font-size:clamp(16px,1.7vw,25px);letter-spacing:-.05em;font-weight:600;color:#122d3d}
.capability-strip a>span{font-size:9px;font-weight:400;letter-spacing:.02em;color:#698f9f}
.capability-strip a i{font-style:normal;font-size:19px;color:#4b99b5;transition:transform .25s}
.capability-strip a:hover i{transform:translate(3px,-3px)}
.capability-strip a:hover{color:#0073ae}
.community-credits{display:flex;align-items:center;justify-content:space-between;gap:25px;border-block:1px solid #2c4355;padding:26px 0;margin:12px 0 40px}
.community-credits .credit-name{color:#e4edf4;font-size:24px}
.community-credits .credit-name small{color:#90aebf}
.community-credits .credibility-label{color:#8db3c9}
.community-credits a:hover{color:#66cfff}
.approach-grid:has(.approach-tab){gap:16px;border:0;margin-top:48px;align-items:stretch}
.approach-tab{position:relative;appearance:none;background:#0b1420;text-align:left;color:#f2f8fc;border:1px solid #2a4050;border-radius:5px;padding:27px 23px 38px;transition:background .25s,border-color .25s;min-width:0}
.approach-tab:hover{background:#112333;border-color:#56819a}
.approach-tab[aria-selected=true]{background:linear-gradient(145deg,#102e43,#0d1b2a);border-color:#37bceb}
.approach-tab .step-no{display:block;margin-bottom:30px;color:#6dbedc;font-size:11px}
.approach-tab-title{display:block;font-size:27px;font-weight:600;line-height:1.15;letter-spacing:-.05em;margin-bottom:18px;max-width:250px}
.approach-tab-copy{display:block;font-size:12px;line-height:1.8;color:#a3b9c9}
.approach-tab-arrow{position:absolute;top:20px;right:22px;font-size:20px;color:#60859d}
.approach-tab[aria-selected=true] .approach-tab-arrow{color:#73daff}
.approach-explorer{display:grid;grid-template-columns:135px 1fr;gap:35px;align-items:center;margin-top:25px;padding:34px 40px;border:1px solid #294557;border-radius:5px;background:radial-gradient(ellipse at 0 50%,#12304770,transparent 60%),#0b1521}
.approach-explorer[hidden]{display:none}
.approach-trace{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;transform:rotate(-12deg)}
.approach-trace span{height:43px;border:1px solid #3a5265;border-radius:8px;background:#16293b;transition:background .3s,box-shadow .3s,transform .3s}
.approach-trace span.complete{background:linear-gradient(135deg,#4dd7ff,#0984c0);border-color:#76d7f9;box-shadow:0 0 25px #2bb3f522;transform:translateY(-3px)}
.approach-result .eyebrow{font-size:9px;color:#96bbce;margin-bottom:14px}
.approach-result h3{font-size:32px;margin-bottom:13px}
.approach-result p{font-size:13px;line-height:1.8;color:#9eb6c8;margin-bottom:18px}
.approach-tags{display:flex;flex-wrap:wrap;gap:8px}
.approach-tags span{border:1px solid #355b71;border-radius:20px;font-size:10px;line-height:1.5;color:#b0d7e8;padding:5px 12px}
.pointer-card{position:relative;isolation:isolate;overflow:hidden}
.pointer-card:after{content:'';position:absolute;inset:0;background:radial-gradient(250px circle at var(--card-x,50%) var(--card-y,50%),#00b3ff0b,transparent 70%);pointer-events:none;opacity:0;transition:opacity .25s;z-index:-1}
.pointer-card:hover:after{opacity:1}
.engagement-card.featured.pointer-card:after{background:radial-gradient(280px circle at var(--card-x,50%) var(--card-y,50%),#62d5ff1d,transparent 70%)}
.industry-row{transition:padding .3s,background .3s}
.industry-row:hover{padding-left:16px;padding-right:16px;background:#e7f2f5}
.industry-row:hover .arrow{transform:translate(3px,-3px)}
.motion-paused .stage-orbit,.stage-hidden .stage-orbit,.stage-out-of-view .stage-orbit{animation-play-state:paused}
.motion-paused .reveal-ready{opacity:1;transform:none}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important;transition-duration:0s!important}
@media(min-width:1700px){.hero-art{height:580px}.hero-main{min-height:790px}.hero-experience{margin-left:-5px}.lens-detail{min-height:125px}}
@media(max-width:1190px){.nav-wrap{gap:22px}.brand-promise{display:none}.hero-art{height:465px}.hero-experience{margin-left:-35px;margin-right:-20px}.lens-detail{margin-inline:6%;padding-inline:2%;min-height:133px}.hero-main{padding-top:35px}.hero-art .art-label{font-size:8px;padding:9px 10px}.approach-tab{padding:24px 18px 32px}.approach-tab-title{font-size:25px}.capability-strip a{gap:11px}}
@media(max-width:900px){.nav-wrap{height:88px}.brand-original{width:66px;height:66px}.brand-original img{width:80px;height:80px;left:-7px;top:-6px}.brand-promise{display:block;font-size:9px}.brand-promise strong{font-size:19px}.nav-links{top:88px}.hero-main{grid-template-columns:1fr 1fr;gap:12px;min-height:670px;padding-top:25px}.hero-art{height:420px}.hero-experience{margin-left:-28px;margin-right:-20px}.hero h1{font-size:80px}.hero .lede{font-size:14px}.hero-art .art-label{font-size:7px;min-height:34px;gap:0;padding:8px}.hero-art .art-label .lens-index{font-size:7px;margin-right:5px}.hero-art .art-label.one{top:22%;left:0}.hero-art .art-label.two{right:0;top:46%}.hero-art .art-label.three{bottom:22%;left:16%}.sculpture-readout{font-size:8px;left:6%;right:6%}.sculpture-toolbar{left:6%;right:4%;bottom:16px}.drag-hint{font-size:9px;gap:5px}.sculpture-actions button{font-size:9px;padding:9px 10px}.lens-detail{margin-top:0;gap:10px;min-height:130px;padding-top:16px}.lens-detail h2{font-size:16px}.lens-detail p{font-size:10px}.lens-detail a{font-size:9px}.capability-strip>.wrap{gap:20px;flex-wrap:wrap;padding-block:25px}.capability-caption{max-width:none;width:100%;font-size:8px}.capability-strip a{font-size:21px}.community-credits{flex-wrap:wrap;gap:22px}.community-credits .credibility-label{width:100%;max-width:none}.community-credits .credit-name{font-size:22px}.approach-tab-title{font-size:26px}.approach-explorer{grid-template-columns:95px 1fr;gap:25px;padding:28px}.approach-trace span{height:34px}.approach-result h3{font-size:27px}}
@media(max-width:640px){.nav-wrap{height:86px;gap:15px}.nav-links{top:86px}.brand-original{width:64px;height:64px}.brand-original img{width:78px;height:78px;left:-7px;top:-6px}.brand{gap:12px}.brand-promise{font-size:8px;line-height:1.5}.brand-promise strong{font-size:18px}.hero-main{grid-template-columns:1fr;padding-top:30px;padding-bottom:27px;gap:10px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(82px,20vw,115px)}.hero .lede{font-size:14px}.hero .actions{gap:20px}.hero-experience{margin:17px -8px 0}.hero-art{height:360px;width:100%}.sculpture-readout{left:6%;right:6%;font-size:8px;top:4px}.hero-art .art-label{font-size:8px;min-height:36px;padding:9px 11px}.hero-art .art-label.one{left:0;top:23%}.hero-art .art-label.two{right:0;top:45%}.hero-art .art-label.three{bottom:22%;left:11%}.sculpture-toolbar{bottom:6px;left:5%;right:5%}.drag-hint{font-size:10px}.sculpture-actions button{min-height:40px;font-size:10px}.sculpture-actions .sculpture-reset{width:40px;font-size:21px}.sculpture-surface{inset:30px 0 55px}.lens-detail{margin:9px 5% 0;padding:18px 0 0;min-height:111px;gap:15px}.lens-detail h2{font-size:18px}.lens-detail p{font-size:11px;max-width:320px}.lens-detail a{font-size:10px}.hero-bottom{padding-block:18px}.capability-strip>.wrap{display:grid;grid-template-columns:1fr;gap:0;padding-block:23px}.capability-caption{margin-bottom:12px;font-size:8px}.capability-strip a{font-size:25px;padding:14px 0;border-top:1px solid #c4dce3;gap:20px}.capability-strip a i{margin-left:auto}.capability-strip a span{font-size:10px}.community-credits{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-block:24px}.community-credits .credibility-label{grid-column:1/-1}.community-credits .credit-name{font-size:21px}.community-credits .credit-name small{font-size:8px}.approach-grid:has(.approach-tab){grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.approach-tab{padding:22px 15px 24px}.approach-tab .step-no{margin-bottom:25px;font-size:10px}.approach-tab-title{font-size:24px;margin-bottom:0}.approach-tab-copy{display:none}.approach-tab-arrow{right:14px;top:16px;font-size:18px}.approach-explorer{grid-template-columns:1fr;padding:27px 22px;margin-top:17px;gap:20px}.approach-trace{display:flex;transform:none;gap:8px}.approach-trace span{width:30px;height:9px;border-radius:3px}.approach-trace span.complete{transform:none}.approach-result h3{font-size:29px;max-width:340px}.approach-result p{font-size:12px;line-height:1.85}.approach-result .eyebrow{font-size:8px}.approach-tags span{font-size:9px}.industry-row:hover{padding-left:8px;padding-right:8px}.footer-brand .brand-promise{font-size:11px}.footer-brand .brand-promise strong{font-size:25px}}
@media(max-width:370px){.brand-promise{display:none}.nav-end{gap:12px}.hero-art{height:330px}.hero-art .art-label{font-size:7px;padding:8px}.sculpture-toolbar{left:2%;right:2%}.lens-detail h2{font-size:16px}.approach-tab-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){.stage-orbit{animation:none}.hero:before{display:none}.industry-row:hover{padding-left:0;padding-right:0}.pointer-card:after{display:none}}

.experience-arrow{height:17px;width:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;display:block}.lens-detail a .experience-arrow{height:13px;width:13px}.capability-strip a .experience-arrow{height:20px;width:20px;color:#4b99b5;transition:transform .25s}.capability-strip a:hover .experience-arrow{transform:translate(3px,-3px)}.approach-tab-arrow.experience-arrow{height:20px;width:20px}@media(max-width:640px){.capability-strip a .experience-arrow{margin-left:auto}}
