@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";html,body,#root{width:100%;min-width:320px;min-height:100%}body{margin:0}#root{min-height:100vh}:root{color:#eef2f7;font-synthesis:none;text-rendering:optimizelegibility;background:#09111f;font-family:Manrope,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:radial-gradient(circle at 75% 5%,#4a90e221,#0000 28%),radial-gradient(circle at 10% 45%,#4e73aa14,#0000 25%),#09111f;min-width:320px;min-height:100vh}body.modal-open{overflow:hidden}body,input,textarea,select,button{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{border:none;outline:none}button{cursor:pointer}.site{width:min(1180px,100% - 36px);margin:0 auto}.navbar{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070e1bf5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100vw;min-height:88px;margin-left:calc(50% - 50vw);padding-left:max(24px,50vw - 590px);padding-right:max(24px,50vw - 590px);display:flex;position:sticky;top:0;box-shadow:0 8px 30px #0000002e}.logo{letter-spacing:-.06em;color:#f8fafc;font-size:27px;font-weight:800}.logo span{color:#76a9e8}.navbar nav{align-items:center;gap:30px;display:flex}.navbar nav a,.footer-links a{color:#aab8ca;font-size:14px;font-weight:600;transition:color .2s}.navbar nav a:hover,.footer-links a:hover{color:#fff}.nav-cta{color:#fff;background:#2563eb;border-radius:10px;padding:13px 21px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.nav-cta:hover{background:#3b82f6;transform:translateY(-2px)}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:74px;min-height:calc(100vh - 88px);padding:80px 0;display:grid}.availability{color:#b9cee7;background:#24446a2e;border:1px solid #87aede33;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin-bottom:27px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.availability span{background:#79c99e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #79c99e1a}.hero h1{letter-spacing:-.065em;max-width:740px;font-size:clamp(47px,5.9vw,78px);line-height:1.04}.hero h1 span{color:#8db9ea}.hero-description{color:#a5b2c4;max-width:650px;margin-top:27px;font-size:17px;line-height:1.85}.hero-buttons{gap:14px;margin-top:35px;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{color:#08111f;background:#6f9ed6;box-shadow:0 16px 38px #386ca940}.primary:hover{background:#82afe3;box-shadow:0 18px 46px #386ca952}.secondary{color:#e8eef6;background:#ffffff05;border:1px solid #ffffff29}.secondary:hover{background:#ffffff0f}.hero-benefits{color:#8595aa;flex-wrap:wrap;gap:22px;margin-top:29px;font-size:12px;font-weight:600;display:flex}.hero-benefits span:before{content:"✓";color:#82b69b;margin-right:7px}.hero-preview{animation:6s ease-in-out infinite floatPreview}.preview-window{background:#101c2d;border:1px solid #ffffff21;border-radius:25px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 35px 90px #00000059}.preview-top{border-bottom:1px solid #ffffff14;align-items:center;gap:20px;min-height:51px;padding:0 17px;display:flex}.dots,.demo-browser-dots{gap:6px;display:flex}.dots span,.demo-browser-dots span{background:#405068;border-radius:50%;width:9px;height:9px}.address-bar{color:#718198;background:#ffffff0a;border-radius:7px;flex:1;padding:8px 13px;font-size:10px}.preview-content{background:linear-gradient(#0a132133,#0a1321fa),radial-gradient(circle at 80% 10%,#6697cd8c,#0000 34%),linear-gradient(135deg,#172a42,#101827);min-height:435px;padding:48px 38px 33px}.preview-label{color:#d8e5f4;background:#ffffff17;border-radius:999px;width:fit-content;padding:8px 11px;font-size:10px;font-weight:700}.preview-content h2{letter-spacing:-.055em;max-width:390px;margin-top:23px;font-size:40px;line-height:1.08}.preview-content>p{color:#9bacbf;max-width:340px;margin-top:15px;font-size:13px;line-height:1.7}.preview-button{color:#13233a;background:#eef3f9;border-radius:9px;width:fit-content;margin-top:23px;padding:11px 16px;font-size:11px;font-weight:800}.preview-cards{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:38px;display:grid}.preview-cards div{background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;height:63px}.trust-bar{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:30px;min-height:100px;padding:24px 0;display:flex}.trust-bar>p{color:#d5deea;font-weight:700}.trust-bar div{color:#78899f;flex-wrap:wrap;justify-content:flex-end;gap:24px;font-size:12px;display:flex}.section{padding:110px 0}.section-heading{max-width:760px;margin-bottom:50px}.section-label{color:#7cabe1;letter-spacing:.16em;text-transform:uppercase;margin-bottom:17px;font-size:11px;font-weight:800}.section-heading h2,.contact-information h2{letter-spacing:-.055em;font-size:clamp(36px,5vw,58px);line-height:1.08}.section-heading>p:last-child,.contact-information>p{color:#93a3b8;max-width:660px;margin-top:19px;line-height:1.8}.services-grid,.projects-grid,.reasons-grid,.pricing-grid,.process-grid{gap:18px;display:grid}.services-grid{grid-template-columns:repeat(4,1fr)}.service-card{background:#101c2d9e;border:1px solid #ffffff17;border-radius:19px;min-height:285px;padding:28px;transition:transform .25s,border-color .25s,background .25s}.service-card:hover{background:#142338d9;border-color:#80aee147;transform:translateY(-6px)}.service-number{color:#638bb8;font-size:13px;font-weight:800}.service-card h3{margin-top:69px;font-size:20px}.service-card p{color:#8d9db1;margin-top:13px;font-size:13px;line-height:1.75}.projects-grid{grid-template-columns:repeat(3,1fr)}.project-card{border:1px solid #ffffff1c;border-radius:23px;flex-direction:column;min-height:525px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.project-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #00000038}.restaurant{background:radial-gradient(circle at 80% 20%,#bb82577a,#0000 31%),linear-gradient(145deg,#4b3025,#121b29 58%)}.barber{background:radial-gradient(circle at 77% 18%,#677b917a,#0000 31%),linear-gradient(145deg,#293846,#111927 58%)}.artisan{background:radial-gradient(circle at 77% 18%,#4b819b75,#0000 31%),linear-gradient(145deg,#20444f,#111927 58%)}.project-top{color:#fff9;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.project-mockup{background:#070c1473;border:1px solid #ffffff24;border-radius:15px;margin:28px 0 25px;padding:18px;transform:perspective(700px)rotateX(3deg);box-shadow:0 20px 45px #0003}.mockup-nav{background:#ffffff1f;border-radius:999px;width:100%;height:11px}.mockup-title{background:#ffffffc7;border-radius:7px;width:72%;height:28px;margin-top:28px}.mockup-text{background:#ffffff2e;border-radius:999px;width:88%;height:9px;margin-top:13px}.mockup-button{background:#ffffffd1;border-radius:7px;width:82px;height:25px;margin-top:18px}.mockup-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:27px;display:grid}.mockup-grid span{background:#ffffff14;border-radius:8px;height:55px}.project-content{margin-top:auto}.project-content>p{color:#b5cde6;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:800}.project-content h3{letter-spacing:-.04em;margin-top:10px;font-size:30px}.project-content>span{color:#b6c1cf;margin-top:13px;font-size:13px;line-height:1.7;display:block}.project-button{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:47px;margin-top:22px;padding:0 16px;font-size:12px;font-weight:800;transition:background .2s,transform .2s;display:flex}.project-button:hover{background:#ffffff24;transform:translateY(-2px)}.project-button span{font-size:18px}.reasons-grid,.process-grid{grid-template-columns:repeat(4,1fr)}.reason-card,.process-grid article{text-align:left;background:#101c2db3;border:1px solid #ffffff17;border-radius:18px;min-height:225px;padding:28px;transition:transform .25s,border-color .25s}.reason-card:hover{border-color:#60a5fa59;transform:translateY(-5px)}.reason-card>span,.process-grid article>span{color:#7eb4ff;background:#2563eb29;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:inline-flex}.reason-card h3{margin-top:38px;font-size:19px}.reason-card p,.process-grid p{color:#91a1b6;margin-top:12px;font-size:13px;line-height:1.7}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.price-card{background:#101c2da1;border:1px solid #ffffff1a;border-radius:21px;flex-direction:column;padding:31px;display:flex;position:relative}.price-card.featured{background:#182d46c2;border-color:#76a9e894;transform:translateY(-13px);box-shadow:0 25px 70px #1a436f33}.popular-badge{color:#1f456d;background:#d9e8f8;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;top:19px;right:19px}.price-card h3{font-size:18px}.price{letter-spacing:-.055em;margin-top:18px;font-size:42px;font-weight:800}.price-card-top>p{color:#8e9db1;min-height:70px;margin-top:13px;font-size:13px;line-height:1.7}.price-card ul{flex:1;margin:24px 0 29px;list-style:none}.price-card li{color:#c1ccda;gap:10px;margin-top:13px;font-size:13px;display:flex}.price-card li span{color:#83b39a}.pricing-button{color:#eef3f9;background:#ffffff0a;border:1px solid #ffffff24;width:100%}.price-card.featured .pricing-button{color:#0b1727;background:#78a6d9;border-color:#0000}.maintenance-card{background:#ffffff06;border:1px solid #ffffff1a;border-radius:19px;justify-content:space-between;align-items:center;gap:30px;margin-top:26px;padding:31px 35px;display:flex}.maintenance-card h3{font-size:22px}.maintenance-card>div:first-child>p:last-child{color:#8f9fb3;margin-top:8px;font-size:13px}.maintenance-price{white-space:nowrap;align-items:baseline;gap:7px;display:flex}.maintenance-price strong{font-size:35px}.maintenance-price span{color:#8494a9;font-size:12px}.process-grid article>span{color:#fff;background:#2563eb;border-radius:50%}.process-grid h3{margin-top:27px;font-size:19px}.contact-section{background:radial-gradient(circle at 10% 10%,#2563eb2b,#0000 35%),#101c2d;border:1px solid #60a5fa33;border-radius:26px;grid-template-columns:.9fr 1.1fr;align-items:start;gap:60px;margin:70px 0 100px;padding:58px;display:grid}.contact-information h2{max-width:500px}.contact-links{gap:14px;margin-top:35px;display:grid}.contact-links a{color:#eef3f9;background:#ffffff09;border:1px solid #ffffff17;border-radius:11px;width:100%;padding:15px 17px;font-size:14px;font-weight:700;display:block}.contact-links a span{color:#74869d;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.contact-form{background:#060e1a7a;border:1px solid #ffffff17;border-radius:18px;gap:17px;padding:28px;display:grid}.contact-form label{color:#c4cfdd;gap:8px;font-size:12px;font-weight:700;display:grid}.contact-form input,.contact-form select,.contact-form textarea{color:#fff;resize:vertical;background:#091321;border:1px solid #ffffff1f;border-radius:10px;width:100%;padding:14px 15px;font-size:13px;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa17}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#607087}.contact-form select option{color:#111827}.submit-button{color:#fff;background:#2563eb;border:none;width:100%}.submit-button:hover{background:#3b82f6}.submit-button:disabled{cursor:not-allowed;opacity:.65;transform:none}.form-status{text-align:center;color:#c7d7ea;font-size:12px;line-height:1.6}footer{color:#73849a;border-top:1px solid #ffffff17;grid-template-columns:1fr auto auto;align-items:center;gap:50px;min-height:180px;font-size:11px;display:grid}footer>div:first-child p{margin-top:10px}.footer-links{gap:21px;display:flex}.demo-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02070edb;place-items:center;padding:24px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.demo-browser{color:#171717;background:#f7f5f1;border:1px solid #ffffff29;border-radius:22px;width:min(1180px,100%);max-height:calc(100vh - 48px);animation:.25s demoEnter;overflow:hidden;box-shadow:0 40px 120px #00000080}.demo-browser-bar{background:#ecedef;border-bottom:1px solid #00000014;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:54px;padding:0 18px;display:grid}.demo-browser-dots span:first-child{background:#ef6a60}.demo-browser-dots span:nth-child(2){background:#f3bd4f}.demo-browser-dots span:nth-child(3){background:#62c554}.demo-address{color:#7a7a7a;text-align:center;background:#fff;border-radius:8px;justify-self:center;width:min(430px,100%);padding:8px 14px;font-size:11px}.demo-close{color:#222;background:#00000012;border-radius:9px;width:34px;height:34px;font-size:23px;line-height:1}.demo-page{background:var(--demo-bg);max-height:calc(100vh - 102px);color:var(--demo-text);overflow-y:auto}.demo-restaurant{--demo-bg:#f7f0e6;--demo-surface:#fffaf4;--demo-text:#2c2019;--demo-muted:#745f52;--demo-accent:#a54f2a;--demo-accent-soft:#e6c8b5}.demo-barber{--demo-bg:#111418;--demo-surface:#191e24;--demo-text:#f4f4f2;--demo-muted:#a9afb7;--demo-accent:#d0b17b;--demo-accent-soft:#3b342b}.demo-artisan{--demo-bg:#edf7f8;--demo-surface:#fff;--demo-text:#13343a;--demo-muted:#55747a;--demo-accent:#087f8c;--demo-accent-soft:#cce9ec}.demo-nav{border-bottom:1px solid color-mix(in srgb, var(--demo-text) 10%, transparent);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:82px;padding:0 48px;display:grid}.demo-nav>strong{letter-spacing:-.04em;font-size:19px}.demo-nav nav{gap:28px;display:flex}.demo-nav nav a{color:var(--demo-muted);font-size:12px;font-weight:700}.demo-nav>button,.demo-bottom-cta button{background:var(--demo-accent);color:#fff;border-radius:9px;justify-self:end;padding:12px 17px;font-size:11px;font-weight:800}.demo-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;min-height:500px;padding:70px 70px 60px;display:grid}.demo-badge{background:var(--demo-accent-soft);color:var(--demo-accent);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;display:inline-flex}.demo-hero h2{max-width:650px;color:var(--demo-text);letter-spacing:-.065em;margin-top:22px;font-size:clamp(45px,6vw,78px);line-height:.98}.demo-hero-copy>p{max-width:560px;color:var(--demo-muted);margin-top:23px;font-size:15px;line-height:1.75}.demo-actions{gap:11px;margin-top:29px;display:flex}.demo-actions button{border-radius:9px;min-height:46px;padding:0 17px;font-size:11px;font-weight:800}.demo-primary{background:var(--demo-accent);color:#fff}.demo-secondary{border:1px solid color-mix(in srgb, var(--demo-text) 16%, transparent);color:var(--demo-text);background:0 0}.demo-visual{background:radial-gradient(circle at 70% 20%, var(--demo-accent-soft), transparent 35%), var(--demo-surface);border-radius:30px;min-height:360px;position:relative;overflow:hidden}.demo-visual-shape{background:var(--demo-accent);opacity:.86;border-radius:999px;position:absolute}.shape-one{width:210px;height:210px;top:35px;right:35px}.shape-two{opacity:.25;width:120px;height:120px;bottom:30px;left:35px}.demo-visual-card{border:1px solid color-mix(in srgb, var(--demo-text) 12%, transparent);background:color-mix(in srgb, var(--demo-surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;width:min(300px,75%);padding:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:0 25px 60px #0000002e}.demo-visual-card small,.demo-visual-card span{color:var(--demo-muted);font-size:10px;display:block}.demo-visual-card strong{color:var(--demo-text);letter-spacing:-.05em;margin:12px 0;font-size:28px;display:block}.demo-stats{border-top:1px solid color-mix(in srgb, var(--demo-text) 12%, transparent);border-bottom:1px solid color-mix(in srgb, var(--demo-text) 12%, transparent);grid-template-columns:repeat(3,1fr);margin:0 70px;display:grid}.demo-stats div{text-align:center;padding:28px}.demo-stats div+div{border-left:1px solid color-mix(in srgb, var(--demo-text) 12%, transparent)}.demo-stats strong{color:var(--demo-text);font-size:27px;display:block}.demo-stats span{color:var(--demo-muted);text-transform:uppercase;font-size:10px;font-weight:700}.demo-services{padding:75px 70px}.demo-section-title span{color:var(--demo-accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.demo-section-title h3{max-width:570px;color:var(--demo-text);letter-spacing:-.05em;margin-top:12px;font-size:42px;line-height:1.08}.demo-card-grid{grid-template-columns:repeat(3,1fr);gap:17px;margin-top:35px;display:grid}.demo-card-grid article{border:1px solid color-mix(in srgb, var(--demo-text) 10%, transparent);background:var(--demo-surface);border-radius:17px;min-height:240px;padding:25px}.demo-card-number{color:var(--demo-accent);font-size:10px;font-weight:800}.demo-card-grid h4{color:var(--demo-text);margin-top:38px;font-size:19px}.demo-card-grid p{color:var(--demo-muted);margin-top:11px;font-size:12px;line-height:1.65}.demo-card-grid article>strong{color:var(--demo-accent);margin-top:22px;font-size:13px;display:block}.demo-bottom-cta{background:var(--demo-accent);color:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;margin:0 70px;padding:35px;display:flex}.demo-bottom-cta span{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.demo-bottom-cta h3{letter-spacing:-.05em;margin-top:8px;font-size:31px}.demo-bottom-cta button{color:var(--demo-accent);background:#fff;border:1px solid #ffffff4d}.demo-disclaimer{color:var(--demo-muted);text-align:center;padding:28px 20px 35px;font-size:10px}@keyframes floatPreview{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes demoEnter{0%{opacity:0;transform:translateY(20px)scale(.98)}}@media (width<=950px){.navbar nav{display:none}.hero{grid-template-columns:1fr;gap:55px}.preview-window{transform:none}.services-grid,.reasons-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.projects-grid,.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.contact-section{grid-template-columns:1fr;padding:42px}footer{grid-template-columns:1fr;padding:45px 0}.demo-nav{grid-template-columns:1fr auto;padding:0 28px}.demo-nav nav{display:none}.demo-hero{grid-template-columns:1fr;padding:50px 35px}.demo-visual{min-height:300px}.demo-stats{margin:0 35px}.demo-services{padding:60px 35px}.demo-card-grid{grid-template-columns:1fr}.demo-bottom-cta{margin:0 35px}}@media (width<=650px){.site{width:min(100% - 24px,1180px)}.navbar{min-height:72px;padding-left:18px;padding-right:18px}.nav-cta{padding:10px 13px;font-size:11px}.hero{min-height:auto;padding:65px 0 80px}.hero h1{font-size:45px}.hero-description{font-size:15px}.hero-buttons{flex-direction:column}.button{width:100%}.hero-benefits{gap:10px;display:grid}.preview-content{min-height:380px;padding:35px 25px 25px}.preview-content h2{font-size:33px}.trust-bar{flex-direction:column;align-items:flex-start}.trust-bar div{justify-content:flex-start}.section{padding:82px 0}.services-grid,.reasons-grid,.process-grid{grid-template-columns:1fr}.service-card{min-height:245px}.service-card h3{margin-top:48px}.project-card{min-height:500px}.maintenance-card{flex-direction:column;align-items:flex-start}.contact-section{gap:38px;padding:30px 20px}.contact-form{padding:20px}.footer-links{flex-wrap:wrap}.demo-overlay{padding:8px}.demo-browser{border-radius:15px;max-height:calc(100vh - 16px)}.demo-browser-bar{gap:9px;min-height:48px;padding:0 10px}.demo-browser-dots{display:none}.demo-address{font-size:9px}.demo-page{max-height:calc(100vh - 64px)}.demo-nav{min-height:68px;padding:0 18px}.demo-nav>button{display:none}.demo-hero{min-height:auto;padding:42px 20px}.demo-hero h2{font-size:43px}.demo-actions{flex-direction:column}.demo-visual{min-height:250px}.demo-stats{grid-template-columns:1fr;margin:0 20px}.demo-stats div+div{border-top:1px solid color-mix(in srgb, var(--demo-text) 12%, transparent);border-left:none}.demo-services{padding:50px 20px}.demo-section-title h3{font-size:34px}.demo-bottom-cta{flex-direction:column;align-items:flex-start;margin:0 20px;padding:27px}.demo-bottom-cta button{justify-self:auto}}