@import url('./styles.css');

.inner-page { min-height: 100vh; background: #f8f5ef; }
.inner-hero { position: relative; min-height: 340px; display: flex; align-items: center; overflow: hidden; background: #ece7dd; }
.inner-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.inner-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(248,245,239,.98) 0%, rgba(248,245,239,.9) 42%, rgba(248,245,239,.18) 72%); }
.inner-hero .container { position: relative; z-index: 1; }
.inner-hero-copy { max-width: 720px; padding: 54px 0; }
.inner-hero h1 { margin: 6px 0 14px; font: 600 clamp(42px,5vw,68px)/.95 "Cormorant Garamond", Georgia, serif; }
.inner-hero p:not(.eyebrow) { max-width: 660px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.55; }
.page-section { padding: 48px 0; background: var(--paper); }
.page-section.tint { background: #f1f1e8; }
.page-section h2 { margin: 0 0 12px; font: 600 clamp(34px,3.5vw,48px)/1 "Cormorant Garamond", Georgia, serif; }
.section-intro { max-width: 760px; margin: 0 0 28px; color: var(--muted); font-size: 16px; line-height: 1.6; }
.content-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.content-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.content-card { overflow: hidden; border: 1px solid #e1ddd5; border-radius: 10px; background: #fff; box-shadow: 0 7px 24px rgba(18,65,50,.05); }
.content-card img { width: 100%; height: 220px; object-fit: cover; }
.content-card-body { padding: 20px; }
.content-card h3 { margin: 0 0 7px; font: 600 26px/1 "Cormorant Garamond", Georgia, serif; }
.content-card p { margin: 0 0 14px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.content-card a { color: var(--green); font-size: 14px; font-weight: 600; text-underline-offset: 4px; }
.feature-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: #d9cfbd; border: 1px solid #d9cfbd; border-radius: 10px; overflow: hidden; }
.feature-row article { min-height: 145px; padding: 25px; text-align: center; background: #fff; }
.feature-row .line-icon { margin: 0 auto 12px; }
.feature-row h3 { margin: 0 0 6px; font: 600 21px "Cormorant Garamond",Georgia,serif; }
.feature-row p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.option-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.option-card { padding: 16px; border: 1px solid #e0dbd1; border-radius: 9px; background: #fff; }
.option-card img { width: 100%; height: 150px; object-fit: cover; border-radius: 6px; margin-bottom: 13px; }
.option-card h3 { margin: 0 0 6px; font: 600 20px "Cormorant Garamond",Georgia,serif; }
.option-card p,.option-card li { color: var(--muted); font-size: 13px; line-height: 1.45; }
.option-card ul { padding-left: 18px; margin: 8px 0 0; }
.page-cta { padding: 42px 36px; border-radius: 12px; color: white; background: var(--green); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.page-cta h2 { margin: 0; color: white; }

.planner-page { padding: 34px 0 50px; background: linear-gradient(130deg,#f8f5ee,#eef1e8); }
.planner-page-title { display: flex; align-items: center; gap: 18px; margin-bottom: 20px; }
.number-badge { width: 50px; height: 50px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--green); font: 600 24px "Cormorant Garamond",Georgia,serif; }
.planner-page-title h1 { margin: 0; font: 600 clamp(34px,4vw,54px) "Cormorant Garamond",Georgia,serif; }
.planner-panel { padding: 28px; border: 1px solid #d9d5cc; border-radius: 14px; background: rgba(255,255,255,.86); box-shadow: 0 10px 30px rgba(18,65,50,.06); }
.full-stepper { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin: 0 0 30px; padding: 0; list-style: none; }
.full-stepper li { display: flex; align-items: center; gap: 9px; color: #666; font-size: 13px; }
.full-stepper span { width: 29px; height: 29px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #8c8c8c; }
.full-stepper .active { color: var(--green); font-weight: 600; }
.full-stepper .active span { background: var(--green); }
.planner-content { display: grid; grid-template-columns: 1fr 1.2fr; gap: 34px; }
.form-stack { display: grid; gap: 18px; }
.field { display: grid; gap: 7px; font-size: 14px; font-weight: 600; }
.field input,.field select,.field textarea { width: 100%; min-height: 45px; padding: 10px 13px; border: 1px solid #cfcfcf; border-radius: 6px; background: #fff; font: 14px Montserrat,sans-serif; }
.field textarea { min-height: 105px; resize: vertical; }
.choice-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.choice { padding: 12px; border: 1px solid #d9d4ca; border-radius: 7px; background: #fff; }
.choice input { accent-color: var(--green); }
.visual-choice { cursor: pointer; }
.visual-choice img { width: 100%; height: 160px; object-fit: cover; border-radius: 6px; }
.visual-choice strong { display: block; margin-top: 8px; font-size: 14px; }
.visual-choice:has(input:checked) { border: 2px solid var(--green); }
.planner-actions { display: flex; justify-content: space-between; gap: 14px; margin-top: 28px; }
.button.secondary { color: var(--ink); background: #fff; border-color: #cfc9bf; }
.summary-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.summary-grid.single { grid-template-columns: minmax(0,700px); }
.summary-card { padding: 16px; border: 1px solid #ddd8cf; border-radius: 8px; background: #fff; }
.summary-card img { width: 100%; height: 145px; object-fit: cover; border-radius: 5px; }
.summary-card h3 { margin: 12px 0 8px; font: 600 21px "Cormorant Garamond",Georgia,serif; }
.summary-card-head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.summary-card-head a { color:var(--green); font-size:13px; font-weight:600; text-underline-offset:4px; }
.summary-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 0; font-size: 12px; }
.summary-card dt { color: #777; }
.summary-card dd { margin: 0; }
.empty-plan { max-width:700px; padding:28px; border:1px solid #ddd8cf; border-radius:8px; background:#fff; }
.empty-plan h3 { margin:0 0 7px; }
.empty-plan p { margin:0 0 18px; color:var(--muted); }
.carried-plan { margin:22px 0; padding:18px; border-radius:8px; background:#e7f0e8; color:var(--green); }
.carried-plan>p { margin:5px 0 14px; color:#52645d; font-size:13px; line-height:1.5; }
.carried-plan dl { display:grid; grid-template-columns:120px 1fr; gap:5px 12px; margin:0; font-size:12px; }
.carried-plan dt { color:#6a776f; }
.carried-plan dd { margin:0; color:var(--ink); }
.notice { margin-top: 18px; padding: 18px; border-radius: 8px; color: #17403a; background: #e4efe6; font-size: 14px; line-height: 1.5; }
.notice.blue { background: #e8f2f8; color: #17406a; }
.split-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.split-notes>div { padding: 16px; border-radius: 8px; background: #edf4e8; }
.split-notes .negative { background: #f8e6e3; }
.split-notes h3 { margin: 0 0 8px; font-size: 16px; }
.split-notes ul { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.5; }

.journey { position: relative; display: grid; gap: 13px; max-width: 980px; }
.journey::before { content: ""; position: absolute; left: 22px; top: 22px; bottom: 22px; width: 2px; background: #b7c9be; }
.journey-step { position: relative; display: grid; grid-template-columns: 46px 180px 1fr; gap: 18px; align-items: center; }
.journey-step .step-no { width: 46px; height: 46px; z-index: 1; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--green); font-weight: 600; }
.journey-step strong { font-size: 15px; }
.journey-step p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.5; }

.project-filters { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
.pill { padding: 9px 16px; border: 1px solid #d8d4cc; border-radius: 999px; background: #f2f1ed; font: 13px Montserrat,sans-serif; }
.pill.active { color: #fff; background: var(--green); border-color: var(--green); }
.project-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.project-card img { width: 100%; height: 230px; object-fit: cover; border-radius: 8px; }
.project-card[hidden] { display: none; }
.project-card h3 { margin: 10px 0 3px; font: 600 21px "Cormorant Garamond",Georgia,serif; }
.project-card p { margin: 0; color: var(--muted); font-size: 13px; }
.project-card-link { display:block; color:inherit; text-decoration:none; }
.project-card-link:hover h3 { color:var(--green); text-decoration:underline; text-underline-offset:4px; }
.story-back { display:inline-block; margin:0 0 18px; color:var(--green); font-size:14px; font-weight:600; text-underline-offset:4px; }
.story-images { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.story-images figure { margin: 0; position: relative; }
.story-images img { width: 100%; height: 420px; object-fit: cover; border-radius: 8px; }
.story-images figcaption { position: absolute; top: 12px; left: 12px; padding: 7px 10px; border-radius: 4px; background: white; font-size: 12px; }
.story-note { margin:10px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.story-facts { display: grid; grid-template-columns: repeat(2,1fr); margin-top: 25px; }
.story-facts article { padding: 22px; border: 1px solid #e1ddd5; }
.story-facts h3 { margin: 0 0 7px; font: 600 22px "Cormorant Garamond",Georgia,serif; }
.story-facts p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }

.guide-layout { display: grid; grid-template-columns: 1.3fr .7fr; gap: 32px; }
.article-page-intro { padding: 36px 0 28px; background: #f1f1e8; }
.article-cover-card { display: grid; grid-template-columns: 1.08fr .92fr; overflow: hidden; border: 1px solid #ded9cf; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(18,65,50,.05); }
.article-cover-card>img { width: 100%; height: 440px; object-fit: cover; }
.article-cover-copy { display: flex; flex-direction: column; justify-content: center; padding: 42px; }
.article-cover-copy .eyebrow { margin-bottom: 16px; }
.article-cover-copy h1 { margin: 0 0 18px; font: 600 clamp(42px,4vw,60px)/.98 "Cormorant Garamond",Georgia,serif; }
.article-cover-copy p:last-child { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.6; }
.article-body { padding: 0 0 42px; background: #f1f1e8; }
.article-surface { padding: 34px; border: 1px solid #ded9cf; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(18,65,50,.04); }
.guide-list { counter-reset: guide; display: grid; gap: 14px; }
.guide-list article { counter-increment: guide; display: grid; grid-template-columns: 42px 1fr; gap: 14px; }
.guide-list article::before { content: counter(guide); width: 35px; height: 35px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--green); font-weight: 600; }
.guide-list h3 { margin: 0 0 5px; font-size: 17px; }
.guide-list p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.side-panel { padding: 22px; border-radius: 10px; background: #eceee6; }
.side-panel h3 { margin: 0 0 8px; font: 600 23px "Cormorant Garamond",Georgia,serif; }
.side-panel p { margin: 0 0 16px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.faq-list { display: grid; gap: 10px; }
.faq-list details { border: 1px solid #e0dcd4; border-radius: 8px; background: #f5f3ef; }
.faq-list summary { padding: 18px; cursor: pointer; font-weight: 600; }
.faq-list details p { padding: 0 18px 18px; margin: 0; color: var(--muted); line-height: 1.6; }

.form-page { padding: 42px 0 60px; background: #f5f4ef; }
.form-shell { display: grid; grid-template-columns: .8fr 1.2fr; gap: 36px; padding: 34px; border: 1px solid #ddd8cf; border-radius: 14px; background: #fff; }
.form-shell h1 { margin: 0 0 12px; font: 600 48px "Cormorant Garamond",Georgia,serif; }
.form-shell p { color: var(--muted); font-size: 15px; line-height: 1.6; }
.start-project-visual { margin-top:25px; overflow:hidden; border:1px solid #d9ded8; border-radius:11px; background:#f3f6f1; box-shadow:0 8px 24px rgba(18,65,50,.06); }
.start-project-visual>img { width:100%; height:260px; object-fit:cover; object-position:center; }
.start-project-help { padding:21px; }
.start-project-help .eyebrow { margin:0 0 7px; color:var(--gold); font-size:10px; }
.start-project-help h2 { margin:0 0 7px; font:600 30px/1 "Cormorant Garamond",Georgia,serif; }
.start-project-help>p:not(.eyebrow) { margin:0; font-size:13px; line-height:1.5; }
.start-contact-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:17px; }
.start-contact-actions .button { min-height:43px; padding:0 13px; font-size:12px; }
.start-contact-actions .call-button { color:var(--green); background:#fff; }
.start-contact-actions .whatsapp-button { color:#092f1e; border-color:#25d366; background:#25d366; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-grid .span-two { grid-column: 1 / -1; }
.optional-label { color:var(--muted); font-size:12px; font-weight:400; }
.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.form-status { min-height:20px; margin:0; color:var(--green); font-size:13px; }
.form-status.error { color:#9c2e24; }
.form-grid button:disabled { cursor:wait; opacity:.7; }
.location-share { display:grid; grid-template-columns:1fr auto; gap:8px 18px; align-items:center; padding:16px; border:1px solid #d9e3dc; border-radius:8px; background:#f5faf6; }
.location-share strong { font-size:14px; }
.location-share p { margin:4px 0 0; font-size:12px; line-height:1.45; }
.location-share .button { min-width:170px; }
.location-status { grid-column:1/-1; min-height:16px; color:var(--green); font-size:12px; }
.upload-box { min-height: 120px; display: grid; place-items: center; border: 1px dashed #7f9d8f; border-radius: 8px; color: var(--green); background: #fafcf9; text-align: center; font-size: 14px; }
.success-panel { padding: 34px; text-align: center; border-radius: 12px; background: linear-gradient(135deg,#edf7ed,#f8fcf8); }
.success-check { width: 70px; height: 70px; margin: 0 auto 14px; display: grid; place-items: center; border-radius: 50%; color: white; background: #42b865; font-size: 38px; }
.success-panel h1 { margin: 0 0 9px; font: 600 44px "Cormorant Garamond",Georgia,serif; }
.success-panel p { margin: 0; color: var(--muted); }
.next-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 25px; }
.next-steps article { padding: 24px; text-align: center; }
.next-steps .step-no { width: 38px; height: 38px; margin: 0 auto 10px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--green); }
.next-steps h3 { margin: 0 0 8px; }
.next-steps p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
.received-page { padding-top:28px; }
.received-page .success-panel { padding:28px; }
.received-page .success-panel .eyebrow { margin:10px 0 5px; }
.received-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:22px; align-items:start; }
.received-layout .next-steps { margin-top:22px; }
.received-plan { margin-top:22px; padding:22px; border:1px solid #dcd8cf; border-radius:10px; background:#fff; }
.received-plan .eyebrow { margin-bottom:5px; }
.received-plan h2 { margin:0 0 14px; font-size:28px; }
.received-plan dl { display:grid; grid-template-columns:105px 1fr; gap:7px 12px; margin:0; font-size:12px; }
.received-plan dt { color:#7a7a74; }
.received-plan dd { margin:0; color:var(--ink); }
.request-receipt { margin-top:22px; padding:22px; border:1px solid #cbded2; border-radius:10px; background:#eff7f1; }
.request-receipt span,.request-receipt small { display:block; color:var(--muted); font-size:12px; }
.request-receipt strong { display:block; margin:5px 0 12px; color:var(--green); font:700 23px Montserrat,sans-serif; letter-spacing:.04em; }
.request-receipt .button { width:100%; margin-top:16px; }
.quick-connect { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:24px; padding:28px 30px; border-radius:12px; background:var(--green); color:#fff; }
.quick-connect .eyebrow { color:#e2c27e; }
.quick-connect h2 { margin:6px 0 7px; color:#fff; font-size:32px; }
.quick-connect p:last-child { max-width:720px; margin:0; color:rgba(255,255,255,.78); line-height:1.55; }
.connect-actions { display:flex; flex:0 0 auto; gap:10px; }
.connect-actions .button { min-width:190px; background:#fff; color:var(--green); }
.connect-actions .whatsapp-button { background:#25d366; color:#092f1e; }
.whatsapp-button svg { width:22px; height:22px; fill:currentColor; }
.trust-mini { display:grid; grid-template-columns:repeat(4,1fr); margin-top:22px; border:1px solid #ddd8cf; border-radius:10px; background:#fff; }
.trust-mini article { padding:18px; text-align:center; border-right:1px solid #e3dfd6; }
.trust-mini article:last-child { border-right:0; }
.trust-mini strong { display:block; color:var(--green); font:600 30px "Cormorant Garamond",Georgia,serif; }
.trust-mini span { color:var(--muted); font-size:12px; }
.received-guides { margin-top:34px; }
.section-heading-inline { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:16px; }
.section-heading-inline .eyebrow { margin-bottom:5px; }
.section-heading-inline h2 { margin:0; }
.section-heading-inline>a { color:var(--green); font-size:13px; font-weight:600; text-underline-offset:4px; }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.contact-panel { padding: 30px; border-radius: 12px; background: #fff; }
.contact-panel h1 { margin: 0 0 12px; font: 600 48px "Cormorant Garamond",Georgia,serif; }
.service-area { min-height: 420px; padding: 34px; display: flex; align-items: flex-end; border-radius: 12px; color: #fff; background: linear-gradient(rgba(11,69,51,.28),rgba(11,69,51,.85)),url('./assets/hero-living-room.png') center/cover; }
.service-area h2 { color: white; }
.policy { max-width: 1100px; }
.policy h1 { margin: 0; font: 600 50px "Cormorant Garamond",Georgia,serif; }
.policy>p { color: var(--muted); }
.policy article { padding: 22px 0; border-top: 1px solid #ddd8cf; }
.policy h2 { margin: 0 0 8px; font: 600 25px "Cormorant Garamond",Georgia,serif; }
.policy article p { margin: 0; color: var(--muted); line-height: 1.65; }

.dashboard-shell { min-height: 100vh; display: grid; grid-template-columns: 250px 1fr; background: #f4f6f4; }
.dashboard-sidebar { padding: 24px 17px; color: #fff; background: linear-gradient(180deg,#095238,#00603f); }
.dashboard-logo { margin-bottom: 35px; font: 600 25px "Cormorant Garamond",Georgia,serif; }
.dashboard-nav { display: grid; gap: 7px; }
.dashboard-nav a { padding: 13px 15px; border-radius: 7px; color: #fff; text-decoration: none; font-size: 14px; }
.dashboard-nav a.active { background: rgba(91,214,126,.45); }
.dashboard-main { padding: 34px; }
.dashboard-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.dashboard-head h1 { margin: 0; font: 600 42px "Cormorant Garamond",Georgia,serif; }
.filters { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 18px; }
.data-card { overflow: auto; border: 1px solid #dbe1dc; border-radius: 10px; background: #fff; }
.data-table { width: 100%; border-collapse: collapse; min-width: 840px; }
.data-table th,.data-table td { padding: 14px; border-bottom: 1px solid #e9ece9; text-align: left; font-size: 13px; }
.data-table th { background: #f6f8f6; }
.status { padding: 6px 10px; border-radius: 5px; font-size: 12px; background: #dcecff; }
.status.review { background: #fff0b9; }
.status.contacted { background: #d9f0dd; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.detail-card { padding: 22px; border: 1px solid #dbe1dc; border-radius: 10px; background: white; }
.detail-card h2 { margin: 0 0 13px; font: 600 27px "Cormorant Garamond",Georgia,serif; }
.photo-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.photo-strip img { width: 100%; height: 115px; object-fit: cover; border-radius: 5px; }
.tracking-page { min-height:70vh; }
.tracking-intro { max-width:850px; margin:0 auto 22px; text-align:center; }
.tracking-intro h1 { margin:4px 0 12px; font:600 clamp(40px,5vw,62px)/1 "Cormorant Garamond",Georgia,serif; }
.tracking-intro>p { color:var(--muted); line-height:1.6; }
.tracking-form { display:grid; grid-template-columns:1fr auto; gap:12px; max-width:680px; margin:24px auto 0; text-align:left; }
.tracking-form .button { align-self:end; min-height:45px; }
.tracking-result { max-width:1050px; margin:0 auto; padding:28px; border:1px solid #d7ddd7; border-radius:12px; background:#fff; box-shadow:0 10px 28px rgba(18,65,50,.06); }
.tracking-result>h2 { margin:3px 0 8px; font:600 38px "Cormorant Garamond",Georgia,serif; }
.tracking-result>p { color:var(--muted); }
.tracking-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:22px 0; }
.tracking-meta span { padding:13px; border-radius:7px; background:#f3f5f0; color:var(--muted); font-size:12px; }
.tracking-meta strong { display:block; margin-bottom:4px; color:var(--ink); }
.status-progress { display:grid; grid-template-columns:repeat(8,1fr); gap:4px; margin:24px 0 0; padding:0; list-style:none; }
.status-progress li { color:#888; font-size:10px; text-align:center; }
.status-progress li span { width:30px; height:30px; margin:0 auto 7px; display:grid; place-items:center; border-radius:50%; background:#ddd; color:#666; font-size:12px; }
.status-progress li.done span,.status-progress li.current span { background:var(--green); color:#fff; }
.status-progress li.current { color:var(--green); font-weight:700; }
.tracking-help { max-width:1050px; margin:16px auto 0; display:flex; justify-content:center; gap:8px; color:var(--muted); font-size:13px; }
.tracking-help a { color:var(--green); font-weight:700; }
.tracking-error { color:#9c2e24!important; font-weight:600; }
.tracking-error-card { display:grid; grid-template-columns:46px 1fr; gap:18px; align-items:start; }
.tracking-error-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#b33a2f; font-size:24px; font-weight:700; }
.tracking-error-card h2 { margin:0 0 8px; color:#8e2d25; font:600 30px "Cormorant Garamond",Georgia,serif; }
.tracking-error-card p { margin:0 0 9px; color:var(--muted); font-size:14px; line-height:1.55; }
.tracking-error-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.tracking-error-actions .whatsapp-button { border-color:#25d366; background:#25d366; color:#092f1e; }
.admin-access { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px; border:1px solid #dbe1dc; border-radius:10px; background:#fff; }
.admin-access h2 { margin:0 0 5px; }
.admin-access p { margin:0; color:var(--muted); font-size:13px; }
.admin-access form { display:flex; gap:9px; }
.admin-access input,.data-table select { min-height:40px; padding:8px 10px; border:1px solid #cfd7d1; border-radius:6px; background:#fff; }
.admin-message { color:var(--green)!important; font-size:12px!important; }
.dashboard-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px; }
.dashboard-summary article { padding:18px; border:1px solid #dbe1dc; border-radius:9px; background:#fff; }
.dashboard-summary strong { display:block; color:var(--green); font-size:28px; }
.dashboard-summary span { color:var(--muted); font-size:12px; }
.data-table td small { display:block; margin-top:4px; color:var(--muted); }

@media (max-width: 900px) {
  .content-grid,.content-grid.four,.option-grid { grid-template-columns: repeat(2,1fr); }
  .planner-content,.guide-layout,.form-shell,.contact-grid,.article-cover-card,.received-layout { grid-template-columns: 1fr; }
  .quick-connect { align-items:flex-start; flex-direction:column; }
  .article-cover-card>img { height: 360px; }
  .summary-grid,.project-grid { grid-template-columns: repeat(2,1fr); }
  .dashboard-shell { grid-template-columns: 1fr; }
  .dashboard-sidebar { display: none; }
  .tracking-meta,.dashboard-summary { grid-template-columns:1fr; }
  .status-progress { grid-template-columns:repeat(4,1fr); row-gap:16px; }
  .admin-access { align-items:stretch; flex-direction:column; }
  .filters { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px) {
  .inner-hero { min-height: 430px; align-items: flex-start; }
  .inner-hero-copy { padding-top: 55px; }
  .inner-hero::after { background: linear-gradient(180deg,rgba(248,245,239,.98),rgba(248,245,239,.78) 64%,rgba(248,245,239,.05)); }
  .page-section { padding: 35px 0; }
  .article-page-intro { padding: 20px 0 16px; }
  .article-cover-card>img { height: 260px; }
  .article-cover-copy { padding: 24px 20px 28px; }
  .article-cover-copy h1 { font-size: 39px; }
  .article-cover-copy p:last-child { font-size: 15px; }
  .article-surface { padding: 22px 18px; }
  .content-grid,.content-grid.four,.option-grid,.feature-row,.summary-grid,.project-grid,.story-facts,.next-steps,.form-grid,.detail-grid,.received-layout { grid-template-columns: 1fr; }
  .start-project-visual>img { height:220px; }
  .start-contact-actions { grid-template-columns:1fr; }
  .quick-connect { align-items:flex-start; flex-direction:column; }
  .connect-actions { width:100%; flex-direction:column; }
  .connect-actions .button { width:100%; }
  .trust-mini { grid-template-columns:1fr 1fr; }
  .trust-mini article:nth-child(2) { border-right:0; }
  .trust-mini article:nth-child(-n+2) { border-bottom:1px solid #e3dfd6; }
  .planner-panel { padding: 18px; }
  .full-stepper { grid-template-columns: repeat(3,1fr); }
  .full-stepper li:nth-child(n+4) { display: none; }
  .choice-grid { grid-template-columns: 1fr 1fr; }
  .story-images { grid-template-columns: 1fr; }
  .story-images img { height: 300px; }
  .journey-step { grid-template-columns: 46px 1fr; }
  .journey-step p { grid-column: 2; }
  .page-cta { align-items: flex-start; flex-direction: column; }
  .dashboard-main { padding: 20px 16px; }
  .location-share,.tracking-form { grid-template-columns:1fr; }
  .location-share .button,.tracking-form .button { width:100%; }
  .status-progress { grid-template-columns:repeat(2,1fr); }
  .tracking-help,.admin-access form { align-items:stretch; flex-direction:column; }
  .tracking-error-card { grid-template-columns:1fr; }
  .tracking-error-actions { flex-direction:column; }
  .tracking-error-actions .button { width:100%; }
  .filters { grid-template-columns: 1fr; }
  .project-card img { height: 210px; }
}