:root{--ink:#10243e;--muted:#66758a;--paper:#f5f8fc;--surface:#fff;--brand:#2f6fed;--brand-2:#79a6ff;--deep:#0b1f3a;--line:#dce5f0;--accent:#e9f0ff;--warm:#f5bb58;--radius:18px;--shadow:0 24px 70px rgba(17,44,83,.14);--font-display:Arial,"PingFang SC","Microsoft YaHei",sans-serif}:root[data-theme=luxury]{--ink:#2a231f;--muted:#776b62;--paper:#f4f0e9;--surface:#fffdf8;--brand:#9b6a34;--brand-2:#d8b57e;--deep:#211c19;--line:#ded4c6;--accent:#efe5d5;--warm:#c99a61;--radius:3px;--shadow:0 26px 70px rgba(48,37,26,.16);--font-display:Georgia,"Songti SC",serif}:root[data-theme=nature]{--ink:#193c32;--muted:#63766f;--paper:#f1f5ef;--surface:#fbfdf8;--brand:#3f7963;--brand-2:#91b8a0;--deep:#173b31;--line:#d8e2d9;--accent:#e1ece2;--warm:#d7ad67;--radius:28px;--shadow:0 24px 70px rgba(33,77,61,.13);--font-display:"Avenir Next","PingFang SC",sans-serif}:root[data-theme=lifestyle]{--ink:#48251d;--muted:#806a64;--paper:#fff5ec;--surface:#fffdf8;--brand:#e85f38;--brand-2:#ff9a65;--deep:#4a2018;--line:#efdbcf;--accent:#ffe0cf;--warm:#f1b849;--radius:22px;--shadow:0 24px 65px rgba(116,52,32,.16);--font-display:"Arial Rounded MT Bold","PingFang SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;transition:background .35s,color .35s}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.eyebrow{display:block;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:12px}.theme-panel{position:relative;z-index:10;background:#101418;color:white;padding:14px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.theme-panel__intro{min-width:230px}.theme-panel__intro .eyebrow{color:#9eabb8;margin:0 0 4px}.theme-panel__intro strong{font-size:14px}.theme-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1 1;max-width:760px}.theme-option{border:1px solid #3a424a;background:#1b2126;color:white;border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:.2s}.theme-option.is-active,.theme-option:hover{background:#293139;border-color:#71808d;transform:translateY(-1px)}.theme-option b,.theme-option small{display:block;white-space:nowrap}.theme-option b{font-size:12px}.theme-option small{font-size:9px;color:#9eabb8;margin-top:2px}.swatches{display:flex}.swatches i{display:block;width:15px;height:30px}.swatches i:first-child{border-radius:7px 0 0 7px}.swatches i:last-child{border-radius:0 7px 7px 0}.site-header{height:86px;justify-content:space-between}.brand,.site-header{display:flex;align-items:center}.brand{gap:11px;font-weight:800;font-size:15px;letter-spacing:.05em}.brand small{display:block;font-size:8px;letter-spacing:.2em;color:var(--muted);margin-top:2px}.brand-mark{width:37px;height:37px;border-radius:10px;background:var(--deep);color:white;display:grid;place-items:center;font-family:var(--font-display)}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}nav a:hover{color:var(--brand)}.nav-cta{border:1px solid var(--ink);padding:10px 16px;border-radius:999px}.hero{min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;gap:60px;padding-block:58px 88px}.hero,.kicker{align-items:center}.kicker{display:flex;gap:9px;color:var(--brand);font-size:13px;font-weight:700}.kicker i{width:25px;height:2px;background:var(--brand)}h1,h2,h3{font-family:var(--font-display)}h1{font-size:clamp(44px,5.1vw,72px);line-height:1.08;letter-spacing:-.055em;margin:24px 0}h1 em{color:var(--brand);font-style:normal}.hero-copy>p{font-size:17px;line-height:1.85;color:var(--muted);max-width:560px}.hero-actions{display:flex;margin:34px 0 42px}.button,.hero-actions{align-items:center;gap:28px}.button{display:inline-flex;justify-content:space-between;padding:15px 19px;border-radius:var(--radius);font-weight:700;font-size:13px}.button.primary{background:var(--brand);color:white;box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 30%,transparent)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--line);padding:10px 0}.trust-row{display:flex;gap:38px;border-top:1px solid var(--line);padding-top:22px}.trust-row b,.trust-row small{display:block}.trust-row b{font-size:16px}.trust-row small{color:var(--muted);font-size:10px;margin-top:5px}.hero-visual{height:500px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:410px;height:410px;border-radius:50%;background:linear-gradient(145deg,var(--accent),transparent 75%);border:1px solid var(--line)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:88px;height:88px;background:var(--warm);right:1%;top:7%;opacity:.85}.orb-b{width:64px;height:64px;background:var(--brand-2);left:2%;bottom:13%;opacity:.7}.browser-card{width:400px;height:352px;border-radius:calc(var(--radius) + 2px);background:var(--surface);box-shadow:var(--shadow);position:relative;z-index:2;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 70%,white);transform:rotate(-2deg)}.browser-bar{height:31px;background:color-mix(in srgb,var(--paper) 80%,white);display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid var(--line)}.browser-bar span{width:6px;height:6px;border-radius:50%;background:#c8d0d8}.browser-bar i{width:185px;height:12px;background:var(--surface);border-radius:8px;margin:auto}.browser-content{height:321px;background:linear-gradient(125deg,var(--deep),color-mix(in srgb,var(--deep) 70%,var(--brand)));color:white;padding:24px 28px;position:relative;overflow:hidden}.browser-content:after{content:"";position:absolute;width:210px;height:210px;border:1px solid color-mix(in srgb,var(--brand-2) 50%,transparent);border-radius:50%;right:-48px;bottom:-75px;box-shadow:0 0 0 36px color-mix(in srgb,var(--brand-2) 8%,transparent),0 0 0 72px color-mix(in srgb,var(--brand-2) 6%,transparent)}.mini-nav{display:flex;justify-content:space-between;font-size:11px}.mini-nav i{width:58px;height:5px;border-top:1px solid #ffffff88;border-bottom:1px solid #ffffff88}.mini-kicker{display:block;color:var(--brand-2);font-size:7px;letter-spacing:.18em;margin-top:45px}.browser-content strong{display:block;font-family:var(--font-display);font-size:27px;line-height:1.25;margin-top:9px}.mini-button{display:inline-block;background:var(--brand);padding:8px 10px;font-size:7px;margin-top:17px;border-radius:4px}.mini-grid{position:absolute;display:flex;gap:8px;left:28px;right:28px;bottom:20px;z-index:2}.mini-grid i{flex:1 1;height:38px;background:#ffffff0d;border:1px solid #ffffff24}.floating-badge,.floating-note{position:absolute;z-index:3;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line)}.floating-note{width:160px;right:-15px;bottom:10px;padding:15px;border-radius:var(--radius)}.floating-note b,.floating-note small,.floating-note span{display:block}.floating-note span{font-size:8px;color:var(--muted)}.floating-note b{font-size:11px;margin:5px 0 10px}.floating-note i{display:block;height:4px;background:var(--accent);border-radius:4px}.floating-note em{display:block;width:78%;height:100%;background:var(--brand);border-radius:4px}.floating-note small{font-size:7px;color:var(--muted);margin-top:6px}.floating-badge{left:-15px;top:70px;border-radius:var(--radius);padding:12px 15px;display:flex;align-items:center;gap:9px}.floating-badge>b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--brand);font-size:10px}.floating-badge span{font-size:9px;font-weight:700}.floating-badge small{color:var(--muted);font-weight:400}.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 60%,transparent)}.logo-strip .shell{min-height:92px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.logo-strip span{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.logo-strip b{color:color-mix(in srgb,var(--ink) 65%,transparent);font-family:var(--font-display);letter-spacing:.08em}.section{padding-block:112px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-heading h2{font-size:42px;letter-spacing:-.04em;margin:0}.section-heading>p{max-width:410px;color:var(--muted);line-height:1.8;font-size:14px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:315px;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--brand-2)}.service-card>span{position:absolute;right:24px;top:22px;color:var(--muted);font-size:10px}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:calc(var(--radius) * .65);background:var(--accent);color:var(--brand);font-weight:800}.service-card h3{font-size:21px;margin:36px 0 12px}.service-card p{color:var(--muted);line-height:1.75;font-size:13px}.service-card a{position:absolute;bottom:27px;font-size:11px;font-weight:700;color:var(--brand)}.cases-wrap{background:var(--deep);color:white}.section-heading.light>p{color:#ffffff9c}.section-heading.light .eyebrow{color:var(--brand-2)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{background:#ffffff0a;border:1px solid #ffffff1c;border-radius:var(--radius);overflow:hidden}.case-art{height:235px;position:relative;overflow:hidden;padding:18px;background:linear-gradient(145deg,#dbe8ff,#91b6ed)}.case-card.green .case-art{background:linear-gradient(145deg,#deeee2,#7eae8d)}.case-card.orange .case-art{background:linear-gradient(145deg,#ffe4cd,#ee8a53)}.case-art>span{color:#14283d;background:#ffffffbf;padding:6px 9px;border-radius:999px;font-size:8px;position:relative;z-index:2}.case-shape{position:absolute;width:210px;height:210px;border-radius:50%;background:#ffffff37;right:-20px;bottom:-52px;border:1px solid #ffffffa6;display:grid;place-items:center}.case-shape i{position:absolute;inset:28px;border-radius:50%;border:1px solid #ffffff9e}.case-shape b{font-family:var(--font-display);font-size:38px;color:#ffffffd9}.case-card>div:last-child{padding:22px 24px 26px}.case-card small{color:var(--brand-2);font-size:9px;letter-spacing:.12em}.case-card h3{margin:9px 0 6px;font-size:18px}.case-card p{margin:0;color:#ffffff8a;font-size:11px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.process-grid>div{position:relative;padding-right:22px}.process-grid b{color:var(--brand);font-size:11px}.process-grid i{display:block;height:1px;background:var(--line);margin:14px 0 25px;position:relative}.process-grid i:before{content:"";position:absolute;width:7px;height:7px;border:2px solid var(--brand);background:var(--paper);border-radius:50%;top:-4px;left:0}.process-grid h3{font-size:17px}.process-grid p{color:var(--muted);font-size:12px}.contact{margin-bottom:110px;background:linear-gradient(130deg,var(--deep),color-mix(in srgb,var(--deep) 72%,var(--brand)));color:white;border-radius:calc(var(--radius) + 8px);padding:64px 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #ffffff1c;left:-140px;bottom:-240px;box-shadow:0 0 0 50px #ffffff08}.contact h2{font-size:40px;line-height:1.25;margin:12px 0 20px}.contact>div>p{color:#ffffffa6;line-height:1.8;font-size:13px;max-width:520px}.contact .eyebrow{color:var(--brand-2)}.contact-card{background:var(--surface);color:var(--ink);padding:28px;border-radius:var(--radius);position:relative;z-index:2}.contact-card>span{font-size:11px;font-weight:800}.contact-card ul{padding-left:18px;color:var(--muted);font-size:12px;line-height:2}.contact-card .button{width:100%;margin-top:8px}.contact-card>small{display:block;color:var(--muted);font-size:8px;text-align:center;margin-top:11px}footer{border-top:1px solid var(--line);background:var(--surface)}footer>.shell{min-height:120px;display:flex;align-items:center;justify-content:space-between}footer p,footer>.shell>span{color:var(--muted);font-size:10px}@media (max-width:900px){.theme-panel{align-items:flex-start;flex-direction:column}.theme-options{width:100%;max-width:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{margin-top:-15px}.section-heading{align-items:flex-start;gap:25px}.case-grid,.service-grid{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr;padding:50px}.logo-strip .shell{flex-wrap:wrap;gap:20px;justify-content:flex-start;padding-block:20px}}@media (max-width:640px){.shell{width:min(100% - 28px,1160px)}.theme-panel{padding:13px 14px}.theme-options{display:grid;grid-template-columns:1fr 1fr}.theme-option{padding:7px}.theme-option small{display:none}.site-header{height:72px}nav a:not(.nav-cta){display:none}.nav-cta{padding:9px 13px}.hero{gap:15px;padding-block:38px 62px}.hero-copy>p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.trust-row{gap:16px;justify-content:space-between}.trust-row b{font-size:13px}.trust-row small{font-size:8px}.hero-visual{height:410px}.browser-card{width:86vw;height:320px}.browser-content{height:289px}.floating-note{right:0}.floating-badge{left:0;top:45px}.section{padding-block:78px}.section-heading{display:block}.section-heading h2{font-size:34px}.section-heading>p{margin-top:18px}.case-grid,.service-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr;gap:35px 12px}.contact{width:calc(100% - 28px);padding:38px 25px;gap:30px;margin-bottom:70px}.contact h2{font-size:31px}footer>.shell{padding-block:28px;gap:20px;flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}