:root{--bg:#f8f7f2;--panel:#fffefa;--ink:#202326;--muted:#6d716d;--line:#e5e0d4;--soft:#efeadf;--accent:#111315;--radius:28px;--shadow:0 30px 80px rgba(20,20,20,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.72;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:20;background:rgba(248,247,242,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,224,212,.74)}.nav-wrap{max-width:1180px;margin:auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-logo,.footer-logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em}.brand-logo img,.footer-logo img{border-radius:14px}.main-nav{display:flex;gap:22px;align-items:center;font-size:15px;color:#4a4e4c}.main-nav a{position:relative;padding:6px 0}.main-nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--accent);transition:.25s}.main-nav a:hover:after,.main-nav a.is-active:after{width:100%}.menu-toggle{display:none;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 14px}.search-strip{max-width:1180px;margin:0 auto 14px;padding:0 22px 4px}.fake-search{display:grid;grid-template-columns:1fr auto;gap:10px}.fake-search input{width:100%;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);padding:13px 18px;outline:none}.fake-search button,.button{border:0;border-radius:999px;padding:13px 22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.25s}.fake-search button,.button.primary{background:var(--accent);color:#fff}.button.ghost{border:1px solid var(--line);background:transparent}.search-note{margin:8px 0 0;color:var(--muted);font-size:13px}.hero{max-width:1180px;margin:0 auto;padding:88px 22px 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:58px;align-items:center}.hero-copy h1,.page-hero h1{font-size:clamp(42px,7vw,86px);line-height:1.05;margin:12px 0 24px;letter-spacing:-.08em}.hero-copy p{font-size:18px;color:#555a56}.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#77715e;margin:0 0 10px}.hero-actions{display:flex;gap:14px;margin:34px 0 24px;flex-wrap:wrap}.domain-card{display:inline-flex;border:1px solid var(--line);border-radius:18px;padding:12px 16px;background:rgba(255,255,255,.56);color:#555}.hero-media,.feature-figure{margin:0;border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:var(--shadow);border:1px solid rgba(229,224,212,.8)}.hero-media img{aspect-ratio:1.18;object-fit:cover}.hero-media figcaption,.feature-figure figcaption,.video-poster figcaption{font-size:12px;color:var(--muted);padding:12px 16px;background:rgba(255,255,255,.64)}.section{max-width:1180px;margin:0 auto;padding:74px 22px}.section-heading{text-align:center;max-width:760px;margin:0 auto 36px}.section-heading.align-left{text-align:left;margin-left:0}.section h2{font-size:clamp(30px,4.6vw,56px);line-height:1.14;margin:0 0 18px;letter-spacing:-.05em}.section-heading p,.intro p,.two-col p{color:var(--muted)}.intro-grid,.card-grid,.review-grid,.video-grid,.footer-grid{display:grid;gap:20px}.intro-grid{grid-template-columns:repeat(3,1fr)}.intro-card,.service-card,.metric,blockquote,.contact-card,.content-list article{background:rgba(255,255,255,.66);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.intro-card strong,.metric strong{display:block;font-size:30px;margin-bottom:8px}.card-grid.four{grid-template-columns:repeat(4,1fr)}.service-card h3,.video-body h3{font-size:22px;line-height:1.3;margin:0 0 12px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tags span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:#5f625f;background:rgba(255,255,255,.54)}.video-grid{grid-template-columns:repeat(3,1fr)}.video-grid.small{grid-template-columns:repeat(3,1fr)}.video-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px rgba(20,20,20,.05);transition:transform .25s,box-shadow .25s}.video-card:hover,.video-card:focus-within{transform:translateY(-6px);box-shadow:var(--shadow)}.video-poster{position:relative;margin:0;overflow:hidden;background:#eee}.video-poster video,.video-poster img{width:100%;aspect-ratio:1.52;object-fit:cover}.video-poster video{position:absolute;inset:0;z-index:1}.video-poster img{position:relative;z-index:2;transition:opacity .25s,transform .35s}.video-card:hover .video-poster img{transform:scale(1.035);opacity:.94}.play-button{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(17,19,21,.82);color:#fff;opacity:0;transition:.25s}.video-card:hover .play-button,.video-card:focus-within .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-body{padding:22px}.video-body p{color:var(--muted);margin:0 0 10px}.stats{display:flex;gap:10px;flex-wrap:wrap;color:#2f3330;font-size:13px}.stats span{background:var(--soft);border-radius:999px;padding:5px 9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric strong{font-size:42px;letter-spacing:-.05em}.review-grid{grid-template-columns:repeat(5,1fr)}blockquote{margin:0}blockquote p{font-size:16px;color:#3c403d}cite{font-style:normal;color:var(--muted);font-size:13px}.faq-list{display:grid;gap:12px;max-width:900px;margin:auto}details{background:rgba(255,255,255,.74);border:1px solid var(--line);border-radius:22px;padding:20px 24px}summary{cursor:pointer;font-weight:700}details p{color:var(--muted)}.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#202326;color:#fff;border-radius:40px;margin-top:60px;margin-bottom:70px}.contact-cta p{color:#d8d4ca}.page-hero{max-width:1180px;margin:0 auto;padding:82px 22px 34px}.page-hero.compact h1{max-width:920px}.page-hero p{max-width:760px;color:var(--muted)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:42px;align-items:center}.content-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px}.contact-form{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:grid;gap:18px}.contact-form label{display:grid;gap:8px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line);border-radius:18px;padding:13px 15px;background:#fff;outline:none}.form-note{color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:#efeadf;padding:54px 22px 24px}.footer-grid{max-width:1180px;margin:auto;grid-template-columns:1.6fr 1fr 1fr}.site-footer p,.site-footer a{color:#5b5e5b}.site-footer a{display:block;margin:8px 0}.social-list{display:flex;gap:8px;flex-wrap:wrap}.social-list button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}.footer-bottom{max-width:1180px;margin:34px auto 0;padding-top:20px;border-top:1px solid rgba(90,90,80,.18);display:flex;align-items:center;justify-content:space-between;gap:18px;color:#60625f;font-size:14px}@media (max-width:980px){.hero,.two-col,.contact-layout{grid-template-columns:1fr}.main-nav{display:none;position:absolute;left:22px;right:22px;top:75px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.main-nav.is-open{display:grid}.menu-toggle{display:inline-flex}.card-grid.four,.metrics,.review-grid{grid-template-columns:repeat(2,1fr)}.video-grid,.video-grid.small,.content-list,.intro-grid,.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:54px}.contact-cta{display:block}}@media (max-width:640px){.hero-copy h1,.page-hero h1{font-size:42px}.nav-wrap{padding:14px 16px}.search-strip,.hero,.section,.page-hero{padding-left:16px;padding-right:16px}.fake-search{grid-template-columns:1fr}.intro-grid,.card-grid.four,.metrics,.review-grid,.video-grid,.video-grid.small,.content-list,.footer-grid{grid-template-columns:1fr}.hero-actions{display:grid}.contact-cta{border-radius:28px;margin-left:16px;margin-right:16px}.footer-bottom{display:block}.section{padding-top:54px;padding-bottom:54px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
