.hero-footnote a{color:#4e355c;border-bottom:1px solid #b395c2}
.hero-footnote>span:last-child{line-height:1.5}
.hero-live-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #afd8b9;border-radius:999px;background:#e9f7ec;color:#1b6b43;font-size:11px;line-height:1.2;letter-spacing:.02em;text-transform:none;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.hero-live-badge:hover{background:#dcf2e3;border-color:#7fc894;transform:translateY(-1px)}
.hero-live-badge:focus-visible{outline:2px solid #218654;outline-offset:3px}
.hero-live-badge .signal-dot{width:8px;height:8px;flex:none;background:#2baa64;box-shadow:0 0 0 0 #2baa6455;animation:heroLivePulse 2s ease-out infinite}
@keyframes heroLivePulse{50%{box-shadow:0 0 0 7px #2baa6400}100%{box-shadow:0 0 0 0 #2baa6400}}
@media(max-width:520px){.hero-live-badge{font-size:10px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.hero-live-badge .signal-dot{animation:none}.hero-live-badge{transition:none}}
.client-strip{background:#fbfaf7;border-top:1px solid #dedbd4;border-bottom:1px solid #dedbd4;padding:58px 0 43px;overflow:hidden}
.client-strip-top{margin-bottom:35px}
.client-strip h2{font-size:clamp(28px,3.4vw,48px);letter-spacing:-.065em;line-height:1.1;margin:15px 0 0}
.client-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.client-track{display:flex;width:max-content;animation:client-slide 38s linear infinite}
.client-window:hover .client-track{animation-play-state:paused}
.client-group{display:flex;align-items:center;gap:64px;padding-right:64px;flex:none}
.client-group img{width:auto;max-width:150px;height:50px;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.82}
@keyframes client-slide{to{transform:translateX(-50%)}}
@media(max-width:800px){.client-strip{padding:47px 0 35px}.client-strip h2{font-size:34px}.client-group{gap:42px;padding-right:42px}.client-group img{height:43px;max-width:120px}}
@media(prefers-reduced-motion:reduce){.client-window{overflow-x:auto;mask-image:none}.client-track{animation:none}.client-group[aria-hidden="true"]{display:none}}
.proof-section{background:#eee7f1;padding:106px 0 95px}
.proof-heading,.start-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;margin-bottom:42px}
.proof-heading h2,.start-heading h2{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-.075em;margin:16px 0 0}
.proof-heading h2 em{font-style:normal;color:#805d91}
.proof-heading p,.start-heading p{font-size:17px;line-height:1.6;color:#5e5860;margin:0 0 6px}
.proof-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d9d0dc;border:1px solid #d9d0dc;margin-bottom:16px}
.proof-stats>div{min-height:155px;background:#faf8fb;padding:23px 22px;display:flex;flex-direction:column}
.proof-stats strong{font-size:clamp(35px,4vw,57px);letter-spacing:-.075em;line-height:1.05}
.proof-stats span{font-size:13px;font-weight:800;margin-top:11px}
.proof-stats small{font-size:11px;line-height:1.4;color:#756d78;margin-top:auto;padding-top:12px}
.proof-stats a,.start-heading a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.case-card{background:#fff;padding:29px 30px 24px;min-height:260px;display:flex;flex-direction:column}
.case-head,.case-foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;letter-spacing:.08em;font-weight:800;color:#7a687f}
.case-card h3{font-size:clamp(23px,2.4vw,35px);letter-spacing:-.06em;line-height:1.12;margin:36px 0 13px}
.case-card h3 b{color:#77518a}
.case-card p{color:#5d5760;font-size:13px;line-height:1.6;margin:0 0 26px}
.case-foot{margin-top:auto;border-top:1px solid #e7e1e9;padding-top:15px;color:#746c76}
.proof-note{max-width:870px;font-size:11px;line-height:1.6;color:#746b78;margin:21px 0 0}
.start-section{padding-top:110px;padding-bottom:112px}
.start-heading{margin-bottom:42px}
.start-widget{border:1px solid #2f2b32;background:#242027;color:#f9f6f8;box-shadow:14px 14px 0 #e9dff0}
.start-toolbar,.start-widget-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px;border-bottom:1px solid #4a414f}
.start-toolbar>span,.start-widget-bottom{font-size:10px;letter-spacing:.08em;font-weight:700;color:#bcaec2}
.start-agent-tabs{display:flex;gap:5px}
.start-agent-tabs button,.start-goals button{border:1px solid #6d5d72;background:transparent;color:#ded4e1;font:700 12px 'DM Sans',Arial,sans-serif;cursor:pointer;padding:10px 15px}
.start-agent-tabs button[aria-selected="true"],.start-goals button[aria-pressed="true"]{background:#e8caef;border-color:#e8caef;color:#241e27}
.start-widget-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:1px;background:#4a414f}
.start-command,.start-task{padding:28px 28px 31px;background:#242027;min-width:0}
.start-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px;font-size:10px;letter-spacing:.12em;font-weight:800;color:#cdb5d4}
.start-card-head button{background:none;border:0;color:#e8caef;font:700 11px 'DM Sans',Arial,sans-serif;cursor:pointer;white-space:nowrap}
.start-command pre,.start-task pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#f7f3f6}
.start-command pre{padding:20px;background:#151217;border:1px solid #413944}
.start-command small{display:block;color:#a99bab;font-size:11px;line-height:1.5;margin-top:14px}
.start-goals{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.start-task label{display:block;font-size:11px;font-weight:800;margin-bottom:9px;color:#f1e9f3}
.start-task label span{font-weight:400;color:#a99bab}
.start-task input{display:block;width:100%;box-sizing:border-box;border:1px solid #6d5d72;background:#19161c;color:#fff;padding:13px 14px;font:13px 'DM Sans',Arial,sans-serif;border-radius:0;outline-offset:2px}
.start-prompt-head{margin:29px 0 12px}
.start-task pre{background:#151217;border:1px solid #413944;padding:17px;min-height:130px}
.start-widget-bottom{border-top:1px solid #4a414f;border-bottom:0;line-height:1.5}
.start-widget-bottom a{color:#efdaef;text-decoration:none;white-space:nowrap}
.pilot-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 0 0}
.pilot-row strong{font-size:21px;letter-spacing:-.04em}
.pilot-row p{color:#6a646b;font-size:13px;line-height:1.5;margin:7px 0 0}
.pilot-row .button{white-space:nowrap}
@media(max-width:800px){.proof-section{padding:82px 0}.proof-heading,.start-heading{grid-template-columns:1fr;gap:20px}.proof-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.start-section{padding-top:85px;padding-bottom:90px}.start-widget-body{grid-template-columns:1fr}.pilot-row{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.proof-heading h2,.start-heading h2{font-size:52px}.proof-heading p,.start-heading p{font-size:15px}.proof-stats>div{min-height:135px;padding:18px 14px}.proof-stats strong{font-size:38px}.proof-stats span{font-size:11px}.proof-stats small{font-size:10px}.case-grid{grid-template-columns:1fr}.case-card{min-height:230px;padding:24px}.start-toolbar,.start-widget-bottom{align-items:flex-start;flex-direction:column;padding:15px}.start-command,.start-task{padding:23px 17px}.start-goals button{font-size:11px}.start-widget-bottom a{white-space:normal}.pilot-row .button{white-space:normal}}
.pilot-row{display:grid;grid-template-columns:.72fr 1.28fr;align-items:start;gap:55px;border-top:1px solid #d8d0db;margin-top:75px;padding-top:60px}
.pilot-copy h3{font-size:clamp(29px,3.3vw,48px);line-height:1.05;letter-spacing:-.065em;margin:18px 0 19px}
.pilot-copy p{font-size:15px;line-height:1.6;max-width:360px}
.pilot-form{background:#eee7f1;padding:28px 30px 24px;display:flex;flex-direction:column;gap:18px}
.pilot-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.pilot-form label{display:flex;flex-direction:column;gap:8px;color:#39303b;font-size:11px;font-weight:800;letter-spacing:.02em}
.pilot-form label span{font-weight:400;color:#766e79}
.pilot-form input,.pilot-form textarea{box-sizing:border-box;width:100%;border:1px solid #d0c4d4;border-radius:0;background:#fff;color:#211c23;padding:13px 14px;font:13px/1.45 'DM Sans',Arial,sans-serif;resize:vertical;outline-offset:2px}
.pilot-form input:focus,.pilot-form textarea:focus{border-color:#8f5fa5}
.pilot-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.pilot-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}
.pilot-form-bottom p{font-size:10px;line-height:1.5;color:#796f7c;max-width:235px;margin:0}
.pilot-form button[disabled]{opacity:.6;cursor:wait}
.pilot-status{min-height:16px;margin:0;font-size:12px;line-height:1.4;color:#3c653e}
.pilot-status[data-state="error"]{color:#9a3541}
@media(max-width:800px){.pilot-row{grid-template-columns:1fr;gap:25px;margin-top:60px;padding-top:50px}.pilot-copy p{max-width:580px}.pilot-form{width:100%;box-sizing:border-box}}
@media(max-width:520px){.pilot-form{padding:20px 17px}.pilot-form-grid{grid-template-columns:1fr}.pilot-form-bottom{align-items:flex-start;flex-direction:column}.pilot-form-bottom .button{width:100%;justify-content:center}}
.proof-stats .proof-live{display:inline-flex;align-items:center;gap:8px;color:#2f7752;font-size:9px;letter-spacing:.1em;font-weight:800;margin:0 0 7px}
.proof-live i{width:7px;height:7px;flex:none;border-radius:50%;background:#36ad70;box-shadow:0 0 0 0 #36ad7055;animation:proofPulse 2s ease-out infinite}
@keyframes proofPulse{50%{box-shadow:0 0 0 7px #36ad7000}100%{box-shadow:0 0 0 0 #36ad7000}}
.proof-stat-agent strong{margin-top:0}
.proof-stats .proof-stat-agent{background:#f6fff6}
.proof-stats span a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.case-card{min-height:405px;padding:25px 26px 22px}
.case-impact{display:flex;flex-direction:column;gap:3px;margin-top:35px}
.case-impact strong{font-size:clamp(45px,4.8vw,69px);letter-spacing:-.09em;line-height:.98}
.case-impact span{font-size:9px;letter-spacing:.12em;font-weight:800;color:#8a6a99}
.case-card h3{font-size:clamp(22px,2vw,30px);margin:20px 0 13px}
.case-card p{font-size:12px;line-height:1.6;margin-bottom:20px}
.case-card--theme{background:#252029;color:#fff}
.case-card--theme .case-head,.case-card--theme .case-foot{color:#d6badc}
.case-card--theme .case-impact span{color:#d6badc}
.case-card--theme p{color:#ded5e0}
.case-card--theme .case-foot{border-color:#65546b}
.case-sequence{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:23px;color:#ead7ec;font-size:9px;font-weight:800}
.case-sequence span{border:1px solid #76657d;padding:5px 7px}
.case-sequence b{font-size:14px;font-weight:500}
.case-card--signal{background:#e1eee3}
.case-card--signal .case-impact span,.case-card--signal .case-head{color:#486b56}
.case-card--signal .case-foot{border-color:#b9d2bf}
@media(max-width:1050px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card--signal{grid-column:1/-1;min-height:290px}}
@media(max-width:620px){.case-grid{grid-template-columns:1fr}.case-card{min-height:360px}.case-card--signal{grid-column:auto;min-height:380px}.case-card h3{font-size:26px}.case-impact strong{font-size:59px}}
@media(prefers-reduced-motion:reduce){.proof-live i{animation:none}}
.hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:0;gap:0;padding-top:94px;padding-bottom:92px}
.hero:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse 48% 43% at 50% 70%,#f5d8c991 0%,transparent 78%),radial-gradient(ellipse 52% 46% at 26% 22%,#dcecff 0%,transparent 78%),radial-gradient(ellipse 44% 40% at 83% 28%,#e6d7f6 0%,transparent 80%),linear-gradient(150deg,#f8fbff 0%,#f8f1ff 52%,#faf4f0 100%)}
.hero-copy{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1000px;padding:0}
.hero-topline{justify-content:center;gap:12px}
.backed-badge{border-radius:999px;background:#ffffffb8;padding:9px 14px}
.hero h1{font-size:clamp(55px,7.2vw,103px);line-height:1.01;max-width:1030px;white-space:normal;margin:35px 0 24px}
.headline-accent{background:linear-gradient(100deg,#795caa 10%,#aa78b8 65%,#d1869d);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-lede{max-width:640px;margin:0 auto;font-size:19px}
.hero-actions{justify-content:center;margin-top:32px;gap:12px}
.button{border-radius:999px}
.hero-actions .button{min-height:56px;padding-inline:25px}
.hero-actions .text-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #9e8baf;border-radius:999px;padding:0 23px;min-height:56px;background:#ffffff91}
.hero-actions .text-link:hover{background:#fff}
.hero-footnote{justify-content:center;margin-top:23px}
.hero-visual{width:min(100%,1040px);margin-top:65px;border:1px solid #ded0e7;border-radius:22px;padding:20px;background:#e9ddf0e8;box-shadow:0 24px 55px #7c5c9240}
.product-card{border-radius:13px;overflow:hidden}
.product-media{height:250px}
.action-queue{border-radius:13px}
.header-cta{border:0;border-radius:999px;background:#231f25;color:#fff;padding:11px 19px}
.header-cta:hover{background:#44354b}
.reviews-section{padding-top:95px;padding-bottom:105px}
.reviews-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}
.reviews-heading h2{font-size:clamp(43px,5vw,69px);line-height:1.03;letter-spacing:-.07em;margin:18px 0 0}
.reviews-heading h2 em{font-style:normal;color:#9d68bb}
.reviews-rating{display:flex;flex-direction:column;align-items:flex-end;gap:5px;white-space:nowrap}
.reviews-rating>span,.review-stars{color:#8d61a1;letter-spacing:.14em;font-size:16px}
.reviews-rating strong{font-size:22px;letter-spacing:-.05em}
.reviews-rating small{font-size:11px;color:#706a72}
.reviews-rating a{text-decoration:underline;text-underline-offset:3px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.review-card{display:flex;flex-direction:column;min-height:250px;padding:26px;background:#fff;border:1px solid #e4dfe7;border-radius:17px;box-shadow:0 12px 27px #4a31510c}
.review-card p{font:16px/1.5 'DM Sans',Arial,sans-serif;color:#363039;margin:22px 0 32px;flex:1}
.review-by{border-top:1px solid #eee9ee;padding-top:17px;display:flex;flex-direction:column;gap:4px}
.review-by strong{font-size:12px}
.review-by span,.reviews-note{font-size:10px;color:#756d78}
.reviews-note{line-height:1.5;margin:16px 0 0}
@media(max-width:800px){.hero{padding-top:74px;padding-bottom:76px}.hero h1{font-size:clamp(49px,10vw,72px)}.hero-visual{margin-top:52px}.reviews-section{padding-top:75px;padding-bottom:82px}.reviews-heading{align-items:flex-start;flex-direction:column}.reviews-rating{align-items:flex-start}.reviews-grid{grid-template-columns:1fr}.review-card{min-height:185px}}
@media(max-width:520px){.hero{padding-top:62px;gap:0}.hero h1{font-size:clamp(45px,11.6vw,59px);margin:29px 0 22px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column;width:100%;gap:10px}.hero-actions .button,.hero-actions .text-link{width:100%;justify-content:center;box-sizing:border-box}.hero-footnote{text-align:left}.hero-visual{padding:12px 10px 18px;margin-top:44px;border-radius:17px}.product-media{height:138px}.product-card{border-radius:7px}.action-queue{border-radius:9px}.reviews-heading h2{font-size:47px}.review-card{padding:23px}}
.footer-transparency{background:#f7faf8;color:#252a27;border-top:1px solid #e1e8e2;border-bottom:1px solid #e1e8e2}
.footer-transparency-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:60px;padding-top:53px;padding-bottom:55px}
.footer-transparency h2{font-size:19px;letter-spacing:-.04em;margin:0 0 15px;color:#667e6d}
.footer-transparency p{font:14px/1.65 'DM Sans',Arial,sans-serif;color:#596760;max-width:910px;margin:0}
.footer-transparency p a{text-decoration:underline;text-underline-offset:3px;color:#253b2c}
.shopify-partner-badge{display:inline-flex;align-items:center;justify-content:center;width:262px;max-width:100%;text-decoration:none}
.shopify-partner-badge img{display:block;width:100%;height:auto;object-fit:contain}
.shopify-partner-badge:hover{opacity:.8}
.footer-links{flex-wrap:wrap;justify-content:flex-end;max-width:725px}
@media(max-width:800px){.footer-transparency-inner{grid-template-columns:1fr;gap:25px}.shopify-partner-badge{justify-self:start}.footer-links{justify-content:flex-start}}
@media(max-width:520px){.footer-transparency-inner{padding-top:43px;padding-bottom:46px}.footer-transparency p{font-size:13px}}

/* ShopClaw agent studio carousel */
.hero-visual.agent-studio{width:min(100%,1040px);margin-top:65px;padding:20px 20px 16px;border:1px solid #d8cbe9;border-radius:24px;background:linear-gradient(135deg,#f0e7fa 0%,#ebe8fb 49%,#f9e9ea 100%);box-shadow:0 24px 55px #7c5c9230;text-align:left;overflow:hidden;transform:none}
.studio-header,.studio-heading,.studio-running,.studio-nav,.studio-slide-intro{display:flex;align-items:center}
.studio-header{justify-content:space-between;gap:16px}
.studio-heading{gap:10px;min-width:0}
.studio-heading .mini-claw{width:35px;height:35px;flex:none;font-size:23px}
.studio-heading>div{display:flex;flex-direction:column;gap:2px}
.studio-heading>div>span{color:#786684;font-size:9px;font-weight:800;letter-spacing:.14em}
.studio-heading strong{font-size:18px;line-height:1.18;letter-spacing:-.04em}
.studio-running{gap:7px;flex:none;padding:8px 11px;border:1px solid #bcdac7;border-radius:999px;background:#f6fff8;color:#397b53;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.studio-running i,.studio-ops-pulse{width:7px;height:7px;border-radius:50%;background:#51b878;box-shadow:0 0 0 4px #c6efd4;animation:studioPulse 2s ease-in-out infinite}
.studio-viewport{min-width:0}
[data-studio-slide][hidden]{display:none!important}
.studio-slide{animation:studioEnter .45s ease both}
.studio-slide-intro{justify-content:space-between;gap:16px;padding:13px 3px 11px;color:#60566a;font-size:11px}
.studio-slide-intro strong{font-size:9px;letter-spacing:.12em;color:#7f5c9b}
.studio-slide-intro span{text-align:right}
.studio-product-stage{position:relative;isolation:isolate;height:420px;overflow:hidden;border:1px solid #d9cce7;border-radius:18px;background:radial-gradient(circle at 18% 18%,#e8dbf8,transparent 39%),radial-gradient(circle at 85% 84%,#f5dadd,transparent 40%),linear-gradient(#ffffff8c 1px,transparent 1px),linear-gradient(90deg,#ffffff8c 1px,transparent 1px),#f7f1fa;background-size:auto,auto,28px 28px,28px 28px,auto}
.studio-product{position:absolute;z-index:2;display:flex;flex-direction:column;overflow:hidden;width:30%;border:1px solid #d1c8d7;border-radius:13px;background:#fff;box-shadow:0 18px 36px #3422402c;text-align:left}
.studio-product--allbirds{left:3%;top:65px;animation:studioFloatLeft 6.4s ease-in-out infinite}
.studio-product--away{z-index:3;left:32.5%;top:13px;width:35%;animation:studioFloatCenter 6.9s ease-in-out infinite}
.studio-product--glossier{right:3%;top:68px;animation:studioFloatRight 7.2s ease-in-out infinite}
.studio-browser{display:flex;align-items:center;gap:8px;height:25px;padding:0 10px;border-bottom:1px solid #eee9ef;background:#fff;color:#938d96;font-size:8px;white-space:nowrap}
.studio-browser>span:last-child{margin-left:auto;color:#9987a5;font-size:11px}
.studio-browser-dots,.studio-code-lights{display:flex;gap:4px}
.studio-browser-dots i,.studio-code-lights i{width:5px;height:5px;border-radius:50%;background:#d5a3a8}
.studio-browser-dots i:nth-child(2),.studio-code-lights i:nth-child(2){background:#e5ce8e}
.studio-browser-dots i:nth-child(3),.studio-code-lights i:nth-child(3){background:#9ccaa8}
.studio-product-image{position:relative;display:flex;align-items:center;justify-content:center;height:156px;overflow:hidden;background:#f3f2f2}
.studio-product-image img{width:100%;height:100%;object-fit:cover}
.studio-product-image--allbirds img{object-fit:contain;transform:scale(1.1)}
.studio-product-image--away{height:190px}
.studio-product-image--glossier img{object-fit:contain;transform:scale(1.1)}
.studio-design-target{position:absolute;inset:9px;border:2px dashed #e27a96;border-radius:8px;animation:studioTarget 3.2s ease-in-out infinite;pointer-events:none}
.studio-product-info{display:flex;flex-direction:column;align-items:flex-start;min-height:154px;padding:11px 13px 13px}
.studio-product-brand{font-size:16px;font-weight:800;letter-spacing:-.07em;line-height:1}
.studio-product-info h3{margin:5px 0 3px;font:700 12px/1.2 'DM Sans',Arial,sans-serif;color:#29252b}
.studio-product-info p{margin:0 0 9px;color:#7a717a;font:10px/1.2 'DM Sans',Arial,sans-serif}
.studio-variant{display:flex;align-items:center;gap:5px;margin-bottom:8px}
.studio-variant small{color:#837c84;font-size:8px;margin-right:2px}
.studio-variant span{display:grid;place-items:center;width:21px;height:20px;border:1px solid #d9d4da;border-radius:3px;color:#605b61;font-size:8px}
.studio-variant span:nth-of-type(2){border-color:#302c32;color:#262126}
.studio-swatches{display:flex;gap:5px;margin:0 0 8px}
.studio-swatches i{width:13px;height:13px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ded8de;background:#405039}
.studio-swatches i:nth-child(2){background:#222428}
.studio-swatches i:nth-child(3){background:#c5afa1}
.studio-swatches i.selected{box-shadow:0 0 0 1.5px #2c2b2c}
.studio-swatches--blush i{background:#e68491}
.studio-swatches--blush i:nth-child(2){background:#ca6072}
.studio-swatches--blush i:nth-child(3){background:#b46a70}
.studio-buy{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:25px;margin-top:auto;padding:5px 8px;border-radius:5px;background:#211e24;color:#fff;font-size:9px;font-weight:800}
.studio-buy b{font-size:12px;font-weight:500}
.studio-buy--cro{outline:2px solid #895bc4;outline-offset:2px}
.studio-buy--dev{outline:2px solid #4695d0;outline-offset:2px}
.studio-cursor{position:absolute;z-index:6;display:flex;align-items:flex-start;color:var(--studio-cursor);pointer-events:none;filter:drop-shadow(0 3px 6px #392c4550);animation:studioCursorMove 4.6s ease-in-out infinite}
.studio-cursor svg{width:24px;height:29px;flex:none}
.studio-cursor span{display:inline-flex;align-items:center;min-height:25px;margin:16px 0 0 3px;padding:0 9px;border-radius:6px;background:var(--studio-cursor);color:#fff;font-size:10px;font-weight:800;white-space:nowrap}
.studio-cursor--cro{--studio-cursor:#895bc4;left:20%;top:301px}
.studio-cursor--design{--studio-cursor:#db718a;left:48%;top:168px;animation-delay:-1.6s}
.studio-cursor--dev{--studio-cursor:#4695d0;left:76%;top:327px;animation-delay:-3.1s}
.studio-work-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;min-height:146px;margin-top:10px}
.studio-agent-feed{display:flex;flex-direction:column;gap:5px}
.studio-agent-feed>div{display:flex;align-items:center;gap:8px;min-height:43px;padding:7px 10px;border:1px solid #e1d6e7;border-radius:9px;background:#ffffffbf;color:#38303d;font-size:10px}
.studio-agent-feed strong{white-space:nowrap}.studio-agent-feed span{margin-left:auto;color:#7b7080;font-size:9px;text-align:right}
.studio-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#895bc4}
.studio-dot--design{background:#db718a}.studio-dot--dev,.studio-dot--growth{background:#4695d0}.studio-dot--strategy{background:#a374d0}.studio-dot--seo{background:#58ab84}
.studio-code-window{min-width:0;overflow:hidden;border:1px solid #39313c;border-radius:10px;background:#242029;color:#eee7ef;box-shadow:0 8px 16px #2f1f3c1c}
.studio-code-head{display:flex;align-items:center;gap:9px;height:30px;padding:0 10px;border-bottom:1px solid #4c4350;color:#bdb3c2;font:9px 'DM Sans',Arial,sans-serif}
.studio-code-state{margin-left:auto;color:#9fd6af;white-space:nowrap}
.studio-code-state span{animation:studioDots 1.3s steps(3,end) infinite;display:inline-block;overflow:hidden;vertical-align:bottom;max-width:12px}
.studio-code-window pre{margin:0;padding:10px 13px;white-space:pre-wrap;color:#cbb4e8;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.studio-code-window code{font:inherit}
.studio-ops-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;min-height:420px;overflow:hidden;padding:28px 17px;border:1px solid #d9cce7;border-radius:18px;background:radial-gradient(circle at 14% 17%,#eadcf8,transparent 37%),radial-gradient(circle at 84% 80%,#dff1e8,transparent 36%),linear-gradient(#ffffff8c 1px,transparent 1px),linear-gradient(90deg,#ffffff8c 1px,transparent 1px),#f7f1fa;background-size:auto,auto,28px 28px,28px 28px,auto}
.studio-ops-window{position:relative;z-index:2;min-width:0;align-self:center;min-height:343px;overflow:hidden;border:1px solid #d7d0de;border-radius:13px;background:#fff;box-shadow:0 14px 29px #352a3c21;animation:studioFloatCenter 7s ease-in-out infinite}
.studio-ops-window--growth{animation-delay:-1.8s}.studio-ops-window--seo{animation-delay:-3.4s}
.studio-ops-top{display:flex;align-items:center;gap:8px;padding:12px 12px 11px;border-bottom:1px solid #ece7ee}
.studio-role-bubble{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:#ead9f8;color:#7f4caf;font-size:10px;font-weight:800}
.studio-role-bubble--growth{background:#e0eefb;color:#327fbe}.studio-role-bubble--seo{background:#def3e6;color:#39835d}
.studio-ops-top>div{display:flex;flex-direction:column;gap:3px;min-width:0}.studio-ops-top strong{font-size:11px;line-height:1.1;white-space:nowrap}.studio-ops-top small{color:#877e89;font-size:8px}.studio-ops-top .studio-ops-pulse{margin-left:auto;width:5px;height:5px;flex:none;box-shadow:0 0 0 3px #d3efdc}
.studio-ops-body{padding:13px 12px}
.studio-ops-minihead{display:flex;justify-content:space-between;gap:7px;color:#847789;font-size:8px;font-weight:800;letter-spacing:.07em}
.studio-ops-minihead b{color:#8362a2;font-weight:800;white-space:nowrap}
.studio-backlog-item{display:flex;align-items:center;gap:8px;min-height:62px;margin-top:9px;padding:8px;border:1px solid #eee8f0;border-radius:7px;background:#fcfafe;animation:studioTaskIn 4.8s ease-in-out infinite}
.studio-backlog-item:nth-child(3){animation-delay:-1.5s}.studio-backlog-item:nth-child(4){animation-delay:-3s}
.studio-backlog-item>b{font-size:10px;color:#a789bf}.studio-backlog-item>span{display:flex;flex-direction:column;gap:4px;min-width:0}.studio-backlog-item strong{font-size:9px;line-height:1.2}.studio-backlog-item small{font-size:8px;line-height:1.2;color:#867d89}.studio-backlog-item em{margin-left:auto;color:#8057a5;font-size:7px;font-style:normal;font-weight:800}
.studio-assignment,.studio-draft-state{display:flex;align-items:center;gap:7px;margin-top:14px;color:#795d91;font-size:9px;font-weight:700}
.studio-assignment-dot{width:7px;height:7px;border-radius:50%;background:#a374d0;box-shadow:0 0 0 4px #ead9f8;animation:studioPulse 2s infinite}
.studio-competitor-row{display:grid;grid-template-columns:58px 1fr 50px;align-items:center;gap:6px;margin-top:22px}.studio-competitor-row strong{font-size:10px}.studio-competitor-row small{color:#867e87;font-size:8px;text-align:right}
.studio-competitor-track{height:8px;overflow:hidden;border-radius:10px;background:#e6edf7}.studio-competitor-track i{display:block;width:60%;height:100%;border-radius:10px;background:linear-gradient(90deg,#73b3e6,#4e8dc9);animation:studioScan 2.6s ease-in-out infinite alternate}.studio-competitor-row:nth-child(3) i{animation-delay:-1s}.studio-competitor-row:nth-child(4) i{animation-delay:-2s}
.studio-growth-finding{display:flex;align-items:center;gap:9px;margin-top:30px;padding:10px;border-radius:8px;background:#eaf4fc}.studio-growth-finding>span{font-size:22px;color:#4c93c9}.studio-growth-finding p{margin:0;font-size:9px;line-height:1.35}.studio-growth-finding strong{color:#3774a0}
.studio-ops-window--seo h3{font-size:18px;letter-spacing:-.055em;line-height:1.15;margin:22px 0 15px}.studio-editor-line{height:4px;border-radius:4px;background:#e6e0e7;margin-top:8px}.studio-editor-line--one{width:95%}.studio-editor-line--two{width:76%}.studio-editor-line--three{width:88%}.studio-editor-line--four{width:56%}
.studio-editor-preview{margin:19px 0 0;font:10px/1.5 'DM Sans',Arial,sans-serif;color:#615962;max-width:220px;animation:studioTextReveal 7s steps(30,end) infinite;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.studio-typing-caret{display:inline-block;width:2px;height:11px;margin-left:2px;background:#58ab84;vertical-align:middle;animation:studioCaret .8s step-end infinite}
.studio-draft-state{color:#39835d;margin-top:18px}
.studio-ops-flow{position:absolute;inset:0;pointer-events:none}.studio-ops-flow span{position:absolute;z-index:1;width:11px;height:11px;border-radius:50%;background:#b181db;box-shadow:0 0 0 4px #b181db36;animation:studioFlow 5s linear infinite}.studio-ops-flow span:first-child{left:30%;top:18%}.studio-ops-flow span:nth-child(2){left:53%;top:73%;animation-delay:-2s;background:#60a8dc}.studio-ops-flow span:nth-child(3){left:74%;top:25%;animation-delay:-3.3s;background:#65ba89}
.studio-ops-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.studio-ops-footer span{display:flex;align-items:center;gap:7px;min-width:0;padding:11px;border:1px solid #e0d5e8;border-radius:9px;background:#ffffffb8;color:#554d5a;font-size:9px;font-weight:700}
.studio-nav{justify-content:flex-end;gap:11px;margin-top:11px}.studio-nav-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cdbbd7;border-radius:50%;background:#fff;color:#46394d;font-size:15px;cursor:pointer}.studio-nav-arrow:hover,.studio-nav-arrow:focus-visible{border-color:#8659ad;background:#f7f0ff}.studio-dots{display:flex;align-items:center;gap:5px}.studio-dots button{display:grid;place-items:center;width:27px;height:27px;border:0;background:transparent;cursor:pointer}.studio-dots button span{display:block;width:8px;height:8px;border-radius:50%;background:#c8b4d4;transition:width .2s,background .2s}.studio-dots button[aria-current="true"] span{width:20px;border-radius:8px;background:#8459ab}.studio-counter{min-width:39px;color:#7f7187;font-size:10px;font-weight:800;letter-spacing:.08em}
.agent-studio .visual-disclaimer{margin:9px 1px 0;color:#786f7f;text-align:left;font-size:10px;line-height:1.45}
@keyframes studioEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes studioFloatLeft{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(-3deg)}}
@keyframes studioFloatCenter{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes studioFloatRight{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes studioCursorMove{0%,100%{transform:translate(0,0)}25%{transform:translate(12px,-9px)}52%{transform:translate(20px,3px)}75%{transform:translate(4px,9px)}}
@keyframes studioTarget{0%,100%{opacity:.42}50%{opacity:1}}
@keyframes studioPulse{0%,100%{box-shadow:0 0 0 3px #c6efd4}50%{box-shadow:0 0 0 7px #c6efd400}}
@keyframes studioDots{0%{max-width:0}100%{max-width:12px}}
@keyframes studioTaskIn{0%,100%{transform:translateX(0);border-color:#eee8f0}50%{transform:translateX(4px);border-color:#ceb1e3}}
@keyframes studioScan{from{width:24%}to{width:94%}}
@keyframes studioTextReveal{0%{opacity:.45}35%,90%{opacity:1}100%{opacity:.45}}
@keyframes studioCaret{50%{opacity:0}}
@keyframes studioFlow{0%{transform:translate(-13px,8px);opacity:0}15%,80%{opacity:1}100%{transform:translate(40px,-18px);opacity:0}}
@media(max-width:800px){.studio-product-stage{height:400px}.studio-product{width:31%}.studio-product--away{width:36%;left:32%}.studio-product--allbirds{left:2%}.studio-product--glossier{right:2%}.studio-product-image{height:130px}.studio-product-image--away{height:170px}.studio-ops-stage{padding:18px 9px}.studio-ops-window{min-height:345px}.studio-ops-top{padding:9px 7px}.studio-ops-body{padding:11px 8px}.studio-backlog-item{padding:6px}.studio-ops-top strong{font-size:10px}}
@media(max-width:620px){
  .hero-visual.agent-studio{padding:12px 10px 14px;margin-top:44px;border-radius:17px}
  .studio-heading{gap:7px}.studio-heading .mini-claw{width:27px;height:27px;font-size:19px}.studio-heading>div>span{font-size:7px}.studio-heading strong{font-size:13px}
  .studio-running{gap:5px;padding:6px 7px;font-size:7px}.studio-running i{width:5px;height:5px}
  .studio-slide-intro{align-items:flex-start;flex-direction:column;gap:2px;padding:11px 1px 9px}.studio-slide-intro strong{font-size:8px}.studio-slide-intro span{font-size:9px;text-align:left}
  .studio-product-stage{height:375px;border-radius:11px}.studio-product{width:48%;border-radius:8px}.studio-product--allbirds{left:-3%;top:132px}.studio-product--away{width:56%;left:22%;top:12px}.studio-product--glossier{right:-3%;top:150px}
  .studio-browser{height:18px;padding:0 6px;gap:3px;font-size:6px}.studio-browser-dots{gap:2px}.studio-browser-dots i{width:3px;height:3px}
  .studio-product-image{height:88px}.studio-product-image--away{height:135px}.studio-product-info{min-height:105px;padding:7px 8px 8px}.studio-product-brand{font-size:11px}.studio-product-info h3{font-size:9px;margin:3px 0}.studio-product-info p{font-size:7px;margin-bottom:4px}
  .studio-variant,.studio-swatches{gap:3px;margin-bottom:5px}.studio-variant small{display:none}.studio-variant span{width:14px;height:14px;font-size:6px}.studio-swatches i{width:10px;height:10px}.studio-buy{min-height:18px;padding:3px 5px;font-size:7px}.studio-buy b{font-size:9px}
  .studio-cursor svg{width:19px;height:23px}.studio-cursor span{min-height:22px;margin:13px 0 0 1px;padding:0 6px;font-size:9px}.studio-cursor--cro{left:6%;top:288px}.studio-cursor--design{left:45%;top:142px}.studio-cursor--dev{left:57%;top:325px}.studio-cursor--dev span{position:absolute;right:12px;top:16px;margin:0}
  .studio-work-row{grid-template-columns:1fr}.studio-agent-feed{display:grid;grid-template-columns:1fr;gap:4px}.studio-agent-feed>div{min-height:27px;padding:5px 8px;font-size:9px}.studio-agent-feed span{font-size:8px}.studio-code-window pre{font-size:10px}
  .studio-ops-stage{grid-template-columns:1fr;gap:8px;min-height:0;padding:11px;border-radius:11px}.studio-ops-window{min-height:0;animation:none}.studio-ops-top{padding:8px 10px}.studio-ops-top strong{font-size:11px}.studio-ops-body{padding:9px 10px}.studio-ops-window--strategy .studio-backlog-item{min-height:39px;margin-top:5px;padding:5px 7px}.studio-ops-window--strategy .studio-backlog-item small{display:none}.studio-ops-window--strategy .studio-assignment{margin-top:7px;font-size:8px}.studio-ops-window--growth .studio-competitor-row{margin-top:10px}.studio-ops-window--growth .studio-growth-finding{margin-top:12px;padding:6px}.studio-ops-window--seo h3{font-size:15px;margin:8px 0}.studio-ops-window--seo .studio-editor-line{margin-top:4px}.studio-ops-window--seo .studio-editor-preview{margin-top:9px}.studio-ops-window--seo .studio-draft-state{margin-top:8px}.studio-ops-footer{grid-template-columns:1fr;gap:4px}.studio-ops-footer span{padding:7px 9px;font-size:9px}
  .studio-ops-flow{display:none}.studio-nav{gap:7px}.studio-nav-arrow{width:30px;height:30px}.agent-studio .visual-disclaimer{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.studio-slide,.studio-product,.studio-cursor,.studio-design-target,.studio-running i,.studio-ops-pulse,.studio-ops-window,.studio-backlog-item,.studio-competitor-track i,.studio-editor-preview,.studio-typing-caret,.studio-assignment-dot,.studio-ops-flow span,.studio-code-state span{animation:none!important}}