/* voice.css - White + Orange Theme */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* PAGE HERO - Light */
.page-hero{position:relative;background:var(--off-white);padding:80px 0 60px;overflow:hidden;border-bottom:1px solid var(--gray-200)}
.page-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 90% 50%,rgba(255,114,16,.06) 0%,transparent 70%),linear-gradient(135deg,#fafaf9 0%,#fff7ed 100%)}
.page-hero-bg::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:60px 60px}
.page-hero-content{position:relative;z-index:1}
.page-hero-title{font-family:var(--font-serif);font-size:36px;font-weight:900;color:var(--text);line-height:1.3;margin:12px 0 16px;word-break:keep-all}
.page-hero-title .accent{color:var(--orange)}
.page-hero-desc{font-size:15px;color:var(--gray-600);line-height:1.8;word-break:keep-all}

/* CONTACT CARDS */
.contact-cards-section{padding:28px 0;background:var(--off-white)}
.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px;margin:0 auto}
.contact-card{background:var(--white);border-radius:var(--radius-md);padding:20px 20px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);display:flex;flex-direction:column;gap:6px;transition:all var(--transition);position:relative;overflow:hidden}
.contact-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange);transform:scaleX(0);transition:transform var(--transition)}
.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.contact-card:hover::before{transform:scaleX(1)}
.cc-icon{font-size:24px}
.contact-card h3{font-size:15px;font-weight:700;color:var(--text)}
.contact-card p{font-size:13px;color:var(--gray-600);line-height:1.5}
.cc-arrow{font-size:20px;color:var(--orange);font-weight:700;margin-top:4px}

/* FORM */
.form-section{padding:80px 0;background:var(--white)}
.form-wrap{background:var(--off-white);border-radius:var(--radius-lg);padding:36px 28px;border:1px solid var(--gray-100)}
.contact-form{display:flex;flex-direction:column;gap:20px}
.form-row{display:flex;flex-direction:column;gap:20px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group.full{width:100%}
.form-group label{font-size:14px;font-weight:600;color:var(--text)}
.required{color:#e74c3c}
.form-group input,
.form-group select,
.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--gray-100);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);color:var(--text);background:var(--white);transition:border-color var(--transition);outline:none}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{border-color:var(--orange)}
.form-group textarea{resize:vertical;min-height:140px}
.char-count{text-align:right;font-size:12px;color:var(--gray-400);margin-top:4px}

/* Checkbox */
.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text)}
.checkbox-label input[type=checkbox]{display:none}
.checkbox-custom{width:20px;height:20px;border:2px solid var(--gray-400);border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}
.checkbox-label input:checked+.checkbox-custom{background:var(--orange);border-color:var(--orange)}
.checkbox-label input:checked+.checkbox-custom::after{content:'✓';color:var(--white);font-size:13px;font-weight:700}
.privacy-desc{font-size:12px;color:var(--gray-400);line-height:1.6;margin-top:6px}

.btn-submit{width:100%;background:var(--orange);color:var(--white);font-size:16px;font-weight:700;padding:16px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition);font-family:var(--font-sans);display:flex;align-items:center;justify-content:center;gap:8px}
.btn-submit:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,114,16,0.3)}

.form-success{display:none;text-align:center;padding:40px 20px}
.success-icon{font-size:56px;margin-bottom:16px}
.form-success h3{font-size:24px;font-weight:700;color:var(--text);margin-bottom:12px}
.form-success p{font-size:15px;color:var(--gray-600);line-height:1.8}

@media(min-width:768px){
  .page-hero-title{font-size:52px}
  .form-row{flex-direction:row;gap:20px}
  .form-row .form-group{flex:1}
  .form-wrap{padding:48px 40px}
  .contact-cards{max-width:700px}
}