.studio-page{--sp-ink: #18181b;--sp-muted: #52525b;--sp-line: #e4e4e7;--sp-indigo: #4f46e5;--sp-violet: #7c3aed;color:var(--sp-ink);background:#fff}.studio-page h1,.studio-page h2,.studio-page h3{text-wrap:balance}.studio-page p,.studio-page li{overflow-wrap:break-word}.sp-container{width:min(100% - 40px,1280px);margin-inline:auto}.sp-section{padding-block:clamp(72px,8vw,128px)}.sp-soft{background:#fafafa}.sp-indigo-soft{background:#f5f3ff}.sp-indigo-dark{background:#1e1b4b;color:#fff}.sp-display{font-size:clamp(2.55rem,5.3vw,5.4rem);font-weight:650;line-height:1.07;letter-spacing:-.04em;overflow-wrap:break-word}.sp-heading{font-size:clamp(2rem,3.8vw,4rem);font-weight:650;line-height:1.12;letter-spacing:-.035em}.sp-lead{max-width:700px;color:var(--sp-muted);font-size:clamp(1.08rem,1.55vw,1.35rem);line-height:1.65}.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:15px 26px;background:var(--sp-indigo);color:#fff;font-size:.94rem;font-weight:650;transition:background-color .2s ease,transform .2s ease}.sp-button:hover{background:#4338ca;transform:translateY(-2px)}.sp-button:focus-visible,.sp-link:focus-visible{outline:3px solid #818cf8;outline-offset:3px}.sp-link{display:inline-flex;align-items:center;gap:9px;color:#4338ca;font-weight:650;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .2s ease}.sp-link:hover{text-decoration-color:currentColor}.sp-home-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(32px,5vw,80px);min-height:min(calc(100svh - 80px),900px);padding-block:70px}.sp-home-hero-copy{position:relative;z-index:2}.sp-home-hero-copy .sp-lead{margin-top:28px}.sp-home-hero-copy .sp-button{margin-top:34px}.sp-home-hero-art{min-width:0}.sp-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:clamp(650px,calc(100svh - 80px),900px)}.sp-feature-copy,.sp-feature-visual{min-width:0;display:flex;flex-direction:column;justify-content:center}.sp-feature-copy{padding:clamp(36px,6vw,112px)}.sp-feature-copy p{max-width:590px;margin-top:25px;color:var(--sp-muted);font-size:clamp(1.1rem,1.55vw,1.35rem);line-height:1.65}.sp-feature-copy .sp-link{margin-top:30px}.sp-feature-visual{overflow:hidden}.sp-feature-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.sp-feature:nth-of-type(2) .sp-feature-visual{order:-1}.sp-feature-visual--image{background:#e4e4e7}.sp-feature-visual--system{padding:clamp(32px,5vw,80px);background:#1e1b4b;color:#fff}.sp-feature-visual--knowledge{padding:clamp(32px,5vw,80px);background:linear-gradient(135deg,#4f46e5,#6d28d9);color:#fff}.sp-example-caption{color:#a5b4fc;font-size:.92rem;font-weight:600}.sp-example-caption--dark{color:#4338ca}.sp-system-journey{width:min(100%,540px);margin-block:auto}.sp-system-journey ol{position:relative;margin-top:28px}.sp-system-journey ol:before{content:"";position:absolute;top:20px;bottom:20px;left:5px;border-left:2px solid #a5b4fc}.sp-system-journey li{position:relative;padding:16px 0 16px 35px;font-size:clamp(1.15rem,2vw,1.7rem);font-weight:600}.sp-system-journey li:before{content:"";position:absolute;top:calc(50% - 6px);left:0;width:12px;height:12px;border-radius:100%;background:#a5b4fc;box-shadow:0 0 0 5px #1e1b4b}.sp-knowledge-example{width:min(100%,570px);margin-block:auto}.sp-knowledge-question{color:#fff;font-size:clamp(1.3rem,2.5vw,2.2rem);font-weight:650;line-height:1.25}.sp-knowledge-answer{margin-top:32px;border-left:3px solid #c7d2fe;padding-left:20px;color:#fff;font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:1.55}.sp-knowledge-source{display:block;margin-top:16px;font-size:.92rem;color:#ddd6fe}.sp-project-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin-top:48px}.sp-project-strip img{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;background:#f4f4f5}.sp-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;gap:24px;margin-top:70px}.sp-process:before{content:"";position:absolute;top:7px;right:0;left:0;border-top:1px solid #a5a5ad}.sp-process li{position:relative;padding-top:37px}.sp-process li:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border:3px solid #4f46e5;border-radius:50%;background:#fff}.sp-process h3{font-size:clamp(1.15rem,1.7vw,1.55rem);font-weight:650}.sp-process p{margin-top:12px;max-width:250px;color:var(--sp-muted);line-height:1.5}.sp-service-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(40px,6vw,100px);min-height:640px;padding-block:80px}.sp-service-hero--plain{display:block;min-height:0;padding-block:clamp(85px,10vw,150px)}.sp-service-hero .sp-lead{margin-top:26px}.sp-service-hero .sp-button{margin-top:32px}.sp-service-hero-visual{min-width:0}.sp-service-hero-visual img{width:100%;max-height:520px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.sp-website-preview img{transform:scale(1.22);transform-origin:center}.sp-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,100px)}.sp-three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,4vw,64px)}.sp-four-col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.sp-rule-list{border-top:1px solid var(--sp-line)}.sp-rule-list>*{border-bottom:1px solid var(--sp-line);padding-block:22px}.sp-rule-list h3{font-size:clamp(1.25rem,1.8vw,1.65rem);font-weight:650}.sp-rule-list p{margin-top:8px;color:var(--sp-muted);line-height:1.55}.sp-example-block{padding:clamp(26px,4vw,56px)}.sp-example-block--dark{background:#1e1b4b;color:#fff}.sp-example-block--dark p{color:#ddd6fe}.sp-paper{background:#fff;border:1px solid #e4e4e7;box-shadow:0 24px 60px #18181b14}.sp-compare{border:1px solid var(--sp-line);padding:clamp(24px,3vw,40px)}.sp-compare h3{font-size:1.5rem;font-weight:650}.sp-compare p{margin-top:14px;color:var(--sp-muted);line-height:1.6}.sp-compare .sp-compare-when{margin-top:24px;border-top:1px solid var(--sp-line);padding-top:18px;color:#3730a3;font-size:.94rem;font-weight:600}.sp-hosting-option{display:flex;flex-direction:column}.sp-hosting-option .sp-compare-when{margin-top:auto;padding-top:18px}@media(min-width:801px){.sp-hosting-option h3{min-height:3.8rem}}@media(max-width:800px){.sp-hosting-option .sp-compare-when{margin-top:24px}}.sp-editorial-choice{border-top:2px solid #4f46e5;padding-top:26px}.sp-editorial-choice h3{font-size:clamp(1.45rem,2.2vw,2.1rem);font-weight:650}.sp-editorial-choice p{max-width:600px;margin-top:17px;color:var(--sp-muted);font-size:1.06rem;line-height:1.65}.sp-rule-list>p{color:var(--sp-muted);font-size:1.08rem;line-height:1.65}.sp-rule-list>p strong{color:var(--sp-ink)}.sp-dark-prep .sp-lead,.sp-dark-prep .sp-rule-list>p{color:#e0e7ff}.sp-dark-prep .sp-rule-list,.sp-dark-prep .sp-rule-list>*{border-color:#6366a3}.sp-dark-prep .sp-rule-list>p strong{color:#fff}.sp-website-showcase{background:#fff}.sp-website-gallery{width:min(100% - 32px,1320px);margin:52px auto 0;padding:clamp(18px,3vw,45px);background:#f4f4f5}.sp-website-gallery>a{display:block;width:100%}.sp-website-gallery-image{display:block;width:min(100%,1160px);height:auto;max-height:none;margin-inline:auto;-o-object-fit:contain;object-fit:contain}.sp-website-gallery figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 25px;margin-top:20px;color:var(--sp-muted);font-size:.92rem;line-height:1.5}.sp-step-list{counter-reset:step;border-top:1px solid #c7d2fe}.sp-step-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 18px;border-bottom:1px solid #c7d2fe;padding:21px 0}.sp-step-list li:before{counter-increment:step;content:counter(step,decimal-leading-zero);grid-row:1 / 3;color:#4f46e5;font-size:.85rem;font-weight:700;padding-top:4px}.sp-step-list h3{font-size:1.2rem;font-weight:650}.sp-step-list p{margin-top:7px;color:var(--sp-muted);line-height:1.6}.sp-order-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,65px)}.sp-order-flow li{min-width:0;border-top:2px solid #4f46e5;padding-top:24px}.sp-order-flow h3{font-size:1.45rem;font-weight:650}.sp-order-flow p{max-width:350px;margin-top:12px;color:var(--sp-muted);line-height:1.6}.sp-modules{-moz-column-gap:clamp(30px,4vw,65px);column-gap:clamp(30px,4vw,65px);row-gap:26px}.sp-decision-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sp-decision-board article{display:flex;flex-direction:column;min-width:0;min-height:290px;padding:clamp(28px,4vw,55px);background:#f4f4f5}.sp-decision-board article+article{background:#e0e7ff}.sp-decision-board h3{font-size:clamp(1.4rem,2vw,2rem);font-weight:650}.sp-decision-board p{max-width:530px;margin-top:19px;color:var(--sp-muted);line-height:1.65}.sp-decision-board .sp-decision-note{margin-top:auto;padding-top:20px;color:#3730a3;font-size:.94rem;font-weight:600}.sp-software-flow{position:relative;padding-left:32px}.sp-software-flow:before{content:"";position:absolute;top:10px;bottom:10px;left:5px;border-left:2px solid #818cf8}.sp-software-flow li{position:relative;padding:12px 0;font-size:1.1rem;font-weight:650}.sp-software-flow li:before{content:"";position:absolute;top:20px;left:-32px;width:12px;height:12px;border-radius:50%;background:#4f46e5}.sp-software-handoff{min-width:0;align-self:center;padding:clamp(28px,4vw,50px);background:#fff}.sp-software-handoff h3{font-size:1.55rem;font-weight:650}.sp-software-handoff ul{margin-top:20px;list-style:disc;padding-left:20px}.sp-software-handoff li{padding:9px 0;color:var(--sp-muted);line-height:1.55}.sp-faq details{border-bottom:1px solid var(--sp-line);padding:20px 0}.sp-faq details:first-child{border-top:1px solid var(--sp-line)}.sp-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:1.1rem;font-weight:650;list-style:none}.sp-faq summary::-webkit-details-marker{display:none}.sp-faq summary:after{content:"+";color:var(--sp-indigo);font-size:1.5rem;font-weight:400}.sp-faq details[open] summary:after{content:"−"}.sp-faq details p{margin-top:15px;color:var(--sp-muted);line-height:1.65}@media(max-width:800px){.sp-home-hero,.sp-service-hero{grid-template-columns:1fr;min-height:0}.sp-home-hero{padding-block:70px 55px}.sp-home-hero-art{max-width:460px;margin-inline:auto}.sp-feature{grid-template-columns:1fr;min-height:0}.sp-feature-copy{padding:70px 24px}.sp-feature-visual{min-height:350px}.sp-feature:nth-of-type(2) .sp-feature-visual{order:0}.sp-service-hero{padding-block:75px}.sp-two-col{grid-template-columns:1fr}.sp-three-col{grid-template-columns:1fr;gap:34px}.sp-four-col{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-process{grid-template-columns:1fr;gap:22px;margin-top:45px}.sp-process:before{inset:0 auto 0 7px;border-top:0;border-left:1px solid #a5a5ad}.sp-process li{padding:0 0 0 34px}.sp-process li:before{left:0}.sp-project-strip{grid-template-columns:1fr}.sp-order-flow{grid-template-columns:1fr;gap:25px}.sp-decision-board{grid-template-columns:1fr}.sp-decision-board article{min-height:0}.sp-automation-flow{position:relative;grid-template-columns:1fr;gap:22px}.sp-automation-flow:before{content:"";position:absolute;top:6px;bottom:6px;left:6px;border-left:2px solid #a5b4fc}.sp-automation-flow li{border:0;padding:0 0 0 34px}.sp-automation-flow li:before{content:"";position:absolute;top:6px;left:0;width:14px;height:14px;border:3px solid #4f46e5;border-radius:50%;background:#fff}}@media(max-width:540px){.sp-container{width:min(100% - 40px,1280px)}.sp-display{font-size:clamp(2.3rem,9vw,3rem)}.sp-heading{font-size:clamp(1.9rem,7vw,2.5rem)}.sp-feature-copy{padding-block:64px}.sp-feature-visual{min-height:300px}.sp-four-col{grid-template-columns:1fr}.sp-home-hero-art{width:100%}.sp-website-preview img{transform:scale(1.1)}}@media(min-width:700px)and (max-width:800px){.sp-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sp-team-grid h3{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.sp-button,.sp-link{transition:none}.sp-button:hover{transform:none}}