@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');:root{--tool-ink:#101828;--tool-blue:#1769ff;--tool-muted:#475467;--tool-line:#e2e8f0;--tool-paper:#f7f9fc}.presence-page{background:var(--tool-paper);color:var(--tool-ink);font-family:'Cairo',Arial,sans-serif}.presence-page *{box-sizing:border-box}.presence-page h1,.presence-page h2,.presence-page h3,.presence-page h4{color:var(--tool-ink);line-height:1.4}.presence-page p,.presence-page li,.presence-page label,.presence-page legend{color:var(--tool-muted);opacity:1;line-height:1.9}.presence-page .presence-kicker,.presence-page .bridge-chip,.presence-page .pill{display:inline-flex;max-width:100%;padding:6px 12px;border:1px solid #c8dcff;border-radius:999px;background:#edf4ff;color:#124fb8;font-size:12px;font-weight:800;line-height:1.6;white-space:normal}.presence-page .presence-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.25}.presence-page .presence-hero h1 em,.presence-page h1 em,.presence-page h2 em{color:var(--tool-blue);font-style:normal}.presence-page .presence-hero>p,.presence-page .step-intro,.presence-page .report-head p{color:var(--tool-muted);line-height:2}.presence-page .checker,.presence-page .report,.presence-page .report-section,.presence-page .report-cta,.presence-page .score-panel,.presence-page .axis-card,.presence-page .week-item,.presence-page .bridge-card{background:#fff;border:1px solid var(--tool-line);border-radius:18px;color:var(--tool-ink);box-shadow:0 10px 28px rgba(16,24,40,.05)}.presence-page .checker-top h2,.presence-page .report-section h3,.presence-page .report-cta h3,.presence-page .score-title,.presence-page .axis-top strong,.presence-page .bridge-card h3{color:var(--tool-ink)}.presence-page .field-grid label,.presence-page .channel-field legend,.presence-page .question legend,.presence-page .score-panel p,.presence-page .report-section p,.presence-page .report-section li,.presence-page .week-item p,.presence-page .report-cta p,.presence-page .bridge-card p{color:var(--tool-muted)}.presence-page input,.presence-page select,.presence-page textarea{width:100%;background:#fff;color:var(--tool-ink);border:1px solid #cbd5e1;border-radius:10px;padding:12px}.presence-page input::placeholder,.presence-page textarea::placeholder{color:#667085;opacity:1}.presence-page .p-primary,.presence-page a.p-primary{background:#1769ff;color:#fff;border:1px solid #1769ff;border-radius:11px;font-weight:800}.presence-page .p-secondary{background:#edf4ff;color:#124fb8;border:1px solid #c8dcff;border-radius:11px;font-weight:800}.presence-page .p-quiet{background:#fff;color:#344054;border:1px solid #cbd5e1;border-radius:11px}.presence-page .presence-footer{background:#081321;color:#e5edf8}.presence-page .presence-footer span,.presence-page .presence-footer small{color:#d0dced}
/* Tool suite responsive layout */
.presence-page{min-width:0;overflow-x:clip}
.presence-page .presence-wrap{width:min(1080px,calc(100% - 40px));margin-inline:auto;padding-block:clamp(28px,5vw,64px)}
.presence-page .presence-hero{max-width:820px;margin:0 auto 28px}
.presence-page .presence-hero>p{max-width:760px}
.presence-page .hero-points{display:flex;flex-wrap:wrap;gap:8px 10px}
.presence-page .bridge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.presence-page .bridge-card{display:flex;flex-direction:column;min-width:0;padding:clamp(17px,2.4vw,24px);overflow-wrap:anywhere}
.presence-page .bridge-card .p-btn{align-self:flex-start;margin-top:auto}
.presence-page .bridge-form,.presence-page .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.presence-page .bridge-form>label,.presence-page .field-grid>label{display:flex;flex-direction:column;gap:7px;min-width:0;color:var(--tool-ink);font-weight:700}
.presence-page .bridge-form>.wide,.presence-page .field-grid>.wide{grid-column:1/-1}
.presence-page .bridge-form input,.presence-page .bridge-form select,.presence-page .bridge-form textarea,.presence-page .field-grid input,.presence-page .field-grid select,.presence-page .field-grid textarea{width:100%;min-width:0;min-height:46px;font-size:16px}
.presence-page .report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.presence-page .week-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.presence-page .checker,.presence-page .report{min-width:0;margin-block:22px;padding:clamp(16px,3vw,28px)}
.presence-page .checker-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.presence-page .checker-actions,.presence-page .report-actions,.presence-page .bridge-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.presence-page .checker-actions>* ,.presence-page .report-actions>* ,.presence-page .bridge-actions>*{min-height:46px}
.presence-page .report-section{min-width:0;padding:clamp(16px,2.8vw,24px);margin-block:14px;overflow-wrap:anywhere}
.presence-page .report-section ul{padding-inline-start:22px}
.presence-page .presence-footer{gap:10px 20px;min-width:0}
.presence-page .p-btn{min-height:48px;max-width:100%;white-space:normal}
.presence-page input,.presence-page select,.presence-page textarea{font-size:16px}
@media(max-width:900px){
 .presence-page .bridge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .presence-page .presence-wrap{width:min(100% - 36px,1080px)}
}
@media(max-width:640px){
 .presence-page .presence-wrap{width:calc(100% - 28px);padding-block:28px 42px}
 .presence-page .bridge-grid,.presence-page .bridge-form,.presence-page .field-grid,.presence-page .report-grid,.presence-page .week-plan{grid-template-columns:1fr}
 .presence-page .bridge-form>.wide,.presence-page .field-grid>.wide{grid-column:auto}
 .presence-page .presence-hero{margin-bottom:22px}
 .presence-page .presence-hero h1{font-size:clamp(2rem,9vw,2.8rem)}
 .presence-page .checker,.presence-page .report{padding:16px}
 .presence-page .checker-actions,.presence-page .report-actions,.presence-page .bridge-actions{flex-direction:column;align-items:stretch}
 .presence-page .checker-actions>* ,.presence-page .report-actions>* ,.presence-page .bridge-actions>*{width:100%;justify-content:center}
 .presence-page .presence-footer{align-items:flex-start;flex-direction:column}
}
