:root{color-scheme:light;--color-page: #f8fbff;--color-surface: #ffffff;--color-surface-soft: #f1f7ff;--color-surface-strong: #eef6ff;--color-text: #101828;--color-muted: #5f6f86;--color-subtle: #8391a6;--color-line: rgba(25, 62, 108, .14);--color-primary: #2563eb;--color-primary-strong: #1646a6;--color-primary-soft: #dbeafe;--color-accent: #0fbea8;--color-accent-soft: #d8fbf5;--color-warm: #f05a28;--color-warm-soft: #fff0e8;--shadow-soft: 0 22px 70px rgba(37, 99, 235, .12);--shadow-card: 0 18px 44px rgba(16, 24, 40, .1);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--radius-lg: 8px;--radius-md: 8px;--radius-sm: 6px;--radius-pill: 999px;--space-page: clamp(20px, 5vw, 72px);--max-page: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 12%,rgba(37,99,235,.12),transparent 28%),radial-gradient(circle at 88% 2%,rgba(15,190,168,.12),transparent 26%),linear-gradient(180deg,#ffffff 0%,var(--color-page) 46%,#ffffff 100%);color:var(--color-text);font-family:var(--font-sans)}a{color:inherit;text-decoration:none}img{max-width:100%}.page-shell{width:min(100%,var(--max-page));margin:0 auto;padding:24px var(--space-page) 48px}.site-header{position:sticky;top:16px;z-index:10;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:12px 14px 12px 18px;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(16,24,40,.08);backdrop-filter:blur(14px)}.brand{display:flex;min-width:0;flex-direction:column;line-height:1.08}.brand span:first-child{font-weight:850;letter-spacing:-.02em}.brand span:last-child{color:var(--color-muted);font-size:.78rem;font-weight:650}.nav-links{display:flex;gap:4px}.nav-links a,.button{border-radius:var(--radius-pill);font-weight:760}.nav-links a{padding:10px 13px;color:var(--color-muted);font-size:.94rem}.nav-links a:hover,.nav-links a:focus-visible{color:var(--color-primary-strong);background:var(--color-primary-soft)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid transparent;padding:10px 16px;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--color-primary);box-shadow:0 14px 26px rgba(37,99,235,.22)}.button-primary:hover,.button-primary:focus-visible{background:var(--color-primary-strong)}.button-secondary{color:var(--color-primary-strong);border-color:rgba(37,99,235,.22);background:#fff}.button-secondary:hover,.button-secondary:focus-visible{border-color:rgba(37,99,235,.38);background:var(--color-primary-soft)}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:clamp(28px,5vw,64px);align-items:center;min-height:680px;padding:clamp(48px,8vw,96px) 0 clamp(32px,6vw,72px)}.hero-copy{max-width:680px}.eyebrow,.section-label,.product-status{color:var(--color-primary);font-size:.76rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:780px;margin:16px 0 22px;font-size:clamp(3rem,7vw,6.3rem);line-height:.98;letter-spacing:-.045em}.hero p,.section-intro p,.contact-panel p,.philosophy-card p,.product-card p{color:var(--color-muted);line-height:1.72}.hero p{max-width:620px;font-size:clamp(1.05rem,2vw,1.22rem)}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:30px}.hero-visual{position:relative;min-height:500px}.hero-visual:before{position:absolute;top:42px;right:18px;bottom:18px;left:54px;border:1px solid rgba(37,99,235,.12);border-radius:var(--radius-lg);background:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(135deg,#fff,#eef6ff);background-size:38px 38px,38px 38px,auto;box-shadow:var(--shadow-soft);content:""}.hero-product-shot{position:absolute;overflow:hidden;border:1px solid rgba(25,62,108,.16);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-card);transition:transform .22s ease,box-shadow .22s ease}.hero-product-shot:hover,.hero-product-shot:focus-visible{transform:translateY(-4px);box-shadow:0 26px 66px rgba(16,24,40,.15)}.hero-product-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}.hero-product-shot span{position:absolute;top:14px;left:14px;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-pill);padding:7px 10px;color:#fff;background:rgba(16,24,40,.78);font-size:.78rem;font-weight:800}.hero-product-shot-primary{inset:0 0 auto auto;width:86%;aspect-ratio:16 / 10;z-index:2}.hero-product-shot-secondary{left:0;bottom:0;width:58%;aspect-ratio:16 / 10;z-index:3}.hero-visual-note{position:absolute;right:24px;bottom:26px;z-index:4;display:grid;gap:4px;border:1px solid rgba(37,99,235,.18);border-radius:var(--radius-lg);padding:14px 16px;background:rgba(255,255,255,.94);box-shadow:0 18px 42px rgba(16,24,40,.12)}.hero-visual-note span{color:var(--color-muted);font-size:.76rem;font-weight:780;text-transform:uppercase}.hero-visual-note strong{font-size:1rem}.trust-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:14px;background:rgba(255,255,255,.76);box-shadow:0 14px 34px rgba(16,24,40,.06)}.trust-strip span{border:1px solid rgba(37,99,235,.14);border-radius:var(--radius-pill);padding:8px 12px;color:var(--color-primary-strong);background:var(--color-primary-soft);font-size:.86rem;font-weight:800}.section{margin-top:92px}.section-intro{max-width:780px}.section-intro-split{display:grid;max-width:none;grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);gap:32px;align-items:end}.section-intro h2{margin:12px 0;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.04em}.product-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:18px;align-items:stretch;margin-top:30px}.product-card{--product-color: var(--color-primary);--product-soft: var(--color-primary-soft);display:flex;min-height:560px;flex-direction:column;justify-content:space-between;border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:clamp(20px,3vw,28px);background:var(--color-surface);box-shadow:var(--shadow-card)}.product-card-warm{--product-color: var(--color-warm);--product-soft: var(--color-warm-soft)}.product-card-blue{--product-color: var(--color-primary);--product-soft: var(--color-primary-soft)}.product-card-primary{background:radial-gradient(circle at 86% 0%,rgba(37,99,235,.16),transparent 30%),#fff}.product-card-secondary{background:radial-gradient(circle at 88% 0%,rgba(240,90,40,.14),transparent 30%),#fff}.product-card-topline,.product-meta{display:flex;align-items:center;justify-content:space-between;gap:14px}.product-role{border-radius:var(--radius-pill);padding:7px 10px;color:var(--product-color);background:var(--product-soft);font-size:.78rem;font-weight:850}.product-status{color:var(--product-color);letter-spacing:.11em}.product-shot{overflow:hidden;margin:24px 0;aspect-ratio:16 / 9;border:1px solid rgba(25,62,108,.12);border-radius:var(--radius-lg);background:var(--color-surface-strong)}.product-card-primary .product-shot{aspect-ratio:16 / 8.8}.product-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .22s ease}.product-card:hover .product-shot img,.product-card:focus-within .product-shot img{transform:scale(1.015)}.product-copy{flex:1}.product-audience{margin:0 0 8px;color:var(--product-color)!important;font-size:.94rem;font-weight:850}.product-card h3{margin:0 0 12px;font-size:clamp(2.3rem,4.5vw,4.2rem);line-height:.98;letter-spacing:-.045em}.product-card-secondary h3{font-size:clamp(2rem,3vw,3.2rem)}.product-card p{margin:0 0 12px}.product-problem{color:var(--color-text)!important;font-weight:720}.product-highlights{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.product-highlights li{position:relative;padding-left:24px;color:var(--color-text);font-weight:720}.product-highlights li:before{position:absolute;left:0;top:.56em;width:9px;height:9px;border-radius:50%;background:var(--product-color);box-shadow:0 0 0 4px var(--product-soft);content:""}.product-meta{margin-top:28px}.domain{color:var(--color-subtle);font-size:.9rem;font-weight:720}.product-card .button-secondary{border-color:color-mix(in srgb,var(--product-color),transparent 68%);color:var(--product-color)}.product-card .button-secondary:hover,.product-card .button-secondary:focus-visible{background:var(--product-soft)}.philosophy-section{display:grid;grid-template-columns:minmax(0,.86fr) minmax(320px,1fr);gap:42px;align-items:start}.philosophy-grid{display:grid;gap:14px}.philosophy-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:22px;background:#fff;box-shadow:0 14px 34px rgba(16,24,40,.06)}.philosophy-card h3{margin:0 0 8px;font-size:1.25rem;letter-spacing:-.02em}.philosophy-card p{margin:0}.contact-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;border:1px solid rgba(37,99,235,.16);border-radius:var(--radius-lg);padding:clamp(24px,5vw,48px);background:radial-gradient(circle at 90% 10%,rgba(15,190,168,.16),transparent 28%),linear-gradient(135deg,#fff,#eef6ff);box-shadow:var(--shadow-soft)}.contact-panel h2{margin:10px 0 12px;font-size:clamp(2rem,4.4vw,3.8rem);line-height:1.04;letter-spacing:-.04em}.contact-panel p{max-width:720px;margin:0}.contact-actions{justify-content:flex-end}.footer{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin-top:42px;color:var(--color-muted);font-size:.9rem}@media(max-width:960px){.site-header{grid-template-columns:1fr auto}.nav-links{grid-column:1 / -1;justify-content:space-between;order:3}.hero,.section-intro-split,.product-grid,.philosophy-section,.contact-panel{grid-template-columns:1fr}.hero{min-height:auto;padding-top:52px}.hero-copy{max-width:none}.hero-visual{min-height:440px}.product-card{min-height:auto}.contact-actions{justify-content:flex-start}}@media(max-width:620px){.page-shell{padding-top:14px}.site-header{top:8px;gap:12px;padding:12px}.brand span:first-child{font-size:.98rem}.nav-cta{min-height:38px;padding:8px 12px;font-size:.88rem}.nav-links a{padding:8px 10px;font-size:.88rem}.hero{gap:28px;padding-top:42px}.hero h1{font-size:clamp(2.7rem,16vw,4.3rem)}.hero-actions .button,.contact-actions .button,.product-meta .button{width:100%}.hero-visual{display:grid;min-height:0;gap:12px}.hero-visual:before,.hero-visual-note{display:none}.hero-product-shot{position:relative;width:100%;aspect-ratio:16 / 10}.hero-product-shot-primary,.hero-product-shot-secondary{inset:auto}.trust-strip{justify-content:flex-start}.section{margin-top:66px}.section-intro h2,.contact-panel h2{letter-spacing:-.03em}.product-card{padding:18px}.product-card-topline,.product-meta{align-items:flex-start;flex-direction:column}.product-shot,.product-card-primary .product-shot{aspect-ratio:16 / 10}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}