/* Inner-page experience. This file is deliberately absent from the homepage. */
.inner-experience{--inner-accent:#b4e2ff;--inner-ink:#edf4fc;--inner-muted:#a4b2c5;--inner-line:rgba(164,196,228,.18);--instrument-bg:#0a1525;}
.inner-experience main{overflow:clip}.inner-experience section{position:relative}.inner-experience .page-hero{padding-top:112px;padding-bottom:80px;min-height:740px;background:radial-gradient(ellipse at 85% 35%,rgba(244,91,25,0.043199999999999995),transparent 48%)}
.inner-experience .page-hero-grid{gap:50px;grid-template-columns:1.05fr 1fr;align-items:center}.inner-experience .page-hero h1{font-size:clamp(3rem,5.3vw,5.8rem);max-width:13ch;line-height:1.045;letter-spacing:-.055em}.inner-experience .page-hero .lead{font-size:1.02rem;max-width:51ch;line-height:1.85}.inner-experience .page-hero .eyebrow{margin-bottom:23px}
.inner-experience .inner-visual{position:relative;min-width:0;width:100%;isolation:isolate;perspective:1000px;--pointer-x:0deg;--pointer-y:0deg;--scroll-drift:0px;animation:instrument-enter 1.1s cubic-bezier(.16,1,.3,1) both}
.inner-visual:before{content:"";position:absolute;inset:14% -5% 20%;background:radial-gradient(ellipse,#f4f5f638,transparent 65%);filter:blur(25px);z-index:-1;pointer-events:none}.instrument-header{display:flex;justify-content:space-between;align-items:center;gap:15px;font:500 .71rem/1.5 monospace;letter-spacing:.06em;color:var(--inner-muted);text-transform:uppercase;padding:16px 0;border-top:1px solid var(--inner-line)}.instrument-header span:first-child{display:flex;gap:9px;align-items:center}.instrument-header i{width:5px;height:5px;border-radius:50%;background:#fff1e8;box-shadow:0 0 12px #242b38}
.instrument-controls{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid var(--inner-line);border-radius:11px;background:rgba(255,255,255,0.6);position:relative;z-index:5}.instrument-controls button{flex:1;border:1px solid transparent;padding:10px 12px;border-radius:7px;background:transparent;color:#535861;font-family:inherit;font-size:.86rem;font-weight:500;line-height:1.4;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s;min-height:44px}.instrument-controls button[aria-pressed=true]{color:#171a20;background:linear-gradient(120deg,#f4f5f6,#f4f5f6);border-color:#aeb4bc55;box-shadow:0 3px 14px #242b3833}.instrument-controls button:hover{color:white;background:#f4f5f666}.instrument-controls button:active{transform:scale(.96)}.instrument-controls button span{font:500 .7rem monospace;margin-left:6px;opacity:.7}
.inner-experience:is(button,a,select):focus-visible{outline:2px solid #aeb4bc;outline-offset:5px}.instrument-readout{padding:21px 0 8px;border-bottom:1px solid var(--inner-line);min-height:128px}.instrument-readout>strong{display:block;font-size:1.05rem;font-weight:500}.instrument-readout p{font-size:.88rem;line-height:1.75;color:var(--inner-muted);margin:7px 0 0}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:.88rem;color:#171a20;min-height:44px;text-decoration:none}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.demo-badge{display:inline-block;border:1px solid #aeb4bc28;border-radius:100px;padding:5px 9px;color:#171a20;font:500 .67rem/1.3 monospace;letter-spacing:.03em}.inner-experience [hidden]{display:none!important}.inner-experience .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Architecture / services */
.architecture-stage{height:330px;position:relative;transform:rotateX(var(--pointer-y)) rotateY(var(--pointer-x));transition:transform .5s ease;transform-style:preserve-3d}.instrument-orbits{position:absolute;inset:40px 25%;transform:rotateX(58deg) rotateZ(-25deg);transform-style:preserve-3d;animation:orbital-breathe 9s ease-in-out infinite}.instrument-orbits>i{position:absolute;border:1px solid #aeb4bc66;border-radius:50%;inset:0;box-shadow:0 0 22px #242b380c,inset 0 0 20px #242b380c}.instrument-orbits>i:nth-child(2){inset:14%;transform:translateZ(35px)}.instrument-orbits>i:nth-child(3){inset:28%;transform:translateZ(65px)}.orbital-core{position:absolute;inset:37%;background:radial-gradient(circle at 35% 30%,#fff1e8,#fff1e8 50%,#ffffff 83%);border:1px solid #aeb4bc;border-radius:50%;box-shadow:0 0 70px #242b3845;transform:translateZ(75px) rotateX(-58deg);display:grid;place-items:center}.orbital-core span{font:.83rem monospace;color:white}.satellite{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff1e8;box-shadow:0 0 20px #242b38;left:6%;top:27%;animation:signal-pulse 3s ease-in-out infinite}.satellite.two{left:83%;top:68%;animation-delay:1s}.architecture-node{position:absolute;z-index:2;top:85px;width:45%;padding:20px;background:linear-gradient(135deg,#f4f5f6ee,#ffffffee);border:1px solid #aeb4bc45;border-radius:12px;box-shadow:0 25px 50px #242b3844;backdrop-filter:blur(12px);transition:transform .6s,opacity .6s,border-color .6s;transform:translateZ(45px)}.architecture-node span{font:.63rem/1.5 monospace;letter-spacing:.05em;color:#171a20}.architecture-node strong{display:block;font-size:1.4rem;margin:16px 0 3px;font-weight:500}.architecture-node small{color:#535861;font-size:.8rem}.node-web{left:0;transform:translateY(40px) rotate(-6deg)}.node-ai{right:0;transform:translateY(-14px) rotate(6deg)}.architecture-link{position:absolute;width:54%;height:1px;left:23%;top:190px;background:linear-gradient(90deg,transparent,#fff1e8,transparent);transform:rotate(-13deg);box-shadow:0 0 18px #242b38;animation:signal-pulse 3s infinite}.service-instrument[data-service-mode=web] .node-ai,.service-instrument[data-service-mode=ai] .node-web{opacity:.28;transform:scale(.9)}.service-instrument[data-service-mode=web] .node-web,.service-instrument[data-service-mode=ai] .node-ai{border-color:#aeb4bcb0;transform:translateY(0) rotate(0)}
.connection-demo{padding:36px;border:1px solid var(--inner-line);border-radius:18px;background:linear-gradient(140deg,#f4f5f6,#ffffff);display:grid;grid-template-columns:1fr 1.7fr;gap:28px;align-items:center;overflow:hidden}.connection-demo h3{font-size:1.8rem;line-height:1.25;margin:10px 0}.connection-demo p{font-size:.9rem;line-height:1.75}.connection-demo .btn{margin-top:20px}.connection-path{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.connection-path li{border:1px solid #aeb4bc22;border-radius:10px;padding:20px 13px;background:#ffffff70;position:relative;transition:background .4s,box-shadow .4s,transform .4s,border-color .4s}.connection-path li:not(:last-child):after{content:"→";position:absolute;right:-10px;top:45%;color:#171a20;z-index:1}.connection-path li>span{font:.72rem monospace;color:#535861}.connection-path strong{display:block;font-size:1rem;margin:30px 0 9px}.connection-path small{font-size:.75rem;line-height:1.6;color:#535861}.connection-path li.active{border-color:#aeb4bc9a;background:#f4f5f68a;box-shadow:0 0 30px #242b3816;transform:translateY(-6px)}.connection-status{grid-column:1/-1;font-family:monospace;color:#171a20;margin:0!important;border-top:1px solid var(--inner-line);padding-top:18px}
/* Automation routing */
.routing-stage{height:338px;position:relative}.route-source{position:absolute;top:10px;left:12%;right:12%;padding:16px 20px;background:#f4f5f6;border:1px solid #aeb4bc42;border-radius:10px;box-shadow:0 15px 40px #242b3833;z-index:1;transform:rotateX(8deg)}.route-source>span{font:.62rem monospace;color:#535861;letter-spacing:.08em}.route-source strong{display:block;font-size:1rem;font-weight:400;line-height:1.5;margin-top:8px}.route-tracks{position:absolute;inset:120px 16% 53px}.route-tracks i{position:absolute;height:100%;width:1px;left:50%;background:linear-gradient(#fff1e835,#fff1e872);transform-origin:top}.route-tracks i:first-child{transform:rotate(37deg)}.route-tracks i:last-child{transform:rotate(-37deg)}.route-core{position:absolute;top:139px;left:calc(50% - 54px);width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 30%,#f4f5f6,#ffffff 70%);border-radius:50%;box-shadow:0 0 40px #242b381a;border:1px solid #aeb4bc55}.route-core>span{font-size:1.7rem;letter-spacing:-.07em;font-weight:500}.route-core>small{font:.5rem monospace;color:#171a20;margin-top:7px}.route-core-ring{position:absolute;inset:-12px;border-radius:50%;border:1px dashed #aeb4bc88;animation:ring-spin 36s linear infinite}.route-destinations{display:flex;justify-content:space-between;gap:10px;position:absolute;bottom:17px;left:3%;right:3%}.route-destinations span{border:1px solid #aeb4bc60;border-radius:8px;flex:1;text-align:center;padding:12px 8px;font-size:.87rem;color:#535861;transition:.4s;background:#ffffff}.route-destinations span.active{background:#f4f5f6;border-color:#aeb4bc99;color:#171a20;box-shadow:0 0 30px #242b3820}.routing-instrument.is-routing .route-tracks i{animation:route-transmit .7s ease-in-out infinite}.routing-instrument.is-routing .route-core{box-shadow:0 0 60px #242b3855}.route-action{display:flex;align-items:center;gap:12px;justify-content:space-between}.route-output{min-height:3em}.routing-instrument .instrument-readout{min-height:145px}
/* Layered website preview */
.browser-stack{position:relative;height:430px;perspective:1000px;padding:35px 8px 25px;transform:rotateX(var(--pointer-y)) rotateY(var(--pointer-x));transition:transform .5s}.design-browser{position:relative;width:95%;margin:auto;border:1px solid #aeb4bc66;border-radius:10px;background:#ffffff;box-shadow:0 30px 65px #242b3855;overflow:hidden;transform:rotateY(-13deg) rotateX(8deg) rotateZ(-3deg);transition:transform .6s,background .4s;z-index:2}.window-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f4f5f6;border-bottom:1px solid #aeb4bc32;font:.55rem monospace;color:#535861}.window-top span:first-child{letter-spacing:2px}.mini-site{padding:18px 21px;color:#171a20;background:linear-gradient(130deg,#f4f5f6,#ffffff);transition:background .5s,color .5s}.mini-nav{display:flex;justify-content:space-between;align-items:center;font-size:.47rem}.mini-nav>b{letter-spacing:.14em}.mini-nav>span{opacity:.6}.mini-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;position:relative}.mini-kicker{font:.49rem monospace;color:#535861}.mini-hero strong{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1;letter-spacing:-.06em;display:block;font-weight:500;margin:12px 0}.mini-hero em{font-family:Georgia,serif;font-weight:400;color:#171a20}.mini-hero p{font-size:.55rem;line-height:1.7;color:inherit;opacity:.7;margin:12px 0}.mini-sculpture{position:relative;perspective:700px;align-self:center;height:150px;transform-style:preserve-3d}.mini-sculpture i{position:absolute;left:14%;right:14%;top:32%;height:70px;border:9px solid #aeb4bc;border-radius:50%;transform:rotateX(62deg) rotateY(-20deg) rotateZ(-35deg);box-shadow:0 12px 15px #242b3833,inset 0 2px 3px #242b3866;animation:sculpture-float 7s ease-in-out infinite}.mini-sculpture i:nth-child(2){top:18%;transform:rotateX(62deg) rotateY(-20deg) rotateZ(30deg);border-color:#aeb4bc;animation-delay:-2s}.mini-sculpture i:nth-child(3){top:48%;border-color:#aeb4bc;animation-delay:-4s}.mini-sculpture b{position:absolute;top:36%;left:42%;width:34px;height:34px;background:radial-gradient(circle at 30% 30%,#fff1e8,#fff1e8 65%,#f4f5f6);border-radius:50%;box-shadow:0 0 28px #242b3840}.mini-footer{display:flex;justify-content:space-between;border-top:1px solid #aeb4bc2b;padding-top:12px;margin-top:15px;font:.48rem monospace;color:inherit;opacity:.7}.stack-ghost{position:absolute;inset:25px 5% 30px;border:1px solid #aeb4bc48;border-radius:10px;background:#f4f5f688;transform:rotateY(-13deg) rotateX(8deg) rotateZ(-3deg) translate(20px,-16px);box-shadow:0 15px 30px #242b3822}.ghost-two{transform:rotateY(-13deg) rotateX(8deg) rotateZ(-3deg) translate(40px,-32px);opacity:.6}.floating-spec{position:absolute;right:-4px;bottom:35px;padding:15px 21px;z-index:3;border:1px solid #aeb4bc55;border-radius:9px;background:#f4f5f6ee;backdrop-filter:blur(10px);font-size:.78rem;color:#171a20;line-height:1.5;box-shadow:0 10px 30px #242b3844;transform:rotate(3deg)}.floating-spec strong{color:#171a20;font-weight:500}.floating-spec i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#fff1e8;margin-right:8px}.browser-instrument[data-preview-theme=light] .mini-site{background:linear-gradient(130deg,#ffffff,#fff1e8);color:#535861}.browser-instrument[data-preview-theme=light] .mini-kicker{color:#535861}.browser-instrument[data-preview-theme=light] .mini-hero em{color:#535861}.browser-instrument[data-preview-theme=light] .mini-sculpture i{border-color:#aeb4bc}.browser-instrument[data-preview-theme=light] .mini-footer{border-color:#aeb4bc33}
/* Interactive responsive lab */
.inner-experience .web-lab{border-radius:20px}.inner-experience .lab-stage{min-width:0;min-height:400px;display:flex;align-items:center;justify-content:center;padding:24px 14px}.inner-experience .browser-frame{max-width:100%;height:auto;min-height:0;overflow:hidden;transition:width .7s cubic-bezier(.22,1,.36,1),border-radius .6s,transform .6s;box-shadow:0 25px 55px #242b3833}.inner-experience .browser-frame[data-device=desktop]{width:100%}.inner-experience .browser-frame[data-device=tablet]{width:76%}.inner-experience .browser-frame[data-device=mobile]{width:55%;min-width:170px;border-radius:22px}.inner-experience .actual-demo{display:block!important;padding:20px;background:#ffffff;color:#535861;min-height:0;height:auto}.lab-demo-nav{display:flex;justify-content:space-between;font-size:.54rem;border-bottom:1px solid #aeb4bc33;padding-bottom:10px}.lab-demo-nav span{font-size:.5rem}.lab-demo-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:10px;padding:25px 0}.lab-demo-hero>div>span{font:.47rem monospace;letter-spacing:.05em}.inner-experience .lab-demo-hero h3{font-size:clamp(1.1rem,2.6vw,2.1rem);line-height:1.1;letter-spacing:-.05em;margin:12px 0;color:#535861}.inner-experience .lab-demo-hero p{font-size:.62rem;line-height:1.6;color:#535861;max-width:23ch}.lab-demo-button{border:0;background:#f4f5f6;color:#171a20;font-size:.63rem;padding:10px 12px;min-height:44px;border-radius:6px;margin-top:15px;cursor:pointer;transition:background .25s,transform .25s}.lab-demo-button:hover{background:#f4f5f6;transform:translateY(-2px)}.lab-demo-art{height:145px;position:relative;align-self:center}.lab-demo-art i{position:absolute;height:90px;width:90px;background:#ffffff;border-radius:50% 50% 10% 50%;left:15%;top:0;transform:rotate(-30deg);box-shadow:0 10px 20px #242b3826;animation:sculpture-float 8s infinite}.lab-demo-art i:nth-child(2){background:#ffffff;top:20%;left:36%;transform:rotate(140deg);animation-delay:-3s}.lab-demo-art i:nth-child(3){background:#f4f5f6;top:36%;left:4%;width:55px;height:55px;transform:rotate(35deg);animation-delay:-5s}.lab-collection{display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px;padding:0!important;background:transparent!important;transition:transform .4s}.lab-collection>div{padding:12px 9px;border:1px solid #aeb4bc30;border-radius:5px;transition:background .35s}.lab-collection span{display:block;font:.5rem monospace;color:#535861;margin-bottom:10px}.lab-collection strong{font-size:.66rem;color:#535861;display:block;overflow-wrap:anywhere}.lab-collection.explored>div{background:#fff1e8;animation:collection-reveal .6s ease both}.lab-collection.explored>div:nth-child(2){animation-delay:.08s}.lab-collection.explored>div:nth-child(3){animation-delay:.16s}.browser-frame[data-device=mobile] .lab-demo-hero{grid-template-columns:1fr}.browser-frame[data-device=mobile] .lab-demo-art{height:90px;transform:scale(.7);transform-origin:top center;margin-bottom:-20px}.browser-frame[data-device=mobile] .lab-demo-nav>span{display:none}.browser-frame[data-device=mobile] .lab-collection{grid-template-columns:1fr}.browser-frame[data-device=mobile] .lab-collection>div{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}.browser-frame[data-device=mobile] .lab-collection span{margin:0}.browser-frame[data-device=mobile] .actual-demo{padding:16px}.browser-frame[data-device=mobile] .lab-demo-hero h3{font-size:1.5rem}
/* Pricing / scope */
.scope-stage{height:360px;position:relative;perspective:900px;overflow:hidden}.scope-grid{position:absolute;inset:10%;background-image:linear-gradient(#fff1e80d 1px,transparent 1px),linear-gradient(90deg,#fff1e80d 1px,transparent 1px);background-size:30px 30px;transform:rotateX(55deg) rotateZ(-20deg);mask-image:radial-gradient(ellipse,#000,transparent 68%)}.scope-ring{position:absolute;border:1px solid #aeb4bc5c;border-radius:50%;width:80%;height:65%;left:10%;top:15%;transform:rotateX(58deg) rotateY(-16deg) rotateZ(-35deg);box-shadow:0 0 18px #242b380c;animation:scope-float 10s ease-in-out infinite}.ring-b{transform:rotateX(25deg) rotateY(55deg) rotateZ(20deg);width:65%;left:17.5%;border-color:#aeb4bc66;animation-delay:-3s}.ring-c{transform:rotateX(-15deg) rotateY(-53deg) rotateZ(-25deg);width:62%;left:19%;animation-delay:-6s}.scope-center{position:absolute;inset:30% 24%;text-align:center;display:flex;flex-direction:column;justify-content:center}.scope-center>span{font:.63rem monospace;color:#535861;letter-spacing:.12em}.scope-center strong{font-size:2.8rem;line-height:1.06;font-weight:500;letter-spacing:-.06em;margin-top:13px}.scope-center em{font-weight:400;font-family:Georgia,serif;color:#171a20}.scope-label{position:absolute;padding:8px 12px;font:.68rem monospace;background:#f4f5f6e8;border:1px solid #aeb4bc45;border-radius:6px;color:#171a20;box-shadow:0 15px 30px #242b3833}.scope-label-a{top:16%;left:1%}.scope-label-b{top:11%;right:5%}.scope-label-c{bottom:18%;left:3%}.scope-label-d{bottom:11%;right:2%}.finder-section{padding-top:0!important}.package-finder{border:1px solid var(--inner-line);border-radius:20px;background:linear-gradient(120deg,#f4f5f6,#ffffff);padding:38px;display:grid;grid-template-columns:1fr 1.05fr;gap:28px 45px;align-items:center}.finder-heading h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.07;letter-spacing:-.045em;margin:14px 0}.finder-heading p{font-size:.93rem;max-width:40ch}.finder-inputs{display:grid;gap:16px;grid-column:1;grid-row:2}.finder-inputs .field{margin:0}.finder-inputs label{font-size:.87rem}.inner-experience select{width:100%;padding:14px;color:#171a20;background:#ffffff;border:1px solid #aeb4bc30;border-radius:8px;font:inherit;min-height:48px;cursor:pointer;color-scheme:dark}.finder-result{grid-column:2;grid-row:1/3;border-left:1px solid var(--inner-line);padding:25px 0 25px 38px}.finder-result h3{font-size:2.1rem;font-weight:500;line-height:1.15;letter-spacing:-.04em;margin:25px 0 15px}.finder-result>strong{font-size:1.4rem;font-weight:400;color:#171a20}.finder-result p{font-size:.92rem;margin-top:18px}.finder-result .actions{flex-wrap:wrap;margin-top:25px;gap:10px 24px}.finder-result.updated{animation:collection-reveal .4s both}.inner-experience [id^=package-],.inner-experience #package-finder,.inner-experience #project-brief,.inner-experience #project-explorer,.inner-experience #connected-system{scroll-margin-top:110px}.inner-experience .price-card.package-highlight{border-color:#aeb4bc9f;box-shadow:0 0 45px #242b382b}.inner-experience .pricing-tabs button{min-height:48px}.inner-experience .pricing-tabs button[aria-selected=true]{color:#171a20}.inner-experience [role=tabpanel]{animation:collection-reveal .5s both}
/* Project collection */
.showcase-stage{height:365px;position:relative;perspective:950px;transform:rotateX(var(--pointer-y)) rotateY(var(--pointer-x));transition:transform .5s}.showcase-sheet{position:absolute;top:36px;width:54%;height:245px;padding:22px;background:linear-gradient(150deg,#f4f5f6,#ffffff);border:1px solid #aeb4bc55;border-radius:11px;box-shadow:0 30px 55px #242b3844;transition:transform .65s,border-color .4s;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.showcase-sheet>span{font:.6rem monospace;color:#535861}.showcase-sheet>strong{font-size:1.7rem;line-height:1.1;letter-spacing:-.05em;font-weight:500;position:relative;z-index:1}.showcase-sheet>small{font-size:.68rem;color:#535861}.sheet-a{left:0;transform:translateY(8px) rotate(-12deg);z-index:1}.sheet-b{left:24%;transform:translateY(26px) rotate(-2deg);z-index:2}.sheet-c{right:0;transform:translateY(63px) rotate(10deg);z-index:3;width:49%}.showcase-stage:hover .sheet-a{transform:translate(-9px,-8px) rotate(-16deg);border-color:#aeb4bca0}.showcase-stage:hover .sheet-b{transform:translateY(0) rotate(-2deg)}.showcase-stage:hover .sheet-c{transform:translate(9px,55px) rotate(14deg)}.sheet-orbit{position:absolute;right:-15%;top:15%;width:90%;aspect-ratio:1;border:1px solid #aeb4bc66;border-radius:50%}.sheet-orbit:after{content:"";position:absolute;inset:20%;border:10px solid #aeb4bc2e;border-radius:50%;transform:rotateX(65deg) rotate(-24deg)}.sheet-mark{font:5rem/1 sans-serif;color:#171a2035;letter-spacing:-.15em;margin:0 0 -5px}.sheet-flow{display:flex;gap:12px;padding-top:28px}.sheet-flow i{height:25px;width:25px;border:1px solid #aeb4bc;border-radius:6px;transform:rotate(-15deg);background:#fff1e816}.sheet-flow i:nth-child(2){background:#fff1e84f;animation:signal-pulse 3s infinite}.project-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.project-toolbar>div>p{font-size:.95rem;margin-top:8px}.project-toolbar .instrument-controls{min-width:450px}.inner-experience .project-card{cursor:default!important}.inner-experience .project-card .visual{height:auto;min-height:260px;overflow:hidden;background:#ffffff;padding:0}.inner-experience .project-card.wide .visual{min-height:300px}.inner-experience .project-card .visual:before,.inner-experience .project-card .visual:after{display:none}.inner-experience .project-card .body{position:relative;background:linear-gradient(150deg,#ffffff,#ffffff)}.inner-experience .project-card .body h3{font-size:1.7rem}.inner-experience .project-card .body .actions{margin-top:25px}.inner-experience .project-card.filter-enter{animation:collection-reveal .5s both}.inner-experience .project-card.wide.filtered-single{grid-column:1/-1}.project-preview{padding:24px;height:100%;min-height:260px;position:relative}.preview-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font:.6rem/1.5 monospace;letter-spacing:.06em;color:#535861}.restaurant-preview{background:radial-gradient(ellipse at 10% 40%,#f4f5f655,transparent),#ffffff}.restaurant-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;align-items:center;padding:35px 6px 15px}.table-map{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:260px}.table-map i{aspect-ratio:1;max-width:55px;border-radius:50%;background:#f4f5f6;border:1px solid #aeb4bc50;display:grid;place-items:center;font:.75rem monospace;font-style:normal;color:#171a20;position:relative}.table-map i:before,.table-map i:after{content:"";position:absolute;width:4px;height:18px;background:#ffffff;left:-6px;border-radius:4px}.table-map i:after{left:auto;right:-6px}.table-map i:nth-child(4){background:#fff1e8;color:#535861;box-shadow:0 0 25px #242b3840;animation:signal-pulse 4s infinite}.reservation-ticket{padding:26px 22px;background:#ffffff;color:#535861;border-radius:8px;transform:rotate(3deg);box-shadow:0 20px 40px #242b3844}.reservation-ticket>span{font:.58rem/1.6 monospace;letter-spacing:.08em;display:block;color:#535861}.reservation-ticket strong{font:500 1.6rem/1.2 Georgia,serif;display:block;margin:17px 0}.reservation-ticket p{color:#535861!important;font-size:.71rem!important}.ticket-status{border-top:1px dashed #aeb4bc40;margin-top:24px;padding-top:15px;font-size:.66rem}.ticket-status i{display:inline-block;width:5px;height:5px;background:#f4f5f6;border-radius:50%;margin-right:7px}.brand-preview{background:radial-gradient(ellipse at 70% 50%,#f4f5f655,transparent),#ffffff;min-height:290px}.brand-preview>strong{display:block;font-size:1.6rem;line-height:1.15;letter-spacing:-.045em;margin-top:125px;font-weight:500;position:relative}.brand-preview em{font-family:Georgia,serif;color:#171a20;font-weight:400}.brand-preview-orbit{position:absolute;width:160px;height:160px;right:20px;top:45px;transform:rotate(-23deg)}.brand-preview-orbit i{position:absolute;inset:0;border:1px solid #aeb4bc70;border-radius:50%;transform:rotateX(58deg);animation:orbital-breathe 8s infinite}.brand-preview-orbit i:nth-child(2){inset:13%;transform:rotateY(50deg);animation-delay:-4s}.brand-preview-orbit b{position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff1e8,#fff1e8 55%,#f4f5f6);display:grid;place-items:center;font:.8rem monospace;box-shadow:0 0 30px #242b3828}.workflow-preview{background:linear-gradient(145deg,#f4f5f6,#ffffff)}.preview-flow{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:35px 10px 8px;position:relative}.preview-flow>div{border:1px solid #aeb4bc50;border-radius:7px;padding:17px;position:relative;background:#f4f5f636}.preview-flow span{font:.6rem monospace;color:#535861}.preview-flow strong{display:block;margin-top:14px;font-size:.92rem;font-weight:500}.preview-flow>div:nth-child(2){animation:signal-pulse 4s infinite}.preview-flow>div:nth-child(4){border-color:#aeb4bc90}
/* Principles instrument */
.philosophy-stage{height:330px;position:relative}.dial-face{position:absolute;width:265px;height:265px;left:calc(50% - 132.5px);top:15px;border:1px solid #aeb4bc34;border-radius:50%;background:radial-gradient(circle at 50% 50%,#f4f5f666,transparent 65%);transform:rotateX(12deg) rotateY(-15deg);box-shadow:0 20px 45px #242b3833}.dial-ticks{position:absolute;inset:12px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#fff1e880 0deg 1deg,transparent 1deg 9deg);mask-image:radial-gradient(circle,transparent 60%,#000 61%,#000 68%,transparent 69%)}.dial-arc{position:absolute;inset:40px;border-radius:50%;border:1px solid #aeb4bc48;border-top:2px solid #aeb4bc;transform:rotate(-35deg);animation:ring-spin 45s linear infinite}.dial-pointer{position:absolute;left:calc(50% - 1px);top:27px;width:2px;height:106px;background:linear-gradient(#fff1e8,transparent);transform-origin:bottom;transform:rotate(28deg);transition:transform 1s cubic-bezier(.16,1,.3,1)}.dial-center{position:absolute;inset:38%;border-radius:50%;border:1px solid #aeb4bc60;background:#f4f5f6;display:grid;place-items:center;font:.8rem monospace;color:#171a20;box-shadow:0 0 40px #242b3815}.dial-caption{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;align-items:baseline;gap:15px}.dial-caption>span{font:.72rem monospace;color:#535861}.dial-caption strong{font-size:1.75rem;font-weight:500;letter-spacing:-.04em}.dial-caption small{font:.56rem monospace;color:#535861}.philosophy-instrument[data-principle=craft] .dial-pointer{transform:rotate(142deg)}.philosophy-instrument[data-principle=scale] .dial-pointer{transform:rotate(266deg)}.inner-experience .process-step{transition:border-color .5s,background .5s}.inner-experience .process-step.active{background:linear-gradient(90deg,#f4f5f624,transparent);border-color:#aeb4bc6b}
/* Contact / project brief */
.brief-stage{height:355px;position:relative;perspective:900px}.brief-halo{position:absolute;inset:15% 6%;border:1px solid #aeb4bc30;border-radius:50%;transform:rotateX(57deg) rotateZ(-23deg);box-shadow:0 0 60px #242b3815;animation:orbital-breathe 10s infinite}.brief-document{position:absolute;top:20px;left:15%;width:70%;height:278px;padding:26px;border:1px solid #aeb4bc77;border-radius:9px;background:linear-gradient(140deg,#f4f5f6,#f4f5f6);box-shadow:0 30px 65px #242b3855;transform:rotateY(-14deg) rotateX(7deg) rotateZ(-8deg);transition:transform .6s}.brief-stage:hover .brief-document{transform:rotateY(-4deg) rotateX(2deg) rotateZ(-3deg)}.brief-doc-top{font:.53rem monospace;letter-spacing:.06em;display:flex;justify-content:space-between;color:#171a20;border-bottom:1px solid #aeb4bc36;padding-bottom:17px}.brief-document>strong{font-size:2rem;line-height:1.15;font-weight:500;letter-spacing:-.045em;display:block;margin-top:25px}.brief-document em{font-family:Georgia,serif;font-weight:400;color:#171a20}.brief-doc-lines{display:grid;gap:9px;width:55%;margin-top:24px}.brief-doc-lines i{height:2px;background:#fff1e84d;width:100%}.brief-doc-lines i:nth-child(2){width:75%}.brief-doc-lines i:nth-child(3){width:50%}.brief-stamp{position:absolute;right:26px;bottom:25px;width:100px;padding:9px;border:1px solid #aeb4bc75;font:.49rem/1.6 monospace;letter-spacing:.08em;text-align:center;color:#171a20;transform:rotate(5deg)}.brief-float{position:absolute;right:0;bottom:22px;z-index:2;background:#f4f5f6eb;border:1px solid #aeb4bc68;padding:17px 22px;border-radius:8px;box-shadow:0 12px 35px #242b3844;backdrop-filter:blur(12px)}.brief-float>span{font:.55rem monospace;color:#535861;letter-spacing:.1em}.brief-float strong{display:block;font-size:.97rem;font-weight:500;margin-top:9px}.brief-instrument .instrument-readout{text-align:center}.brief-instrument .instrument-readout>.btn{min-width:65%}.brief-instrument .instrument-readout p{font-size:.75rem;margin-top:15px}.brief-companion{margin-top:30px;padding-top:24px;border-top:1px solid var(--inner-line)}.brief-steps{list-style:none;margin:18px 0 25px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.brief-steps li{display:flex;align-items:center;gap:11px;font-size:.88rem;color:#535861;padding:8px 0;transition:color .3s}.brief-steps li>span{font:.68rem monospace;width:28px;height:28px;display:grid;place-items:center;border:1px solid #aeb4bc35;border-radius:50%;transition:background .3s,border-color .3s}.brief-steps li.current{color:#171a20}.brief-steps li.current>span{background:#f4f5f6;border-color:#aeb4bc}.brief-steps li.complete{color:#535861}.brief-steps li.complete>span{border-color:#aeb4bc;background:#f4f5f666}.brief-tip{padding:19px;border-left:2px solid #aeb4bc;background:#f4f5f626;border-radius:0 8px 8px 0}.brief-tip>span{font:.65rem monospace;color:#535861;letter-spacing:.08em}.brief-tip p{font-size:.86rem;margin-top:8px}.package-context{padding:17px 0!important;font-size:.85rem;color:#171a20!important}.inner-experience .wizard{border-radius:18px;box-shadow:0 25px 60px #242b3822;background:linear-gradient(135deg,#f4f5f6,#ffffff)}.inner-experience [data-wizard-stage]{animation:collection-reveal .4s both}.inner-experience .option{transition:border-color .25s,background .25s,transform .25s}.inner-experience .option:has(input:checked){background:#f4f5f63d;border-color:#aeb4bc9c}.inner-experience .option:hover{transform:translateX(3px)}.inner-experience .wizard-step-label{font-family:monospace;color:#171a20}
/* Calm legal reading experience */
.inner-experience .legal-hero{background:radial-gradient(ellipse at 70% 10%,#f4f5f633,transparent 50%)}.inner-experience .legal-shell{gap:65px}.inner-experience .legal-content{max-width:850px}.inner-experience .legal-content h1{font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.055em;line-height:1.07;margin-bottom:28px}.inner-experience .legal-content h2{font-size:1.35rem;letter-spacing:-.02em;margin-top:42px;padding-top:27px;border-top:1px solid var(--inner-line);scroll-margin-top:110px}.inner-experience .legal-content p{font-size:.96rem;line-height:1.9;color:#171a20}.inner-experience .legal-content li{font-size:.96rem;line-height:1.8;color:#171a20}.inner-experience .legal-nav>a[aria-current=page]{color:#171a20;background:#f4f5f655;border-color:#aeb4bc66}.legal-toc{margin-top:30px;border-top:1px solid var(--inner-line);padding-top:20px;display:grid;gap:5px}.legal-toc>span{font:.62rem monospace;color:#535861;letter-spacing:.1em;margin-bottom:8px}.legal-toc a{border:0!important;background:transparent!important;padding:8px 0!important;font-size:.8rem;line-height:1.5;color:#535861;border-left:1px solid transparent!important;transition:color .2s,padding .2s}.legal-toc a[aria-current=true]{color:#171a20;border-left-color:#aeb4bc!important;padding-left:11px!important}
/* Motion, small screens and user controls */
@keyframes instrument-enter{from{opacity:0;transform:translateY(30px) rotateX(7deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}
@keyframes orbital-breathe{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes signal-pulse{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes ring-spin{to{rotate:360deg}}
@keyframes sculpture-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes scope-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes route-transmit{0%{opacity:.3}50%{opacity:1;box-shadow:0 0 10px #242b38}100%{opacity:.3}}
@keyframes collection-reveal{from{opacity:.4;translate:0 12px}to{opacity:1;translate:0 0}}
.inner-experience .inner-visual:not(.is-visible) :is(.instrument-orbits,.satellite,.architecture-link,.route-core-ring,.mini-sculpture i,.scope-ring,.sheet-flow i,.dial-arc,.brief-halo){animation-play-state:paused}.inner-experience .motion-paused *, .inner-experience.motion-paused *{animation-play-state:paused!important}.inner-experience.motion-paused .inner-visual{opacity:1;transform:none;animation:none}.inner-experience.motion-paused [data-wizard-stage],.inner-experience.motion-paused .filter-enter{animation:none}.inner-experience.motion-paused:is(.architecture-stage,.browser-stack,.showcase-stage){transform:none}
@media(min-width:1500px){.inner-experience .page-hero-grid{gap:90px}.inner-experience .inner-visual{max-width:600px;justify-self:end}}
@media(max-width:1120px){.inner-experience .page-hero-grid{gap:35px}.inner-experience .page-hero{min-height:680px;padding-top:85px}.inner-experience .page-hero h1{font-size:clamp(3rem,5.5vw,5rem)}.instrument-header{font-size:.62rem}.architecture-node{padding:18px}.architecture-node strong{font-size:1.18rem}.connection-demo{grid-template-columns:1fr;gap:30px}.connection-demo>div:first-child{max-width:60ch}.connection-path li{padding:23px}.inner-experience .legal-shell{gap:40px}.mini-nav>span{display:none}.project-toolbar .instrument-controls{min-width:380px}}
@media(max-width:860px){.inner-experience .page-hero{padding-top:66px;padding-bottom:55px}.inner-experience .page-hero-grid{grid-template-columns:1fr;gap:50px}.inner-experience .page-hero h1{font-size:clamp(3.2rem,8vw,5rem);max-width:15ch}.inner-experience .page-hero .lead{max-width:60ch}.inner-experience .inner-visual{max-width:570px;justify-self:center}.inner-experience .page-hero .actions{margin-top:24px}.instrument-header{font-size:.71rem}.mini-nav>span{display:block}.mini-hero strong{font-size:2.5rem}.browser-stack{height:430px;padding-top:50px}.package-finder{gap:25px;padding:30px;grid-template-columns:1fr 1fr}.finder-result{padding-left:25px}.finder-result h3{font-size:1.7rem}.project-toolbar{align-items:flex-start;flex-direction:column}.project-toolbar .instrument-controls{min-width:0;width:100%}.inner-experience .contact-grid{gap:35px}.brief-companion{max-width:550px}.brief-steps{grid-template-columns:repeat(4,1fr)}.brief-tip{max-width:550px}.inner-experience .legal-shell{grid-template-columns:1fr}.inner-experience .legal-nav{position:static;display:flex;flex-wrap:wrap;gap:10px}.inner-experience .legal-nav>a{flex:1;text-align:center;min-width:90px}.legal-toc{display:none}.inner-experience .legal-content{max-width:none}}
@media(max-width:620px){.inner-experience .page-hero{padding-top:48px}.inner-experience .page-hero-grid{gap:38px}.inner-experience .page-hero h1{font-size:clamp(2.75rem,10vw,4rem)}.inner-experience .page-hero .lead{font-size:.95rem;line-height:1.85}.instrument-header{font-size:.6rem;padding:13px 0}.instrument-controls button{font-size:.8rem;padding:10px 8px}.architecture-stage{height:290px}.architecture-node{padding:17px 14px;top:70px;width:46%}.architecture-node span{font-size:.51rem}.architecture-node strong{font-size:1.17rem}.architecture-node small{font-size:.69rem}.instrument-orbits{inset:32px 21%}.architecture-link{top:169px}.instrument-readout{min-height:120px}.instrument-readout p{font-size:.81rem}.connection-demo{padding:25px 18px;border-radius:12px}.connection-path{grid-template-columns:1fr 1fr;gap:13px}.connection-path li{padding:18px 16px}.connection-path li:not(:last-child):after{display:none}.connection-path strong{margin-top:16px}.routing-stage{height:330px}.route-source{left:3%;right:3%}.route-source strong{font-size:.88rem}.route-action{gap:8px}.route-action .btn{padding:12px 16px;min-width:0}.route-core{top:145px}.route-destinations{left:0;right:0}.browser-stack{height:370px;padding:35px 0 20px}.design-browser{width:93%}.mini-site{padding:16px}.mini-nav{font-size:.43rem}.mini-nav>span{display:none}.mini-hero{margin-top:20px}.mini-hero strong{font-size:clamp(1.5rem,7vw,2.15rem)}.mini-sculpture{height:120px}.mini-sculpture i{height:58px;border-width:7px}.mini-sculpture b{width:27px;height:27px;left:38%}.mini-footer{font-size:.43rem}.floating-spec{right:0;bottom:21px;font-size:.65rem;padding:12px 16px}.stack-ghost{inset:25px 10% 35px;transform:rotateY(-13deg) rotateX(8deg) rotateZ(-3deg) translate(12px,-13px)}.ghost-two{transform:rotateY(-13deg) rotateX(8deg) rotateZ(-3deg) translate(24px,-26px)}.window-top{font-size:.47rem;padding:9px}.inner-experience .lab-stage{padding:16px 0;min-height:390px}.inner-experience .lab-demo-hero h3{font-size:1.55rem}.lab-demo-art{height:120px;transform:scale(.85)}.inner-experience .browser-frame[data-device=mobile]{width:66%;min-width:180px}.inner-experience .browser-frame[data-device=tablet]{width:86%}.inner-experience .actual-demo{padding:17px}.scope-stage{height:315px}.scope-center{inset:27% 23%}.scope-center strong{font-size:2.3rem}.scope-label{font-size:.59rem;padding:7px 9px}.package-finder{grid-template-columns:1fr;padding:25px;gap:23px}.finder-heading h2{font-size:2.25rem}.finder-inputs{grid-row:auto;grid-column:auto}.finder-result{grid-column:auto;grid-row:auto;border-left:0;border-top:1px solid var(--inner-line);padding:25px 0 0}.finder-result h3{font-size:1.85rem;margin-top:20px}.finder-result .actions{align-items:flex-start;flex-direction:column;gap:8px}.finder-result .btn{width:100%}.inner-experience .pricing-tabs button{font-size:.86rem;padding:12px 16px}.showcase-stage{height:325px}.showcase-sheet{height:220px;padding:17px;width:55%}.showcase-sheet>span{font-size:.48rem}.showcase-sheet>strong{font-size:1.43rem}.showcase-sheet>small{font-size:.57rem}.sheet-c{width:50%}.sheet-mark{font-size:4rem}.project-toolbar .instrument-controls button{font-size:.75rem;padding:9px 7px}.project-toolbar .instrument-controls button span{display:none}.inner-experience .project-card .body h3{font-size:1.5rem}.project-preview{padding:20px;min-height:280px}.restaurant-layout{grid-template-columns:1fr;gap:24px;padding-top:24px}.table-map{grid-template-columns:repeat(6,1fr);gap:13px;max-width:none}.table-map i{font-size:.6rem}.table-map i:before,.table-map i:after{height:12px;width:3px;left:-5px}.table-map i:after{left:auto;right:-5px}.reservation-ticket{padding:21px;transform:rotate(2deg)}.reservation-ticket strong{font-size:1.5rem}.reservation-ticket>span{font-size:.53rem}.restaurant-preview{min-height:330px}.preview-topline{font-size:.54rem}.inner-experience .project-card .visual{min-height:280px}.philosophy-stage{height:325px}.dial-face{width:250px;height:250px;left:calc(50% - 125px)}.dial-pointer{height:98px}.dial-caption{gap:12px}.dial-caption strong{font-size:1.5rem}.dial-caption small{font-size:.49rem}.brief-stage{height:320px}.brief-document{width:78%;left:10%;height:260px;padding:22px;top:15px}.brief-document>strong{font-size:1.9rem}.brief-doc-top{font-size:.45rem}.brief-stamp{right:18px;bottom:23px;width:88px;font-size:.44rem}.brief-float{padding:14px 18px;bottom:10px}.brief-float strong{font-size:.88rem}.brief-instrument .instrument-readout>.btn{width:100%}.brief-steps{grid-template-columns:1fr 1fr;gap:7px 15px}.inner-experience .legal-content h1{font-size:3rem}.inner-experience .legal-content h2{font-size:1.2rem}.inner-experience .legal-content p,.inner-experience .legal-content li{font-size:.91rem}.inner-experience .legal-nav{gap:7px}.inner-experience .legal-nav>a{min-width:70px;font-size:.8rem;padding:12px 8px}.inner-experience .btn{max-width:100%}}
@media(prefers-reduced-motion:reduce){.inner-experience *, .inner-experience *:before,.inner-experience *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.inner-experience .inner-visual{opacity:1;transform:none}.inner-experience:is(.architecture-stage,.browser-stack,.showcase-stage){transform:none}}
/* Retire the old placeholder blocks inside the real responsive sample. */
.inner-experience .actual-demo:is(.lab-demo-nav,.lab-demo-hero,.lab-demo-hero>div,.lab-demo-art,.lab-collection){background:transparent;border:0;border-radius:0;overflow:visible}
.inner-experience .actual-demo div::after{display:none}
.inner-experience .actual-demo .lab-demo-nav{border-bottom:1px solid #aeb4bc33}
.inner-experience .lab-stage .browser-frame[data-device]{height:auto;min-height:0}
.inner-experience .browser-frame[data-device] .actual-demo{height:auto;min-height:0;grid-template-rows:none}

.inner-experience .project-grid.is-filtered{grid-template-columns:minmax(0,1fr)}
.inner-experience .project-grid.is-filtered .project-card{display:grid;grid-template-columns:1fr 1fr;grid-row:auto}
.inner-experience .project-grid.is-filtered .project-card .body{display:flex;flex-direction:column;justify-content:center}
@media(max-width:860px){.inner-experience .project-grid.is-filtered .project-card{display:block}}