:root{--accent:#f6b214;--lime:#dfff00;--text:#111;--muted:#666;--soft:#f5f5f5;--line:#e9e9e9;--shadow:0 12px 35px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
header{height:76px;background:#fff;border-bottom:1px solid #f1f1f1;position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:170px}.menu{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:600;text-transform:uppercase}.menu a{height:76px;display:flex;align-items:center;position:relative}.menu a.active:after,.menu a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent);border-radius:3px 3px 0 0}.menu-toggle{display:none;border:0;background:#fff;font-size:25px}
.hero{min-height:510px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;text-align:center;padding:70px 20px 50px}.hero-inner{display:flex;flex-direction:column;align-items:center}.hero-art{width:min(620px,88vw)}.scroll-text{margin-top:44px;font-size:12px}.scroll-btn{margin-top:18px;width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid #e6e6e6;box-shadow:0 8px 18px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center}.scroll-btn svg{width:20px;height:20px}
.ecosystem-section{position:relative;height:clamp(430px,40vw,650px);overflow:hidden;display:block}.ecosystem-section>img{width:100%;height:100%;object-fit:cover}.ecosystem-section:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 48%,rgba(0,0,0,.72) 100%)}.section-caption{position:absolute;z-index:2;left:50%;bottom:34px;transform:translateX(-50%);text-align:center;color:#fff;width:min(92%,700px)}.section-caption .label{display:inline-flex;background:var(--lime);color:#111;padding:8px 16px;border-radius:7px;font-size:15px;font-weight:700}.section-caption p{margin:11px 0 0;font-size:14px;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.cards-wrap{background:#f4f4f4;padding:85px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.card{background:#fff;border-radius:16px;padding:22px;min-height:210px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-top{display:flex;align-items:center;justify-content:space-between;height:56px}.card-logo{height:44px;width:auto;max-width:155px;object-fit:contain}.arrow{width:48px;height:48px;border-radius:50%;background:#f3f3f3;display:grid;place-items:center;font-size:23px}.card-body{background:#f4f4f4;border-radius:12px;min-height:105px;padding:22px 18px;font-size:13px;line-height:1.5;margin-top:10px}
.page-hero{background:#f5f5f5;padding:85px 0 75px;text-align:center}.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#9a6a00}.page-hero h1{font-size:clamp(36px,5vw,64px);margin:12px 0 16px;line-height:1.05}.page-hero p{max-width:700px;margin:auto;color:var(--muted);line-height:1.8}.section{padding:80px 0}.section.soft{background:var(--soft)}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}.prose h2{font-size:34px;margin:0 0 20px}.prose h3{font-size:23px;margin:32px 0 10px}.prose p,.prose li{color:#444;line-height:1.85}.feature-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.2s}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.blog-card img{width:100%;height:220px;object-fit:cover;background:#eee}.blog-content{padding:25px}.blog-date{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.08em}.blog-card h2{font-size:22px;margin:10px 0}.blog-card p{color:#666;line-height:1.6}.read-more{font-weight:700;color:#9a6a00}.article{max-width:840px;margin:auto}.article-cover{width:100%;max-height:480px;object-fit:cover;border-radius:20px;margin-bottom:35px}.article-body{font-size:17px;line-height:1.9;color:#333}.article-body p{margin:0 0 22px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.contact-info,.contact-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px}.info-item{padding:18px 0;border-bottom:1px solid var(--line)}.info-item:last-child{border:0}.info-item strong{display:block;margin-bottom:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.field input,.field textarea{width:100%;border:1px solid #ddd;border-radius:10px;padding:14px;background:#fafafa}.field textarea{min-height:150px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:14px 24px;background:var(--accent);font-weight:700;cursor:pointer}.notice{padding:14px 18px;border-radius:10px;margin-bottom:20px;background:#ecfff0;color:#176b2b}.error{background:#fff0f0;color:#9e2525}
.faq-list{max-width:900px;margin:auto}.faq{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:14px;overflow:hidden}.faq button{width:100%;border:0;background:#fff;padding:22px;text-align:left;font-weight:700;font-size:16px;display:flex;justify-content:space-between;cursor:pointer}.faq-answer{display:none;padding:0 22px 22px;color:#555;line-height:1.75}.faq.open .faq-answer{display:block}.faq.open button span:last-child{transform:rotate(45deg)}
footer{padding:78px 0 80px;background:#fff;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:65px}.footer-brand img{width:220px}.footer-brand p{font-size:13px;line-height:1.5;max-width:260px;margin:18px 0;color:#333}.socials{display:flex;gap:18px;font-weight:700;font-size:18px}.footer-col h3{font-size:18px;margin:5px 0 20px}.footer-col a,.footer-col p{display:block;font-size:13px;line-height:1.9;margin:0;color:#333}.footer-col a:hover{text-decoration:underline}
@media(max-width:900px){.menu{gap:18px}.cards{gap:22px}.footer-grid{grid-template-columns:1fr 1fr}.content-grid,.contact-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){header{height:66px}.brand img{width:145px}.menu-toggle{display:block}.menu{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 18px;border-bottom:1px solid var(--line)}.menu.open{display:flex}.menu a{height:46px}.hero{min-height:430px;padding-top:55px}.ecosystem-section{height:390px}.cards{grid-template-columns:1fr}.cards-wrap{padding:55px 0}.footer-grid,.blog-grid,.form-row{grid-template-columns:1fr}.section{padding:55px 0}.page-hero{padding:65px 0 55px}footer{padding:55px 0}.footer-brand img{width:185px}}