:root{--green: #1e3b2f;--green-soft: #45675a;--ink: #1a1a1a;--gray: #7a7a7a;--gray-2: #555555;--gray-light: #8a8a8a;--bg: #f7f7f5;--bg-hero: #fcfbf7;--hairline: #e4e3df;--maxw: 1160px;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:var(--maxw);margin:0 auto;padding-left:clamp(20px,5vw,48px);padding-right:clamp(20px,5vw,48px)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px}.brand-logo{display:inline-flex;align-items:center;gap:0}.brand-logo img{height:40px;width:auto}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{font-size:14px;color:var(--gray-light);transition:color .2s ease}.site-nav a:hover{color:var(--green)}.hero-stage{position:relative;overflow-x:clip;background-image:linear-gradient(180deg,#fff0 62%,#f7f7f5d9 92%,#f7f7f5),url(/images/hero-backdrop.webp);background-size:cover;background-position:center top}.hero-stage .container{max-width:1280px}.hero-stage .site-header .container{position:relative;z-index:2;padding-top:31px;padding-bottom:31px}.hero-stage .brand-logo img{height:56px}.hero-stage .site-nav{gap:44px}.hero-stage .site-nav a{font-size:22px}.hero .container{display:flex;align-items:center;min-height:calc(100vh - 118px);min-height:calc(100svh - 118px);padding-top:0;padding-bottom:clamp(80px,14vh,150px)}.hero-copy{position:relative;z-index:1;max-width:460px}.hero-copy h1{margin:0;font-family:var(--sans);font-size:clamp(52px,6.6vw,88px);font-weight:300;letter-spacing:.03em;line-height:1.14;color:var(--ink)}.hero-copy .sub1{margin:22px 0 0;font-size:clamp(17px,1.9vw,25px);color:#6e6e6e}.hero-copy .sub2{margin:14px 0 0;font-size:clamp(17px,1.9vw,25px);color:var(--gray-2)}.hero-visual{position:absolute;right:0;top:51.5%;transform:translateY(-50%);width:min(57vw,1000px);z-index:0}.hero-visual img{width:100%;height:auto}.section{background:var(--bg)}.section .container{display:grid;grid-template-columns:minmax(160px,260px) minmax(0,1fr);gap:clamp(24px,6vw,80px);align-items:start;padding-top:clamp(64px,9vw,104px);padding-bottom:clamp(64px,9vw,104px)}.section-heading{margin:0;font-family:var(--sans);font-size:clamp(26px,3vw,32px);font-weight:300;letter-spacing:.05em;color:var(--green)}.divider{border:0;border-top:1px solid var(--hairline);margin:0;background:transparent}.about-body p{margin:0 0 18px;max-width:620px;font-size:15.5px;line-height:2;color:var(--gray-2)}.about-body p:last-child{margin-bottom:0}.product-body .eyebrow{margin:0 0 22px;font-size:13px;letter-spacing:.14em;color:var(--gray-light)}.product-body .name{margin:0;font-family:var(--sans);font-size:clamp(40px,4.6vw,52px);font-weight:300;letter-spacing:.04em;line-height:1.15;color:var(--green)}.product-body .tagline{margin:18px 0 0;font-family:var(--sans);font-size:clamp(18px,2vw,22px);font-weight:400;color:var(--ink)}.product-body .desc{margin:22px 0 0;max-width:420px;font-size:15px;line-height:1.9;color:var(--gray)}.product-visual{justify-self:center;width:100%;max-width:340px}.product-visual img{width:100%;height:auto}.contact-body .label{margin:0 0 12px;font-size:13px;letter-spacing:.14em;color:var(--gray-light)}.contact-body .email{font-size:clamp(18px,2.2vw,22px);font-weight:500;color:var(--ink);border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.contact-body .email:hover{color:var(--green);border-bottom-color:var(--green)}.site-footer{background:var(--bg)}.site-footer .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding-top:28px;padding-bottom:36px}.footer-left{font-size:12px;color:var(--gray-light)}.footer-right{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;font-size:12px;color:var(--gray-light)}.footer-right a{transition:color .2s ease}.footer-right a:hover{color:var(--green)}.footer-right .dot{color:var(--hairline);-webkit-user-select:none;user-select:none}.subpage-header{background:var(--bg-hero);border-bottom:1px solid var(--hairline)}.subpage-main{padding-bottom:72px}.subpage-back{display:inline-block;margin:34px 0 0;font-size:14px;color:var(--gray);transition:color .2s ease}.subpage-back:hover{color:var(--green)}.doc-title{margin:26px 0 0;font-family:var(--sans);font-size:clamp(30px,3.6vw,40px);font-weight:300;letter-spacing:.03em;color:var(--ink)}.doc-status{margin:22px 0 0;padding:14px 18px;border-left:3px solid var(--green-soft);background:#eef1ee;font-size:13.5px;line-height:1.8;color:var(--gray-2);max-width:720px}.doc-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start;margin-top:44px}.doc-toc{position:sticky;top:32px;border-left:1px solid var(--hairline);padding-left:18px}.doc-toc .toc-title{margin:0 0 12px;font-size:12px;letter-spacing:.12em;color:var(--gray-light)}.doc-toc ul{list-style:none;margin:0;padding:0}.doc-toc li{margin-bottom:10px}.doc-toc a{font-size:13.5px;line-height:1.5;color:var(--gray);transition:color .2s ease}.doc-toc a:hover{color:var(--green)}.doc-body{max-width:720px;min-width:0}.doc-section{margin-bottom:44px}.doc-section:last-child{margin-bottom:0}.doc-section h2{margin:0 0 14px;font-family:var(--sans);font-size:19px;font-weight:500;color:var(--ink)}.doc-section p{margin:0 0 14px;font-size:15px;line-height:2.1;color:var(--gray-2)}.doc-section p:last-child{margin-bottom:0}@media(max-width:900px){.hero .container{display:block;min-height:0;padding-top:44px;padding-bottom:64px}.hero-copy{max-width:none}.hero-visual{position:static;transform:none;width:auto;margin:40px calc(-1*clamp(20px,5vw,48px)) 0}.hero-stage .brand-logo img{height:44px}.hero-stage .site-nav{gap:24px}.hero-stage .site-nav a{font-size:16px}.hero-stage .site-header .container{padding-top:22px;padding-bottom:22px}.section .container{grid-template-columns:1fr;gap:22px;padding-top:56px;padding-bottom:56px}.product-visual{justify-self:center;max-width:300px}.doc-layout{grid-template-columns:1fr}.doc-toc{display:none}.site-footer .container{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.brand-logo img{height:34px}.site-nav{gap:20px}.hero-copy h1{font-size:46px}}