/* Salas Studio · contrast and motion refinement · September 2026.
   Studio marketing surfaces only. Product-specific identities stay independent. */
.studio-redesign {
  --violeta:#6440ee; --violeta-800:#4522bc; --violeta-50:#efecfe;
  --tinta:#17142b; --muted:#605d71; --linea:#e7e5ee; --suave:#f7f7fa;
  --display:'Inter',system-ui,-apple-system,sans-serif;
  --grad-brand:linear-gradient(140deg,#6440ee,#9b3ff4);
  font-size:16px; background:#fff;
}
.studio-redesign .container {max-width:1320px;padding-inline:40px;}
.studio-redesign .site-header {background:#fff;border-bottom:1px solid var(--linea);box-shadow:none;}
.studio-redesign .site-header::before {background:#fff;backdrop-filter:none;}
.studio-redesign .nav {height:88px;gap:32px;}
.studio-redesign .brand {font-size:1.3rem;letter-spacing:-.035em;white-space:nowrap;}
.studio-redesign .brand-mark {width:38px;height:38px;box-shadow:none;border-radius:10px;}
.studio-redesign .brand:hover .brand-mark {transform:none;}
.studio-redesign .nav-links {gap:28px;}
.studio-redesign .nav-links>a:not(.btn) {font-size:.875rem;}
.studio-redesign .nav-links>a:not(.btn)>span[aria-hidden] {display:none;}
.studio-redesign .lang-toggle {border:0;min-width:44px;min-height:44px;}
.studio-redesign .btn {border-radius:7px;font-size:.9rem;padding:14px 22px;min-height:48px;gap:12px;box-shadow:none;}
.studio-redesign .btn-primary,.studio-redesign .btn-gold {background:var(--violeta);color:white;border-color:var(--violeta);}
.studio-redesign .btn-primary:hover,.studio-redesign .btn-gold:hover {background:var(--violeta-800);box-shadow:none;transform:none;}
.studio-redesign .btn-ghost {border-color:var(--linea);background:transparent;}
.studio-redesign .text-link {display:inline-flex;gap:8px;align-items:center;}
.studio-redesign a:focus-visible,.studio-redesign button:focus-visible {outline:3px solid #6440ee;outline-offset:5px;}
.studio-redesign .skip-link {position:fixed;top:-100px;left:20px;z-index:200;background:#fff;color:var(--violeta);padding:14px;}
.studio-redesign .skip-link:focus {top:12px;}
.studio-redesign h1,.studio-redesign h2,.studio-redesign h3 {letter-spacing:-.035em;line-height:1.12;}
.studio-redesign h2 {font-size:clamp(1.8rem,3vw,2.7rem);}
.studio-redesign h3 {font-weight:600;}
.studio-redesign .reveal {opacity:1;transform:none;filter:none;transition:none;}
.studio-redesign .loader,.studio-redesign .blob {display:none;}
.studio-redesign .eyebrow {background:transparent!important;color:var(--violeta-800)!important;padding:0;font-size:.85rem;border-radius:0;}
.studio-redesign .page-hero {background:#f7f7fa;padding:72px 0 64px;}
.studio-redesign .page-hero::before,.studio-redesign .page-hero::after {display:none;}
.studio-redesign .service-card,.studio-redesign .plan,.studio-redesign .feature {box-shadow:none;border-radius:12px;}
.studio-redesign .service-card:hover,.studio-redesign .plan:hover,.studio-redesign .feature:hover {box-shadow:none;transform:none;border-color:#beb3eb;}
.studio-redesign .service-photo {border-bottom:0;}
.studio-redesign .service-photo::after {display:none;}
.studio-redesign .plan.featured {background:#f7f5ff;border-color:#dcd5f5;}
.studio-redesign .plans-label {margin-top:48px;}
.studio-redesign .cta-band {background:#f1edff;border:0;box-shadow:none;border-radius:12px;}
.studio-redesign .cta-band::before,.studio-redesign .cta-band::after {display:none;}
.studio-redesign .app-service-highlight {background:#f3f0fc;box-shadow:none;border:0;border-radius:12px;}
.studio-redesign .app-service-hero {background:#f5f3fc;}
.studio-redesign .app-service-hero h1 {font-size:clamp(2.2rem,4vw,3.5rem);}
.studio-redesign .app-development-visual {background:#6440ee;box-shadow:none;}
.studio-redesign .site-footer {background:#f7f7fa;border-top:1px solid var(--linea);margin-top:0;}
.studio-redesign .meander-band {display:none;}
.studio-redesign .footer-top {padding-top:56px;}
.studio-redesign .footer-brand p {max-width:34ch;}
.studio-redesign .footer-bottom {padding-block:24px;}
.studio-redesign [id] {scroll-margin-top:112px;}
.studio-redesign .section-heading {display:flex;gap:40px;justify-content:space-between;align-items:flex-end;margin-bottom:36px;}
.studio-redesign .section-heading h2 {max-width:23ch;margin-top:12px;}
.studio-redesign .section-heading>p {max-width:35ch;color:var(--muted);line-height:1.65;}
.studio-redesign .section-label {font-size:.8rem;color:var(--violeta-800);font-weight:600;}

/* Home: product and message share the first viewport. */
.studio-home .studio-hero {padding:68px 0 66px;}
.studio-home .hero-layout {display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center;}
.studio-home .studio-kicker {color:var(--violeta-800);font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;font-weight:600;margin-bottom:22px;}
.studio-home .hero-copy h1 {font-size:clamp(2.5rem,4.1vw,3.75rem);line-height:1.07;font-weight:700;max-width:15ch;letter-spacing:-.04em;}
.studio-home .hero-copy h1>span {display:block;}
.studio-home .hero-description {font-size:1.13rem;color:var(--muted);line-height:1.65;max-width:37ch;margin:25px 0 29px;}
.studio-home .hero-copy .actions {display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.studio-home .hero-text-link {font-size:.88rem;color:var(--violeta-800);font-weight:600;min-height:44px;display:inline-flex;align-items:center;}
.studio-home .hero-caption {font-size:.8rem;color:var(--muted);margin-top:23px;}
.studio-home .hero-product {position:relative;padding:0 36px 32px 0;min-width:0;}
.studio-home .demo-caption {color:var(--muted);font-size:.75rem;max-width:75%;margin-top:14px;}
.studio-home .family-band {background:#f8f8fb;border-block:1px solid var(--linea);}
.studio-home .family-grid {display:grid;grid-template-columns:repeat(3,1fr);padding-block:28px;}
.studio-home .family-grid>a {padding:0 38px;border-right:1px solid #dad7e5;}
.studio-home .family-grid>a:first-child {padding-left:0;}
.studio-home .family-grid>a:last-child {border-right:0;}
.studio-home .family-number {color:var(--violeta);font-size:.8rem;font-weight:600;}
.studio-home .family-grid h2 {font-size:1.1rem;margin:8px 0;letter-spacing:-.02em;}
.studio-home .family-grid p {font-size:.875rem;color:var(--muted);max-width:32ch;line-height:1.6;}
.studio-home .family-grid a:hover h2 {color:var(--violeta);}

/* Clearly labeled UI demonstration, not a live application. */
.product-demo {background:white;border:1px solid #dcd9e6;border-radius:10px;overflow:hidden;min-width:0;color:#201c32;}
.demo-chrome {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #e9e7f0;background:#fcfcfd;font-size:.66rem;color:#6a647c;}
.demo-chrome>span:first-child {color:#9885d5;letter-spacing:2px;font-size:.6rem;white-space:nowrap;}
.demo-shell {display:grid;grid-template-columns:104px minmax(0,1fr);min-height:340px;}
.demo-sidebar {display:flex;flex-direction:column;padding:16px 8px;gap:5px;border-right:1px solid #eeecf4;font-size:.65rem;}
.demo-sidebar>span:not(.demo-logo) {padding:10px 6px;border-radius:5px;white-space:nowrap;}
.demo-logo {margin:0 0 12px 7px;}
.demo-logo .brand-mark {width:25px;height:25px;border-radius:7px;padding:3px;}
.demo-selected {background:#f1edff;color:#5b32d9;}
.demo-main {padding:25px 17px 20px;min-width:0;}
.demo-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.demo-heading strong {font-size:1.2rem;letter-spacing:-.025em;line-height:1.2;display:block;}
.demo-heading p {font-size:.62rem;color:#716b81;margin-top:8px;}
.demo-add {background:#6440ee;color:white;padding:0 8px;border-radius:5px;}
.demo-tabs {display:flex;gap:17px;margin-top:20px;border-bottom:1px solid #e9e7f0;font-size:.6rem;color:#746e82;}
.demo-tabs>span {padding-bottom:10px;}
.demo-tabs>span:first-child {border-bottom:2px solid #6440ee;color:#5429d6;}
.demo-table-head,.demo-row {display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:8px;align-items:center;font-size:.55rem;}
.demo-table-head {padding:13px 0;color:#81798f;}
.demo-row {padding:12px 0;border-bottom:1px solid #efedf4;}
.demo-row>div {display:flex;gap:7px;align-items:center;min-width:0;}
.demo-row img {width:32px;height:32px;object-fit:cover;border-radius:5px;flex-shrink:0;}
.demo-row b {display:block;font-size:.56rem;font-weight:600;line-height:1.3;}
.demo-row small {display:block;color:#81798f;font-size:.52rem;line-height:1.5;margin-top:2px;}
.demo-status {display:inline-flex;padding:4px 5px;justify-content:center;border-radius:4px;font-size:.52rem;line-height:1.4;white-space:nowrap;}
.demo-status.pending {background:#fff3d9;color:#845708;}
.demo-status.active {background:#e9efff;color:#335bb0;}
.demo-status.booked {background:#e6f5e9;color:#317443;}
.demo-note {display:flex;gap:9px;align-items:center;margin-top:20px;}
.demo-check {display:grid;place-items:center;background:#eee8ff;color:#6440ee;width:28px;height:28px;border-radius:6px;}
.demo-note b {display:block;font-size:.62rem;}
.demo-note small {display:block;font-size:.55rem;color:#81798f;margin-top:4px;}
.demo-phone {position:absolute;right:-6px;bottom:2px;width:146px;padding:16px 10px 8px;background:#fff;border:5px solid #211e28;border-radius:27px;box-shadow:0 9px 20px #211e2817;overflow:hidden;}
.phone-speaker {position:absolute;top:5px;left:50%;transform:translateX(-50%);width:45px;height:10px;background:#211e28;border-radius:12px;}
.phone-head {font-size:.45rem;display:flex;justify-content:space-between;margin-bottom:20px;}
.demo-phone>strong {display:block;font-size:.85rem;letter-spacing:-.03em;}
.demo-phone>p {font-size:.47rem;color:#6f697e;margin-top:4px;margin-bottom:8px;}
.demo-phone .demo-status {font-size:.45rem;}
.phone-tabs {display:flex;gap:18px;font-size:.48rem;margin:17px 0 10px;border-bottom:1px solid #eae7f1;padding-bottom:7px;}
.phone-tabs>span:last-child {color:#6440ee;}
.demo-phone>img {border-radius:5px;width:100%;height:105px;object-fit:cover;}
.phone-update {font-size:.47rem;color:#4b4165;margin:10px 0;}
.phone-bottom {border-top:1px solid #eee;padding-top:9px;text-align:center;color:#7765aa;font-size:.7rem;}

/* Developer account information: no certification or endorsement implied. */
.studio-redesign .platform-strip {border-bottom:1px solid var(--linea);padding:27px 0;}
.studio-redesign .platform-inner {display:flex;align-items:center;gap:48px;}
.studio-redesign .platform-inner>div:first-child {margin-right:auto;max-width:58ch;}
.studio-redesign .platform-inner strong {font-size:.9rem;font-weight:600;}
.studio-redesign .platform-inner p {font-size:.8rem;color:var(--muted);margin-top:4px;}
.studio-redesign .platform-item {display:flex;align-items:center;gap:12px;flex-shrink:0;}
.studio-redesign .platform-item>div>span {display:block;font-size:.75rem;color:var(--muted);}
.studio-redesign .platform-symbol {background:#f2effb;color:#6440ee;width:40px;height:40px;display:grid;place-items:center;border-radius:9px;font-weight:600;font-size:.8rem;}

.studio-home .featured-section {padding:76px 0;}
.studio-home .featured-grid {display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.studio-home .project-preview {display:block;border-radius:12px;padding:25px 25px 0;height:300px;overflow:hidden;}
.studio-home .enterprise-preview {background:#6440ee;}
.studio-home .sports-preview {background:#0e3029;}
.studio-home .project-preview-title {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;color:white;}
.studio-home .project-preview-title strong {font-size:.96rem;}
.studio-home .project-preview-title>span {font-size:.7rem;background:#ffffff1c;padding:4px 9px;border-radius:4px;}
.studio-home .project-preview>img {width:100%;height:227px;object-fit:cover;object-position:left top;border-radius:7px 7px 0 0;}
.studio-home .project-description {display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:22px 0 0;}
.studio-home .project-description h3 {font-size:1.15rem;margin-bottom:9px;}
.studio-home .project-description p {font-size:.9rem;color:var(--muted);max-width:51ch;line-height:1.6;}
.studio-home .project-description .text-link {font-size:.85rem;min-height:35px;}
.product-demo--small .demo-chrome {padding:9px 12px;}
.product-demo--small .demo-main {padding-top:18px;}
.product-demo--small .demo-shell {grid-template-columns:89px 1fr;}
.product-demo--small .demo-heading strong {font-size:1.02rem;}
.studio-home .all-services {background:#f8f8fb;padding:76px 0;}
.studio-home .service-directory {display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:46px;}
.studio-home .service-group>h3 {font-size:1rem;padding-bottom:20px;border-bottom:2px solid #6440ee;}
.studio-home .service-group li {border-bottom:1px solid #dfdde8;}
.studio-home .service-group li a {display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 0;}
.studio-home .service-group h4 {font-size:.93rem;font-weight:600;line-height:1.4;letter-spacing:-.015em;}
.studio-home .service-group p {font-size:.84rem;line-height:1.6;color:var(--muted);margin-top:6px;}
.studio-home .service-group li a>span {color:var(--violeta);}
.studio-home .service-group li a:hover h4 {color:var(--violeta-800);}
.studio-home .directory-end {display:flex;justify-content:space-between;gap:30px;margin-top:32px;font-size:.87rem;color:var(--muted);}
.studio-home .product-library {padding:72px 0;}
.studio-home .apps-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.studio-home .app-card {padding:22px;border:1px solid var(--linea);border-radius:12px;box-shadow:none;background:#fff;transform:none;}
.studio-home .app-card::after,.studio-home .app-card::before {display:none;}
.studio-home .app-card .top {flex-wrap:wrap;gap:12px;margin-bottom:16px;}
.studio-home .app-card .icon {width:38px;height:38px;border-radius:10px;box-shadow:none;}
.studio-home .app-card h3 {font-size:1rem;}
.studio-home .app-card .cat {font-size:.75rem;}
.studio-home .app-card .badge-soon {margin-left:0;font-size:.68rem;font-weight:500;white-space:normal;}
.studio-home .app-card p {font-size:.85rem;line-height:1.65;}
.studio-home .app-card .gp {background:transparent;color:var(--violeta-800);padding:0;box-shadow:none;font-size:.82rem;margin-top:18px;min-height:34px;}
.studio-home .studio-process {background:#f8f8fb;padding:72px 0;}
.studio-home .process-list {display:grid;grid-template-columns:repeat(4,1fr);list-style:none;gap:30px;margin-top:44px;}
.studio-home .process-list>li>span {color:var(--violeta);font-size:.84rem;}
.studio-home .process-list h3 {font-size:1.08rem;margin:15px 0 10px;}
.studio-home .process-list p {color:var(--muted);font-size:.88rem;line-height:1.65;}
.studio-home .studio-cta {padding:76px 0;}
.studio-home .studio-cta>.container {display:flex;align-items:center;justify-content:space-between;gap:30px;}
.studio-home .studio-cta h2 {font-size:2.3rem;}
.studio-home .studio-cta p {margin-top:16px;color:var(--muted);max-width:51ch;}
.studio-home .studio-cta .btn {flex-shrink:0;}

.studio-redesign .business-systems {padding:76px 0;background:#fff;}
.studio-redesign .business-flow {display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:40px 0;border-block:1px solid var(--linea);padding:25px 0;}
.studio-redesign .business-flow>span {display:flex;align-items:center;gap:12px;font-size:.9rem;}
.studio-redesign .business-flow b {color:var(--violeta);font-weight:500;}
.studio-redesign .business-columns {display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
.studio-redesign .business-columns h3 {font-size:1.1rem;}
.studio-redesign .business-columns p {font-size:.95rem;line-height:1.65;color:var(--muted);margin:16px 0;}
.studio-redesign .business-columns a {font-size:.88rem;display:inline-flex;padding-block:8px;}
.studio-redesign .scope-note {margin-top:32px;font-size:.8rem;color:var(--muted);max-width:100ch;}

@media(min-width:901px) {
 .studio-redesign .nav-toggle {display:none;}
 .studio-redesign .nav-links {display:flex;position:static;transform:none;visibility:visible;opacity:1;width:auto;height:auto;padding:0;background:none;box-shadow:none;}
}
@media(max-width:1100px) {
 .studio-redesign .container {padding-inline:28px;}
 .studio-redesign .nav {gap:20px;}
 .studio-redesign .nav-links {gap:17px;}
 .studio-redesign .nav-links .btn {font-size:.8rem;padding-inline:15px;}
 .studio-home .hero-layout {gap:26px;grid-template-columns:.88fr 1.12fr;}
 .studio-home .hero-copy h1 {font-size:2.9rem;}
 .demo-shell {grid-template-columns:80px 1fr;}
 .demo-sidebar {font-size:.55rem;}
 .demo-heading strong {font-size:1rem;}
 .demo-main {padding-inline:12px;}
 .demo-table-head,.demo-row {grid-template-columns:1.3fr .8fr;}
 .demo-table-head>span:nth-child(2),.demo-row>span:nth-child(2) {display:none;}
 .studio-home .hero-product {padding-right:30px;}
 .demo-phone {width:130px;right:-5px;bottom:-7px;}
 .studio-redesign .platform-inner {gap:25px;}
 .studio-home .project-preview {height:280px;padding:20px 20px 0;}
 .studio-home .project-preview>img {height:227px;object-position:35% top;}
 .studio-home .apps-grid {grid-template-columns:repeat(2,1fr);}
}
@media(max-width:900px) {
 .studio-redesign .nav {height:76px;}
 .studio-redesign .nav-toggle {display:flex;margin-left:auto;z-index:103;width:44px;height:44px;}
 .studio-redesign .nav-links {position:fixed;inset:0 0 0 auto;width:min(320px,88vw);height:100dvh;background:#fff;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:96px 28px 30px;margin:0;transform:translateX(110%);visibility:hidden;transition:transform .2s ease,visibility .2s;overflow:auto;z-index:102;box-shadow:-10px 0 30px #17142b0d;}
 .studio-redesign .nav-links.open {transform:translateX(0);visibility:visible;}
 .studio-redesign .nav-links>a:not(.btn) {padding:12px 0;font-size:1rem;}
 .studio-redesign .nav-links .btn {font-size:.85rem;margin-top:12px;}
 .studio-redesign .lang-toggle {align-self:flex-start;}
 .studio-redesign .nav-overlay.open {display:block;opacity:1;visibility:visible;background:#17142b55;}
 .studio-home .hero-layout {grid-template-columns:1fr;gap:36px;}
 .studio-home .studio-hero {padding-top:42px;}
 .studio-home .hero-copy h1 {max-width:22ch;font-size:3.3rem;}
 .studio-home .hero-description {max-width:44ch;}
 .studio-home .hero-product {width:100%;max-width:680px;padding-right:50px;margin:auto;}
 .demo-shell {grid-template-columns:104px 1fr;}
 .demo-main {padding:25px 20px;}
 .demo-heading strong {font-size:1.2rem;}
 .demo-sidebar {font-size:.65rem;}
 .demo-phone {width:155px;}
 .studio-redesign .platform-inner {flex-wrap:wrap;gap:24px 38px;}
 .studio-redesign .platform-inner>div:first-child {flex-basis:100%;max-width:none;}
 .studio-redesign .section-heading {align-items:flex-start;flex-direction:column;gap:18px;}
 .studio-redesign .section-heading>p {max-width:55ch;}
 .studio-home .service-directory {grid-template-columns:1fr 1fr;}
 .studio-home .service-group:last-child {grid-column:1/-1;}
 .studio-home .service-group:last-child ul {display:grid;grid-template-columns:1fr 1fr;column-gap:36px;}
 .studio-home .project-preview {height:260px;padding:16px 16px 0;}
 .studio-home .project-preview-title {gap:6px;align-items:flex-start;flex-direction:column;margin-bottom:14px;}
 .studio-home .project-preview>img {height:210px;}
 .studio-home .product-demo--small .demo-shell {grid-template-columns:1fr;}
 .studio-home .product-demo--small .demo-sidebar {display:none;}
 .studio-home .directory-end,.studio-home .studio-cta>.container {align-items:flex-start;flex-direction:column;}
 .studio-home .process-list {grid-template-columns:1fr 1fr;}
 .studio-redesign .business-columns {grid-template-columns:1fr;gap:28px;}
}
@media(max-width:600px) {
 .studio-redesign .container {padding-inline:22px;}
 .studio-redesign .brand {font-size:1.14rem;}
 .studio-redesign .brand-mark {width:34px;height:34px;}
 .studio-home .studio-hero {padding:35px 0 43px;}
 .studio-home .studio-kicker {font-size:.68rem;margin-bottom:19px;}
 .studio-home .hero-copy h1 {font-size:clamp(2.35rem,9.4vw,3.35rem);line-height:1.07;max-width:16ch;}
 .studio-home .hero-description {font-size:1rem;line-height:1.65;margin:22px 0 24px;}
 .studio-home .hero-copy .actions {gap:10px 20px;}
 .studio-redesign .btn {font-size:.84rem;padding:13px 17px;}
 .studio-home .hero-caption {font-size:.75rem;margin-top:15px;}
 .studio-home .hero-product {padding:0 23px 24px 0;}
 .demo-shell {grid-template-columns:1fr;min-height:265px;}
 .demo-sidebar {display:none;}
 .demo-main {padding:18px 12px;}
 .demo-heading strong {font-size:1rem;}
 .demo-heading p {font-size:.6rem;}
 .demo-chrome {padding:10px;font-size:.58rem;}
 .demo-row {padding:9px 0;}
 .demo-tabs {margin-top:15px;}
 .demo-note {margin-top:13px;}
 .demo-phone {width:103px;border-width:4px;border-radius:20px;padding:14px 7px 7px;right:-3px;bottom:0;}
 .phone-head {margin-bottom:12px;}
 .demo-phone>strong {font-size:.67rem;}
 .demo-phone>p {font-size:.4rem;}
 .demo-phone>img {height:65px;}
 .phone-tabs {gap:10px;margin-top:10px;}
 .phone-bottom {font-size:.55rem;}
 .phone-update {font-size:.4rem;}
 .studio-home .demo-caption {font-size:.68rem;max-width:67%;line-height:1.5;}
 .studio-home .family-grid {grid-template-columns:1fr;padding-block:0;}
 .studio-home .family-grid>a,.studio-home .family-grid>a:first-child {padding:22px 0;border-right:0;border-bottom:1px solid #dfdce9;display:grid;grid-template-columns:24px 1fr;gap:0 12px;}
 .studio-home .family-grid>a:last-child {border-bottom:0;}
 .studio-home .family-number {padding-top:3px;}
 .studio-home .family-grid h2 {margin:0 0 7px;font-size:1.07rem;}
 .studio-home .family-grid p {grid-column:2;max-width:none;}
 .studio-redesign .platform-inner {gap:20px;}
 .studio-redesign .platform-item {gap:9px;flex-shrink:1;}
 .studio-redesign .platform-item strong {font-size:.8rem;}
 .studio-redesign .platform-item>div>span {font-size:.67rem;max-width:19ch;}
 .studio-redesign .platform-symbol {width:33px;height:36px;}
 .studio-home .featured-section,.studio-home .all-services,.studio-home .product-library,.studio-home .studio-process,.studio-home .studio-cta {padding-block:50px;}
 .studio-redesign .section-heading {gap:17px;margin-bottom:28px;}
 .studio-redesign .section-heading h2 {font-size:2rem;}
 .studio-home .featured-grid {grid-template-columns:1fr;gap:35px;}
 .studio-home .project-preview {height:280px;padding:22px 18px 0;}
 .studio-home .project-preview-title {flex-direction:row;align-items:center;margin-bottom:20px;}
 .studio-home .project-preview>img {height:218px;}
 .studio-home .project-description {padding-top:19px;gap:12px;}
 .studio-home .service-directory {grid-template-columns:1fr;gap:36px;margin-top:32px;}
 .studio-home .service-group:last-child {grid-column:auto;}
 .studio-home .service-group:last-child ul {display:block;}
 .studio-home .service-group>h3 {font-size:1.1rem;padding-bottom:14px;}
 .studio-home .service-group p {font-size:.875rem;}
 .studio-home .service-group li a {padding:17px 0;}
 .studio-home .apps-grid {grid-template-columns:1fr;gap:17px;}
 .studio-home .app-card p {font-size:.9rem;}
 .studio-home .process-list {gap:25px 22px;margin-top:28px;}
 .studio-home .process-list p {font-size:.85rem;}
 .studio-home .studio-cta h2 {font-size:2rem;}
 .studio-redesign .page-hero {padding:42px 0;}
 .studio-redesign .business-systems {padding:48px 0;}
 .studio-redesign .business-flow {grid-template-columns:1fr;gap:12px;margin:25px 0;}
 .studio-redesign .business-flow>span {gap:22px;}
 .studio-redesign .footer-top {padding-top:38px;}
}
@media(prefers-reduced-motion:reduce) {
 .studio-redesign {scroll-behavior:auto;}
 .studio-redesign *, .studio-redesign *::before,.studio-redesign *::after {animation:none!important;transition:none!important;}
}

/* Stronger editorial rhythm: dark product stage, quiet service detail, violet close. */
.studio-redesign {--ink-stage:#171329;--ink-panel:#241d3c;--on-dark:#f8f6ff;--soft-on-dark:#c4bed7;}
.studio-redesign .site-header {box-shadow:0 4px 24px #17132908;}
.studio-redesign .brand-mark {background:#6440ee;}
.studio-redesign .btn {transition:background .18s ease,transform .18s ease,box-shadow .18s ease;}
.studio-redesign .btn-primary:hover {transform:translateY(-2px);box-shadow:0 7px 18px #4522bc26;}
.studio-home .studio-hero {position:relative;background:var(--ink-stage);color:var(--on-dark);padding:84px 0 78px;overflow:hidden;}
.studio-home .hero-layout {grid-template-columns:1fr 1.12fr;gap:48px;}
.studio-home .studio-kicker {color:#c1adff;display:flex;align-items:center;gap:12px;}
.studio-home .studio-kicker::before {content:"";height:1px;width:30px;background:#a991ff;}
.studio-home .hero-copy h1 {font-size:clamp(2.7rem,4.55vw,4.15rem);font-weight:700;color:var(--on-dark);max-width:15ch;line-height:1.055;letter-spacing:-.045em;}
.studio-home .hero-copy h1>span:last-child {color:#bca7ff;}
.studio-home .hero-description {color:var(--soft-on-dark);font-size:1.06rem;max-width:35ch;}
.studio-home .hero-caption,.studio-home .demo-caption {color:#ada4c4;}
.studio-home .hero-text-link {color:#eee7ff;border-bottom:1px solid #6a5b88;}
.studio-home .hero-text-link:hover {color:#c6b4ff;border-color:#c6b4ff;}
.studio-home .hero-copy .btn-primary {background:#835af8;border-color:#835af8;}
.studio-home .hero-copy .btn-primary:hover {background:#7045ea;}
.studio-home .hero-product {padding:0 32px 0 0;}
.studio-home .hero-product>.product-demo {box-shadow:0 22px 64px #08061366;border:1px solid #60546f;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);transform-origin:left center;}
.studio-home .hero-product .demo-phone {bottom:98px;right:-4px;border-color:#373044;box-shadow:0 15px 35px #09051266;transform:rotate(4deg);color:#201c32;}
.studio-home .hero-product>.demo-caption {margin-top:22px;max-width:75%;}
.studio-home .hero-product .demo-shell {min-height:334px;}
.studio-home .hero-product .demo-sidebar {background:#f5f2fc;}
.studio-home .hero-product .demo-logo .brand-mark {width:30px;height:30px;}
.studio-home .hero-product .demo-chrome {background:#faf8fe;}
.studio-home .demo-workflow {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px;}
.studio-home .workflow-step {position:relative;display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #544767;border-radius:7px;background:#211a35;}
.studio-home .workflow-step:not(:last-child)::after {content:"→";position:absolute;right:-12px;top:9px;width:12px;color:#a497bc;z-index:1;text-align:center;font-size:11px;}
.studio-home .workflow-step>span {font-size:.65rem;color:#ba9fff;}
.studio-home .workflow-step>strong {font-size:.7rem;color:#e4dcf5;font-weight:500;}
.studio-home .motion-replay {display:flex;align-items:center;gap:7px;min-height:36px;margin-top:10px;padding:4px 0;background:none;border:0;color:#c5bbd9;font:inherit;font-size:.7rem;cursor:pointer;}
.studio-home .motion-replay:hover {color:white;}
.studio-home .motion-replay[hidden] {display:none;}
.studio-home .studio-hero a:focus-visible,.studio-home .motion-replay:focus-visible {outline-color:#d5c7ff;}
.studio-home .family-band {background:#231c38;border:0;color:#f3effc;}
.studio-home .family-grid {padding-block:30px;}
.studio-home .family-grid>a {border-color:#4a3c60;position:relative;}
.studio-home .family-grid>a::after {content:"↗";position:absolute;right:25px;top:0;color:#ae95ed;font-size:1.1rem;transition:transform .2s ease;}
.studio-home .family-grid h2 {color:#f3effc;}
.studio-home .family-grid p {color:#bfb5d0;max-width:30ch;font-size:.83rem;}
.studio-home .family-number {color:#b69bea;}
.studio-home .family-grid a:hover h2 {color:#d1baff;}
.studio-home .family-grid a:hover::after {transform:translate(3px,-3px);}

/* Platform marks identify the account platforms; they are not certification seals. */
.studio-redesign .platform-strip {padding:54px 0;background:#f3f0fa;border-bottom:1px solid #e6dfef;}
.studio-redesign .platform-inner {display:grid;grid-template-columns:1fr 1.12fr;gap:60px;align-items:center;}
.studio-redesign .platform-inner>.platform-copy {margin:0;max-width:55ch;}
.studio-redesign .platform-copy h2 {font-size:1.7rem;margin:12px 0 14px;}
.studio-redesign .platform-copy p {font-size:.9rem;line-height:1.7;color:#645a75;}
.studio-redesign .developer-accounts {display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.studio-redesign .platform-item {align-items:center;gap:13px;padding:22px 16px;background:#fff;border:1px solid #ddd4ec;border-radius:12px;}
.studio-redesign .platform-symbol {background:transparent;flex:0 0 38px;width:38px;height:44px;}
.studio-redesign .platform-symbol img {width:34px;height:34px;object-fit:contain;}
.studio-redesign .platform-item strong {display:block;font-size:.83rem;line-height:1.5;}
.studio-redesign .platform-item>div>span {font-size:.69rem;margin-top:3px;color:#61556e;}
.studio-redesign .platform-item small {display:block;margin-top:7px;font-size:.66rem;color:#746680;}
.studio-redesign .developer-accounts>.platform-note {grid-column:1/-1;margin:0;font-size:.7rem;line-height:1.5;color:#756a80;}

.studio-home .featured-section {padding-block:88px;}
.studio-home .section-heading {margin-bottom:42px;}
.studio-home .section-heading h2 {font-size:clamp(2rem,3.5vw,3.1rem);max-width:24ch;}
.studio-home .project-preview {border-radius:15px;height:335px;padding:30px 28px 0;box-shadow:0 10px 22px #2013360d;transition:transform .25s ease,box-shadow .25s ease;}
.studio-home .enterprise-preview {background:#7250d1;}
.studio-home .sports-preview {background:#133d33;}
.studio-home .project-preview>img {height:260px;object-fit:cover;transition:transform .35s ease;}
.studio-home .project-preview-title {margin-bottom:25px;}
.studio-home .project-preview-title>span {border:1px solid #ffffff38;background:#ffffff0c;}
.studio-home .project-description {padding-top:25px;}
.studio-home .project-description h3 {font-size:1.28rem;}
.studio-home .project-description .text-link {font-weight:600;}
.studio-home .all-services {background:#f3f0f7;padding-block:88px;}
.studio-home .service-directory {gap:28px;}
.studio-home .service-art {height:164px;border-radius:12px;position:relative;margin-bottom:26px;overflow:hidden;}
.studio-home .art-index {display:block;padding:16px 19px;font-size:.6rem;letter-spacing:.1em;font-weight:600;}
.studio-home .art-web {background:#ded4f8;color:#4d2e8a;}
.studio-home .art-browser {width:72%;margin:0 auto;background:#fffcf7;border:1px solid #b09bcc;border-radius:7px 7px 0 0;transform:rotate(-4deg);box-shadow:6px 8px 0 #c7b6e5;}
.studio-home .art-browser-bar {border-bottom:1px solid #d4c7e6;padding:4px 10px;font-size:8px;letter-spacing:2px;}
.studio-home .art-browser-content {padding:7px 16px 15px;display:flex;justify-content:space-between;align-items:center;}
.studio-home .art-browser-content>span {font-size:44px;line-height:1.1;font-weight:600;letter-spacing:-.05em;}
.studio-home .art-word-line {display:block;width:65px;height:4px;background:#c6b4df;margin-top:8px;}
.studio-home .art-palette {display:flex;}
.studio-home .art-palette i {width:28px;height:49px;border:2px solid #fff;border-radius:20px;background:#6942b1;transform:rotate(15deg);margin-left:-8px;}
.studio-home .art-palette i:nth-child(2) {background:#bb9bed;}
.studio-home .art-palette i:nth-child(3) {background:#f0cc98;}
.studio-home .art-app {background:#231a39;color:#c9b7eb;}
.studio-home .art-connections {display:flex;align-items:center;justify-content:center;margin-top:10px;}
.studio-home .art-device {width:49px;height:81px;border:1px solid #b19acc;background:#3a2955;border-radius:8px;padding:9px;color:#cdbced;font-size:20px;}
.studio-home .art-device i {display:block;width:27px;height:4px;border-radius:3px;background:#9275b4;margin-top:7px;}
.studio-home .small-device {width:44px;height:66px;background:#4b3170;}
.studio-home .small-device i {width:22px;}
.studio-home .art-connect-line {height:1px;width:30px;background:#9b7bbb;}
.studio-home .art-node {display:grid;place-items:center;width:47px;height:47px;background:#8658d0;color:white;border-radius:12px;font-size:24px;font-weight:700;}
.studio-home .art-voice {background:#d4e8df;color:#295c4c;}
.studio-home .art-wave {display:flex;align-items:center;justify-content:center;gap:7px;height:100px;}
.studio-home .art-wave i {height:var(--bar);width:6px;border-radius:5px;background:#387b65;}
.studio-home .art-wave i:nth-child(3n) {background:#76a18d;}
.studio-home .service-group>h3 {padding-bottom:19px;border-color:#a190bf;}
.studio-home .service-group li {border-color:#d8d1e1;}
.studio-home .service-group li a {transition:padding .2s ease;}
.studio-home .service-group li a:hover {padding-left:6px;}
.studio-home .service-group li a>span {transition:transform .2s ease;}
.studio-home .service-group li a:hover>span {transform:translate(2px,-2px);}
.studio-home .product-library {padding-block:88px;}
.studio-home .app-card {border-color:#e0d8ec;transition:transform .2s ease,box-shadow .2s ease;}
.studio-home .app-card .icon {width:46px;height:46px;}
.studio-home .studio-process {background:#1d172f;color:#f8f5ff;padding-block:84px;}
.studio-home .studio-process h2,.studio-home .studio-process h3 {color:#f8f5ff;}
.studio-home .studio-process .section-label,.studio-home .process-list>li>span {color:#ba9aef;}
.studio-home .studio-process .section-heading>p,.studio-home .process-list p {color:#c1b6d0;}
.studio-home .process-list {gap:0;margin-top:48px;}
.studio-home .process-list>li {position:relative;padding:26px 30px 0 0;border-top:1px solid #5a466e;}
.studio-home .process-list>li::before {content:"";position:absolute;width:8px;height:8px;border:1px solid #b99ce8;background:#1d172f;left:0;top:-5px;border-radius:50%;}
.studio-home .process-list>li>span {font-size:1.35rem;letter-spacing:-.03em;}
.studio-home .process-list h3 {margin-top:20px;}
.studio-home .studio-cta {padding-block:82px;background:#6940d1;color:#fff;}
.studio-home .studio-cta h2 {color:#fff;font-size:clamp(2rem,3.8vw,3.3rem);max-width:17ch;}
.studio-home .studio-cta p {color:#ece2ff;max-width:46ch;}
.studio-home .studio-cta .btn-primary {background:#fff;border-color:#fff;color:#46218f;}
.studio-home .studio-cta .btn-primary:hover {background:#eee7fb;}
.studio-home .studio-cta a:focus-visible {outline-color:white;}
.studio-redesign .page-hero,.studio-redesign .app-service-hero {background:var(--ink-stage);color:var(--on-dark);}
.studio-redesign .page-hero h1,.studio-redesign .app-service-hero h1 {color:var(--on-dark);}
.studio-redesign .page-hero .lead,.studio-redesign .app-service-hero .lead {color:var(--soft-on-dark);opacity:1;}
.studio-redesign .app-service-hero .store-note {color:#bdb0cf;}
.studio-redesign .page-hero .eyebrow,.studio-redesign .app-service-hero .eyebrow {color:#c5afff!important;}
.studio-redesign .page-hero .crumbs,.studio-redesign .app-service-hero .crumbs {color:#c2b5d3;}
.studio-redesign .page-hero .crumbs a,.studio-redesign .app-service-hero .crumbs a {color:#d8c8ed;}
.studio-redesign .page-hero .btn-ghost,.studio-redesign .app-service-hero .btn-ghost {color:#ede5fa;border-color:#74618f;}
.studio-redesign .app-service-hero .badge-app {background:#382952;color:#decef8;}
.studio-redesign .service-card,.studio-redesign .feature {border-color:#ded7e8;transition:transform .2s ease,box-shadow .2s ease;}
.studio-redesign .cta-band {background:#221832;color:#f6efff;}
.studio-redesign .cta-band h2,.studio-redesign .cta-band h3 {color:#f6efff;}
.studio-redesign .cta-band p {color:#cec1de;}
.studio-redesign .cta-band .eyebrow {color:#c5afff!important;}
.studio-redesign .cta-band .btn-ghost {color:#f2e8ff;border-color:#8f77ac;}

@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .studio-home .featured-project:hover .project-preview {transform:translateY(-4px);box-shadow:0 18px 32px #20133619;}
 .studio-home .sports-preview:hover>img {transform:scale(1.025);}
 .studio-home .app-card:hover,.studio-redesign .service-card:hover,.studio-redesign .feature:hover {transform:translateY(-4px);box-shadow:0 12px 28px #2013360c;}
}
@media(prefers-reduced-motion:no-preference) {
 .studio-home .hero-copy {animation:studio-enter .65s cubic-bezier(.2,.7,.3,1) both;}
 .studio-home .hero-product.is-playing>.product-demo {animation:studio-dashboard .8s cubic-bezier(.2,.7,.3,1) both;}
 .studio-home .hero-product.is-playing>.demo-phone {animation:studio-phone 1s .2s cubic-bezier(.2,.7,.3,1) both;}
 .studio-home .is-playing .workflow-step {animation:studio-step 1.2s .7s ease both;}
 .studio-home .is-playing .workflow-step:nth-child(2) {animation-delay:1.9s;}
 .studio-home .is-playing .workflow-step:nth-child(3) {animation-delay:3.1s;}
 .studio-home .hero-product.is-playing .demo-table-head + .demo-row {animation:studio-row 1.2s 1.9s ease;}
 .studio-home .hero-product.is-playing .phone-update {animation:studio-update 1.2s 3.1s ease;}
}
@keyframes studio-enter {from {opacity:.35;transform:translateY(14px);}to {opacity:1;transform:translateY(0);}}
@keyframes studio-dashboard {from {opacity:.5;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg) translateY(18px);}to {opacity:1;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg) translateY(0);}}
@keyframes studio-phone {from {opacity:.2;transform:translateY(24px) rotate(7deg);}to {opacity:1;transform:translateY(0) rotate(4deg);}}
@keyframes studio-step {0%,100% {background:#211a35;border-color:#544767;}35%,75% {background:#4d3178;border-color:#bd98f6;}}
@keyframes studio-row {35%,75% {background:#eee7ff;}}
@keyframes studio-update {35%,75% {background:#d9f4e2;}}
@media(max-width:1100px) {
 .studio-home .hero-layout {gap:32px;}
 .studio-home .hero-copy h1 {font-size:3.1rem;}
 .studio-redesign .platform-inner {gap:32px;grid-template-columns:.9fr 1.1fr;}
 .studio-redesign .developer-accounts {gap:12px;}
 .studio-redesign .platform-item {padding:18px 12px;gap:9px;}
 .studio-redesign .platform-item strong {font-size:.76rem;}
 .studio-home .workflow-step {padding-inline:8px;gap:6px;}
 .studio-home .project-preview {height:305px;padding-inline:22px;}
}
@media(max-width:900px) {
 .studio-home .studio-hero {padding:58px 0 48px;}
 .studio-home .hero-layout {grid-template-columns:1fr;gap:44px;}
 .studio-home .hero-copy h1 {font-size:3.5rem;max-width:20ch;}
 .studio-home .hero-description {max-width:46ch;}
 .studio-home .hero-product {max-width:640px;padding-right:45px;}
 .studio-home .hero-product .demo-phone {right:0;bottom:95px;}
 .studio-home .demo-workflow {gap:16px;}
 .studio-home .workflow-step {padding:13px;}
 .studio-home .workflow-step>strong {font-size:.76rem;}
 .studio-home .workflow-step:not(:last-child)::after {right:-15px;width:14px;top:11px;}
 .studio-redesign .platform-inner {grid-template-columns:1fr;gap:28px;}
 .studio-redesign .platform-inner>.platform-copy {max-width:64ch;}
 .studio-redesign .platform-item {padding:24px;gap:15px;}
 .studio-redesign .platform-item strong {font-size:.9rem;}
 .studio-home .project-preview {height:280px;padding:22px 18px 0;}
 .studio-home .service-directory {gap:32px;}
 .studio-home .service-group:last-child .service-art {max-width:calc(50% - 16px);}
 .studio-home .process-list {gap:34px 20px;}
 .studio-home .process-list>li {padding-right:10px;}
}
@media(max-width:600px) {
 .studio-home .studio-hero {padding:42px 0 34px;}
 .studio-home .hero-copy h1 {font-size:clamp(2.55rem,10.5vw,3.4rem);max-width:16ch;}
 .studio-home .hero-description {font-size:1rem;}
 .studio-home .hero-layout {gap:35px;}
 .studio-home .studio-kicker {font-size:.62rem;gap:10px;}
 .studio-home .studio-kicker::before {width:22px;}
 .studio-home .hero-product {padding-right:21px;}
 .studio-home .hero-product .demo-shell {min-height:280px;}
 .studio-home .hero-product .demo-phone {right:-2px;bottom:128px;width:108px;}
 .studio-home .hero-product>.demo-caption {margin-top:18px;max-width:76%;font-size:.65rem;}
 .studio-home .demo-workflow {margin-top:22px;gap:10px;margin-right:-21px;}
 .studio-home .workflow-step {padding:12px 9px;gap:7px;}
 .studio-home .workflow-step>strong {font-size:.68rem;}
 .studio-home .workflow-step:not(:last-child)::after {right:-10px;width:9px;top:10px;}
 .studio-home .family-grid {padding-block:0;}
 .studio-home .family-grid>a,.studio-home .family-grid>a:first-child {padding-block:24px;border-color:#4a3c60;}
 .studio-home .family-grid>a::after {right:0;top:24px;}
 .studio-home .family-grid p {max-width:32ch;font-size:.82rem;}
 .studio-redesign .platform-strip {padding-block:38px;}
 .studio-redesign .platform-copy h2 {font-size:1.6rem;}
 .studio-redesign .platform-copy p {font-size:.88rem;}
 .studio-redesign .developer-accounts {grid-template-columns:1fr;gap:12px;}
 .studio-redesign .platform-item {padding:18px 20px;gap:20px;}
 .studio-redesign .platform-item>div>span {max-width:none;font-size:.76rem;}
 .studio-redesign .platform-item small {font-size:.7rem;}
 .studio-redesign .developer-accounts>.platform-note {margin-top:5px;font-size:.7rem;}
 .studio-home .featured-section,.studio-home .all-services,.studio-home .product-library,.studio-home .studio-process,.studio-home .studio-cta {padding-block:54px;}
 .studio-home .section-heading h2 {font-size:2.05rem;}
 .studio-home .section-heading {margin-bottom:32px;}
 .studio-home .project-preview {height:280px;}
 .studio-home .project-preview>img {height:220px;}
 .studio-home .project-preview-title {margin-bottom:20px;}
 .studio-home .project-description h3 {font-size:1.18rem;}
 .studio-home .service-group:last-child .service-art {max-width:none;}
 .studio-home .service-art {height:176px;margin-bottom:24px;}
 .studio-home .service-directory {gap:38px;}
 .studio-home .art-browser {max-width:250px;margin-top:5px;}
 .studio-home .studio-cta>.container {gap:27px;}
}