.somatic-system .ss-header{position:fixed;inset:0 0 auto;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid #e6e0ee;backdrop-filter:blur(14px)}
.ss-header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:80px}.ss-header-logo{flex:0 0 132px}.ss-header-logo img{width:132px;height:auto;display:block}.ss-header nav{display:flex;gap:24px;align-items:center;overflow-x:auto;padding:12px 0;scrollbar-width:thin}.ss-header nav a{font-size:13px;font-weight:650;color:#554760;text-decoration:none;white-space:nowrap}.ss-header nav a:last-child{color:#6e43c2}.somatic-system .ss-hero{padding-top:136px}.somatic-system .ss-hero h1{font-size:clamp(36px,4.2vw,56px)!important;line-height:1.12!important;letter-spacing:-.04em}.ss-section>.ss-wrap>.ss-note{width:50%;min-width:360px;max-width:590px}.somatic-system .ss-note{position:relative;padding:20px 22px 20px 56px;font-size:13px;line-height:1.65;border-color:#e0d5f1;background:#faf7ff}.ss-note::before{content:'i';position:absolute;left:22px;top:22px;display:grid;place-items:center;width:19px;height:19px;border:1.5px solid #9978d0;color:#7952b6;border-radius:50%;font:700 12px Georgia,serif}.somatic-system .ss-benefit{font-size:20px;font-weight:700;line-height:1.5;color:#432768;background:#fff;max-width:660px!important;width:60%!important;border-left:4px solid #9c7ad9;padding-block:24px}.ss-benefit::before{content:'✓';border:0;font:700 20px sans-serif}.ss-context-cta{margin-top:32px}.ss-screenshot-scroll{height:280px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#b7a4d2 #f3eef8;background:#f4f1f7;outline-offset:-3px}.somatic-system .ss-project .ss-screenshot-scroll img{width:100%;height:auto;aspect-ratio:auto;object-fit:initial;display:block}.ss-scroll-hint{font-size:11px!important;color:#7d6d91!important;padding:10px 18px!important;background:#faf8fd;margin:0!important;border-top:1px solid #eee7f5}.ss-about{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:center;max-width:970px}.ss-about>img{width:250px;height:280px;object-fit:cover;object-position:center 25%;border-radius:22px}.ss-about p{color:#665f74;font-size:16px;margin:0 0 18px;max-width:640px}.ss-about h2{max-width:650px}.ss-about .ss-actions{gap:12px}.ss-about .btn{font-size:14px;padding:13px 18px}.ss-projects .ss-project:last-child:nth-child(odd){max-width:none}.somatic-system a:focus-visible,.somatic-system button:focus-visible,.ss-screenshot-scroll:focus-visible{outline:3px solid #9573d8;outline-offset:4px}
@media(max-width:900px){.ss-header nav{gap:16px}.ss-header-inner{gap:22px}.ss-about{grid-template-columns:200px minmax(0,1fr);gap:32px}.ss-about>img{width:200px;height:240px}}
@media(max-width:700px){.ss-header-inner{display:block;padding-top:16px;min-height:106px}.ss-header-logo{display:block;width:110px;margin-inline:auto}.ss-header-logo img{width:110px}.ss-header nav{justify-content:flex-start;gap:20px;padding:14px 0 12px}.ss-header nav a{font-size:12px}.somatic-system .ss-hero{padding-top:148px}.somatic-system .ss-hero h1{font-size:clamp(29px,8vw,36px)!important;line-height:1.15!important}.ss-section>.ss-wrap>.ss-note{width:100%;min-width:0;max-width:100%}.somatic-system .ss-benefit{width:100%!important;font-size:18px}.somatic-system .ss-note{padding:18px 18px 18px 48px}.ss-note::before{left:17px;top:21px}.ss-screenshot-scroll{height:210px}.ss-about{grid-template-columns:1fr;gap:26px}.ss-about>img{width:190px;height:210px;margin:auto}.ss-about .ss-actions{justify-content:flex-start}.ss-about h2{font-size:28px!important}.ss-about p{font-size:15px}.ss-project-copy h3{font-size:21px}.ss-project-copy p{font-size:14px}}

.ss-header-inner{gap:20px}.ss-header nav{flex:1;justify-content:center}.ss-header .ss-nav-cta{flex:0 0 auto;font-size:13px;padding:11px 18px;white-space:nowrap}.ss-header nav a:last-child{color:#554760}
.ss-problem-copy{min-width:0}.ss-problem-copy .ss-lead{margin-bottom:22px}.somatic-system .ss-problem-copy .ss-benefit{width:100%!important;max-width:650px!important;margin:0}.ss-problem-grid>.ss-checklist{min-width:0}
.somatic-system .ss-live-work{min-width:0;margin-top:28px}.ss-work-tabs{display:flex;overflow-x:auto;gap:8px;padding:0 0 14px;scrollbar-width:thin}.ss-work-tabs button{flex:0 0 auto;border:1px solid #ded5ea;border-radius:999px;background:#fff;color:#574b68;padding:10px 16px;font-weight:650;font-size:13px;line-height:1.25;cursor:pointer;white-space:nowrap}.ss-work-tabs button[aria-selected=true]{background:#39215e;color:#fff;border-color:#39215e}.ss-live-frame{height:280px;width:100%;overflow:hidden;border:1px solid #ded5ea;border-radius:16px 16px 0 0;background:#f5f2f9}.ss-live-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}.ss-live-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0;padding:12px 16px;border:1px solid #ded5ea;border-top:0;border-radius:0 0 16px 16px;background:#fff;color:#675a77;font-size:13px}.ss-live-caption a{font-weight:700;color:#6442a1}
.ss-payment-slides{position:relative}.ss-payment-slides img{display:block;width:100%;height:auto;object-fit:contain}.ss-payment-slides img[hidden]{display:none}.ss-payment-dots{display:flex;justify-content:center;gap:8px;padding:9px}.ss-payment-dots button{height:27px;width:27px;border:1px solid #a994c8;border-radius:50%;background:#fff;color:#624489;cursor:pointer;font-size:12px}.ss-payment-dots button[aria-current=true]{background:#503073;color:#fff}
.ss-waiver-guidance{margin:18px 0 0;padding:0;color:#675978;font-size:13px;line-height:1.65}.ss-whatsapp-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 0}.ss-whatsapp-gallery figure{min-width:0;margin:0;padding:10px;background:#faf8fc;border:1px solid #e5ddef;border-radius:15px}.ss-whatsapp-gallery img{display:block;width:100%;height:200px;object-fit:contain;object-position:center;border-radius:8px;background:#fff}.ss-whatsapp-gallery figcaption{padding:9px 3px 3px;color:#615670;font-size:12px;line-height:1.4}
@media(max-width:900px){.ss-header-inner{gap:12px}.ss-header nav{justify-content:flex-start}.ss-header .ss-nav-cta{padding:9px 12px}}
@media(max-width:700px){.ss-header-inner{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding-top:11px;min-height:0}.ss-header-logo{grid-column:1;margin:0;width:105px}.ss-header .ss-nav-cta{grid-column:2;grid-row:1;font-size:11px;padding:8px 11px}.ss-header nav{grid-column:1/-1;gap:16px;padding:12px 0 10px}.somatic-system .ss-hero{padding-top:135px}.somatic-system .ss-live-work{margin-top:24px}.ss-live-frame{height:210px}.ss-live-caption{flex-wrap:wrap;gap:6px;font-size:12px}.ss-whatsapp-gallery{grid-template-columns:1fr;gap:12px}.ss-whatsapp-gallery img{height:auto;max-height:290px}}

/* Give the live projects enough room to inspect while keeping the preview contained. */
.somatic-system .ss-live-frame{height:560px}
.somatic-system .ss-proof-avatars{position:relative;flex:0 0 74px;width:74px;height:52px;font-size:0}
.somatic-system .ss-proof-avatars img{position:absolute;top:0;width:46px;height:46px;border:3px solid #fff;box-shadow:0 2px 8px #38234e26;object-fit:cover;object-position:center 28%}
.somatic-system .ss-proof-avatars .ss-avatar-clayton{left:0;z-index:2}
.somatic-system .ss-proof-avatars .ss-avatar-nala{left:27px;top:5px;z-index:1}
.somatic-system .ss-heading h2{max-width:850px}
.somatic-system .ss-lead{line-height:1.65}
.somatic-system #payments .ss-split{align-items:start}
.somatic-system .ss-payment-copy .ss-heading{margin:0 0 22px}
.somatic-system .ss-payment-copy .ss-kicker{margin-bottom:14px}
.somatic-system .ss-payment-copy .ss-heading h2{margin-bottom:0}
.somatic-system .ss-payment-copy .ss-lead{margin-bottom:18px}
.somatic-system .ss-readiness-slides>img{width:100%;height:auto;display:block}
.somatic-system .ss-private-preview{height:470px}
.somatic-system .ss-private-preview iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.somatic-system .ss-readiness-slides [hidden]{display:none}
.somatic-system .ss-whatsapp-gallery{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);grid-template-rows:auto auto;align-items:stretch;gap:12px;max-width:1030px}
.somatic-system .ss-whatsapp-gallery figure:nth-child(1){grid-column:1;grid-row:1}
.somatic-system .ss-whatsapp-gallery figure:nth-child(2){grid-column:1;grid-row:2}
.somatic-system .ss-whatsapp-gallery figure:nth-child(3){grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:center}
.somatic-system .ss-whatsapp-gallery img{height:auto;max-height:none;width:100%;object-fit:contain}
.somatic-system .ss-proof-images{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.somatic-system .ss-proof-images details{flex:0 1 auto;max-width:100%}
.somatic-system .ss-proof-images details[open]{flex-basis:min(100%,650px)}
.somatic-system .ss-proof-images summary{padding:11px 16px}
.somatic-system .ss-email-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:46px}
.somatic-system .ss-email-copy .ss-heading{margin:0 0 24px}
.somatic-system .ss-email-copy .ss-heading h2{font-size:clamp(27px,2.8vw,39px)}
.somatic-system .ss-email-copy .ss-heading p{font-size:15px}
@media(max-width:700px){
 .somatic-system .ss-live-frame{height:420px}
 .somatic-system .ss-whatsapp-gallery{grid-template-columns:1fr;grid-template-rows:none}
 .somatic-system .ss-whatsapp-gallery figure:nth-child(n){grid-column:auto;grid-row:auto}
 .somatic-system .ss-private-preview{height:400px}
 .somatic-system .ss-email-panel{grid-template-columns:1fr;gap:24px}
}
