
:root{ --bg:#f4f1ea; --paper:#fffaf3; --ink:#171a18; --muted:#687168; --line:#e2d9ce; --accent:#b7814f; --accent2:#232927; --dark:#111614; --radius:28px; --shadow:0 22px 55px rgba(20,18,14,.16);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.topbar{position:fixed;left:0;right:0;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 4.5vw;background:rgba(244,241,234,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.05);transition:.25s}
.topbar.scrolled{background:rgba(244,241,234,.96);box-shadow:0 8px 30px rgba(0,0,0,.08)}.brand{display:flex;gap:10px;align-items:center;font-weight:900;letter-spacing:.01em;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--accent2);color:#fff;display:grid;place-items:center;font-size:12px}.desktop-nav{display:flex;gap:20px;font-size:14px;font-weight:700;color:#39403b}.desktop-nav a:hover{color:var(--accent)}.right-tools{display:flex;align-items:center;gap:12px}.phone-link{font-weight:900;white-space:nowrap}.lang-switch{display:flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px}.lang-switch button{border:0;background:transparent;border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px;cursor:pointer;color:#555}.lang-switch button.active{background:var(--dark);color:#fff}.menu-btn{display:none;border:0;background:var(--dark);color:#fff;border-radius:12px;width:42px;height:42px;font-size:20px}.mobile-nav{display:none;position:fixed;top:68px;left:4vw;right:4vw;z-index:45;background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:18px}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px 8px;border-bottom:1px solid var(--line);font-weight:800}.mobile-nav a:last-child{border-bottom:0}
.hero{min-height:100vh;position:relative;display:grid;align-items:end;background-image:linear-gradient(90deg,rgba(10,14,12,.74),rgba(10,14,12,.35),rgba(10,14,12,.05)),var(--hero);background-size:cover;background-position:center;padding:130px 4.5vw 42px;color:#fff}.hero-content{max-width:900px;position:relative;z-index:2}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950;color:var(--accent);margin:0 0 14px}.hero .eyebrow{color:#f2c58b}h1{font-size:clamp(46px,7vw,96px);line-height:.92;letter-spacing:-.06em;margin:0 0 22px}h2{font-size:clamp(32px,4.8vw,62px);line-height:1;letter-spacing:-.045em;margin:0 0 22px}.hero-subtitle{font-size:clamp(18px,2vw,25px);max-width:780px;margin:0 0 18px}.hero-note{max-width:860px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:16px 18px;color:#fbf7ee}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:950;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(.92)}.btn.ghost{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.1)}.stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:70px}.stats div{background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:18px;font-weight:950;font-size:18px}.section{padding:96px 4.5vw}.two-col{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:start}.two-col p,.section-head p,.contact p,.invest-card p{font-size:19px;color:var(--muted);max-width:760px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:42px;margin-bottom:34px}.section-head p{margin:0}.projects-section{background:#ebe4d8}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:var(--paper);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.project-cover{height:270px;width:100%;object-fit:cover}.project-body{padding:24px}.project-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{background:#efe1cf;color:#84582e;border-radius:999px;padding:6px 12px;font-weight:950;font-size:12px}.project-body h3{font-size:34px;margin:0 0 8px}.project-body p{color:var(--muted);margin:0 0 16px}.feature-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.feature-list span{font-size:12px;font-weight:850;padding:7px 10px;border-radius:999px;background:#f1ebe1;color:#4f574f}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.gallery img{height:86px;width:100%;object-fit:cover;border-radius:12px;cursor:pointer}.dark{background:var(--dark);color:#fff}.dark .section-head p,.dark p{color:#d7ddd8}.invert .section-kicker{color:#e1ad70}.technology-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:start}.tech-images{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tech-images img{height:340px;width:100%;object-fit:cover;border-radius:24px}.tech-list{display:grid;gap:12px}.tech-list div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;font-weight:850}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.step{background:#fff;border-radius:24px;padding:24px;box-shadow:0 16px 44px rgba(0,0,0,.08)}.step span{color:var(--accent);font-weight:950}.step p{font-weight:850;font-size:18px}.investors{background:linear-gradient(135deg,#1a201d,#30362f)}.invest-card{max-width:900px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:42px;color:#fff}.invest-card p{color:#e4e7e2}.faq-section{background:#ebe4d8}.faq{max-width:1050px;display:grid;gap:12px}.faq details{background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 10px 28px rgba(0,0,0,.07)}.faq summary{font-weight:950;cursor:pointer}.faq p{color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:54px}.contact-lines{display:grid;gap:10px;margin-top:22px;font-weight:950;font-size:20px}.lead-form{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:grid;gap:15px}.lead-form label{display:grid;gap:7px;font-weight:900}.lead-form input,.lead-form textarea{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbf8f2;font:inherit}.lead-form textarea{resize:vertical}.footer{background:#111614;color:#fff;padding:34px 4.5vw;display:flex;justify-content:space-between;gap:24px}.footer p{color:#bfc7c0;max-width:780px}.footer-actions{display:flex;gap:18px;font-weight:950}.modal{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:200;display:none;align-items:center;justify-content:center;padding:34px;overflow:auto}.modal.open{display:flex}.modal img{max-height:92vh;max-width:96vw;object-fit:contain;border-radius:12px;background:#fff}.modal img[src*="plan"]{max-height:92vh;max-width:96vw;width:auto;height:auto;background:#fff}.modal-close,.modal-nav{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:999px;cursor:pointer}.modal-close{top:20px;right:24px;width:46px;height:46px;font-size:32px}.modal-nav{top:50%;transform:translateY(-50%);width:54px;height:54px;font-size:44px}.modal-nav.prev{left:22px}.modal-nav.next{right:22px}.modal-caption{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-weight:900;background:rgba(0,0,0,.45);padding:8px 14px;border-radius:999px}
@media(max-width:1100px){.desktop-nav{display:none}.menu-btn{display:block}.phone-link{display:none}.project-grid{grid-template-columns:repeat(2,1fr)}.technology-layout,.two-col,.contact{grid-template-columns:1fr}.section-head{display:block}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{padding:10px 4vw}.brand span:last-child{display:none}.hero{min-height:92vh;padding-top:96px}.hero-note{font-size:14px}.hero-buttons .btn{width:100%}.stats{grid-template-columns:1fr;margin-top:40px}.section{padding:68px 4vw}.project-grid,.steps,.tech-images{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(3,1fr)}.project-cover{height:240px}.tech-images img{height:240px}.footer{display:block}.lang-switch button{padding:6px 8px}.modal{padding:24px}.modal-nav{display:none}h1{font-size:43px}}
