.section{background:radial-gradient(circle at 90% 8%,#11985f1c,#0000 30%),radial-gradient(circle at 4% 92%,#dca53a21,#0000 30%),linear-gradient(#faf8f2 0%,#f4f1e8 100%);padding:120px 28px 110px;position:relative;overflow:hidden}.section:before{content:"";filter:blur(70px);opacity:.65;pointer-events:none;background:linear-gradient(135deg,#d5eee0bf,#fdf1cc8c);border-radius:44% 56% 61% 39%;width:480px;height:480px;position:absolute;top:-80px;left:-140px}.inner{z-index:2;max-width:1180px;margin:0 auto;position:relative}.header{text-align:center;max-width:760px;margin:0 auto 96px}.eyebrow{color:var(--green-dark);letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px;font-size:12px;font-weight:700}h2{letter-spacing:-.03em;margin-bottom:18px;font-family:Cormorant Garamond,serif;font-size:clamp(40px,5vw,60px);font-weight:700;line-height:1.02}h2 em{color:var(--green-dark);font-style:italic}.header .sub{color:var(--muted);font-size:19px;line-height:1.6}.step{grid-template-columns:.92fr 1.08fr;align-items:center;gap:64px;margin-bottom:84px;display:grid}.step:last-child{margin-bottom:0}.step.reverse .text{order:2}.step.reverse .visual{order:1}.num{color:var(--green-dark);letter-spacing:.08em;align-items:center;gap:10px;margin-bottom:14px;font-family:Cormorant Garamond,serif;font-size:15px;font-weight:700;display:flex}.num .dash{background:#11985f66;width:28px;height:1px}.text h3{letter-spacing:-.025em;margin-bottom:16px;font-family:Cormorant Garamond,serif;font-size:42px;font-weight:700;line-height:1.05}.text p{color:var(--muted);max-width:380px;font-size:17px;line-height:1.6}.text p strong{color:var(--ink);font-weight:600}.visual{border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf8c7;border:1px solid #14402b14;min-height:280px;padding:30px;position:relative}.timeline{flex-direction:column;gap:0;display:flex}.tl-row{align-items:flex-start;gap:16px;padding:14px 0;display:flex;position:relative}.tl-row:not(:last-child):after{content:"";background:#14402b1a;width:1.5px;position:absolute;top:38px;bottom:-14px;left:19px}.tl-dot{z-index:1;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tl-dot svg{width:19px;height:19px}.tl-time{color:var(--muted);letter-spacing:.02em;margin-bottom:2px;font-size:11px;font-weight:600}.tl-label{color:var(--ink);font-size:14px;font-weight:700}.tl-meta{color:var(--muted);margin-top:2px;font-size:12px}.graph-card{flex-direction:column;height:100%;display:flex}.graph-legend{flex-wrap:wrap;gap:18px;margin-bottom:18px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px}.graph-callout{background:var(--ink);color:#fff;border-radius:14px;max-width:150px;padding:10px 14px;font-size:12px;line-height:1.4;position:absolute;top:30px;right:30px}.graph-callout b{color:#8ee0aa;font-family:Cormorant Garamond,serif;font-size:18px;display:block}.rec-list{flex-direction:column;gap:10px;display:flex}.rec-card{background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 7px 18px #1b342712}.rec-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.rec-icon svg{width:16px;height:16px}.rec-.rec-title{color:var(--ink);font-size:13.5px;font-weight:700}.rec-sub{color:var(--muted);margin-top:1px;font-size:11.5px}.rec-status{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:10.5px;font-weight:700}.status-working{background:var(--green-soft);color:var(--green-dark)}.status-change{color:#a86d0a;background:#fef3dc}.trend-card{flex-direction:column;height:100%;display:flex}.trend-top{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.trend-stat b{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:30px;font-weight:700}.trend-stat small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.trend-chip{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:700}.milestones{justify-content:space-between;margin-top:14px;display:flex}.milestone{text-align:center;flex:1}.milestone b{color:var(--ink);font-size:13px;display:block}.milestone small{color:var(--muted);font-size:10.5px}@media (max-width:900px){.step,.step.reverse{grid-template-columns:1fr;gap:32px}.step.reverse .text{order:1}.step.reverse .visual{order:2}h2{font-size:40px}.text p{max-width:100%}}@media (max-width:768px){.hiw{padding:60px 20px}}
