:root{--paper:#f6f7f4;--ink:#171a1b;--muted:#596267;--line:#d8dcda;--coral:#f0644b;--teal:#0c7b7b;--lime:#bedf4a;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC","PingFang SC",sans-serif;letter-spacing:0;line-height:1.72}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}
.top{position:sticky;top:0;z-index:20;background:rgba(246,247,244,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.top-inner{max-width:var(--max);height:74px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;font-weight:800}.mark{width:30px;height:30px;border-radius:50% 50% 42% 58%;background:conic-gradient(from 70deg,var(--coral),#ffb29e,var(--teal),var(--lime),var(--coral));box-shadow:inset 0 0 0 7px #fff}.nav{margin-left:auto;display:flex;gap:24px;font-size:14px}.nav a:hover{color:var(--teal)}.nav-cta{padding:9px 15px;border:1px solid var(--ink);font-weight:700}.menu{display:none;border:0;background:none;font-size:24px}
.hero{min-height:690px;position:relative;display:grid;align-items:end;overflow:hidden;background:#e8eceb}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,247,244,.98) 0,rgba(246,247,244,.9) 32%,rgba(246,247,244,.12) 63%,rgba(246,247,244,.04))}.hero-copy{position:relative;z-index:2;width:min(610px,calc(100% - 48px));margin-left:max(24px,calc((100% - var(--max))/2 + 24px));padding:110px 0 86px}.kicker{display:flex;align-items:center;gap:10px;color:var(--teal);font-size:13px;font-weight:800;text-transform:uppercase}.kicker:before{content:"";width:34px;height:3px;background:var(--lime)}h1{font-family:"Noto Serif SC",serif;font-size:clamp(46px,6vw,82px);line-height:1.08;margin:22px 0 20px;font-weight:700;letter-spacing:0}.hero p{max-width:540px;font-size:18px;color:#374044}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--ink);font-weight:750}.btn.primary{background:var(--ink);color:#fff}.btn.accent{background:var(--coral);border-color:var(--coral);color:#fff}.btn:hover{transform:translateY(-2px)}
.signal{background:var(--ink);color:#fff}.signal-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.2fr repeat(3,1fr)}.signal div{padding:22px 24px;border-right:1px solid #3b4143}.signal small{display:block;color:#b8c1c2}.signal strong{font-size:15px}
.wrap{max-width:var(--max);margin:auto;padding:96px 24px}.section-head{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:end;margin-bottom:44px}.eyebrow{font-size:12px;font-weight:850;color:var(--coral);text-transform:uppercase}.section-head h2{font-family:"Noto Serif SC",serif;font-size:clamp(32px,4vw,54px);line-height:1.15;margin:10px 0}.section-head p{color:var(--muted);margin:0}
.task-rail{display:grid;grid-template-columns:1.35fr .8fr .8fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.task{padding:30px 24px;min-height:210px;border-right:1px solid var(--line);display:flex;flex-direction:column}.task:last-child{border:0}.task span{font-size:12px;color:var(--teal);font-weight:800}.task h3{font-size:24px;line-height:1.25;margin:18px 0 10px}.task p{color:var(--muted);margin:0}.task a{margin-top:auto;font-weight:800;color:var(--coral)}
.specimen{background:#dfe6e3}.spec-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:#fff}.spec-visual{min-height:560px;background:linear-gradient(145deg,#0b6f72,#80c5bd 45%,#f19d87);position:relative;overflow:hidden}.cell{position:absolute;border-radius:48% 52% 58% 42%;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.16);backdrop-filter:blur(3px)}.cell.a{width:330px;height:280px;left:-40px;top:70px}.cell.b{width:250px;height:210px;right:25px;bottom:45px}.cell.c{width:130px;height:110px;right:90px;top:55px}.roi{position:absolute;border:2px solid var(--lime);width:160px;height:110px;left:41%;top:40%}.roi:after{content:"ROI · 04";position:absolute;top:-25px;left:-2px;color:#fff;font-size:12px}.spec-copy{padding:62px 54px}.spec-copy h2{font:700 44px/1.2 "Noto Serif SC",serif;margin:10px 0 22px}.spec-list{margin-top:35px;border-top:1px solid var(--line)}.spec-row{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.spec-row b{color:var(--coral)}
.articles{display:grid;grid-template-columns:1.2fr .8fr;gap:52px}.lead-article{border-top:5px solid var(--coral);padding-top:22px}.lead-article h3{font:700 36px/1.3 "Noto Serif SC",serif;margin:18px 0}.lead-article p{color:var(--muted)}.article-list{border-top:1px solid var(--ink)}.article-item{padding:19px 0;border-bottom:1px solid var(--line)}.article-item small{color:var(--teal)}.article-item h3{font-size:19px;line-height:1.35;margin:7px 0}.article-item p{margin:0;color:var(--muted);font-size:14px}
.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-list details{border-top:1px solid var(--line);padding:19px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:800}.faq-list p{color:var(--muted)}
.page-hero{max-width:var(--max);margin:auto;padding:110px 24px 50px;border-bottom:1px solid var(--ink)}.page-hero h1{max-width:860px;font-size:clamp(42px,6vw,74px)}.page-hero p{max-width:760px;color:var(--muted);font-size:18px}.prose{max-width:820px;margin:0 auto;padding:70px 24px 110px}.prose h2{font:700 31px/1.3 "Noto Serif SC",serif;margin:54px 0 16px}.prose h3{font-size:22px;margin-top:34px}.prose p,.prose li{color:#384145}.prose table{width:100%;border-collapse:collapse;margin:28px 0}.prose th,.prose td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}.meta{color:var(--teal);font-size:13px;font-weight:700}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.article-card{border-top:1px solid var(--ink);padding:24px 0}.article-card h2{font:700 25px/1.35 "Noto Serif SC",serif;margin:9px 0}.article-card p{color:var(--muted)}
.footer{background:var(--ink);color:#fff}.footer-inner{max-width:var(--max);margin:auto;padding:52px 24px 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer h3{margin:0 0 15px}.footer a{display:block;color:#c8cecf;margin:8px 0}.legal{border-top:1px solid #3e4445;margin-top:38px;padding-top:20px;color:#98a1a3;font-size:13px}
@media(max-width:760px){.top-inner{height:64px}.nav{display:none;position:absolute;top:64px;left:0;right:0;padding:20px 24px;background:var(--paper);flex-direction:column}.nav.open{display:flex}.menu{display:block;margin-left:auto}.nav-cta{display:none}.hero{min-height:690px;align-items:end}.hero:after{background:linear-gradient(0deg,rgba(246,247,244,.99) 0,rgba(246,247,244,.94) 45%,rgba(246,247,244,.12) 76%)}.hero-copy{margin:0;padding:300px 0 55px;width:auto;margin-inline:24px}.hero h1{font-size:47px}.hero p{font-size:16px}.signal-inner{grid-template-columns:1fr 1fr}.signal div{padding:16px}.section-head,.spec-grid,.articles,.faq-grid,.footer-grid{grid-template-columns:1fr}.wrap{padding:72px 20px}.task-rail{grid-template-columns:1fr}.task{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.spec-visual{min-height:360px}.spec-copy{padding:42px 24px}.article-grid{grid-template-columns:1fr}.footer-grid{gap:20px}.page-hero{padding-top:80px}}