.studio-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;padding:80px 0 85px}.studio-hero h1{font-size:clamp(56px,6.2vw,88px);letter-spacing:-4px;line-height:1.04}.studio-hero .intro{max-width:480px;font-size:15px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:30px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--lime);color:#142118;border-radius:40px;padding:15px 23px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#dcffa5;transform:translateY(-2px)}.primary span{font-size:21px}.quiet{font-size:12px;color:var(--muted)}.web-scene{position:relative;isolation:isolate;padding:20px 12px 45px}.scene-orbit{position:absolute;inset:-45px -25px;border:1px solid #b1d89422;border-radius:50%;transform:rotate(-30deg);z-index:-1;background:radial-gradient(ellipse,#719c3f1c,transparent 65%)}.design-window{border:1px solid #8caa7950;border-radius:16px;overflow:hidden;background:#19281f;box-shadow:0 35px 100px #0005;transform:rotate(-5deg)}.window-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a2b49322;padding:14px 18px;font-size:8px;letter-spacing:2px;color:#a5b79d}.window-bar>div{display:flex;gap:5px}.window-bar i{width:5px;height:5px;border-radius:50%;background:#698064}.window-bar b{font-size:16px}.window-body{padding:30px}.tiny{font-size:8px;letter-spacing:2px;color:#a0b894}.window-body strong{display:block;font-size:42px;font-weight:400;line-height:1.05;letter-spacing:-2px;margin:22px 0}.window-body em{font-family:Georgia,serif;color:#c5fa78}.mock-rule{height:4px;width:65%;background:#9db09125;border-radius:6px;margin-bottom:20px}.mock-button{font-size:9px;display:inline-block;padding:8px 12px;background:#c5fa78;color:#19281f;border-radius:20px}.mock-products{display:flex;gap:12px;margin-top:28px}.mock-products i{display:block;width:33%;height:70px;border:1px solid #a4bc9420;border-radius:9px;background:radial-gradient(circle at 50% 40%,#99ba8266 0 20%,transparent 21%),linear-gradient(140deg,#365036,#203222)}.mock-products i:nth-child(2){background:linear-gradient(130deg,#a3bda642,transparent),#283a38}.mock-products i:nth-child(3){background:radial-gradient(ellipse,#cab3cc55,transparent),#35303b}.floating-note{position:absolute;bottom:17px;right:-5px;display:flex;align-items:center;gap:15px;padding:16px 21px;border:1px solid #87a57750;border-radius:14px;background:#263a29;font-size:11px;box-shadow:0 15px 35px #0003}.floating-note span{font-size:24px;color:var(--lime)}.scene-caption{position:absolute;top:calc(100% + 20px);left:0;right:0;text-align:center;font-size:8px;letter-spacing:3px;color:#7e997e}.capabilities{padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;border-block:1px solid #ffffff15;color:#8fa48f;font-size:9px;letter-spacing:1.8px}.capabilities i{font-style:normal;font-size:18px;color:var(--lime)}.content-section{padding:90px 0}.section-heading{margin-bottom:35px}.section-heading h2,.integration-block h2{font-size:clamp(32px,3.5vw,49px);line-height:1.12;font-weight:400;letter-spacing:-1.7px;margin:0 0 20px}h2 em{font-family:Georgia,serif;color:#c1d4b7;font-weight:400}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);max-width:500px;font-size:14px}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.offer{display:flex;flex-direction:column;padding:30px;border:1px solid #ffffff20;border-radius:18px;background:#14231c}.offer-shop{background:linear-gradient(145deg,#283b24,#19281b);border-color:#a2c77650}.offer-num{font-size:8px;letter-spacing:1.5px;color:#9eb091}.offer h3{font-weight:400;font-size:28px;letter-spacing:-1px;margin:26px 0 10px}.offer p{font-size:13px;color:var(--muted);margin:0;min-height:65px}.offer ul{list-style:none;margin:24px 0 30px;padding:22px 0 0;border-top:1px solid #ffffff15;font-size:12px;color:#c0cdbb}.offer li{position:relative;padding:0 0 12px 20px}.offer li:before{content:'↗';position:absolute;left:0;color:var(--lime)}.offer>a{margin-top:auto;font-size:12px;color:var(--lime)}.integration-block{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;border-radius:22px;background:linear-gradient(120deg,#1d3130,#13241f);padding:45px;border:1px solid #a4bba729}.integration-block>div>p:last-child{max-width:475px;color:#a5bcb0;font-size:13px}.integration-links{display:flex;flex-direction:column;justify-content:center;gap:15px}.integration-links>a{padding:22px;border:1px solid #b2d2be30;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b171c30;transition:border-color .2s}.integration-links>a:hover{border-color:#c5fa78}.integration-links small{font-size:8px;letter-spacing:1.6px;color:#a5cabb}.integration-links strong{font-weight:400;font-size:24px;display:block;margin-top:5px;letter-spacing:-.6px}.integration-links p{font-size:12px;color:#a7bfb1;margin:5px 0 0}.integration-links b{font-size:26px;font-weight:400;color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:40px 0 0}.steps li{border-top:1px solid #74866950;padding-top:20px}.steps span{font-size:12px;color:var(--lime)}.steps h3{font-size:17px;font-weight:400;line-height:1.3;margin:20px 0 10px}.steps p{font-size:12px;color:var(--muted);margin:0}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:35px 0 85px}.faq details{border-bottom:1px solid #ffffff20}.faq details:first-child{border-top:1px solid #ffffff20}.faq summary{padding:22px 25px 22px 0;cursor:pointer;font-size:14px;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:2px;color:var(--lime);font-size:20px;top:17px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 20px 25px 0}.faq summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.studio-contact{padding:60px 25px;text-align:center;border-top:1px solid #c5fa7828;border-bottom:1px solid #c5fa7828;background:radial-gradient(ellipse at 50% 100%,#59793628,transparent 70%)}.studio-contact h2{font-size:clamp(45px,5.5vw,76px);line-height:1.05;letter-spacing:-3px;font-weight:400;margin:0 0 22px}.studio-contact h2 em{color:var(--lime)}.studio-contact>p:not(.eyebrow){font-size:14px;max-width:470px;color:var(--muted);margin:0 auto 28px}.contact-note{display:block;font-size:11px;color:#8fa38d;margin-top:20px}.studio-page .footer{padding-top:30px}.motion-on .floating-note{animation:studio-float 7s ease-in-out infinite}@keyframes studio-float{50%{transform:translateY(-8px)}}@media(max-width:1050px){.studio-hero{gap:30px}.studio-hero h1{font-size:64px}.window-body strong{font-size:34px}.window-body{padding:25px}.offer{padding:24px}.integration-block{gap:30px;padding:30px}.steps{gap:20px}}@media(max-width:760px){.studio-page .header nav>a:not(.contact-pill){display:none}.studio-hero{grid-template-columns:1fr;gap:48px;padding:45px 0 60px}.studio-hero h1{font-size:61px;letter-spacing:-3px}.studio-hero .intro{font-size:14px}.actions{gap:18px}.primary{font-size:12px;padding:13px 20px}.web-scene{width:min(400px,90%);margin:auto;padding-bottom:30px}.scene-orbit{inset:-20px}.window-body strong{font-size:36px}.floating-note{font-size:10px;right:-10px;bottom:5px;padding:11px 16px}.scene-caption{top:calc(100% + 15px);font-size:7px;letter-spacing:2px}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:8px;letter-spacing:1px}.capabilities i{display:none}.content-section{padding:60px 0}.offer-grid{grid-template-columns:1fr}.offer{padding:26px}.offer p{min-height:0}.offer h3{margin-top:18px}.offer ul{margin:20px 0;padding-top:20px}.integration-block{grid-template-columns:1fr;gap:18px;padding:27px 22px}.integration-block h2{font-size:32px}.integration-links>a{padding:18px}.integration-links strong{font-size:22px}.steps{grid-template-columns:1fr 1fr;gap:30px 20px}.faq-section{grid-template-columns:1fr;gap:0;padding:0 0 60px}.section-heading h2{font-size:36px}.studio-contact{padding:45px 10px}.studio-contact h2{font-size:49px;letter-spacing:-2px}.studio-contact>p:not(.eyebrow){font-size:13px}.studio-page .footer{font-size:10px}}@media(max-width:350px){.studio-hero h1{font-size:51px}.window-body strong{font-size:29px}.window-body{padding:20px}.window-bar{letter-spacing:1px}.steps{grid-template-columns:1fr}.studio-contact h2{font-size:43px}}

.studio-page .skip{visibility:hidden}.studio-page .skip:focus{visibility:visible}