.headless-architecture{background:radial-gradient(circle at 18% 12%, color-mix(in oklab, var(--brand-soft) 10%, transparent), transparent 34%), linear-gradient(180deg, var(--surface-strong), var(--surface))}.headless-motion-stage{aspect-ratio:16/9;border:1px solid var(--border-strong);background:linear-gradient(180deg, color-mix(in oklab, var(--surface-strong) 94%, transparent), var(--background)), var(--background);width:min(100%,70rem);min-height:34rem;box-shadow:0 30px 80px var(--shadow);border-radius:1rem;margin:2.75rem auto 0;position:relative;overflow:hidden}.headless-motion-stage:before{pointer-events:none;background-image:linear-gradient(color-mix(in oklab, var(--border) 36%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--border) 36%, transparent) 1px, transparent 1px);content:"";background-size:2.4rem 2.4rem;position:absolute;inset:3rem 0 0;-webkit-mask-image:linear-gradient(#0000008c,#0000 82%);mask-image:linear-gradient(#0000008c,#0000 82%)}.headless-motion-bar{z-index:2;border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--background) 88%, transparent);letter-spacing:.11em;height:3rem;color:var(--muted-foreground);justify-content:space-between;align-items:center;padding-inline:1.15rem;font-size:.6rem;display:flex;position:relative}.headless-motion-bar b{color:var(--foreground);align-items:center;gap:.45rem;display:flex}.headless-motion-bar i{background:var(--brand-soft);width:.42rem;height:.42rem;box-shadow:0 0 .8rem color-mix(in oklab, var(--brand-soft) 60%, transparent);border-radius:50%;animation:1.2s ease-in-out infinite headless-status-pulse}.headless-motion-body{z-index:1;height:calc(100% - 3rem);padding:clamp(1rem,2.2vw,1.75rem);position:relative}.headless-storefront-shell,.headless-service-flow,.headless-incident-panel,.headless-release-pipeline,.headless-release-console{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 90%, transparent);box-shadow:inset 0 1px color-mix(in oklab, var(--foreground) 5%, transparent);border-radius:.75rem}.headless-request-motion .headless-motion-body{grid-template-columns:minmax(17rem,.9fr) minmax(22rem,1.15fr);gap:1rem;display:grid}.headless-storefront-shell{overflow:hidden}.headless-browser-chrome{border-bottom:1px solid var(--border);height:2.35rem;color:var(--muted-foreground);align-items:center;gap:.32rem;padding-inline:.8rem;display:flex}.headless-browser-chrome i{opacity:.48;background:currentColor;border-radius:50%;width:.38rem;height:.38rem}.headless-browser-chrome span{text-overflow:ellipsis;white-space:nowrap;margin-left:.35rem;font-size:.55rem;overflow:hidden}.headless-product-preview{grid-template-columns:.92fr 1.08fr;gap:1rem;padding:1rem;display:grid}.headless-product-media{border:1px solid var(--border);background:linear-gradient(145deg, var(--surface-strong), var(--background));border-radius:.55rem;place-items:center;min-height:11.5rem;display:grid;position:relative;overflow:hidden}.headless-product-media:before{aspect-ratio:.78;border:1px solid color-mix(in oklab, var(--brand-soft) 26%, var(--border));background:linear-gradient(160deg, color-mix(in oklab, var(--brand-soft) 22%, transparent), transparent 66%);content:"";border-radius:48% 48% 30% 30%;width:62%;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s;transform:translateY(7%)}.headless-product-media span{color:var(--muted-foreground);font-size:.55rem;position:absolute;top:.6rem;left:.7rem}.headless-product-media b{background:var(--brand-soft);opacity:.5;border-radius:1rem;width:2.2rem;height:.3rem;position:absolute;bottom:.65rem;right:.65rem}.headless-product-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.headless-product-copy small,.headless-release-meta span,.headless-incident-panel small,.headless-release-console header span{letter-spacing:.08em;color:var(--brand-soft);font-size:.54rem;font-weight:750}.headless-product-copy>strong{margin-top:.5rem;font-size:1.35rem}.headless-product-copy p{color:#0000;margin-top:.55rem;font-size:.67rem;position:relative;overflow:hidden}.headless-product-copy p:before{background:var(--border-strong);content:"";border-radius:.2rem;width:82%;transition:width .35s,opacity .35s;position:absolute;inset:.15rem auto .15rem 0}.headless-product-copy p.is-ready{color:var(--muted-foreground)}.headless-product-copy p.is-ready:before{opacity:0;width:0}.headless-product-copy button{border:1px solid var(--border-strong);background:var(--surface-strong);width:100%;color:var(--muted-foreground);pointer-events:none;border-radius:.35rem;margin-top:.9rem;padding:.62rem;font-size:.62rem;font-weight:750;transition:border-color .3s,background .3s,color .3s}.headless-product-copy button.is-ready{border-color:color-mix(in oklab, var(--brand-soft) 45%, var(--border));background:color-mix(in oklab, var(--brand-soft) 10%, var(--surface));color:var(--foreground)}.headless-recommendations{opacity:.3;grid-template-columns:repeat(3,1fr);gap:.55rem;padding:0 1rem 1rem;transition:opacity .45s;display:grid}.headless-recommendations span{border:1px solid var(--border);background:linear-gradient(135deg, var(--surface-strong), var(--background));border-radius:.35rem;height:3rem}.headless-recommendations.is-ready{opacity:1}.headless-render-state{border-top:1px solid var(--border);letter-spacing:.09em;color:var(--muted-foreground);margin:0 1rem 1rem;padding-top:.7rem;font-size:.54rem;font-weight:750}.headless-render-state.is-complete{color:var(--brand-soft)}.headless-service-flow{flex-direction:column;justify-content:center;min-height:0;padding:1rem;display:flex}.headless-flow-group{display:contents}.headless-flow-node{border:1px solid var(--border);background:var(--surface-strong);opacity:.48;border-radius:.45rem;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:3.8rem;padding:.65rem .75rem;transition:opacity .35s,transform .35s,border-color .35s,background .35s;display:grid;transform:translate(0)}.headless-flow-node>span{border:1px solid var(--border);width:1.55rem;height:1.55rem;color:var(--muted-foreground);border-radius:50%;place-items:center;font-size:.52rem;display:grid}.headless-flow-node strong{font-size:.75rem;display:block}.headless-flow-node small{color:var(--muted-foreground);margin-top:.12rem;font-size:.55rem;display:block}.headless-flow-node>b{letter-spacing:.07em;color:var(--muted-foreground);font-size:.48rem}.headless-flow-node.is-complete{opacity:.76}.headless-flow-node.is-active{border-color:color-mix(in oklab, var(--brand-soft) 55%, var(--border));background:color-mix(in oklab, var(--brand-soft) 8%, var(--surface-strong));opacity:1;transform:translate(.35rem)}.headless-flow-node.is-active>span,.headless-flow-node.is-active>b{color:var(--brand-soft)}.headless-flow-connector{background:var(--border);width:1px;height:.72rem;margin-left:1.55rem;position:relative;overflow:hidden}.headless-flow-connector i{background:var(--brand-soft);transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(-100%)}.headless-flow-connector.is-complete i{transform:translateY(0)}.headless-motion-caption,.headless-release-console>p{border-top:1px solid var(--border);color:var(--muted-foreground);grid-template-columns:5.4rem 1fr;gap:.7rem;margin-top:.8rem;padding-top:.75rem;font-size:.6rem;line-height:1.45;display:grid}.headless-motion-caption span,.headless-release-console>p span{color:var(--brand-soft);letter-spacing:.06em;font-weight:750}.headless-ownership-body{grid-template-rows:1fr auto;gap:1rem;height:100%;display:grid}.headless-owner-grid{grid-template-columns:repeat(5,1fr);gap:.7rem;min-height:0;display:grid}.headless-owner-card{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 92%, transparent);border-radius:.65rem;flex-direction:column;min-width:0;padding:.9rem;transition:border-color .35s,transform .35s,background .35s,opacity .35s;display:flex}.headless-owner-card header{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.headless-owner-card header span{font-size:.72rem;font-weight:750}.headless-owner-card header b{border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;padding:.2rem .35rem;font-size:.42rem}.headless-owner-card>p{color:var(--muted-foreground);margin-top:1rem;font-size:.58rem}.headless-owner-card footer{margin-top:auto;padding-top:2.5rem}.headless-owner-card footer small{color:var(--muted-foreground);font-size:.45rem;display:block}.headless-owner-card footer strong{margin-top:.2rem;font-size:.62rem;display:block}.headless-owner-card.is-focus{transform:translateY(-.3rem)}.headless-owner-card.is-warning{border-color:color-mix(in oklab, var(--brand-soft) 62%, var(--border));background:color-mix(in oklab, var(--brand-soft) 9%, var(--surface))}.headless-owner-card.is-warning header b,.headless-owner-card.is-recovered header b{color:var(--brand-soft)}.headless-owner-card.is-fallback{background:color-mix(in oklab, var(--brand-soft) 5%, var(--surface));border-style:dashed}.headless-incident-panel{grid-template-columns:minmax(15rem,.78fr) minmax(0,1.22fr);gap:1rem;padding:1rem;display:grid}.headless-incident-panel h3{margin-top:.35rem;font-size:1.05rem}.headless-incident-panel p{color:var(--muted-foreground);margin-top:.35rem;font-size:.62rem;line-height:1.5}.headless-incident-panel ol{grid-template-columns:repeat(5,1fr);gap:.45rem;display:grid}.headless-incident-panel li{border-top:2px solid var(--border);opacity:.42;padding-top:.45rem;transition:opacity .3s,border-color .3s}.headless-incident-panel li span{color:var(--muted-foreground);font-size:.45rem;display:block}.headless-incident-panel li b{margin-top:.18rem;font-size:.5rem;display:block}.headless-incident-panel li.is-complete{opacity:.7}.headless-incident-panel li.is-active{border-color:var(--brand-soft);opacity:1}.headless-release-body{grid-template-columns:minmax(20rem,1.02fr) minmax(18rem,.98fr);gap:1rem;height:100%;display:grid}.headless-release-pipeline,.headless-release-console{padding:1rem}.headless-release-meta{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;gap:.25rem .65rem;padding-bottom:.8rem;display:grid}.headless-release-meta strong{font-size:.8rem}.headless-release-meta small{color:var(--muted-foreground);grid-column:1/-1;font-size:.55rem}.headless-release-pipeline ol{gap:.45rem;margin-top:.8rem;display:grid}.headless-release-pipeline li{border:1px solid var(--border);opacity:.45;border-radius:.45rem;grid-template-columns:1.8rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:3.55rem;padding:.55rem .65rem;transition:opacity .3s,border-color .3s,background .3s,transform .3s;display:grid}.headless-release-pipeline li>span{color:var(--muted-foreground);font-size:.48rem}.headless-release-pipeline li strong{font-size:.66rem;display:block}.headless-release-pipeline li small{color:var(--muted-foreground);margin-top:.14rem;font-size:.5rem;line-height:1.35;display:block}.headless-release-pipeline li>b{letter-spacing:.06em;color:var(--muted-foreground);font-size:.43rem}.headless-release-pipeline li.is-complete{opacity:.72}.headless-release-pipeline li.is-active{border-color:color-mix(in oklab, var(--brand-soft) 55%, var(--border));background:color-mix(in oklab, var(--brand-soft) 7%, var(--surface));opacity:1;transform:translate(.25rem)}.headless-release-pipeline li.is-active>b{color:var(--brand-soft)}.headless-release-console header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.8rem;display:flex}.headless-release-console header b{color:var(--brand-soft);font-size:.48rem}.headless-check-grid{gap:.45rem;margin-top:.8rem;display:grid}.headless-check-grid>div{border:1px solid var(--border);opacity:.42;border-radius:.35rem;grid-template-columns:.65rem 1fr auto;align-items:center;gap:.5rem;padding:.55rem .65rem;transition:opacity .3s,border-color .3s,background .3s;display:grid}.headless-check-grid i{border:1px solid var(--muted-foreground);border-radius:50%;width:.48rem;height:.48rem}.headless-check-grid span{font-size:.58rem}.headless-check-grid b{color:var(--muted-foreground);font-size:.44rem}.headless-check-grid .is-ready{opacity:.75}.headless-check-grid .is-ready i{border-color:var(--brand-soft);background:var(--brand-soft)}.headless-check-grid .is-active{border-color:color-mix(in oklab, var(--brand-soft) 45%, var(--border));background:color-mix(in oklab, var(--brand-soft) 6%, var(--surface));opacity:1}.headless-release-preview{grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.8rem;display:grid}.headless-release-preview div{border:1px solid var(--border);background:var(--surface-strong);border-radius:.35rem;min-width:0;padding:.6rem}.headless-release-preview small{color:var(--muted-foreground);font-size:.42rem;display:block}.headless-release-preview strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.56rem;display:block;overflow:hidden}@media (width<=900px){.headless-request-motion .headless-motion-body,.headless-release-body{grid-template-columns:1fr 1fr}.headless-owner-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=767px){.headless-motion-stage{aspect-ratio:4/5;border-radius:.75rem;min-height:44rem}.headless-request-motion .headless-motion-body,.headless-release-body{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow:auto}.headless-product-media{min-height:8rem}.headless-service-flow{justify-content:flex-start}.headless-flow-node{min-height:3.25rem}.headless-owner-grid{grid-template-columns:repeat(2,1fr)}.headless-owner-card{min-height:8rem}.headless-owner-card:last-child{grid-column:1/-1}.headless-incident-panel{grid-template-columns:1fr}.headless-incident-panel ol{grid-template-columns:repeat(5,minmax(3.2rem,1fr));overflow-x:auto}.headless-release-preview{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.headless-motion-stage *,.headless-motion-stage :before,.headless-motion-stage :after{transition:none!important;animation:none!important}}.visual-projects,.visual-proof-items,.visual-interaction-stage{gap:1rem;margin-top:2.75rem;display:grid}.visual-projects.is-showcase{grid-template-columns:minmax(0,1.55fr) minmax(17rem,.75fr);align-items:end}.visual-projects.is-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-project-card{min-width:0}.visual-project-card>a{border:1px solid var(--border-strong);background:var(--background);box-shadow:inset 0 1px var(--surface-strong);border-radius:.45rem;display:block;position:relative;overflow:hidden}.visual-browser-bar{border-bottom:1px solid var(--border);height:2rem;color:var(--muted-foreground);align-items:center;gap:.3rem;padding-inline:.75rem;display:flex}.visual-browser-bar i{opacity:.6;background:currentColor;border-radius:50%;width:.35rem;height:.35rem}.visual-browser-bar span{text-overflow:ellipsis;white-space:nowrap;margin-left:.35rem;font-size:.62rem;overflow:hidden}.visual-project-desktop{aspect-ratio:16/10;display:block;overflow:hidden}.visual-project-desktop img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.visual-project-card:hover .visual-project-desktop img{transform:scale(1.02)}.visual-project-mobile{aspect-ratio:9/16;border:.18rem solid var(--background);width:18%;box-shadow:0 12px 30px var(--shadow);border-radius:.55rem;position:absolute;bottom:4%;right:4%;overflow:hidden}.visual-project-mobile img{object-fit:cover;object-position:top;width:100%;height:100%}.visual-project-card>div{padding-top:1.1rem}.visual-project-card h3{margin-top:.2rem;font-size:clamp(1.35rem,2.3vw,2rem)}.visual-project-card>div>a{color:var(--brand-soft);text-transform:uppercase;align-items:center;gap:.45rem;margin-top:.65rem;font-size:.78rem;font-weight:700;display:inline-flex}.visual-project-card>div>a svg{width:.9rem}.visual-proof-items{border-block:1px solid var(--border-strong);grid-template-columns:repeat(4,minmax(0,1fr))}.visual-proof-items article{border-right:1px solid var(--border);min-height:14rem;padding:1.5rem 1.25rem;position:relative}.visual-proof-items article:last-child{border-right:0}.visual-proof-items article>span,.visual-architecture-stage article>span,.visual-interaction-stage small,.visual-device footer small,.visual-publishing-steps small,.visual-audit-window small{text-transform:uppercase;color:var(--brand-soft);font-size:.65rem;font-weight:750}.visual-proof-marker{height:3rem;margin-block:1.1rem;position:relative}.visual-proof-marker i{border:2px solid var(--brand-soft);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:.2rem;left:0}.visual-proof-marker b{background:var(--border-strong);width:calc(100% + 1.4rem);height:1px;position:absolute;top:.55rem;left:1.1rem}.visual-proof-items h3,.visual-architecture-stage h3,.visual-interaction-stage h3,.visual-device h3,.visual-publishing-steps h3,.visual-audit-window h3{font-size:1rem}.visual-proof-items p,.visual-architecture-stage p,.visual-interaction-stage p,.visual-device p,.visual-publishing-steps p,.visual-audit-window p{color:var(--muted-foreground);margin-top:.55rem;font-size:.8rem;line-height:1.55}.visual-architecture-stage{gap:.65rem;max-width:64rem;margin:2.75rem auto 0;display:grid}.visual-architecture-stage article{border:1px solid var(--border);border-left:2px solid var(--brand-soft);background:var(--surface-strong);grid-template-columns:7rem 1fr auto;align-items:center;gap:1.5rem;min-height:6rem;padding:1rem 1.2rem;display:grid}.visual-architecture-stage svg{width:1.1rem;color:var(--brand-soft)}.visual-audit-stage{border:1px solid var(--border-strong);background:var(--background);border-radius:.45rem;max-width:68rem;margin:2.75rem auto 0;padding:.65rem}.visual-audit-window{border:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.visual-audit-window>header{border-bottom:1px solid var(--border);height:2.5rem;color:var(--muted-foreground);text-transform:uppercase;grid-column:1/-1;justify-content:space-between;align-items:center;padding-inline:1rem;font-size:.65rem;display:flex}.visual-audit-window>header i{background:var(--brand-soft);opacity:.55;border-radius:1rem;width:3rem;height:.35rem}.visual-audit-window article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:9rem;padding:1.25rem 1.25rem 1rem 3.25rem;position:relative}.visual-audit-window article svg{width:1rem;color:var(--brand-soft);position:absolute;top:1.35rem;left:1.25rem}.visual-device-stage{border-bottom:1px solid var(--border-strong);background:var(--background);justify-content:center;align-items:end;gap:1.5rem;min-height:29rem;margin-top:2.75rem;padding:2rem 2rem 0;display:flex}.visual-device{border:1px solid var(--border-strong);background:var(--surface-strong);width:min(100%,18rem);box-shadow:0 18px 45px var(--shadow);border-radius:.6rem .6rem 0 0}.visual-device.device-1{width:min(100%,29rem)}.visual-device.device-3{width:min(100%,12rem)}.visual-device-top{border-bottom:1px solid var(--border);height:1.5rem}.visual-device-top i{background:var(--muted-foreground);opacity:.45;border-radius:1rem;width:2rem;height:.25rem;margin:.65rem auto;display:block}.visual-device-canvas{background:linear-gradient(135deg, var(--surface), var(--background));align-content:center;gap:.6rem;min-height:11rem;padding:1.2rem;display:grid}.visual-device-canvas b{background:var(--brand-soft);opacity:.65;width:68%;height:1.6rem;display:block}.visual-device-canvas span{background:var(--border-strong);width:100%;height:.4rem;display:block}.visual-device-canvas span:last-child{width:72%}.visual-device footer{border-top:1px solid var(--border);min-height:7.5rem;padding:1rem}.visual-publishing-stage{border:1px solid var(--border-strong);background:var(--background);grid-template-columns:8rem 1fr;max-width:68rem;margin:2.75rem auto 0;display:grid}.visual-publishing-stage>aside{border-right:1px solid var(--border);align-content:start;gap:.7rem;padding:1.25rem;display:grid}.visual-publishing-stage>aside i{background:var(--border-strong);height:.45rem}.visual-publishing-canvas{min-height:17rem;padding:2rem}.visual-publishing-canvas>b{background:var(--foreground);opacity:.75;width:62%;height:1.4rem;margin-top:1.5rem;display:block}.visual-publishing-canvas>b+b{background:var(--muted-foreground);width:42%;height:.55rem;margin-top:.7rem}.visual-publishing-canvas>div{grid-template-columns:1.4fr .8fr;gap:.8rem;margin-top:2rem;display:grid}.visual-publishing-canvas>div i{border:1px solid var(--border);background:var(--surface-strong);height:7rem}.visual-publishing-steps{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.visual-publishing-steps article{border-right:1px solid var(--border);min-height:8rem;padding:1rem}.visual-interaction-stage{grid-template-columns:repeat(3,1fr)}@media (width<=900px){.visual-projects.is-showcase,.visual-projects.is-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-projects.is-gallery .visual-project-card:last-child{grid-column:1/-1;width:calc(50% - .5rem)}.visual-proof-items{grid-template-columns:repeat(2,1fr)}.visual-proof-items article:nth-child(2){border-right:0}.visual-device-stage{gap:.75rem;min-height:24rem;padding-inline:1rem}}@media (width<=640px){.visual-projects.is-showcase,.visual-projects.is-gallery{grid-template-columns:1fr}.visual-projects.is-gallery .visual-project-card:last-child{grid-column:auto;width:auto}.visual-projects.is-gallery .visual-project-card:nth-child(n+3){display:none}.visual-proof-items,.visual-audit-window,.visual-interaction-stage{grid-template-columns:1fr}.visual-proof-items article{border-right:0;border-bottom:1px solid var(--border);min-height:10rem}.visual-proof-marker{height:1.6rem}.visual-proof-marker b{display:none}.visual-architecture-stage article{grid-template-columns:4.5rem 1fr;gap:.75rem}.visual-architecture-stage svg{display:none}.visual-device-stage{justify-content:flex-start;align-items:stretch;min-height:0;padding-bottom:1rem;overflow-x:auto}.visual-device,.visual-device.device-1,.visual-device.device-3{border-radius:.55rem;width:15rem;min-width:15rem}.visual-publishing-stage{grid-template-columns:3rem 1fr}.visual-publishing-stage>aside{padding:.7rem}.visual-publishing-canvas{min-height:14rem;padding:1.25rem}.visual-publishing-steps{grid-template-columns:1fr}.visual-publishing-steps article{border-right:0;border-bottom:1px solid var(--border);min-height:0}}.visual-project-card.is-client-project .visual-project-desktop{aspect-ratio:1539/1022;background:var(--surface)}.visual-project-card.is-client-project .visual-project-desktop img{object-fit:contain;object-position:center}.visual-project-card.is-client-project:hover .visual-project-desktop img{transform:none}.visual-project-card.is-client-project h3 a{color:inherit;margin:0}.visual-projects.is-client-projects.is-equal-size{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}@media (width<=767px){.visual-projects.is-client-projects.is-equal-size{grid-template-columns:1fr}.visual-projects.is-client-projects.is-gallery .visual-project-card:nth-child(n+3){display:block}}