:root{--bg:#eff2f6;--surface:#ffffffb8;--surface-strong:#ffffffeb;--line:#0f172a14;--text:#0f172a;--muted:#5a6779;--accent:#2f64b8;--accent-soft:#2f64b81f;--shadow:0 32px 90px #0f172a1f;--radius-xl:36px;--radius-lg:28px;--radius-md:20px;--content-width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#83b3ff4d,#0000 26%),radial-gradient(circle at 80% 8%,#bfddff47,#0000 20%),linear-gradient(#f8fafc 0%,#edf1f6 55%,#edf1f4 100%);margin:0;font-family:Avenir Next,Helvetica Neue,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff3d 1px,#0000 1px),linear-gradient(90deg,#ffffff3d 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000070,#0000 76%);mask-image:linear-gradient(#00000070,#0000 76%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:transform .2s,border-color .2s,box-shadow .2s,background-color .2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #2f64b83d}.page-shell{max-width:1440px;margin:0 auto;padding:18px 24px 80px;position:relative}.site-header,.site-footer,.surface-card,.metric-card,.case-card,.vision-panel,.directory-card,.page-hero,.visual-panel{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffffe6}.site-header{z-index:20;width:min(100%, var(--content-width));border-radius:999px;justify-content:space-between;align-items:center;gap:20px;margin:0 auto 28px;padding:14px 18px;display:flex;position:sticky;top:18px}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;letter-spacing:.08em;background:linear-gradient(145deg,#111827,#4066a8);border-radius:14px;place-items:center;width:42px;height:42px;font-size:.92rem;font-weight:800;display:grid}.brand-copy{gap:2px;display:grid}.brand-copy strong{font-size:.96rem}.brand-copy small{color:var(--muted);font-size:.74rem}.site-nav{color:var(--muted);align-items:center;gap:24px;display:flex}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text)}.nav-cta,.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:700;display:inline-flex}.nav-cta,.button.primary{color:#fff;background:linear-gradient(135deg,#0f172a,#2f64b8);box-shadow:0 18px 36px #19376442}.button.secondary{color:var(--text);background:#ffffffd1}.nav-cta:hover,.button:hover,.nav-cta:focus-visible,.button:focus-visible{transform:translateY(-1px)}.section,.page-hero{width:min(100%, var(--content-width));margin:0 auto}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:36px;min-height:clamp(820px,88vh,1040px);padding:36px 0 22px;display:grid}.eyebrow{color:#5c83bf;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:800}.hero h1,.page-hero h1,.section-heading h2,.vision-panel h2,.detail-copy h1{letter-spacing:-.055em;margin:0;line-height:.98}.hero h1{max-width:8.4ch;font-size:clamp(3.8rem,9vw,7.15rem)}.hero-text,.section-heading p,.surface-card p,.case-summary,.detail-summary,.page-hero p,.footer-copy{color:var(--muted);line-height:1.8}.hero-text{max-width:680px;margin:24px 0 0;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.metric-grid,.triple-grid,.detail-grid,.narrative-grid,.dual-grid,.contact-layout{gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.metric-card{border-radius:var(--radius-lg);min-height:150px;padding:22px}.metric-card strong{margin-bottom:10px;font-size:1.16rem;display:block}.metric-card span{color:var(--muted)}.hero-showcase,.detail-hero{position:relative}.hero-showcase{background:linear-gradient(160deg,#ffffffd6,#eaeff7c2),radial-gradient(circle at 18% 16%,#2f64b824,#0000 26%);border:1px solid #fffffff2;border-radius:42px;min-height:660px;padding:42px;overflow:hidden;box-shadow:0 42px 120px #0f172a1f}.orb{filter:blur(6px);border-radius:999px;position:absolute}.orb-one{background:radial-gradient(circle,#78bcffa8,#78bcff00);width:240px;height:240px;top:24px;right:42px}.orb-two{background:radial-gradient(circle,#a9e4ff7a,#a9e4ff00);width:280px;height:280px;bottom:46px;left:-24px}.showcase-stack{position:absolute;inset:0}.hero-product{border-radius:30px;padding:28px;position:absolute;box-shadow:0 32px 80px #0f172a3d}.hero-product.dark{color:#f8fbff;background:#0d121fd6;width:min(80%,450px);top:72px;left:32px}.hero-product.light{background:linear-gradient(#fffffff0,#f0f5fcd1);width:min(72%,350px);bottom:42px;right:30px}.hero-product small,.case-kicker,.visual-panel small{color:#6b7f98;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:800;display:block}.hero-product.dark small{color:#ffffffa3}.hero-product h2,.case-card h3,.directory-card h2,.surface-card h2,.surface-card h3{letter-spacing:-.04em;margin:0 0 12px;line-height:1.08}.hero-product h2{font-size:2rem}.hero-product p{color:inherit;opacity:.82;margin:0;line-height:1.7}.intro-section,.case-directory,.case-list,.detail-grid,.narrative-grid,.dual-grid,.contact-layout{padding-top:80px}.section-heading{max-width:860px;margin-bottom:28px}.section-heading h2,.vision-panel h2{font-size:clamp(2.6rem,5vw,4.5rem)}.triple-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.surface-card,.directory-card{border-radius:var(--radius-lg);padding:28px}.surface-card.strong{color:#fff;background:linear-gradient(#1e40afe6,#080f1eeb)}.surface-card.strong p,.surface-card.strong h3{color:inherit}.case-list{gap:22px;display:grid}.case-card,.directory-card,.detail-hero,.contact-layout{grid-template-columns:1.05fr .95fr}.case-card,.directory-card,.detail-hero{gap:28px;display:grid}.case-card{border-radius:34px;padding:30px}.case-card.reverse,.directory-card:nth-child(2n){grid-template-columns:.95fr 1.05fr}.case-summary,.detail-summary{margin:0;font-size:1.03rem}.case-card h3,.directory-card h2{font-size:clamp(2rem,4vw,3.1rem)}.detail-list{gap:16px;margin-top:26px;display:grid}.detail-list div,.contact-block{background:var(--surface-strong);border:1px solid #0f172a0f;border-radius:20px;padding:18px 20px}.detail-list span,.contact-block span{margin-bottom:8px;font-weight:800;display:block}.detail-list p,.contact-block strong{margin:0}.visual-panel{background:linear-gradient(#f1f4f9f5,#dfe7f2e0);border-radius:30px;min-height:460px;padding:26px;position:relative;overflow:hidden}.visual-panel.compact{min-height:360px}.board-main,.floating-card,.phone-shell{box-shadow:0 24px 60px #0f172a29}.board-main,.floating-card{border:1px solid #0f172a0f;border-radius:26px;position:absolute}.board-main{background:#ffffffd6;padding:22px;inset:28px 80px 84px 24px}.node-root{color:#fff;background:linear-gradient(145deg,#111827,#5688d7);border-radius:999px;place-items:center;width:150px;height:150px;margin:36px auto 24px;font-weight:800;display:grid}.node-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.node-grid span,.feature-list li{background:#2f64b814;border-radius:16px;padding:14px 16px}.floating-card{background:#ffffffe0;width:min(220px,100% - 48px);padding:18px;bottom:28px;right:24px}.floating-card.side{width:220px}.floating-card strong{margin-top:8px;line-height:1.6;display:block}.phone-shell{background:linear-gradient(#0f172a,#21324f);border-radius:40px;width:310px;padding:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.phone-screen{background:radial-gradient(circle at top,#ffffff80,#0000 26%),linear-gradient(#edf2f8,#d8e0ec);border-radius:28px;min-height:438px;padding:22px}.pet-avatar{background:radial-gradient(circle at 38% 38%,#fff 0 8%,#0000 8.5%),radial-gradient(circle at 62% 38%,#fff 0 8%,#0000 8.5%),radial-gradient(circle at 50% 62%,#ffffffd1 0 13%,#0000 13.5%),linear-gradient(160deg,#8aa3c9,#ccd9ea);border-radius:28px;width:100%;height:220px}.chip-row{gap:10px;margin-top:18px;display:flex}.chip-row span{color:#45607f;background:#ffffffe6;border-radius:999px;padding:10px 14px;font-size:.88rem;font-weight:700}.mini-info-card{background:#ffffffe6;border-radius:18px;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 18px;display:flex}.page-hero,.not-found{padding:74px 0 8px}.page-hero{max-width:920px;box-shadow:none;background:0 0;border:0}.page-hero h1,.detail-copy h1{font-size:clamp(3rem,7vw,5.8rem)}.page-hero p,.detail-summary{max-width:760px;margin-top:18px;font-size:1.06rem}.directory-card{align-items:center;margin-bottom:22px;display:grid}.feature-list{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.feature-list li{color:var(--text);line-height:1.65}.detail-hero{align-items:center;padding-top:24px}.detail-copy{flex-direction:column;justify-content:center;display:flex}.detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.detail-grid,.narrative-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dual-grid,.contact-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form{gap:16px;display:grid}.contact-form label{color:var(--text);gap:8px;font-weight:700;display:grid}.contact-form input,.contact-form select,.contact-form textarea{background:#ffffffe6;border:1px solid #0f172a1f;border-radius:16px;width:100%;padding:14px 16px}.site-footer{width:min(100%, var(--content-width));border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin:80px auto 0;padding:24px 28px;display:flex}.footer-title{margin:0 0 8px;font-size:1.02rem;font-weight:800}.footer-copy{max-width:560px;margin:0}.footer-links{color:var(--muted);flex-wrap:wrap;gap:16px;display:flex}.vision-panel{background:linear-gradient(#ffffffd1,#f2f6fadb),radial-gradient(circle at 100% 0,#2f64b824,#0000 20%);border-radius:34px;padding:42px}.vision-panel p{max-width:760px;color:var(--muted);margin-top:18px;line-height:1.8}@media (max-width:1120px){.hero,.case-card,.directory-card,.detail-hero,.detail-grid,.narrative-grid,.dual-grid,.contact-layout,.triple-grid{grid-template-columns:1fr}.site-header{border-radius:34px}.site-nav{display:none}.hero{min-height:auto;padding-top:24px}.hero h1{max-width:10ch}.hero-showcase{min-height:620px}.detail-metrics,.metric-grid{grid-template-columns:1fr}}@media (max-width:820px){.page-shell{padding:14px 14px 56px}.site-header,.site-footer{flex-direction:column;align-items:flex-start}.hero-showcase{min-height:700px;padding:18px}.hero-product.dark,.hero-product.light{width:100%;margin-top:18px;position:relative;inset:auto}.board-main{inset:18px 18px 172px}.floating-card,.floating-card.side{width:auto;bottom:18px;left:18px;right:18px}.phone-shell{width:min(100%,320px)}.page-hero,.not-found{padding-top:48px}.vision-panel{padding:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}