@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--accent:#f97316;--lime:#fb923c;--muted:#94a3b8;--line:#30394a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',sans-serif;background:#f8fafc;color:#172033}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f97316;outline-offset:5px}header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 max(5%,calc((100% - 1200px)/2));background:#101725;color:white;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:700;letter-spacing:.7px}.brand-logo{height:54px;width:54px;object-fit:contain;border-radius:50%}.brand small{display:block;letter-spacing:5px;font-size:9px;color:#a7b0c3;margin-top:4px}nav{display:flex;gap:30px;font-size:13px;color:#bdc6d5}nav a:hover{color:#fb923c}.contact{border:1px solid #ffffff29;background:#ffffff08;padding:12px 19px;font-size:12px;border-radius:10px}.contact span{margin-left:15px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:650px;text-align:center;background:radial-gradient(ellipse at 50% 115%,#8e381d6b,transparent 62%),radial-gradient(ellipse at 0 10%,#25376070,transparent 55%),#101725;color:white;padding:55px 20px 65px}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.23;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(#000,transparent)}.hero-copy{position:relative;max-width:800px;margin:auto;z-index:2}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#ea7a30;display:flex;align-items:center;gap:8px}.hero .eyebrow{justify-content:center;color:#c5cddd;font-size:9px}.eyebrow>span{width:6px;height:6px;background:#fb923c;border-radius:50%}.hero-brand{width:100px;height:100px;object-fit:contain;border-radius:50%;margin-top:25px;box-shadow:0 0 55px #f9731617}h1{font-size:clamp(44px,5vw,68px);line-height:1.1;letter-spacing:-2.5px;margin:23px 0;font-weight:600}h1 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;color:#ffb37d;letter-spacing:-1px}.hero p{font-size:15px;line-height:1.9;color:#bcc5d5}.actions{display:flex;justify-content:center;gap:14px;align-items:center;margin-top:28px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 23px;border-radius:10px;font-size:13px;font-weight:700;transition:transform .2s}.primary{color:white;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 5px 20px #f9731620}.primary:hover,.secondary:hover{transform:translateY(-2px)}.secondary{background:#ffffff0a;border:1px solid #ffffff29;color:#f1f5f9}.hero-foot{display:flex;justify-content:center;gap:23px;margin-top:28px;color:#a3afc3;font-size:10px}.hero-foot span:before{content:'✓';color:#fb923c;margin-right:7px}.platform-field{position:absolute;inset:0;pointer-events:none}.platform-bubble{position:absolute;display:grid;place-items:center;width:69px;height:69px;border-radius:20px;background:#ffffff08;border:1px solid #ffffff1c;box-shadow:0 10px 35px #0003;pointer-events:auto;animation:bob 7s ease-in-out infinite}.platform-bubble img{width:43px;height:43px;object-fit:contain;border-radius:12px}.bubble-0{left:8%;top:15%;transform:rotate(-12deg)}.bubble-1{left:18%;top:57%;animation-delay:-2s}.bubble-2{right:9%;top:16%;animation-delay:-4s}.bubble-3{right:16%;top:58%;animation-delay:-1s}.bubble-4{left:5%;top:77%;animation-delay:-3s}.bubble-5{right:4%;top:78%;animation-delay:-5s}.bubble-6{left:25%;top:8%;width:52px;height:52px;opacity:.55}.bubble-7{right:26%;top:7%;width:52px;height:52px;opacity:.55}.bubble-6 img,.bubble-7 img{width:32px;height:32px}.scroll-cue{display:grid;place-items:center;width:28px;height:38px;border:1px solid #ffffff30;border-radius:20px;margin:35px auto 0;color:#b7c0ce}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -12px}}.catalog{max-width:1240px;margin:auto;padding:75px 30px}.section-top{text-align:center;margin-bottom:32px}.section-top .eyebrow{justify-content:center}h2{font-size:38px;letter-spacing:-1.5px;line-height:1.15;margin:13px 0;font-weight:700}h2>span{color:#ea580c}.section-top p{font-size:13px;line-height:1.8;color:#64748b}.tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;background:white;border:1px solid #e2e8f0;padding:13px;border-radius:15px}.filters{display:flex;flex-wrap:wrap;gap:4px}.filters button{cursor:pointer;border:0;background:transparent;padding:10px 12px;border-radius:8px;font-size:11px;color:#64748b}.filters button.selected{background:#fff0e5;color:#c2410c;font-weight:700}.filters button:hover{background:#f1f5f9}.search{display:flex;align-items:center;gap:9px;border:1px solid #e2e8f0;border-radius:9px;padding:0 11px;background:#f8fafc}.search>span{font-size:23px;color:#94a3b8}.search input{border:0;background:transparent;color:#172033;font-size:11px;padding:11px 0;width:160px;min-width:0}.results{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#78869b;margin:23px 2px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}.service-card{position:relative;display:block;width:100%;border:1px solid #e4e9f0;background:white;color:#172033;border-radius:16px;padding:0;text-align:left;overflow:hidden;cursor:pointer;box-shadow:0 3px 14px #0f172a04;transition:.2s}.service-card:hover{transform:translateY(-5px);border-color:#fdba74;box-shadow:0 12px 30px #0f172a0c}.card-media{display:flex;align-items:center;justify-content:center;height:135px;background:radial-gradient(ellipse at center,#ffffff06,#f7f9fc);position:relative;border-bottom:1px solid #f1f5f9}.card-media img{width:67px;height:67px;object-fit:contain;border-radius:17px;box-shadow:0 5px 20px #0f172a12}.card-media>span{position:absolute;left:12px;top:12px;color:#64748b;font-size:8px;letter-spacing:.6px;background:#ffffffd9;padding:5px 8px;border:1px solid #edf0f4;border-radius:5px}.card-body{display:block;padding:20px}.service-name{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.service-description{display:block;color:#7b8798;font-size:11px;line-height:1.7;min-height:38px}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:15px;margin-top:14px;border-top:1px solid #edf0f4;color:#ea580c;font-size:11px;font-weight:600}.service-arrow{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff0e5;font-size:16px}#empty{padding:40px;text-align:center;color:#64748b}#empty a{color:#ea580c}.how{background:white;border-top:1px solid #e9edf3;border-bottom:1px solid #e9edf3;padding:65px max(5%,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.how h2{font-size:37px;margin-bottom:24px}.text-link{font-size:12px;color:#ea580c;border-bottom:1px solid #fed7aa;padding-bottom:6px}.steps article{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #eef1f5}.steps article:last-child{border-bottom:0}.steps article>span{display:grid;place-items:center;background:#fff0e5;color:#ea580c;border-radius:11px;min-width:39px;height:39px;font-size:12px;font-weight:700}.steps h3{margin:0 0 8px;font-size:15px}.steps p{margin:0;color:#748196;font-size:12px;line-height:1.8}.cta{text-align:center;color:white;background:radial-gradient(ellipse at 50% 150%,#ad491e60,transparent 75%),#111827;padding:65px 20px}.cta .eyebrow{justify-content:center;color:#fb923c}.cta h2{font-size:40px}.cta p{color:#aab6c8;font-size:13px;line-height:1.8;margin-bottom:25px}.phone{display:block;font-size:12px;color:#b1bdce;margin-top:20px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#0c1220;color:white;border-top:1px solid #ffffff12;padding:35px max(5%,calc((100% - 1180px)/2))}footer p{font-size:11px;color:#94a3b8}footer>small{font-size:9px;color:#7b8aa2;line-height:1.8;text-align:right}.float-wa{position:fixed;right:22px;bottom:22px;display:flex;align-items:center;gap:9px;background:#22c55e;color:white;z-index:10;padding:13px 19px;border-radius:30px;box-shadow:0 7px 25px #16a34a40;font-size:20px}.float-wa span{font-size:11px;font-weight:700}
.dialog-open{overflow:hidden}.service-dialog{background:#13151d;color:#f6f5f9;border:1px solid #393d49;border-radius:18px;padding:30px;width:min(660px,calc(100% - 28px));max-height:85vh;max-height:85dvh;box-shadow:0 25px 100px #0009}.service-dialog::backdrop{background:#05060acb;backdrop-filter:blur(6px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-service{display:flex;align-items:center;gap:18px}.dialog-service img{width:64px;height:64px;object-fit:contain;border-radius:14px}.dialog-service h2{font-size:27px;margin:8px 0 0;letter-spacing:-1px}.dialog-close{color:white;background:#242733;border:1px solid #3e4250;width:36px;height:36px;flex-shrink:0;border-radius:50%;font-size:25px;cursor:pointer;line-height:1}.dialog-intro{font-size:12px;line-height:1.7;color:var(--muted);margin:22px 0}.modal-plans{list-style:none;padding:0;margin:0}.modal-plans li{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.modal-plans small{display:block;color:var(--muted);font-size:9px;letter-spacing:.7px}.modal-plans h3{font-size:14px;margin:9px 0;line-height:1.5;letter-spacing:0}.plan-action{display:flex;align-items:flex-end;flex-direction:column;gap:10px;flex-shrink:0}.plan-action strong{font-family:'Space Grotesk',sans-serif;font-size:24px;color:var(--lime)}.plan-action a{display:block;background:var(--lime);color:#17200b;border-radius:5px;padding:10px 13px;font-size:11px;font-weight:700}@media(max-width:700px){.service-name{font-size:13px}.service-description{font-size:10px;min-height:45px}.service-card .card-bottom>span{font-size:9px}.service-dialog{padding:20px}.dialog-service{gap:12px}.dialog-service img{width:48px;height:48px}.dialog-service h2{font-size:21px}.modal-plans li{gap:12px}.modal-plans h3{font-size:12px}.plan-action strong{font-size:21px}.plan-action a{font-size:10px;padding:10px}.dialog-intro{font-size:11px}}

@media(max-width:1050px){.tools{justify-content:center}.platform-bubble{width:56px;height:56px}.platform-bubble img{width:36px;height:36px}.bubble-1{left:7%}.bubble-3{right:7%}.bubble-6,.bubble-7{display:none}.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header{height:80px;padding:0 5%;gap:10px}.brand{font-size:13px;gap:8px}.brand-logo{width:46px;height:46px}.brand small{font-size:8px;letter-spacing:4px}nav{display:none}.contact{font-size:11px;padding:10px 12px}.contact span{margin-left:6px}.hero{min-height:610px;padding:40px 20px 35px}.hero-copy{max-width:430px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero-brand{width:88px;height:88px}h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:12px}.hero p br{display:none}.actions{gap:10px;flex-wrap:wrap}.primary,.secondary{font-size:11px;padding:14px 16px}.hero-foot{gap:12px;font-size:8px}.platform-bubble{width:39px;height:39px;border-radius:12px;opacity:.6}.platform-bubble img{width:27px;height:27px;border-radius:7px}.bubble-0{left:4%;top:17%}.bubble-2{right:4%;top:18%}.bubble-1{left:2%;top:67%}.bubble-3{right:2%;top:68%}.bubble-4,.bubble-5{display:none}.catalog{padding:46px 5%}.section-top h2{font-size:32px}.section-top p{font-size:12px}.tools{padding:10px;gap:14px}.filters{justify-content:center}.filters button{font-size:10px;padding:9px 10px}.search{width:100%}.search input{width:100%}.results{font-size:9px;gap:15px}.results>span:last-child{text-align:right;max-width:165px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-media{height:115px}.card-media img{width:57px;height:57px}.card-media>span{font-size:7px;left:8px;top:8px}.card-body{padding:14px}.service-name{font-size:12px}.service-description{font-size:10px;min-height:48px}.card-bottom{font-size:9px;gap:5px}.service-arrow{min-width:21px;width:21px;height:21px}.how{padding:45px 6%;grid-template-columns:1fr;gap:20px}.how h2{font-size:32px}.cta{padding:48px 6%}.cta h2{font-size:32px}footer{padding:30px 6% 85px;flex-wrap:wrap}footer p{display:none}footer>small{text-align:left;width:100%}.float-wa{right:15px;bottom:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}