@import "tailwindcss";

:root { --ink:#19312e; --muted:#6f807a; --line:#dce7e2; --teal:#087a70; --teal-dark:#045d56; --mint:#e6f3ed; --paper:#f6f9f7; --coral:#ed8b5b; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; } a { color:inherit; text-decoration:none; }
.site-header,.hero,.section,.site-footer,.legal-header,.legal-content,.legal-footer { width:min(1160px,calc(100% - 48px)); margin-inline:auto; }
.site-header,.legal-header { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:24px; }.brand,.footer-brand { display:inline-flex; align-items:center; gap:10px; font-weight:700; letter-spacing:-.02em; }.brand { font-size:18px; }.brand-mark { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; background:var(--teal); color:#fff; font-family:Georgia,serif; font-size:18px; font-weight:700; }.site-header nav { display:flex; gap:28px; color:var(--muted); font-size:14px; }.site-header nav a:hover,.footer-links a:hover,.legal-footer a:hover { color:var(--teal); }.header-link { color:var(--teal); font-size:14px; font-weight:700; }
.hero { display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:70px; min-height:570px; padding:62px 0 76px; }.eyebrow { margin:0 0 16px; color:var(--teal); font-size:11px; font-weight:800; letter-spacing:.14em; }.hero h1,.section h2,.service h2,.legal-content h1 { margin:0; letter-spacing:-.055em; line-height:1.15; }.hero h1 { font-size:clamp(42px,5vw,64px); }.hero-description { max-width:540px; margin:24px 0 0; color:var(--muted); font-size:17px; line-height:1.85; }.hero-actions { display:flex; gap:12px; margin-top:34px; }.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 20px; border-radius:10px; font-size:15px; font-weight:700; transition:transform .2s,background-color .2s; }.button:hover { transform:translateY(-2px); }.primary { background:var(--teal); color:#fff; }.primary:hover { background:var(--teal-dark); }.secondary { border:1px solid var(--line); background:#fff; }.hero-note { margin:18px 0 0; color:#879791; font-size:13px; }
.workspace-card { overflow:hidden; border:1px solid #dbe9e2; border-radius:22px; background:#fff; box-shadow:0 26px 60px rgba(31,69,61,.12); }.workspace-top,.workspace-bottom { display:flex; align-items:center; gap:9px; padding:17px 20px; color:#70837c; font-size:12px; }.workspace-top { border-bottom:1px solid #edf2ef; }.workspace-top>span { color:#67bf9d; }.workspace-top em { margin-left:auto; font-style:normal; }.workspace-body { display:grid; grid-template-columns:1.12fr .88fr; gap:12px; padding:20px; }.workspace-body section { min-height:135px; border:1px solid #e4ede8; border-radius:14px; background:#f9fcfa; padding:17px; }.workspace-body>section { min-height:282px; }.workspace-body small { display:block; margin-bottom:20px; color:#638078; font-size:12px; font-weight:800; }.workspace-body i { display:block; width:78%; height:8px; margin:13px 0; border-radius:99px; background:#dbe9e3; }.workspace-body i:first-of-type { width:94%; background:#bfded1; }.workspace-body i.short { width:52%; }.workspace-body p { display:inline-block; margin:34px 0 0; padding:10px; border-radius:10px; background:#e6f3ed; color:#47756a; font-size:12px; }.workspace-body>div { display:grid; gap:12px; }.workspace-body .code { background:#19312e; border-color:#19312e; }.code small { color:#a6cbbd; }.code code { display:block; margin-top:9px; color:#d7f0e7; font-size:10px; }.code code+code { color:#75a998; }.workspace-bottom { justify-content:space-between; border-top:1px solid #edf2ef; }.workspace-bottom b { padding:4px 8px; border-radius:99px; background:#e4f3ea; color:#207b5a; }
.section { padding:98px 0; }.section:first-of-type { border-top:1px solid var(--line); }.section-heading { max-width:700px; }.section h2,.service h2 { font-size:clamp(31px,3.6vw,43px); }.section-heading>p:last-child { margin:17px 0 0; color:var(--muted); font-size:16px; line-height:1.75; }.feature-grid,.plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:44px; }.feature-card { min-height:224px; padding:28px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.68); }.feature-card>span { color:var(--coral); font-size:12px; font-weight:800; }.feature-card h3 { margin:42px 0 13px; font-size:21px; letter-spacing:-.035em; }.feature-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.plans { background:var(--mint); }.plan-card { position:relative; display:flex; flex-direction:column; min-height:400px; padding:29px; border:1px solid #d6e5de; border-radius:16px; background:rgba(255,255,255,.86); }.plan-card.recommended { border:2px solid var(--teal); box-shadow:0 16px 32px rgba(4,91,84,.11); }.tag { position:absolute; top:-13px; padding:5px 10px; border-radius:99px; background:var(--teal); color:#fff; font-size:11px; }.plan-card h3 { margin:0; font-size:20px; letter-spacing:-.035em; }.plan-card>p { margin:11px 0 0; color:var(--muted); font-size:14px; }.price { display:block; margin:26px 0 25px; font-size:42px; letter-spacing:-.06em; }.price small { margin-left:5px; color:var(--muted); font-size:13px; letter-spacing:0; }.plan-card ul { display:grid; gap:12px; padding:0; margin:0; list-style:none; color:#55716a; font-size:14px; }.plan-card li::before { content:"✓"; margin-right:9px; color:var(--teal); font-weight:800; }.plan-button { width:100%; margin-top:auto; }
.service { display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; }.service-list p { display:grid; grid-template-columns:132px 1fr; gap:16px; padding:19px 0; margin:0; border-bottom:1px solid var(--line); font-size:14px; line-height:1.65; }.service-list b { color:var(--muted); font-weight:500; }.service-list span { font-weight:700; }.site-footer { display:grid; grid-template-columns:1fr auto; gap:18px; padding:33px 0 38px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }.footer-brand { color:var(--ink); }.footer-brand .brand-mark { width:23px; height:23px; border-radius:7px; font-size:15px; }.footer-links { display:flex; gap:19px; }.site-footer>p { grid-column:1/-1; margin:0; color:#98a8a2; }
.legal-page { min-height:100vh; display:flex; flex-direction:column; }.legal-content { width:min(760px,calc(100% - 48px)); padding:70px 0; }.legal-content h1 { font-size:clamp(36px,5vw,52px); }.legal-date { margin:16px 0 46px; color:var(--muted); font-size:14px; }.legal-content section { padding:25px 0; border-top:1px solid var(--line); }.legal-content h2 { margin:0 0 14px; font-size:20px; }.legal-content section p { margin:0; color:var(--muted); font-size:15px; line-height:1.9; }.legal-footer { display:flex; gap:19px; padding:26px 0 32px; margin-top:auto; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media (max-width:760px) { .site-header,.hero,.section,.site-footer,.legal-header,.legal-footer { width:min(100% - 32px,560px); }.site-header { min-height:68px; }.site-header nav { display:none; }.hero { grid-template-columns:1fr; gap:42px; min-height:auto; padding:48px 0 64px; }.hero h1 { font-size:42px; }.hero-description { font-size:16px; }.hero-actions { flex-direction:column; }.workspace-body { grid-template-columns:1fr; }.workspace-body>section { min-height:205px; }.workspace-body>div { grid-template-columns:1fr 1fr; }.section { padding:65px 0; }.feature-grid,.plan-grid { grid-template-columns:1fr; margin-top:32px; }.service { grid-template-columns:1fr; gap:34px; }.service-list p { grid-template-columns:1fr; gap:4px; }.site-footer { grid-template-columns:1fr; }.footer-links,.legal-footer { flex-wrap:wrap; }.site-footer>p { grid-column:auto; }.legal-content { padding:46px 0; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.button { transition:none; } }