<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Atranscript | Official Court Transcription & Reporting Services</title> <style> :root { --primary: #1e3a8a; --secondary: #0f172a; --accent: #b45309; --bg: #f8fafc; --text: #334155; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: var(--bg); color: var(--text); line-height: 1.6; } header { background-color: var(--secondary); color: white; padding: 2rem 1rem; text-align: center; border-bottom: 4px solid var(--primary); } header h1 { font-size: 2.5rem; margin-bottom: 0.5rem; letter-spacing: -0.05em; } header p { font-size: 1.1rem; color: #cbd5e1; font-weight: 300; } .container { max-width: 800px; margin: 3rem auto; padding: 0 1.5rem; } .card { background: white; padding: 2.5rem; border-radius: 8px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; } h2 { color: var(--primary); margin-bottom: 1rem; font-size: 1.75rem; } p { margin-bottom: 1.5rem; font-size: 1.05rem; } .notice { background-color: #fef3c7; border-left: 4px solid var(--accent); padding: 1rem; margin-bottom: 2rem; border-radius: 0 4px 4px 0; } .notice p { margin: 0; font-size: 0.95rem; color: #78350f; font-weight: 500; } form { display: grid; gap: 1.25rem; margin-top: 2rem; } .form-group { display: grid; gap: 0.5rem; } label { font-weight: 600; color: var(--secondary); font-size: 0.95rem; } input, textarea, select { width: 100%; padding: 0.75rem; border: 1px solid #cbd5e1; border-radius: 4px; font-size: 1rem; font-family: inherit; } input:focus, textarea:focus, select:focus { outline: 2px solid var(--primary); border-color: transparent; } button { background-color: var(--primary); color: white; padding: 1rem; border: none; border-radius: 4px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: background 0.2s; } button:hover { background-color: #172554; } footer { text-align: center; margin-top: 4rem; padding: 2rem 0; color: #64748b; font-size: 0.9rem; border-top: 1px solid #e2e8f0; } </style> </head> <body> <header> <h1>Atranscript</h1> <p>Official Court Transcription & Litigation Support Services</p> </header> <div class="container"> <div class="card"> <h2>Professional Transcripts & Reporting</h2> <p>Providing reliable, certified transcription services for legal professionals, institutions, and self-represented litigants across British Columbia. Backed by over 25 years of authorized court reporting experience, we ensure absolute accuracy and strict adherence to official court standards.</p> <div class="notice"> <p><strong>Registry & Filing Notice:</strong> For official court registry, billing, and filing continuity, official records remain listed under <strong>West Coast Transcription</strong>.</p> </div> <hr style="border: 0; border-top: 1px solid #e2e8f0; margin: 2rem 0;"> <h2>Request a Transcript or Estimate</h2> <p>Please submit your inquiry below. Our process is straight-forward, transparent, and structured to guide you through the required formatting rules and submission timelines.</p> <form action="https://formspree.io/f/xknpndpk" method="POST"> <div class="form-group"> <label for="name">Your Name / Law Firm</label> <input type="text" id="name" name="name" required placeholder="e.g., Jane Doe, Esq."> </div> <div class="form-group"> <label for="email">Email Address</label> <input type="email" id="email" name="_replyto" required placeholder="yourname@domain.com"> </div> <div class="form-group"> <label for="service">Service Required</label> <select id="service" name="service_type" required> <option value="" disabled selected>Select a service...</option> <option value="Supreme Court Transcript (47-Line Format)">Supreme Court Transcript (47-Line Format)</option> <option value="Discovery / Registrar Hearing (25-Line Format)">Examination for Discovery / Registrar's Hearing (25-Line Format)</option> <option value="Audio Transcription Estimate">Audio Transcription Estimate</option> <option value="Other Legal Support">Other Inquiry</option> </select> </div> <div class="form-group"> <label for="message">Matter Details & Instructions</label> <textarea id="message" name="message" rows="5" required placeholder="Please provide the case name, registry number, date of hearing, or specific transcription guidelines..."></textarea> </div> <input type="text" name="_gotcha" style="display:none"> <button type="submit">Submit Request</button> </form> </div> </div> <footer> <p>© 2026 Atranscript / West Coast Transcription. All rights reserved.<br>Authorized Court Transcribers for the Province of British Columbia.</p> </footer> </body> </html>