@import url('./fonts.css');
:root{color-scheme:light dark;--bg:#f7f8fa;--surface:#eef1f5;--text:#17202a;--muted:#505e6c;--line:#d5dce4;--accent:#294fce;--on-accent:#fff;--radius:12px;font-family:Manrope,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(38px,5.6vw,78px);font-weight:700;max-width:900px;text-wrap:balance}h2{font-size:clamp(30px,4vw,52px);max-width:760px;text-wrap:balance}h3{font-size:25px}p{max-width:64ch}.wrap{max-width:1256px;margin:auto;padding-inline:36px}.skip{position:absolute;left:12px;top:-90px;background:var(--accent);color:white;padding:12px;z-index:9}.skip:focus{top:8px}.header{border-bottom:1px solid var(--line)}.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:23px;font-weight:800;letter-spacing:-.06em}.brand small{font-weight:400;font-size:14px;letter-spacing:0;margin-left:15px;color:var(--muted)}nav{display:flex;gap:25px;align-items:center;font-size:14px}nav a{padding:12px 0}nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:12px 23px;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-weight:650;font-size:15px;cursor:pointer;transition:background .18s,transform .18s;white-space:nowrap}.button:hover{filter:brightness(1.08);transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.button:active{transform:translateY(0)}.hero{padding-block:74px 64px}.eyebrow{font-size:14px;font-weight:650;letter-spacing:.04em;color:var(--accent);margin-bottom:22px}.hero p{margin-top:26px;color:var(--muted);font-size:18px;max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.section{padding-block:66px}.section-head{margin-bottom:34px}.section-head p{color:var(--muted);margin-top:18px}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.project img{width:100%;aspect-ratio:1.5;object-position:top;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:transform .3s}.project:hover img{transform:translateY(-4px)}.project .info{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-top:20px}.project h3{font-size:27px}.project p{font-size:14px;color:var(--muted);margin-top:10px}.project .type{font-size:12px;color:var(--muted);margin-top:12px;display:block}.project .open{font-size:24px}.offer{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding-block:40px;border-top:1px solid var(--line)}.offer .price{font-size:34px;font-weight:700;letter-spacing:-.04em;margin-top:18px}.offer .price small{font-size:15px;font-weight:400;color:var(--muted)}.offer p{color:var(--muted);margin:12px 0}.offer ul{padding-left:19px;margin:15px 0}.offer li{margin:7px 0}.process{display:grid;grid-template-columns:1fr 1fr;gap:32px 70px;margin-top:34px}.process article{border-left:2px solid var(--accent);padding-left:22px}.process h3{font-size:21px}.process p{margin-top:12px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding-block:20px}summary{cursor:pointer;font-weight:650;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}summary::after{content:'+';font-size:26px;font-weight:400}details[open] summary::after{content:'−'}details p{color:var(--muted);padding-top:12px}.brief{background:var(--surface);border-radius:var(--radius);padding:38px;margin-block:30px 70px}.brief-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.brief h2{font-size:38px}.brief p{margin-top:18px;color:var(--muted)}.fields{display:grid;gap:16px}.field{display:grid;gap:7px}label{font-size:14px;font-weight:650}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);min-height:48px}textarea{resize:vertical;min-height:104px}.status{min-height:27px;font-size:14px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding-block:25px;color:var(--muted);font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:24px}.demo-notice{padding:10px 24px;background:var(--surface);font-size:12px;text-align:center;border-bottom:1px solid var(--line)}.demo-notice a{text-decoration:underline}.split-hero{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.split-hero h1{font-size:clamp(37px,4.7vw,65px)}.split-hero img{height:540px;width:100%;border-radius:var(--radius)}.demo-hero{padding-block:45px 60px}.demo-hero p{font-size:17px;margin-top:22px;color:var(--muted)}.services{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service{padding:30px;background:var(--surface);border-radius:var(--radius)}.service p{margin-top:14px;color:var(--muted)}.service .amount{font-size:24px;font-weight:700;margin-top:22px}.calc{padding:34px;background:var(--surface);border-radius:var(--radius)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.estimate{font-size:42px;font-weight:750;letter-spacing:-.045em;margin-top:22px}.calc .disclaimer{font-size:13px;color:var(--muted);margin-top:10px}.demo-clean{--accent:#215d50;--on-accent:#fff}.demo-detail{--accent:#c9d95e;--on-accent:#191e18;--bg:#171b19;--surface:#222823;--text:#f3f5ec;--muted:#bec6ba;--line:#3e493d;color-scheme:dark}.demo-detail .eyebrow{color:var(--accent)}.demo-detail .split-hero img{filter:brightness(.85)}.detail-photo{width:100%;height:350px;border-radius:var(--radius);margin-top:30px}.empty-preview{display:grid;place-items:center;aspect-ratio:1.5;background:var(--surface);border-radius:var(--radius);padding:30px;font-size:28px;font-weight:700}.theme-button{background:transparent;color:var(--text);border:1px solid var(--line);padding:8px 12px;border-radius:8px;font-size:12px;cursor:pointer;min-height:44px}.muted{color:var(--muted)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#171d25;--surface:#222c38;--text:#f0f3f8;--muted:#b4c1d0;--line:#3c4c60;--accent:#a5b8ff;--on-accent:#18234c}.demo-clean:not([data-theme=light]){--accent:#a0d5be;--on-accent:#183b2e}.demo-detail:not([data-theme=light]){--accent:#c9d95e;--on-accent:#191e18;--bg:#171b19;--surface:#222823;--text:#f3f5ec;--muted:#bec6ba;--line:#3e493d}}
:root[data-theme=dark]{--bg:#171d25;--surface:#222c38;--text:#f0f3f8;--muted:#b4c1d0;--line:#3c4c60;--accent:#a5b8ff;--on-accent:#18234c}.demo-clean[data-theme=dark]{--accent:#a0d5be;--on-accent:#183b2e}.demo-detail[data-theme=light]{--accent:#485b12;--on-accent:#fff;--bg:#f3f5ef;--surface:#e8ecdf;--text:#20261b;--muted:#535e48;--line:#cbd2bf;color-scheme:light}
@media(max-width:800px){.wrap{padding-inline:22px}.brand small{display:none}.nav{min-height:72px;gap:14px}nav{gap:18px}nav .optional{display:none}.hero{padding-block:46px}.section{padding-block:40px}.work-grid,.offer,.brief-layout,.split-hero{grid-template-columns:1fr;gap:28px}.offer{padding-block:30px}.project img{aspect-ratio:1.4}.process{gap:28px}.brief{padding:25px;margin-bottom:40px}.brief h2{font-size:31px}.split-hero img{height:340px}.split-hero h1{font-size:clamp(36px,7vw,54px)}.services{gap:16px}.service{padding:23px}.calc{padding:23px}.footer .wrap{flex-direction:column;gap:8px}}
@media(max-width:480px){.wrap{padding-inline:18px}nav{gap:13px;font-size:13px}.brand{font-size:21px}.theme-button{font-size:11px;padding:8px}.hero h1{font-size:39px}.hero p{font-size:16px}.services,.process,.calc-grid{grid-template-columns:1fr}.brief{padding:23px 19px}.actions .button{width:100%}.demo-notice{padding-inline:16px}.split-hero img{height:290px}.estimate{font-size:35px}}
.project img{height:auto}.estimate{display:block}.demo-detail[data-theme=dark]{--accent:#c9d95e;--on-accent:#191e18;--bg:#171b19;--surface:#222823;--text:#f3f5ec;--muted:#bec6ba;--line:#3e493d;color-scheme:dark}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}