:root{--bg:#f5f8fc;--bg-alt:#e8f0f8;--ink:#1a2332;--muted:#5a6b7d;--primary:#54aee3;--primary-strong:#123860;--card:#fff;--line:#c4d4e6;--danger:#b3261e;--success:#2d8a4e;--radius:16px;--shadow:0 20px 50px #1238601f;--font-base:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-head:"Outfit","Noto Sans SC","PingFang SC",sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-base);margin:0;padding:0}a{color:var(--primary-strong)}.container{width:min(1080px,100% - 2rem);margin:0 auto}.hero{position:relative;overflow:hidden;color:#f2f9ff;background:linear-gradient(135deg,#123860 0%,#54aee3 48%,#f5f8fc 100%);padding:6.5rem 0 5rem}.hero__glow{position:absolute;pointer-events:none;background:radial-gradient(circle,#54aee359 0%,#54aee300 72%);border-radius:50%;width:45vw;max-width:520px;height:45vw;max-height:520px;top:-8rem;right:-6rem}.hero__content{position:relative;animation:rise-in .56s ease-out both}.eyebrow{text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin:0;font-size:.78rem}h1,h2,h3{font-family:var(--font-head);letter-spacing:.01em;margin:0}h1{margin-top:.8rem;font-size:clamp(1.9rem,4.8vw,3.4rem);line-height:1.18}.hero__lead{color:#e3f2fd;max-width:720px;margin-top:1.1rem;font-size:clamp(1rem,2vw,1.25rem)}.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem}.section{padding:4.2rem 0}.section--alt{background:var(--bg-alt)}.section h2{margin-bottom:1.4rem;font-size:clamp(1.5rem,3.1vw,2.1rem)}.section__hint{color:var(--muted);margin:-.3rem 0 1.4rem}.cards{display:grid;gap:1rem}.cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);animation:rise-in .52s ease-out both;padding:1.2rem}.card:nth-child(2){animation-delay:80ms}.card:nth-child(3){animation-delay:.15s}.card h3{margin-bottom:.65rem;font-size:1.18rem}.card p{color:var(--muted);margin:0;line-height:1.72}.order-form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem}.order-form label{display:block;margin-bottom:1rem;font-size:.94rem;font-weight:600}input,select,textarea{color:#10221a;background:#fff;border:1px solid #b9c8bb;border-radius:12px;width:100%;margin-top:.45rem;padding:.75rem .82rem;font-family:inherit;font-size:.95rem}input:focus,select:focus,textarea:focus{outline:2px solid #1f7a5a59;border-color:var(--primary)}.grid{display:grid;gap:.9rem}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.required{color:#ab2d25}.btn{appearance:none;text-decoration:none;cursor:pointer;border:0;border-radius:999px;padding:.74rem 1.2rem;transition:transform .18s,background .18s;font-family:inherit;font-size:.94rem;font-weight:700}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:#f8fff9}.btn--primary:hover{background:var(--primary-strong)}.btn--ghost{color:#f8fff9;background:0 0;border:1px solid #fff9}.form-feedback{min-height:1.45rem;margin:.9rem 0 0;font-size:.92rem}.form-feedback.is-error{color:var(--danger)}.form-feedback.is-success{color:var(--success)}.footer{color:#d4e5f1;background:#0d1f2d;padding:2.5rem 0 3.5rem}.footer__inner{display:grid;grid-template-columns:minmax(0,1.1fr)minmax(0,.9fr);align-items: start;gap:2.2rem}.footer__brand,.footer__contact{min-width:0}.footer h2{margin-bottom:.9rem;font-size:1.25rem}.footer__contact h3{color:#e3f2fd;margin-bottom:.75rem;font-size:1.1rem}.footer p{margin:.4rem 0}.footer a{color:#a3d9f0}.icp{opacity:.92;margin-top:1rem;font-size:.86rem}.icp a{text-decoration:none;border-bottom:1px dashed #a3d9f0b3}.icp a:hover{border-bottom-color:#a3d9f0}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.cards--3,.cards--2,.grid--2,.grid--3{grid-template-columns:1fr}.footer__inner{grid-template-columns:1fr;gap:1.5rem}.hero{padding:5.1rem 0 3.6rem}.hero__glow{width:70vw;height:70vw;top:-10rem;right:-8rem}}