/* PAGE HEADER */
  .page-header{background:var(--forest);padding:52px 32px 64px;position:relative;overflow:hidden;}
  .page-header::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(116,198,157,.12) 0%,transparent 55%);pointer-events:none;}
  .ph-inner{max-width:900px;margin:0 auto;position:relative;z-index:1;}
  .breadcrumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.5);margin-bottom:20px;}
  .breadcrumb a{color:rgba(255,255,255,.5);text-decoration:none;}
  .breadcrumb a:hover{color:var(--sage);}
  .breadcrumb span{color:rgba(255,255,255,.3);}
  .page-header h1{font-family:'Playfair Display',serif;font-size:clamp(28px,4vw,44px);color:var(--white);margin-bottom:14px;line-height:1.2;}
  .page-header p{color:rgba(255,255,255,.65);font-size:15.5px;max-width:580px;line-height:1.75;}
  .header-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(193,68,14,.25);border:1px solid rgba(193,68,14,.4);color:var(--terra-light);font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;margin-top:18px;}

  /* MAIN */
  .main{max-width:900px;margin:0 auto;padding:52px 32px 80px;}

  /* SECTION */
  .sec-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--forest-light);margin-bottom:8px;}
  .sec-title{font-family:'Playfair Display',serif;font-size:clamp(20px,3vw,30px);color:var(--forest);margin-bottom:12px;line-height:1.25;}
  .sec-desc{color:var(--ink-muted);font-size:15px;line-height:1.8;margin-bottom:32px;max-width:640px;}

  /* WHY CARD */
  .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:52px;}
  .why-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);padding:20px 22px;display:flex;gap:14px;align-items:flex-start;}
  .why-icon{font-size:26px;flex-shrink:0;}
  .why-card h3{font-size:14px;font-weight:800;color:var(--forest);margin-bottom:4px;line-height:1.3;}
  .why-card p{font-size:13px;color:var(--ink-muted);line-height:1.65;}

  /* CHECKLIST */
  .checklist-section{margin-bottom:52px;}
  .checklist-group{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-sm);}
  .checklist-group-head{background:var(--forest);padding:16px 24px;display:flex;align-items:center;gap:12px;}
  .checklist-group-head .gh-icon{font-size:20px;}
  .checklist-group-head h3{font-size:15px;font-weight:800;color:var(--white);line-height:1.2;}
  .checklist-group-head .gh-num{font-size:11px;color:rgba(255,255,255,.55);margin-top:2px;}
  .checklist-items{padding:8px 0;}

  .cl-item{display:flex;align-items:flex-start;gap:14px;padding:14px 24px;border-bottom:1px solid var(--border);transition:background .15s;cursor:pointer;}
  .cl-item:last-child{border-bottom:none;}
  .cl-item:hover{background:var(--sand);}
  .cl-item.checked{background:var(--sage-pale);}

  .cl-box{width:22px;height:22px;border:2px solid var(--border);border-radius:6px;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:var(--white);}
  .cl-item.checked .cl-box{background:var(--forest-light);border-color:var(--forest-light);}
  .cl-check{display:none;color:white;font-size:13px;font-weight:800;}
  .cl-item.checked .cl-check{display:block;}

  .cl-content{flex:1;}
  .cl-text{font-size:14.5px;font-weight:600;color:var(--forest);line-height:1.4;margin-bottom:4px;}
  .cl-item.checked .cl-text{color:var(--ink-muted);text-decoration:line-through;}
  .cl-sub{font-size:12.5px;color:var(--ink-muted);line-height:1.6;}
  .cl-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--forest-mid);text-decoration:none;margin-top:5px;padding:3px 10px;background:var(--sage-pale);border-radius:8px;transition:background .15s;}
  .cl-link:hover{background:var(--sage);}

  /* PROGRESS BAR */
  .progress-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);padding:18px 24px;margin-bottom:24px;display:flex;align-items:center;gap:16px;}
  .progress-label{font-size:13px;font-weight:700;color:var(--forest);white-space:nowrap;}
  .progress-bar-outer{flex:1;background:var(--sand-dark);border-radius:8px;height:10px;overflow:hidden;}
  .progress-bar-inner{height:100%;background:linear-gradient(90deg,var(--forest-light),var(--sage));border-radius:8px;transition:width .4s ease;}
  .progress-count{font-size:13px;font-weight:800;color:var(--forest);white-space:nowrap;}
  .reset-btn{font-size:12px;color:var(--ink-muted);background:none;border:none;cursor:pointer;text-decoration:underline;white-space:nowrap;}
  .reset-btn:hover{color:var(--terra);}

  /* CASE SECTION */
  .case-section{margin-bottom:52px;}
  .case-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .case-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:box-shadow .2s;}
  .case-card:hover{box-shadow:var(--shadow-md);}
  .case-head{padding:16px 20px;display:flex;align-items:center;gap:10px;}
  .case-head-terra{background:var(--terra-pale);border-bottom:2px solid rgba(193,68,14,.2);}
  .case-head-sage{background:var(--sage-pale);border-bottom:2px solid rgba(64,145,108,.2);}
  .case-head-sand{background:var(--sand-dark);border-bottom:2px solid var(--border);}
  .case-icon{font-size:20px;}
  .case-title{font-size:13.5px;font-weight:800;color:var(--forest);line-height:1.3;}
  .case-body{padding:16px 20px;font-size:13.5px;color:var(--ink-mid);line-height:1.75;}
  .case-body p{margin-bottom:8px;}
  .case-body p:last-child{margin-bottom:0;}
  .case-body strong{color:var(--forest);}
  .case-body a{color:var(--forest-mid);font-weight:700;text-decoration:underline;}

  /* INFO / WARN */
  .info-box{background:var(--sage-pale);border-left:4px solid var(--forest-light);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:13px 16px;margin:14px 0;font-size:13.5px;color:var(--forest);line-height:1.65;}
  .warn-box{background:var(--terra-pale);border-left:4px solid var(--terra-light);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:13px 16px;margin:14px 0;font-size:13.5px;color:#7B2B00;line-height:1.65;}
  .warn-box strong{color:var(--terra);}

  /* QUICK REF */
  .quickref{background:var(--forest);border-radius:var(--r-lg);padding:28px 32px;margin-bottom:52px;}
  .quickref h3{font-family:'Playfair Display',serif;font-size:19px;color:var(--white);margin-bottom:18px;}
  .quickref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
  .qr-item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:14px 16px;text-decoration:none;transition:background .2s;}
  .qr-item:hover{background:rgba(255,255,255,.14);}
  .qr-icon{font-size:22px;margin-bottom:8px;display:block;}
  .qr-title{font-size:13px;font-weight:800;color:var(--white);display:block;margin-bottom:4px;line-height:1.3;}
  .qr-desc{font-size:11.5px;color:rgba(255,255,255,.5);line-height:1.5;}

/* FOOTER */
footer{padding:40px 32px 24px;}
.foot-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap;margin-bottom:24px;}
.foot-brand .brand-name{font-size:20px;color:var(--white);display:block;margin-bottom:6px;}
.foot-brand p{line-height:1.7;max-width:300px;}
.foot-col h4{margin-bottom:10px;}
.foot-bottom{padding-top:18px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;font-size:12px;flex-wrap:wrap;gap:8px;}

  @media(max-width:768px){
    .main{padding:36px 20px 60px;}
    .page-header{padding:40px 20px 52px;}
    nav{padding:0 20px;}.nav-menu{display:none;}
    .topbar{padding:0 16px;}.topbar-note{display:none;}
    .why-grid,.case-grid,.quickref-grid{grid-template-columns:1fr;}
    .cl-item{padding:12px 18px;}
    .checklist-group-head{padding:14px 18px;}
    .progress-wrap{flex-wrap:wrap;gap:10px;}
  }