:root{--bg:#f5f4ef;--ink:#171717;--muted:#77756f;--line:#d7d5ce;--accent:#d3ff4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif}header{height:90px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:4px;font-weight:bold;color:var(--ink);text-decoration:none}.logo img{width:32px;height:32px;object-fit:cover;border-radius:8px}nav{display:flex;gap:38px}nav a,footer a{font-size:13px;color:var(--ink);text-decoration:none}.menu{display:none;border:0;background:none}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--muted)}.hero{padding:145px 10vw 200px;position:relative;overflow:hidden}.hero h1,.download h1{font-size:clamp(62px,10vw,150px);letter-spacing:-9px;line-height:.88;margin:35px 0}.hero i,.download i{font-style:normal}.hero p:not(.eyebrow),.download>p:not(.eyebrow){max-width:360px;color:var(--muted);line-height:1.9}.cta{display:inline-block;background:var(--ink);color:white;padding:17px 25px;text-decoration:none;border:0;margin-top:30px;cursor:pointer}.shape{position:absolute;right:12vw;top:100px;width:320px;height:430px;background:var(--accent);border-radius:180px 180px 20px 20px;font-size:290px;line-height:1;text-align:center;padding-top:80px;transform:rotate(9deg);font-weight:bold}
.hero-img{position:relative;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(38,32,26,.15) 0%,rgba(38,32,26,.75) 100%);z-index:1}.hero-content{position:relative;z-index:2}.intro{border-top:1px solid var(--line);padding:110px 10vw;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px}.intro span{color:var(--muted);font-size:12px}.intro h2,.closing h2{font-size:clamp(38px,5vw,72px);letter-spacing:-4px;line-height:1.05;margin:0}.intro p{color:var(--muted);line-height:1.9}.work{padding:110px 10vw;background:#e9e8e1}.work-row{display:grid;grid-template-columns:1fr 1fr 2fr;border-bottom:1px solid #c8c6bd;padding:30px 0;align-items:center}.work-row h3{font-size:35px;font-weight:400;margin:0}.work-row p{color:var(--muted)}.closing{padding:150px 10vw}.closing .cta{margin-top:50px}.comm{padding:120px 10vw;border-top:1px solid var(--line)}.comm h2{font-size:clamp(38px,5vw,72px);letter-spacing:-4px;line-height:1.05;margin:25px 0 60px}.comm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.comm-grid article{border:1px solid var(--line);background:#fff;padding:32px;min-height:200px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;position:relative;overflow:hidden}.comm-grid article:hover{transform:translateY(-6px);border-color:var(--ink);box-shadow:0 16px 32px rgba(23,23,23,.08)}.comm-grid article::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.comm-grid article:hover::after{transform:scaleX(1)}.comm-icon{width:54px;height:54px;border-radius:16px;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:22px;font-weight:bold;font-size:22px}.comm-icon svg{width:26px;height:26px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.comm-grid b{color:var(--ink);font-size:12px;letter-spacing:2px;background:var(--accent);padding:3px 8px}.comm-grid h3{font-size:22px;font-weight:400;margin:14px 0 12px}.comm-grid p{color:var(--muted);font-size:14px;line-height:1.8}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0;transition:padding .3s ease}.faq-list summary{cursor:pointer;font-size:16px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;transition:color .25s ease}.faq-list summary:hover{color:var(--accent)}.faq-list summary::after{content:'＋';color:var(--muted);font-size:18px;font-weight:300;transition:transform .35s ease,color .25s ease}.faq-list details[open] summary::after{transform:rotate(45deg);color:var(--ink)}.faq-list details p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.8;animation:fadeUp .5s ease both}.fade-in{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.fade-in.is-visible{opacity:1;transform:translateY(0)}.fade-in.delay-1{transition-delay:.1s}.fade-in.delay-2{transition-delay:.2s}.fade-in.delay-3{transition-delay:.3s}.fade-in.delay-4{transition-delay:.4s}.fade-in.delay-5{transition-delay:.5s}.fade-in.delay-6{transition-delay:.6s}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.fade-in,.faq-list details p{transition:none;animation:none;opacity:1;transform:none}.comm-grid article{transition:none}}footer{border-top:1px solid var(--line);padding:28px 7vw;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.download{padding:150px 10vw 120px}.download-box{margin-top:75px;border:1px solid var(--ink);padding:35px;max-width:850px;display:flex;justify-content:space-between;align-items:center}.download-box h2{font-weight:400}.download-box span,.faq p{color:var(--muted);font-size:13px}.download-box .cta{margin:0}.steps{padding:90px 10vw;display:grid;grid-template-columns:1fr repeat(3,1fr);gap:35px;border-top:1px solid var(--line)}.steps h3{font-weight:400;margin:24px 0 0}.steps p{margin-top:10px}.steps .eyebrow{margin-top:0}.steps code{font-family:'Courier New',monospace;font-size:13px;background:#fff;padding:2px 7px;border-radius:5px;color:var(--ink);border:1px solid var(--line)}.faq{border-top:1px solid var(--line);padding:60px 10vw;display:flex;justify-content:space-between}.faq-list{flex:1;max-width:780px;display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;align-content:start}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0;transition:padding .3s ease}.faq-list summary{cursor:pointer;font-size:16px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;transition:color .25s ease}.faq-list summary:hover{color:var(--accent)}.faq-list summary::after{content:'＋';color:var(--muted);font-size:18px;font-weight:300;transition:transform .35s ease,color .25s ease}.faq-list details[open] summary::after{transform:rotate(45deg);color:var(--ink)}.faq-list details p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.8;animation:fadeUp .5s ease both}@media(max-width:700px){header{height:68px;padding:0 7vw}nav{display:none}.menu{display:block}.hero{padding:100px 7vw 150px}.hero h1,.download h1{font-size:65px;letter-spacing:-5px}.shape{width:190px;height:260px;font-size:170px;right:-30px;top:310px;opacity:.8}.intro{display:block;padding:80px 7vw}.intro h2{margin:35px 0}.work,.closing,.download{padding:85px 7vw}.work-row{grid-template-columns:50px 1fr}.work-row p{grid-column:2}.download-box{display:block;margin-top:50px}.download-box .cta{margin-top:28px}.faq{display:block;padding:45px 7vw}.faq-list{grid-template-columns:1fr;gap:0}.comm,.closing,.download{padding:85px 7vw}.comm-grid{grid-template-columns:1fr}.steps{display:block;padding:70px 7vw}.steps>div{margin-top:35px}footer{padding:25px 7vw;gap:15px;flex-wrap:wrap}}