*{box-sizing:border-box} :root{--green:#075e54;--green2:#0c806e;--ink:#12233e;--muted:#63728a;--line:#e5eaf1;--paper:#fff;--soft:#f5f8fb}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.logo{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#0a786a,#063e43);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-weight:900;font-size:25px;box-shadow:0 7px 18px #075e5426}.brand strong,.brand small{display:block;line-height:1.2}.brand strong{font-size:16px}.brand small{font-size:11px;color:var(--muted);margin-top:4px}nav{display:flex;gap:30px;align-items:center}nav a{font-size:13px;font-weight:700;color:#526078}nav a:hover{color:var(--green)}.menu-toggle{display:none;border:0;background:#edf6f4;color:var(--green);font-size:25px;border-radius:10px;width:43px;height:43px}.hero{padding:70px max(7vw,22px) 65px;display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;background:radial-gradient(ellipse at 80% 30%,#d7f1e9 0,transparent 42%),linear-gradient(120deg,#f8fbfc,#eff8f5)}.eyebrow{color:var(--green2);font-size:10px;letter-spacing:1.8px;font-weight:900}.hero h1{font-size:clamp(36px,5vw,64px);letter-spacing:-2.6px;line-height:1.07;margin:17px 0}.hero h1 em{font-style:normal;color:var(--green2)}.hero p{max-width:570px;color:var(--muted);font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:11px;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--green);color:#fff;box-shadow:0 8px 18px #075e5425}.ghost{border:1px solid #d4e3de;background:#fff;color:var(--green)}.hero-art{min-height:310px;position:relative;display:grid;place-items:center}.screen{width:min(100%,410px);padding:18px;border:7px solid #18334a;border-radius:22px;background:#fff;box-shadow:0 25px 55px #163f3a24;transform:rotate(2deg)}.screen-top{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:12px}.screen-top i{width:7px;height:7px;border-radius:50%;background:#d6e4e2}.screen-title{font-weight:900;font-size:24px;color:var(--green);padding:23px 0 14px}.screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.screen-grid b{height:65px;border-radius:12px;background:#e8f7f2;color:var(--green);display:grid;place-items:center;font-size:27px}.screen-line{height:11px;background:#edf1f5;border-radius:20px;margin-top:15px}.screen-line.short{width:62%;margin-top:8px}.floating-card{position:absolute;bottom:28px;right:0;background:#fff;padding:15px 20px;border-radius:14px;box-shadow:0 12px 35px #153b3320;font-size:13px;font-weight:900;color:var(--green);transform:rotate(-3deg)}.floating-card small{font-weight:500;color:var(--muted)}.search-wrap{max-width:900px;margin:-24px auto 0;position:relative;padding:0 22px;z-index:2}.searchbox{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:5px 12px 5px 18px;box-shadow:0 10px 30px #142d3c0d}.searchbox span{font-size:27px;color:var(--green)}.searchbox input{border:0;outline:0;min-width:0;flex:1;padding:13px 0;font:inherit;font-size:14px}.searchbox button{border:0;background:#edf4f2;color:var(--green);border-radius:9px;width:34px;height:34px;font-size:23px;cursor:pointer}#searchStatus{font-size:12px;color:var(--muted);margin:6px 6px 0}.section{padding:76px max(7vw,22px)}.section.soft{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-heading h2,.contact-band h2{font-size:clamp(27px,3vw,38px);letter-spacing:-1px;line-height:1.15;margin:8px 0 0}.section-heading>p{max-width:410px;color:var(--muted);font-size:13px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.service-card{position:relative;border:1px solid var(--line);border-radius:15px;padding:21px;background:#fff;min-height:155px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);border-color:#a8d9ca;box-shadow:0 12px 28px #0a5b4d0d}.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:22px;margin-bottom:16px}.coral{background:#fff0ed;color:#e15b48}.blue{background:#eaf2ff;color:#2e6ee8}.violet{background:#f1edff;color:#7b58d6}.green{background:#e7f7eb;color:#21874b}.orange{background:#fff3e3;color:#d7831c}.teal{background:#e5f7f5;color:#128a81}.service-card strong{font-size:14px}.service-card small{color:var(--muted);font-size:11px;margin-top:4px}.arrow{position:absolute;right:17px;top:18px;color:#98a6b6}.notice{margin-top:20px;padding:14px 17px;border-radius:10px;background:#fff8e8;color:#795a20;font-size:12px;border:1px solid #f4e6c3}.scheme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.scheme-card{display:flex;align-items:center;gap:15px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px}.scheme-card>span{font-size:27px;background:#eef7f3;border-radius:12px;width:50px;height:50px;display:grid;place-items:center;flex-shrink:0}.scheme-card div{flex:1;min-width:0}.scheme-card strong,.scheme-card small{display:block}.scheme-card strong{font-size:14px}.scheme-card small{font-size:12px;color:var(--muted);margin-top:3px}.scheme-card>b{color:var(--green)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tool-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.tool-icon{font-size:29px}.tool-card h3{font-size:17px;margin:14px 0 6px}.tool-card p{color:var(--muted);font-size:13px;min-height:60px}.tag{display:inline-block;background:#eef3f6;color:#657489;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:800}.contact-band{margin:0 max(7vw,22px) 70px;padding:35px 38px;background:linear-gradient(115deg,#075e54,#0c8570);border-radius:20px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-band .eyebrow{color:#b9f2dd}.contact-band h2{margin:8px 0}.contact-band p{margin:8px 0 0;color:#d5eee8;font-size:13px}.white{background:#fff;color:var(--green);white-space:nowrap}footer{border-top:1px solid var(--line);padding:25px max(5vw,22px);display:flex;align-items:center;justify-content:space-between;gap:20px}footer p, .back-top{font-size:11px;color:var(--muted)}.footer-brand .logo{width:36px;height:36px;border-radius:11px;font-size:20px}.footer-brand strong{font-size:13px}.footer-brand small{font-size:10px}.back-top{font-weight:800;color:var(--green)}[hidden]{display:none!important}
@media(min-width:1500px){.hero,.section{padding-left:max(10vw,80px);padding-right:max(10vw,80px)}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:950px){.hero{padding-top:55px;gap:25px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading>p{max-width:650px}}
@media(max-width:700px){.topbar{height:68px;padding:0 17px}.logo{width:39px;height:39px}.brand strong{font-size:14px}.brand small{font-size:10px}.menu-toggle{display:block}nav{display:none;position:absolute;top:67px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 15px 35px #12233e1a;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:13px 12px;border-radius:9px}nav a:hover{background:#eff8f5}.hero{grid-template-columns:1fr;padding:43px 20px 48px;gap:15px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero p{font-size:14px}.hero-art{min-height:240px;margin:5px 8px 0}.screen{max-width:330px;padding:14px;border-width:6px}.screen-title{font-size:20px;padding:16px 0 10px}.screen-grid b{height:48px}.floating-card{right:-5px;bottom:12px;padding:11px 14px;font-size:11px}.search-wrap{margin-top:-18px;padding:0 15px}.searchbox{padding-left:13px}.searchbox input{font-size:12px}.section{padding:53px 18px}.section-heading h2,.contact-band h2{font-size:29px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card{padding:15px;min-height:142px}.service-card strong{font-size:12px;overflow-wrap:anywhere}.service-card small{font-size:10px}.icon{width:38px;height:38px;margin-bottom:12px}.scheme-grid,.tool-grid{grid-template-columns:1fr}.scheme-card{padding:14px;gap:11px}.scheme-card strong{font-size:13px}.tool-card p{min-height:0}.contact-band{margin:0 16px 45px;padding:25px 22px;align-items:flex-start;flex-direction:column}.contact-band h2{font-size:27px}.white{width:100%}footer{padding:22px 18px;flex-wrap:wrap}footer p{order:3;width:100%;margin:0}.back-top{margin-left:auto}}
@media(max-width:360px){.hero h1{font-size:35px}.service-grid{gap:8px}.service-card{padding:12px}.service-card strong{font-size:11px}.section{padding-left:14px;padding-right:14px}}