﻿:root{color-scheme:light;--ink:#202c46;--muted:#536179;--blue:#2459df;--paper:#f5f7fc;--line:#dbe2ee;--label:var(--ink);--accent:var(--blue)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",sans-serif;line-height:1.6;font-optical-sizing:auto}a{color:inherit;text-decoration:none}a,summary{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2{font-weight:550;letter-spacing:-0.065em;line-height:1.03}h1{font-size:clamp(54px,6.4vw,94px)}h2{font-size:clamp(38px,4.4vw,64px)}h3{line-height:1.2;letter-spacing:-0.025em}p{color:var(--muted)}.wrap{max-width:1240px;margin:auto;padding-inline:40px}.nav{max-width:1200px;margin:20px auto 0;position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(255,255,255,.9411764706);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 8px 36px rgba(37,61,104,.062745098);border-radius:22px;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}.brand{font-size:25px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:2px;color:var(--ink)}.brand span{font-weight:400}.brand svg{width:30px;margin-right:7px;stroke:var(--blue);stroke-width:3;fill:none;stroke-linecap:round}nav{display:flex;gap:30px;font-size:14px}nav a{padding:8px}.navcta{font-size:14px;background:#e9efff;padding:10px 16px;border-radius:12px;color:#194abf}.hero{min-height:740px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:30px;padding-top:65px;padding-bottom:80px}.local{font-size:14px;color:#4b6083;margin-bottom:24px}.lead{font-size:18px;max-width:415px;margin:28px 0;line-height:1.7}.actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:13px 22px;background:var(--blue);color:#fff;border-radius:14px;box-shadow:0 5px 15px rgba(36,89,223,.1254901961);font-size:15px}.button:hover{background:#1949c5}.textlink{font-size:14px;padding-block:14px}.fine{font-size:12px;margin-top:28px}.canvas{position:relative;min-height:520px;isolation:isolate}.orbit{position:absolute;inset:10% -2%;border-radius:50%;background:radial-gradient(ellipse, #d2e1ff 0%, #e4ecfb 45%, transparent 70%);z-index:-1}.browsermock{position:absolute;top:90px;left:0;right:12px;background:#fbfaf7;border:1px solid #fff;border-radius:16px;box-shadow:0 40px 60px rgba(36,72,120,.1254901961),0 2px 8px rgba(36,72,120,.0823529412);transform:rotate(-4deg);overflow:hidden}.windowbar{height:30px;display:flex;gap:5px;align-items:center;padding:0 12px;border-bottom:1px solid #e7e6e2;background:#fff}.windowbar i{width:5px;height:5px;background:#c8ccd3;border-radius:50%}.windowbar span{margin:auto;font-size:8px;color:#7b8490}.mocknav{display:flex;justify-content:space-between;padding:20px 25px;font-size:10px}.mocknav b{font-size:18px}.mockbody{display:grid;grid-template-columns:1fr 1fr;padding:0 25px 30px;gap:10px}.mockbody small{font-size:8px}.mockbody h2{font-size:44px;letter-spacing:-0.06em;margin:15px 0}.mockbody p{font-size:9px;line-height:1.6}.mockpill{display:inline-block;font-size:8px;background:#202c46;color:#fff;border-radius:5px;padding:7px 10px;margin-top:18px}.mockfoot{display:flex;justify-content:space-between;border-top:1px solid #e7e5df;padding:12px 25px;font-size:8px}.architecture{position:relative;background:#e7e0d3;overflow:hidden;min-height:235px;border-radius:70px 70px 0 0}.archwall{position:absolute;width:60%;height:100%;left:0;background:linear-gradient(100deg, #ded4c5, #f3eee3);transform:skewY(-15deg)}.archdoor{position:absolute;width:36%;height:70%;left:29%;bottom:0;border-radius:100px 100px 0 0;background:linear-gradient(100deg, #b7a692, #7d725e);box-shadow:inset 12px 2px 15px rgba(96,79,67,.1254901961)}.archsun{position:absolute;width:65px;height:65px;right:12px;top:20px;background:#f7f0df;border-radius:50%;box-shadow:0 0 45px #fff8df}.archfloor{position:absolute;bottom:-40px;left:-15%;width:140%;height:65px;background:#d1c4b0;transform:rotate(-10deg)}.archpot{position:absolute;right:12%;bottom:13px;width:25px;height:40px;background:#ad7e63;border-radius:4px 4px 15px 15px;box-shadow:0 -26px 0 -5px #879c7e,8px -43px 0 -8px #6a8366}.designnote{position:absolute;top:35px;left:25px;font-size:12px;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:#2459df;border-radius:50%}.phonemock{position:absolute;right:0;bottom:0;width:148px;background:#fff0f6;border:6px solid #fff;border-radius:27px;padding:10px 12px 20px;box-shadow:0 20px 40px rgba(52,69,105,.1450980392);transform:rotate(8deg)}.speaker{height:5px;width:40px;background:#202c46;margin:0 auto 12px;border-radius:8px}.phonemock small{font-size:10px;font-weight:700;color:#a63569}.phonemock h3{font-size:21px;letter-spacing:-1px;margin:10px 0}.phonemock>span{display:block;background:#ad326d;color:#fff;border-radius:10px;font-size:8px;padding:8px}.dessert{height:100px;position:relative;background:#f7cfdf;border-radius:50% 50% 8px 8px;margin-top:10px}.cup{position:absolute;width:48px;height:60px;bottom:8px;left:34px;clip-path:polygon(0 0, 100% 0, 85% 100%, 15% 100%);background:linear-gradient(#fff8ee 0 35%, #ef719a 35% 68%, #fff8ee 68%);transform:rotate(-9deg)}.berry{position:absolute;width:23px;height:30px;background:#cb3868;border-radius:50% 50% 60% 60%;top:15px;left:49px;transform:rotate(-20deg)}.floatnote{position:absolute;left:35px;bottom:5px;display:flex;align-items:center;gap:8px;font-size:11px;padding:12px 16px;background:rgba(255,255,255,.8509803922);border:1px solid #fff;border-radius:12px;box-shadow:0 8px 24px rgba(39,67,104,.0705882353)}.floatnote svg{width:18px;stroke:#2459df;stroke-width:2;fill:none}.statement{border-top:1px solid var(--line);display:grid;grid-template-columns:1.6fr 1fr;gap:25px;padding-block:90px}.statement>p{grid-column:1/-1;font-size:15px}.statement h2{font-size:clamp(30px,3.5vw,50px);line-height:1.14}.statementaside{align-self:end;padding-left:40px;font-size:16px}.statementaside span{display:block;margin-top:20px;font-size:13px;color:#2459df}.work{padding-block:55px 110px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:50px}.sectionhead>p{max-width:320px;font-size:15px}.showcase{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}.secondary{display:grid;gap:28px}.projectart{position:relative;border-radius:24px;overflow:hidden;background:#e3ebf5}.projectart>span{position:absolute;top:22px;left:24px;font-size:14px;z-index:1}.projectart img{width:100%;height:100%;object-fit:cover;display:block}.clean .projectart{height:570px}.secondary .projectart{height:215px}.laundry .projectart{background:#dceafe}.steel .projectart{background:#dfebf3}.projectcaption{padding:18px 4px 0}.projectcaption h3{font-size:20px}.projectcaption p{font-size:14px;margin-top:5px}.projectcaption>span{font-size:11px;color:var(--muted);display:block;margin-top:8px}.pricing{background:#eaf0fb;padding-block:100px}.plans{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;align-items:stretch}.plan{border:1px solid #ced9ed;border-radius:24px;padding:32px 28px;display:flex;flex-direction:column;background:rgba(255,255,255,.5019607843);position:relative}.plan h3{font-size:23px}.plan>p{font-size:14px;margin-top:13px}.price{font-size:43px;letter-spacing:-2px;margin:25px 0 10px;font-weight:550}.price small{font-size:12px;letter-spacing:0}.plan ul{list-style:none;padding:0;margin:0 0 25px;font-size:14px}.plan li{padding:7px 0}.plan li:before{content:"✓";color:var(--blue);margin-right:8px}.plan .delivery{margin-top:auto;margin-bottom:20px;font-size:13px;color:var(--ink)}.featured{background:#fff;border-color:#98b4ef;box-shadow:0 18px 35px rgba(39,72,120,.0431372549)}.recommended{font-size:11px;color:#2459df;background:#e6eeff;border-radius:8px;padding:6px 10px;margin-bottom:15px;align-self:start}.planlink{min-height:48px;display:flex;align-items:center;border-top:1px solid #ced9ed;font-size:14px}.conditions{font-size:12px;max-width:950px;line-height:1.8;margin-top:30px}.process{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:110px}.processintro{font-size:17px;margin-top:30px}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.process li:first-child{padding-top:0}.process li>span{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#e4ebfa;color:#2459df;font-size:14px}.process h3{font-size:20px;margin-bottom:10px}.process li p{font-size:15px;max-width:400px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:20px 100px}.faq h2{font-size:40px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:16px;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none}.faq summary:after{content:"+";font-size:24px;color:var(--blue)}.faq details[open] summary:after{content:"−"}.faq details p{font-size:14px;margin:10px 0 14px}.contact{position:relative;background:#dfe9ff;border-radius:36px;padding:75px 60px;margin-bottom:65px;overflow:hidden}.contact h2{font-size:clamp(44px,5.5vw,76px);position:relative}.contact>p:not(.local){margin:25px 0;font-size:17px}.email{display:block;font-size:14px;margin-top:20px}.contactdrawing{position:absolute;right:20px;top:30px;width:45%;opacity:.45}.contactdrawing svg{fill:none;stroke:#7299ef;stroke-width:2;stroke-linecap:round}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:45px}footer p,footer>span{font-size:12px}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:15px}.skip:focus{top:10px}:focus-visible{outline:3px solid #2459df;outline-offset:5px;border-radius:5px}@media(max-width: 1000px){.nav{margin-inline:20px}.hero{gap:10px}.mockbody h2{font-size:34px}.canvas{min-height:480px}.mockbody{padding-inline:15px}.architecture{min-height:200px}.phonemock{width:135px}.wrap{padding-inline:28px}.plan{padding:25px 20px}.clean .projectart{height:530px}.contact{margin-inline:25px}.navcta{font-size:12px}}@media(max-width: 720px){.nav{top:10px;flex-wrap:wrap;gap:8px;padding:12px 16px;border-radius:17px;margin:10px 14px 0}.brand{font-size:22px}.navcta{font-size:12px;padding:9px}.nav nav{order:3;width:100%;justify-content:center;gap:20px;border-top:1px solid #e3e9f4;padding-top:4px}.nav nav a{font-size:12px}.wrap{padding-inline:22px}.hero{display:block;padding-top:48px;padding-bottom:50px;min-height:0}.hero h1{font-size:58px}.lead{font-size:16px;max-width:350px}.local{font-size:12px;margin-bottom:20px}.fine{font-size:10px}.canvas{min-height:450px;margin-top:22px;max-width:500px;margin-inline:auto}.browsermock{top:70px;right:16px;left:5px}.mockbody h2{font-size:36px}.architecture{min-height:205px}.designnote{top:22px;left:12px;font-size:10px}.phonemock{right:5px;width:130px;bottom:5px}.floatnote{left:0;bottom:10px;font-size:10px;padding:10px}.statement{display:block;padding-block:55px}.statement h2{font-size:34px;margin-top:20px}.statementaside{padding:25px 0 0;font-size:15px}.sectionhead{display:block;margin-bottom:30px}.sectionhead>p{margin-top:25px;max-width:400px}.sectionhead h2{font-size:40px}.work{padding-block:30px 65px}.showcase{display:block}.clean .projectart{height:330px}.secondary{margin-top:30px;gap:30px}.secondary .projectart{height:270px}.projectcaption h3{font-size:20px}.pricing{padding-block:65px}.plans{display:flex;flex-direction:column;gap:25px}.plan{padding:28px}.price{font-size:44px}.plan ul{margin-bottom:20px}.process{display:block;padding-block:70px}.process h2{font-size:44px}.process ol{margin-top:40px}.faq{display:block;padding-bottom:65px}.faq>div{margin-top:25px}.faq h2{font-size:34px}.contact{padding:45px 25px;margin-inline:14px;border-radius:25px}.contactdrawing{top:50px;right:-80px;width:75%;opacity:.2}.contact h2{font-size:47px}.contact>p:not(.local){font-size:15px}footer{flex-wrap:wrap;padding-bottom:30px}footer>span{width:100%}.actions{gap:15px}.button{font-size:14px;padding-inline:18px}.textlink{font-size:12px}}@media(max-width: 360px){.hero h1{font-size:50px}.canvas{min-height:415px}.mockbody h2{font-size:29px}.architecture{min-height:170px}.phonemock{width:118px}.navcta{font-size:10px}.contact h2{font-size:40px}}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none !important;transition:none !important}}@media(prefers-reduced-transparency: reduce){.nav,.floatnote{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast: more){.nav,.plan,.projectart{border:1px solid var(--ink)}p{color:#33435c}}
