:root { --ink:#102c26; --muted:#64736d; --line:#dfe6e2; --paper:#f7f7f3; --cream:#efeee6; --mint:#d4e8dc; --accent:#0b5b48; --serif:Georgia,"Songti SC","STSong",serif; --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); } a { color:inherit; text-decoration:none; }
.site-header { height:76px; display:flex; align-items:center; justify-content:space-between; max-width:1240px; margin:auto; padding:0 32px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:650; letter-spacing:-.02em; }.brand-mark { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--accent); color:#fff; font-family:var(--serif); font-size:18px; font-weight:700; }.main-nav { display:flex; gap:28px; font-size:14px; color:#44544e; }.main-nav a { transition:color .2s ease; }.main-nav a:hover { color:var(--accent); }
.hero { max-width:1240px; min-height:580px; padding:84px 32px 76px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }.eyebrow { margin:0 0 17px; color:var(--accent); font-size:11px; letter-spacing:.13em; font-weight:700; }.hero h1,.section-heading h2,.vision-section h2 { font-family:var(--serif); font-weight:500; letter-spacing:-.055em; }.hero h1 { margin:0; font-size:clamp(40px,5vw,66px); line-height:1.13; }.hero-lead { font-family:var(--serif); font-size:23px; margin:30px 0 10px; }.hero-text { max-width:440px; line-height:1.9; color:var(--muted); font-size:15px; }.text-link { display:inline-flex; gap:9px; margin-top:20px; font-size:14px; color:var(--accent); border-bottom:1px solid #8caca2; padding-bottom:7px; }
.hero-art { position:relative; min-height:405px; border-radius:6px; overflow:hidden; background:#0e4237; }.hero-ring { position:absolute; border:1px solid rgba(224,243,231,.35); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); }.ring-one { width:265px; height:265px; }.ring-two { width:450px; height:450px; }.hero-center { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:106px; height:106px; border-radius:50%; background:#ecf1e8; color:#104b3c; font:700 75px/1 var(--serif); }.hero-card { position:absolute; display:flex; flex-direction:column; justify-content:space-between; width:118px; height:144px; padding:15px; background:#d9ebdc; color:#184d40; border-radius:3px; box-shadow:0 15px 30px rgba(0,0,0,.12); }.hero-card span { font-size:12px; }.hero-card strong { font:500 40px/1 var(--serif); }.card-a { top:41px; left:66px; transform:rotate(-9deg); }.card-b { right:55px; top:88px; background:#f0cda1; }.card-c { bottom:35px; left:117px; background:#e8eee9; transform:rotate(7deg); }
.intro-section { max-width:1240px; margin:auto; padding:30px 32px 115px; }.intro-section p { max-width:750px; margin:0; font:400 clamp(25px,3.05vw,42px)/1.45 var(--serif); letter-spacing:-.035em; }
.section { max-width:1240px; padding:100px 32px; margin:auto; }.products-section { border-top:1px solid var(--line); }.section-heading h2 { font-size:clamp(31px,4vw,48px); margin:0; line-height:1.15; }.section-heading > p:last-child { color:var(--muted); margin:18px 0 0; font-size:15px; }.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:50px; }.product-card { min-width:0; background:var(--cream); }.product-visual { position:relative; overflow:hidden; height:235px; margin:16px 16px 0; padding:22px; border-radius:4px; }.visual-recording { background:linear-gradient(130deg,#dbebdf,#bdd8cb); }.window-dot { display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:#5c8878; }.record-frame { position:absolute; inset:78px 48px 52px; display:flex; align-items:center; justify-content:center; gap:8px; border:2px solid rgba(25,94,73,.75); color:#205e4b; font-weight:700; letter-spacing:.1em; }.record-dot { width:12px; height:12px; border-radius:50%; background:#c14f45; }.product-copy { padding:30px 28px 34px; }.product-number { color:var(--accent); font-size:12px; letter-spacing:.12em; }.product-copy h3 { margin:8px 0 12px; font:500 28px/1.2 var(--serif); }.product-copy > p:not(.product-number) { margin:0; color:var(--muted); font-size:14px; line-height:1.8; }.product-tag { display:inline-block; margin-top:22px; font-size:12px; color:var(--accent); border:1px solid #9ab7aa; padding:7px 10px; }.visual-video { background:#21393a; color:#f2f0e9; }.play-button { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:64px; height:64px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; padding-left:3px; }.video-caption { position:absolute; left:24px; bottom:22px; font:500 20px/1.1 var(--serif); }.visual-ai { background:#e8d8c8; }.ai-prompt { position:absolute; top:54px; left:25px; right:25px; padding:16px 15px; color:#66564a; background:#f7f2ed; border-radius:3px; font-size:13px; }.ai-reply { position:absolute; left:25px; right:52px; top:116px; background:#e8f2ec; padding:14px; border-radius:3px; }.ai-reply span { display:block; height:6px; margin:7px 0; background:#b4d0bf; }.ai-reply span:nth-child(2){width:82%;}.ai-reply span:nth-child(3){width:55%;}
.business-section { padding-top:35px; }.business-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:50px; border-top:1px solid var(--line); }.business-grid article { padding:28px 35px 20px 0; border-bottom:1px solid var(--line); }.business-grid article + article { padding-left:28px; border-left:1px solid var(--line); }.business-grid span { color:var(--accent); font:500 17px var(--serif); }.business-grid h3 { margin:52px 0 12px; font:500 27px var(--serif); }.business-grid p { max-width:250px; color:var(--muted); line-height:1.8; font-size:14px; }
.vision-section { background:#0e4237; color:#eef0ea; padding:115px max(32px,calc((100vw - 1176px)/2)); }.vision-section .eyebrow { color:#b8d8c7; }.vision-section h2 { margin:0; font-size:clamp(33px,4.8vw,59px); line-height:1.24; }.vision-section > p:last-child { max-width:500px; margin:28px 0 0; color:#d2dfd8; font-size:15px; line-height:1.9; }
.contact-section { padding-bottom:110px; }.contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:16px; margin-top:46px; }.contact-item { position:relative; min-height:150px; padding:25px; background:#e8ece6; display:flex; flex-direction:column; justify-content:space-between; transition:background .2s ease; }.contact-item:first-child:hover { background:var(--mint); }.contact-item span { color:var(--muted); font-size:13px; }.contact-item strong { font:500 18px/1.6 var(--serif); }.contact-item i { position:absolute; top:22px; right:25px; font-style:normal; font-size:20px; color:var(--accent); }.site-footer { max-width:1240px; margin:auto; min-height:135px; padding:32px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1.5fr auto; align-items:start; gap:20px; font-size:12px; color:var(--muted); }.site-footer p { margin:0 0 7px; }.site-footer .filing { text-align:right; }
@media (max-width:700px) { .site-header{height:64px;padding:0 20px;}.main-nav{display:none;}.hero{padding:60px 20px;grid-template-columns:1fr;gap:45px;min-height:0;}.hero-art{min-height:330px;}.card-a{left:30px;top:34px;}.card-b{right:26px;top:70px;}.card-c{left:70px;bottom:28px;}.intro-section,.section{padding-left:20px;padding-right:20px;}.intro-section{padding-bottom:75px;}.section{padding-top:74px;padding-bottom:74px;}.product-grid,.business-grid,.contact-grid{grid-template-columns:1fr;}.product-visual{height:250px;margin:16px 16px 0;}.product-copy{padding:30px 25px 35px;}.business-grid article + article{padding-left:0;border-left:0;}.business-grid article{padding:25px 0;}.business-grid h3{margin-top:30px;}.vision-section{padding:78px 20px;}.site-footer{padding:30px 20px;grid-template-columns:1fr;gap:14px;}.site-footer .filing{text-align:left;} }