:root{color-scheme:light;--ink:#12332b;--muted:#5f756e;--green:#087e63;--dark:#123e35;--cream:#f7f8f2;--line:#d9e5dd;--white:#fff;--orange:#f2a85c;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;min-width:320px;background:var(--cream);color:var(--ink);font-family:Inter,"PingFang SC","Noto Sans SC",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5.8vw,5.7rem);line-height:1.02}h2{font-size:clamp(2.05rem,3.7vw,3.65rem)}h3{font-size:1.4rem}p{color:var(--muted)}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.section{padding:100px 0}.eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--green);margin-bottom:22px}.section-heading{max-width:720px;margin-bottom:42px}.section-heading p{font-size:1.1rem}.nav{position:sticky;top:0;z-index:10;background:#f7f8f2ed;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-inner{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;white-space:nowrap}.brand img{width:36px;height:36px;border-radius:9px}.nav-links{display:flex;gap:25px;margin-left:auto;font-size:.9rem;font-weight:700}.nav-actions{display:flex;align-items:center;gap:13px}.lang{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px;font-size:.88rem;font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:11px;padding:14px 20px;min-height:48px;font-weight:800;text-align:center;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--green);color:white}.button.primary:hover{background:#04694f}.button.secondary{border-color:#bdd2c4;background:white;color:var(--dark)}.hero{padding:92px 0 90px;background:radial-gradient(circle at 85% 15%,#d9f3dc 0%,transparent 36%),var(--cream)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.hero h1{max-width:720px;margin-bottom:24px}.hero p{font-size:1.15rem;max-width:610px}.hero .esline{font-size:.95rem;color:#6c887d}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.trust{display:flex;flex-wrap:wrap;gap:11px}.trust span{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;padding:8px 13px;font-size:.8rem;font-weight:700}.hero-media{position:relative}.hero-media img{border-radius:18px;border:1px solid var(--line);box-shadow:0 35px 70px #163d2b25}.media-label{position:absolute;right:16px;bottom:-18px;padding:10px 15px;border-radius:10px;color:white;background:var(--dark);font-size:.8rem;font-weight:800;box-shadow:0 18px 35px #163d2b25}.audience{background:#eaf1e9;border-block:1px solid var(--line)}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.audience-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:15px}.audience-card b{display:block;color:var(--green);font-size:.78rem;margin-bottom:12px}.audience-card h3{font-size:1.1rem;margin-bottom:8px}.audience-card p{font-size:.88rem;margin:0}.flow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.flow-card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px 20px;min-width:0}.flow-number{color:var(--green);font-size:.8rem;font-weight:900}.flow-card h3{margin:20px 0 9px;font-size:1.15rem}.flow-card p{font-size:.9rem;margin:0}.flow-arrow{display:none}.split{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px}.split img{border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #163d2b18}.split p{font-size:1.08rem}.list{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:12px}.list li{padding-left:28px;position:relative;font-weight:650}.list li:before{content:"✓";position:absolute;left:0;color:var(--green)}.green-section{background:var(--dark);color:white}.green-section h2,.green-section h3{color:white}.green-section p{color:#c3d8ce}.green-section .eyebrow{color:#95e2bb}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#ffffff0d;border:1px solid #ffffff30;border-radius:18px;padding:29px}.product-card small{color:#a6e3c0;text-transform:uppercase;letter-spacing:.08em}.product-card h3{margin:13px 0}.product-card p{margin:0}.showcase{background:#fff}.migration-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:38px}.migration-step{padding:22px;border-top:3px solid var(--green);background:white;box-shadow:0 8px 30px #163d2b0b}.migration-step b{display:block;color:var(--green);margin-bottom:12px}.migration-step h3{font-size:1.1rem;margin-bottom:8px}.migration-step p{font-size:.9rem;margin:0}.faq{background:#eaf1e9}.faq-list{max-width:880px}.faq details{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:0 19px}.faq summary{cursor:pointer;padding:17px 4px;font-weight:800}.faq details p{padding:0 4px 15px;margin:0}.contact{background:var(--dark);color:white}.contact h2{color:white}.contact p{color:#c3d8ce;max-width:650px}.contact .button.primary{background:#c6edcf;color:var(--dark)}.contact .button.primary:hover{background:white}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact .eyebrow{color:#9be5bb}.footer{padding:24px 0;background:#0b2e28;color:#b7d0c4}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer p{margin:0;color:#b7d0c4;font-size:.83rem}.footer .brand{color:white}.footer .brand img{width:28px;height:28px}@media(max-width:1000px){.nav-links{display:none}.hero-grid,.split{grid-template-columns:1fr}.hero-media{max-width:760px}.audience-grid{grid-template-columns:repeat(2,1fr)}.flow-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:1fr 1fr}.migration-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{width:min(calc(100% - 32px),var(--max))}.nav-inner{min-height:68px;gap:8px}.nav-actions{margin-left:auto;gap:6px}.brand{font-size:1.04rem}.brand img{width:30px;height:30px}.nav .button{padding:9px 10px;min-height:40px;font-size:.72rem}.lang{font-size:.72rem;padding:8px}.section{padding:68px 0}.hero{padding:66px 0}.hero-grid{gap:42px}.hero p{font-size:1rem}.hero-actions .button{width:100%}.audience-grid,.flow-grid,.product-grid,.migration-steps{grid-template-columns:1fr}.audience-card,.flow-card{padding:20px}.flow-card h3{margin:10px 0 6px}.contact-grid{align-items:flex-start;flex-direction:column}.contact .button{width:100%}.footer-inner{align-items:flex-start;flex-direction:column}.media-label{position:static;display:inline-block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}