:root{--lime:#dcebb6;--cream:#faf9f3;--green:#233f35;--orange:#c4623e;--ease:cubic-bezier(.2,.8,.2,1)}body{overflow-x:clip}.announcement{background:var(--green);height:30px;font-size:10px}header{position:sticky;z-index:20;top:12px;margin:14px 3% 0;padding:0 26px;height:76px;background:#faf9f3d9;border:1px solid #fff;border-radius:18px;backdrop-filter:blur(20px);box-shadow:0 8px 30px #234b3e08;transition:box-shadow .3s,background .3s}header.scrolled{background:#faf9f3ed;box-shadow:0 8px 25px #234b3e15}nav{gap:26px}.cart-toggle{border:1px solid #234b3e1c;border-radius:30px;padding:10px 14px}.logo-mascot{transition:transform .45s var(--ease)}.logo:hover .logo-mascot{transform:rotate(-12deg)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:30}.button{border-radius:100px;font-size:12px;padding:18px 23px;position:relative;box-shadow:0 6px 14px #234b3e10}.button:hover{transform:translateY(-3px);box-shadow:0 9px 25px #234b3e22}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.immersive-hero{padding:24px 4% 40px 6%;grid-template-columns:.95fr 1.05fr;gap:25px;min-height:590px}.hero-copy{position:relative;z-index:2}.hero-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #234b3e25;border-radius:50px;padding:8px 11px;font-size:8px;letter-spacing:1px;margin-bottom:22px}.live-dot{width:6px;height:6px;border-radius:50%;background:#84945f;display:inline-block;flex-shrink:0}.hero h1{font-size:clamp(70px,7.5vw,116px);line-height:.99;letter-spacing:-6.5px;font-weight:600}.hero h1>span,.hero h1>em{display:block}.hero h1>em{position:relative;width:fit-content}.hero h1>em:after{content:'';position:absolute;bottom:-11px;left:4%;right:4%;height:21px;border-bottom:3px solid var(--orange);border-radius:50%}.intro{font-size:14px;margin:30px 0 24px}.hero-actions{display:flex;align-items:center;gap:22px}.hero-secondary{font-size:11px;border-bottom:1px solid #234b3e60;padding:6px 0}.hero-secondary span{margin-left:7px}.hero-foot{margin-top:23px;font-size:9px;gap:24px}.sponge-stage{height:535px;position:relative;border-radius:42% 42% 28% 28%;isolation:isolate;background:radial-gradient(ellipse at 48% 33%,#f9ecb6 0%,#e8ecce 43%,#cfdab6 95%);--px:0px;--py:0px;transition:background 1s}.stage-glow{position:absolute;inset:10%;background:#ffffff45;border-radius:50%;filter:blur(28px)}.stage-word{position:absolute;top:60px;left:13%;font-family:Manrope;font-weight:600;letter-spacing:-9px;font-size:115px;color:#ffffff75;transform:rotate(-9deg);z-index:-1}.stage-orbit{position:absolute;inset:10% -2%;border:1px solid #fff9;border-radius:50%;pointer-events:none}.orbit-one{transform:rotate(-35deg) scaleY(.7)}.orbit-two{transform:rotate(35deg) scaleY(.7)}.stage-bubble{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ffffff80,#ffffff00 60%);border:1px solid #fff7;box-shadow:inset 4px 4px 7px #fff3;pointer-events:none;animation:bubbleFloat 6s ease-in-out infinite alternate}.bubble-one{width:55px;height:55px;left:4%;top:49%}.bubble-two{width:22px;height:22px;right:6%;top:20%;animation-delay:-2s}.bubble-three{width:85px;height:85px;right:5%;bottom:12%;animation-delay:-3s}.stage-characters{position:absolute;inset:0;transform:translate(var(--px),var(--py));transition:transform .2s ease-out}.sponge-actor{position:absolute;padding:0;background:none;transition:transform .55s var(--ease);z-index:3}.sponge-actor img{width:100%;height:auto;filter:drop-shadow(0 22px 13px #354a3d25);transition:filter .4s,transform .45s var(--ease);pointer-events:none}.actor-inner{display:block;position:relative;animation:floatSponge 5.5s ease-in-out infinite;will-change:transform}.actor-fleur{width:43%;left:-3%;top:12%;transform:rotate(-17deg)}.actor-fleur .actor-inner{animation-delay:-1.6s}.actor-cactus{width:44%;right:-2%;top:8%;transform:rotate(15deg)}.actor-cactus .actor-inner{animation-delay:-3.5s}.actor-ourson{width:53%;left:24%;top:38%;transform:rotate(-5deg);z-index:5}.sponge-actor:hover img,.sponge-actor:focus-visible img{transform:scale(1.09) rotate(5deg);filter:drop-shadow(0 26px 16px #354a3d36)}.actor-label{display:inline-block;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);background:#faf9f3e6;backdrop-filter:blur(10px);border:1px solid #fff;border-radius:50px;font-size:9px;padding:7px 13px;white-space:nowrap;box-shadow:0 4px 12px #233f3512;opacity:0;transition:opacity .25s}.sponge-actor:hover .actor-label,.sponge-actor.selected .actor-label,.sponge-actor:focus-visible .actor-label{opacity:1}.stage-caption{position:absolute;left:7%;bottom:14%;background:#fff8;backdrop-filter:blur(16px);border:1px solid #fff9;border-radius:16px;display:flex;align-items:center;gap:26px;padding:14px 13px 14px 18px;z-index:7;transform:rotate(-7deg);box-shadow:0 10px 35px #234b3e10}.stage-caption>div>span{font-size:7px;letter-spacing:1px;display:block;margin-bottom:5px}.stage-caption b{font-size:19px;font-weight:500;letter-spacing:-.5px}.stage-compose{width:34px;height:34px;background:var(--green);color:#fff;border-radius:50%;font-size:22px}.stage-topnote{position:absolute;right:16%;top:2%;font-size:11px;transform:rotate(9deg);line-height:1.3;z-index:6}.stage-topnote span{display:inline-block;position:absolute;right:-26px;top:2px;color:var(--orange);font-size:24px}.stage-bottom{position:absolute;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px;font-size:9px;z-index:7}.stage-bottom button{background:#fff8;border:1px solid #fff;border-radius:50%;width:27px;height:27px;font-size:10px}.joy-ribbon{background:var(--lime);padding:24px 0;overflow:hidden;transform:rotate(-1.2deg);margin:5px -2% 0;border-top:1px solid #bdce9e;border-bottom:1px solid #bdce9e}.joy-ribbon>div{display:flex;align-items:center;justify-content:space-around;gap:30px;font-family:Manrope;font-size:20px;letter-spacing:-.5px;white-space:nowrap}.joy-ribbon i{font-style:normal;font-size:30px;color:var(--orange)}.section{padding-top:90px;padding-bottom:90px}.section-top h2{font-size:42px;max-width:620px}.modern-products{gap:20px}.modern-products .product-card{border:1px solid #234b3e10;background:#fff9;padding:12px 12px 16px;border-radius:22px;transition:transform .4s var(--ease),box-shadow .4s;position:relative}.modern-products .product-card:hover{transform:translateY(-9px);box-shadow:0 15px 40px #234b3e12}.modern-products .card-image{display:block;aspect-ratio:1;height:auto;border-radius:15px}.modern-products .card-image img{height:100%;width:100%;object-fit:cover}.modern-products .card-title{padding:0 7px}.modern-products .product-card>p{padding:0 7px}.tag{border-radius:100px;font-size:7px;padding:8px 11px;letter-spacing:.8px;backdrop-filter:blur(10px);background:#faf9f3bf}.card-bottom{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-top:16px;padding:0 7px}.mini-swatches{margin:0}.quick-button{font-size:10px;border:1px solid #234b3e30;background:none;border-radius:50px;padding:9px 10px}.quick-button span{margin-left:10px;font-size:15px}.quick-button:hover{background:var(--green);color:#fff}.collection-disclaimer{font-size:9px;text-align:center}.color-story{margin:0 3%;border-radius:40px;background:linear-gradient(135deg,#edeedd,#f2e9d9);padding-left:6%;padding-right:6%;gap:10%}.color-copy h2{font-size:76px;letter-spacing:-4px;line-height:1.1}.color-grid{gap:25px}.color-grid a{transition:transform .5s var(--ease)}.color-grid a:nth-child(1){transform:rotate(-4deg)}.color-grid a:nth-child(2){transform:rotate(5deg) translateY(20px)}.color-grid a:nth-child(3){transform:rotate(3deg)}.color-grid a:nth-child(4){transform:rotate(-3deg) translateY(20px)}.color-grid img{border-radius:20px;box-shadow:0 14px 30px #234b3e10}.color-grid a:hover{transform:rotate(0) translateY(-8px)}.choose-section{position:relative}.choose-top{position:absolute;right:6%;top:105px}.surprise-button{border:1px solid #234b3e40;border-radius:100px;background:none;padding:13px 20px;font-size:12px;display:flex;align-items:center;gap:10px;transition:background .2s}.surprise-button:hover{background:var(--lime)}.surprise-button>span{font-size:23px}.character-grid>a{padding:26px;border-radius:20px;border:0;background:#eeeee4;transition:transform .3s var(--ease),background .3s}.character-grid>a:nth-child(2){background:#f3e4d8}.character-grid>a:nth-child(3){background:#e5ebde}.character-grid>a:hover{transform:translateY(-5px);background:#e2e9d4}.character-icon svg{width:40px;height:40px}.story h2{font-size:56px;letter-spacing:-2.6px}.story-art{border-radius:45% 45% 18px 18px}.story-note{border-radius:14px}.how{margin:0 3%;border-radius:30px;background:var(--green);color:var(--cream)}.how .eyebrow{color:#dae4ce}.steps>div{border-color:#ffffff30}.steps p{color:#e2e6da}.steps span{color:#e7b984}.faq h2{font-size:43px}.last-cta{margin:0 3%;border-radius:32px;background:#dcebb6;color:var(--green);position:relative;overflow:hidden}.last-cta>span{color:var(--orange)}.last-cta:before,.last-cta:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #83965f50;border-radius:50%;top:15%;pointer-events:none}.last-cta:before{left:-130px}.last-cta:after{right:-130px}.last-cta h2{font-size:56px;letter-spacing:-2.5px}.last-cta .button{background:var(--green);color:var(--cream)}footer{padding-top:65px}.footer-main{padding-bottom:45px}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .stage-characters{transform:none}.motion-paused .hero h1>span,.motion-paused .hero h1>em{animation:none}.immersive-hero h1>span,.immersive-hero h1>em{animation:heroArrival .85s var(--ease) both}.immersive-hero h1>span:nth-child(2){animation-delay:.1s}.immersive-hero h1>em{animation-delay:.2s}
@keyframes floatSponge{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes bubbleFloat{from{transform:translateY(-9px)}to{transform:translateY(10px)}}@keyframes heroArrival{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
#builder{width:min(900px,95vw);padding:0;border-radius:25px;overflow:auto}#builder>.close{position:absolute;right:18px;top:15px;z-index:5;background:#fff9;border-radius:50%;width:32px;height:32px;font-size:25px}.builder-layout{display:grid;grid-template-columns:.95fr 1.05fr}.builder-visual{position:relative;background:#ece9dc;display:flex;align-items:center;padding:15px;border-radius:25px 0 0 25px;overflow:hidden}.builder-visual img{width:100%;border-radius:22px}.builder-sticker{position:absolute;bottom:30px;left:22px;padding:14px 18px;background:var(--lime);transform:rotate(-7deg);border-radius:14px;font-size:16px;line-height:1.3;letter-spacing:-.5px}.builder-details{padding:38px 32px 25px}.builder-details .eyebrow{font-size:8px;margin-bottom:12px}.builder-details h2{font-size:34px;line-height:1.1;letter-spacing:-1.3px}.builder-subtitle{font-size:11px;color:var(--muted);margin:14px 0 24px}.builder-shapes{display:flex;gap:8px;margin-bottom:20px}.builder-shapes button{background:none;border:1px solid #234b3e20;border-radius:100px;font-size:11px;padding:10px 16px}.builder-shapes button[aria-pressed=true]{background:var(--green);color:#fff}.builder-color-label{margin-top:15px}.builder-details .color-options{margin:17px 0 25px;gap:20px}.builder-packs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.builder-packs button{border:1px solid #234b3e20;border-radius:12px;background:none;padding:13px 10px;text-align:left;font-size:10px}.builder-packs b{display:block;font-weight:500;font-size:10px;margin-bottom:7px}.builder-packs button[aria-pressed=true]{background:#edf0e4;border-color:var(--green)}.builder-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;margin:22px 0 14px;color:var(--muted)}.builder-summary b{font-size:19px;font-weight:500;color:var(--green)}#builder-add{width:100%;justify-content:space-between;font-size:12px;padding:17px 20px}.builder-detail-link{display:block;text-align:center;font-size:10px;margin-top:15px}.builder-note{font-size:8px;color:var(--muted);margin-top:16px;text-align:center;line-height:1.5}
.studio-main{padding-top:27px}.studio-photo{border-radius:24px;perspective:1000px;border:1px solid #fff;box-shadow:0 22px 50px #234b3e0b;transition:transform .25s ease-out}.studio-photo>img{transform:rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg)) scale(1.015);transition:transform .3s;position:relative;z-index:1;border-radius:24px}.studio-photo .tag{z-index:3}.studio-halo{position:absolute;inset:0;background:var(--chosen-tint,#e7dac2);transition:background .45s}.studio-caption{position:absolute;bottom:20px;left:22px;font-size:9px;padding:8px 12px;border-radius:50px;background:#fff9;backdrop-filter:blur(10px);z-index:3}.zoom{z-index:3}.thumbnails button{border-radius:12px}.thumbnails img{border-radius:8px}.thumbnails button.selected{background:#edf0e4}.studio-eyebrow{display:flex;align-items:center;gap:8px}.product-details h1>.product-name{font-size:54px;letter-spacing:-2.7px}.product-details .option-label{justify-content:flex-start;gap:7px;align-items:center}.product-details .option-label>span:last-child:not(.step-number){margin-left:auto}.step-number{background:#ebeee2;border-radius:50%;display:grid;place-items:center;width:21px;height:21px;font-size:8px}.shape-options button{border-radius:13px;transition:background .3s,transform .3s}.shape-options button:hover{transform:translateY(-3px)}.shape-options img{border-radius:9px}.color-options button{min-height:35px}.color-options i{transition:transform .3s}.color-options button:hover i{transform:scale(1.13)}.packs button{border-radius:13px;transition:background .3s}.selection-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px}.selection-summary>span{color:var(--muted)}.selection-summary>b{font-weight:500}.buy-line{margin-top:12px}.buy-line>.button{font-size:12px}.quantity{border-radius:50px}.quantity button{height:52px}.concept-note{border-radius:12px}.product-banner{border-radius:25px}.back-collection h2{font-size:42px}.studio-main .gallery{top:113px}dialog{box-shadow:0 30px 100px #233f3540}dialog[open]{animation:dialogIn .3s var(--ease)}@keyframes dialogIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1550px){.immersive-hero{padding-left:max(6%,calc((100vw - 1420px)/2));padding-right:max(4%,calc((100vw - 1420px)/2));min-height:675px}.sponge-stage{height:610px}header{max-width:1440px;margin-left:auto;margin-right:auto}}
@media(max-width:1050px){header{padding:0 18px}.logo .wordmark{font-size:22px}nav{font-size:10px;gap:18px}.hero h1{font-size:82px;letter-spacing:-5px}.sponge-stage{height:480px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-secondary{font-size:10px}.stage-word{font-size:95px}.stage-caption{bottom:10%;left:2%;gap:12px}.card-bottom{flex-wrap:wrap;gap:13px}.color-copy h2{font-size:62px}.section-top h2{font-size:34px}.studio-main .gallery{top:112px}.product-details h1>.product-name{font-size:43px}}
@media(max-width:760px){header{top:8px;margin:10px 4% 0;height:96px;border-radius:16px;padding:8px 16px 0;align-content:space-between}.logo-mascot{width:35px;height:35px}.logo .wordmark{font-size:21px;padding-bottom:13px}.logo .wordmark em{font-size:6px}.cart-toggle{padding:7px 9px}.cart-toggle svg{height:20px;width:18px}nav{background:none;font-size:8px;gap:18px;height:30px;margin:0;justify-content:space-between}.immersive-hero{padding:28px 6% 22px;display:flex;gap:25px}.hero-pill{font-size:7px;padding:7px 10px;margin-bottom:17px}.hero h1{font-size:76px;letter-spacing:-5.5px}.hero h1>span:nth-child(2){display:inline}.hero h1>em{display:inline}.hero h1>em:after{bottom:-8px;height:15px;border-width:2px}.intro{font-size:13px;margin:25px 0 21px}.hero-actions{gap:20px}.hero-actions .button{padding:16px 19px;font-size:11px;gap:23px}.hero-secondary{font-size:10px}.hero-foot{font-size:8px;gap:20px;margin-top:19px}.sponge-stage{height:350px;width:100%;margin-top:5px;border-radius:42% 42% 25% 25%}.stage-word{font-size:82px;top:40px;letter-spacing:-6px;left:17%}.actor-fleur{width:43%;left:-1%;top:10%}.actor-cactus{width:43%;right:0;top:7%}.actor-ourson{width:52%;left:24%;top:35%}.stage-caption{bottom:14%;left:1%;padding:10px 10px 10px 13px;gap:16px;border-radius:13px}.stage-caption b{font-size:16px}.stage-caption>div>span{font-size:6px}.stage-compose{width:28px;height:28px;font-size:19px}.stage-topnote{right:16%;top:0;font-size:8px}.stage-topnote span{font-size:20px;right:-22px}.stage-bottom{font-size:8px;bottom:0}.actor-label{font-size:8px;padding:5px 10px;bottom:-4px}.bubble-one{width:38px;height:38px}.bubble-three{width:55px;height:55px;bottom:18%}.joy-ribbon{padding:18px 0;margin-top:5px}.joy-ribbon>div{font-size:15px;justify-content:flex-start;gap:25px;padding-left:25px;width:max-content}.joy-ribbon i{font-size:20px}.section{padding-top:54px;padding-bottom:54px}.section-top h2{font-size:31px;letter-spacing:-1.4px}.modern-products .card-image{aspect-ratio:1.1}.modern-products .product-card{padding:10px 10px 16px;border-radius:22px}.card-bottom{flex-wrap:nowrap}.quick-button{font-size:11px;padding:11px 14px}.mini-swatches i{width:13px;height:13px}.mini-swatches span{font-size:10px}.collection-disclaimer{font-size:8px}.color-story{margin:0 4%;border-radius:27px;padding:40px 7% 45px}.color-copy h2{font-size:56px;letter-spacing:-2.8px}.color-grid{gap:17px;padding-bottom:20px}.color-grid img{border-radius:15px}.color-grid span{font-size:9px;line-height:1.4}.choose-top{position:static;margin-bottom:28px}.surprise-button{padding:11px 16px;font-size:11px}.choose-section>h2{font-size:32px}.character-grid>a{padding:20px}.character-icon svg{width:35px;height:35px}.story h2{font-size:40px;letter-spacing:-1.7px}.story-art{border-radius:40% 40% 16px 16px}.how{margin:0 4%;border-radius:27px;padding:40px 7%}.how h2{font-size:30px}.steps h3{font-size:23px}.faq h2{font-size:33px}.last-cta{margin:0 4%;border-radius:27px;padding:42px 6%}.last-cta h2{font-size:36px;letter-spacing:-1.5px}.last-cta:before,.last-cta:after{width:170px;height:170px}.last-cta:before{left:-120px}.last-cta:after{right:-120px}footer{padding-top:45px}.footer-links{font-size:10px}.footer-main{padding-bottom:30px;gap:16px}.footer-main .logo{gap:5px}.footer-main .logo-mascot{width:31px}.footer-main .logo .wordmark{font-size:20px}.footer-bottom{font-size:8px}.studio-main{padding-top:20px}.studio-main .gallery{position:static}.studio-photo{border-radius:22px}.studio-caption{font-size:8px;bottom:16px;left:15px}.product-details h1>.product-name{font-size:43px}.selection-summary{font-size:9px}.buy-line{background:#faf9f3e8;backdrop-filter:blur(12px);padding:9px;border-radius:50px;bottom:10px}.buy-line>.button{font-size:11px;padding:16px 17px}.quantity button{height:49px}.product-banner{padding:25px}.back-collection h2{font-size:30px}#builder{max-height:94dvh;width:95vw;border-radius:22px}.builder-layout{grid-template-columns:1fr}.builder-visual{height:235px;border-radius:22px 22px 0 0;justify-content:center;padding:5px}.builder-visual img{height:100%;width:auto;max-width:100%;border-radius:15px}.builder-sticker{left:15px;bottom:20px;padding:10px 13px;font-size:12px}.builder-details{padding:25px 22px 20px}.builder-details h2{font-size:28px}.builder-subtitle{margin:11px 0 20px;font-size:10px}.builder-shapes{margin-bottom:17px}.builder-details .color-options{margin:13px 0 20px}.builder-summary{margin:17px 0 13px}.builder-packs button{padding:11px 12px}.builder-packs b{font-size:10px}.builder-detail-link{margin-top:12px}.builder-note{margin-top:12px;font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.stage-characters,.studio-photo>img{transform:none!important}}
@media(max-width:760px){.hero h1{font-size:66px;letter-spacing:-4.5px}.hero h1>span:nth-child(2),.hero h1>em{display:block}.hero h1>em{width:fit-content}.hero h1>em:after{bottom:-7px}.immersive-hero{gap:25px}.hero .hero-foot{font-size:8px}}
@media(max-width:760px){.hero h1{font-size:62px;letter-spacing:-4px}.hero h1>span:nth-child(2),.hero h1>em{display:inline;font-size:46px;letter-spacing:-2.5px}.hero h1>em:after{height:12px;bottom:-6px}.hero-actions{gap:12px;flex-wrap:nowrap}.hero-actions .button{padding:15px 16px;font-size:10px;gap:13px}.hero-secondary{font-size:9px;white-space:nowrap}.hero-secondary span{margin-left:3px}.immersive-hero{padding-top:24px}.intro{margin-top:22px}}
@media(max-width:360px){.hero h1{font-size:55px}.hero h1>span:nth-child(2),.hero h1>em{font-size:41px}.hero-actions{flex-wrap:wrap;gap:15px}.hero-foot{gap:10px}.shape-options button{flex-direction:column}}
.motion-paused dialog[open]{animation:none;opacity:1;transform:none}
.usage-hero{grid-template-columns:1fr 1.08fr;gap:40px;padding-top:27px;align-items:center}.usage-hero h1{font-size:clamp(60px,6.1vw,92px);letter-spacing:-4.8px;line-height:1.05}.usage-hero .intro{font-size:13px;line-height:1.8;max-width:425px;margin-top:28px}.usage-hero .hero-actions{gap:20px}.usage-scene{position:relative;height:535px;border-radius:30px;overflow:hidden;isolation:isolate;box-shadow:0 20px 50px #234b3e0b;background:#eae6da}.usage-image{width:100%;height:100%;object-fit:cover;object-position:50% 50%;animation:usageBreath 9s ease-in-out infinite alternate}.usage-scene:after{content:'';position:absolute;inset:50% 0 0;z-index:1;background:linear-gradient(0deg,#1c322959,transparent);pointer-events:none}.usage-label{position:absolute;z-index:2;left:20px;top:20px;background:#faf9f3e6;backdrop-filter:blur(12px);border:1px solid #fff8;border-radius:50px;padding:9px 12px;font-size:7px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.usage-caption{position:absolute;left:25px;bottom:35px;z-index:2;color:#fff}.usage-caption>span{font-size:7px;letter-spacing:1px}.usage-caption>b{font-family:Manrope;font-size:30px;font-weight:500;display:block;line-height:1.2;letter-spacing:-1px;margin:10px 0 18px}.usage-steps{display:flex;align-items:center;gap:10px;font-size:8px}.usage-steps>span{padding:8px 10px;border:1px solid #ffffff60;border-radius:50px;background:#ffffff1a;backdrop-filter:blur(10px)}.usage-steps>i{font-style:normal}.usage-disclaimer{position:absolute;z-index:2;right:16px;bottom:13px;font-size:6px;color:#fff;opacity:.9}.companion-playground{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:center;padding-top:80px;padding-bottom:40px}.playground-copy h2{font-size:42px;letter-spacing:-2px;line-height:1.3;margin-bottom:23px}.playground-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:400px;margin-bottom:25px}@keyframes usageBreath{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(max-width:1050px){.usage-hero{gap:25px}.usage-hero h1{font-size:65px;letter-spacing:-4px}.usage-scene{height:480px}.usage-hero .hero-actions{gap:14px}.usage-hero .hero-secondary{font-size:9px}.usage-hero .hero-actions .button{gap:22px;font-size:11px}.playground-copy h2{font-size:35px}}
@media(max-width:760px){.usage-hero{display:flex;gap:26px}.usage-hero h1{font-size:51px;letter-spacing:-3px;line-height:1.08}.usage-hero h1>span:nth-child(2),.usage-hero h1>em{display:block;font-size:51px;letter-spacing:-3px}.usage-hero h1>em{width:fit-content}.usage-hero .intro{font-size:12px;margin-top:25px;max-width:none}.usage-hero .hero-actions{gap:15px;flex-wrap:nowrap}.usage-hero .hero-actions .button{font-size:10px;padding:15px 16px;gap:15px}.usage-hero .hero-secondary{font-size:8px}.usage-scene{height:380px;width:100%;border-radius:24px}.usage-label{top:15px;left:15px;font-size:6px;padding:8px 10px}.usage-caption{left:20px;bottom:33px}.usage-caption>b{font-size:27px;margin:9px 0 14px}.usage-steps{gap:7px;font-size:7px}.usage-steps>span{padding:7px 9px}.usage-caption>span{font-size:6px}.usage-disclaimer{font-size:6px}.companion-playground{grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:15px}.playground-copy h2{font-size:33px;letter-spacing:-1.5px}.playground-copy>p:not(.eyebrow){font-size:12px}.companion-playground .sponge-stage{margin-top:0}}
@media(max-width:360px){.usage-hero h1,.usage-hero h1>span:nth-child(2),.usage-hero h1>em{font-size:46px;letter-spacing:-2.5px}.usage-hero .hero-actions{flex-wrap:wrap}}
.usage-motion-control{position:absolute;z-index:3;right:20px;top:20px;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:10px;background:#faf9f3d9;backdrop-filter:blur(10px);border:1px solid #fff8}
@media(max-width:760px){.usage-motion-control{right:15px;top:15px;width:28px;height:28px}}
.character-icon img{height:46px;width:46px;max-width:none}.character-grid .eyebrow{letter-spacing:1px;font-size:7px;line-height:1.6}
@media(max-width:760px){.character-icon img{height:38px;width:38px}.character-grid .eyebrow{font-size:7px;letter-spacing:.6px}}