@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--gold: #E1BD58;--black: #120E0D;--white: #F3F6F6;--bg: #120E0D;--text: #F3F6F6;--accent: #E1BD58;--text-muted: rgba(243, 246, 246, .7);--text-faint: rgba(243, 246, 246, .5);--line: rgba(243, 246, 246, .18);--line-strong: rgba(243, 246, 246, .38);--accent-soft: rgba(225, 189, 88, .2);--focus-ring: rgba(225, 189, 88, .5);--article-bg: #F3F6F6;--article-text: #120E0D;--article-muted: #6B6460;--article-faint: #8A8582;--article-accent: #E1BD58;--article-accent-text: #6E571E;--article-line: rgba(18, 14, 13, .14);--article-line-strong: rgba(18, 14, 13, .45);--article-card-bg: #EDE9E4;--status-success: #2D6A4F;--status-error: #9B2C2C;--status-info: #2B6CB0;--status-warning: #92650E;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--font: "Poppins", sans-serif;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--ease: cubic-bezier(.4, 0, .2, 1);--duration: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);font-weight:var(--weight-normal);font-size:16px;line-height:1.75;color:var(--text);background-color:var(--bg);overflow-x:hidden}img,video,svg{display:block;max-width:100%;height:auto}a{color:var(--accent);text-decoration:none;transition:color var(--duration) var(--ease)}a:hover{color:var(--white)}::selection{background:var(--accent);color:var(--black)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-normal);line-height:1.2;color:var(--text)}h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:.04em;line-height:1.1}h2{font-size:clamp(1.75rem,3.5vw,3rem);letter-spacing:.03em}h3{font-size:clamp(1.25rem,2.5vw,1.75rem);letter-spacing:.02em}h4{font-size:1.125rem;letter-spacing:.02em;font-weight:var(--weight-medium)}p{color:var(--text-muted);max-width:65ch}.text-accent{color:var(--accent)}.text-faint{color:var(--text-faint)}.text-white{color:var(--text)}.label{font-size:.75rem;font-weight:var(--weight-semi);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.label-muted{font-size:.75rem;font-weight:var(--weight-semi);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:800px}.container-wide{max-width:1440px}section{padding:var(--space-5xl) 0}.section-sm{padding:var(--space-3xl) 0}.grid{display:grid;gap:var(--space-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.text-center{text-align:center}.divider{border:none;height:1px;background:var(--line);width:100%}.divider-strong{background:var(--line-strong)}.divider-gold{background:var(--accent);height:2px;width:60px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 2rem;font-family:var(--font);font-size:.8125rem;font-weight:var(--weight-semi);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;border-radius:0;cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap}.btn-primary{color:var(--text);background:transparent;border-color:var(--accent)}.btn-primary:hover,a.btn-primary:hover{background:var(--accent);color:var(--black)}.btn-primary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.btn-secondary{color:var(--text);background:transparent;border-color:#f3f6f699}.btn-secondary:hover{background:var(--text);color:var(--black)}.btn-ghost{color:var(--accent);background:transparent;border-color:transparent;padding:.5rem 0}.btn-ghost:hover{color:var(--text)}.btn-ghost:after{content:"→";transition:transform var(--duration) var(--ease)}.btn-ghost:hover:after{transform:translate(4px)}.btn-sm{padding:.625rem 1.25rem;font-size:.75rem}.card{background:#f3f6f608;border:1px solid var(--line);padding:var(--space-2xl);transition:all var(--duration) var(--ease);position:relative;overflow:hidden}.card:hover{border-color:var(--accent);background:#e1bd580a}.card-link{text-decoration:none;color:inherit;display:block}.card-link:hover{color:inherit}.card-image{width:100%;height:200px;background:#f3f6f60f;margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card .label{margin-bottom:var(--space-sm)}.card h3{margin-bottom:var(--space-sm);overflow-wrap:break-word;word-break:break-word}.card p{font-size:.9375rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#120e0deb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:background var(--duration) var(--ease)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);max-width:1440px;margin:0 auto}.logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text)}.logo-text{font-size:1.125rem;font-weight:var(--weight-normal);letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.logo-text span{color:var(--accent)}.logo-icon{width:36px;height:36px}.nav-desktop{display:flex;align-items:center;gap:var(--space-xl)}.nav-desktop a{font-size:.8125rem;font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color var(--duration) var(--ease);position:relative}.nav-desktop a:hover,.nav-desktop a.active{color:var(--text)}.nav-desktop a.btn-primary{color:var(--text);border-color:var(--accent)}.nav-desktop a.btn-primary:hover{background:var(--accent);color:var(--black)}.nav-desktop a.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--accent)}.nav-dropdown{position:relative}.nav-dropdown>a{display:flex;align-items:center;gap:4px}.nav-dropdown>a:after{content:"";display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;transition:transform var(--duration) var(--ease)}.nav-dropdown:hover>a:after{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);min-width:200px;background:var(--bg);border:1px solid var(--line);box-shadow:0 8px 32px #0000004d;padding:var(--space-md) 0;opacity:0;pointer-events:none;transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease);z-index:100}.dropdown-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.nav-dropdown:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dropdown-menu a{display:block;padding:var(--space-sm) var(--space-lg);font-size:.8125rem;font-weight:var(--weight-normal);letter-spacing:.03em;text-transform:none;color:var(--text-muted);white-space:nowrap;transition:all var(--duration) var(--ease)}.dropdown-menu a:hover{color:var(--accent);background:#f3f6f60d}.nav-toggle{display:none;background:none;border:none;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;padding:var(--space-sm);z-index:1001}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0;border-radius:0;transition:all var(--duration) var(--ease)}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-mobile{display:none;position:fixed;top:0;right:-100%;width:100%;max-width:400px;height:100vh;background:var(--bg);border-left:1px solid var(--line);padding:var(--space-5xl) var(--space-2xl);transition:right var(--duration) var(--ease);z-index:999;flex-direction:column;gap:var(--space-lg)}.nav-mobile.open{right:0}.nav-mobile a{font-size:1.25rem;font-weight:var(--weight-normal);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;padding:var(--space-sm) 0;border-bottom:1px solid var(--line);transition:color var(--duration) var(--ease)}.nav-mobile a:hover{color:var(--accent)}.nav-mobile a.btn{border:1px solid var(--accent);color:var(--text);padding:.875rem 2rem}.nav-mobile a.btn-primary:hover{background:var(--accent);color:var(--black)}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#120e0d99;z-index:998;opacity:0;transition:opacity var(--duration) var(--ease)}.nav-overlay.active{opacity:1}@media(max-width:1024px){.nav-desktop{display:none}.nav-toggle{display:block}.nav-mobile{display:flex}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden;background:linear-gradient(to bottom,#120e0d 0% 10%,#120e0db3 40%,#120e0da6 60%,#120e0d 90% 100%),url(/assets/images/driller-design-co-tulsa-skyline-drone.png) center top/cover no-repeat}.hero-content{position:relative;z-index:2}.hero h1{margin-bottom:var(--space-lg)}.hero p{font-size:1.125rem;margin-bottom:var(--space-2xl);max-width:550px}.hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero:before{content:"";position:absolute;top:20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(225,189,88,.08) 0%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.section-header{margin-bottom:var(--space-3xl)}.section-header .label{margin-bottom:var(--space-md);display:block}.section-header h2{margin-bottom:var(--space-md)}.section-header p{font-size:1.0625rem}.stat{text-align:center}.stat-number{font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--weight-semi);color:var(--accent);line-height:1;margin-bottom:var(--space-xs)}.stat-label{font-size:.8125rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.process-step{display:flex;gap:var(--space-xl);align-items:flex-start;padding:var(--space-2xl) 0;border-bottom:1px solid var(--line)}.process-step:last-child{border-bottom:none}.process-number{font-size:3rem;font-weight:var(--weight-light);color:var(--accent);line-height:1;min-width:60px}.process-content h3{margin-bottom:var(--space-sm)}.process-content p{font-size:.9375rem}.testimonial{padding:var(--space-2xl);border-left:2px solid var(--accent);background:#e1bd5808}.testimonial blockquote{font-size:1.0625rem;font-style:italic;color:var(--text);margin-bottom:var(--space-md);line-height:1.8}.testimonial cite{font-style:normal;font-size:.875rem;color:var(--text-muted);font-weight:var(--weight-medium)}.cta-banner{text-align:center;padding:var(--space-5xl) 0;background:linear-gradient(to bottom,#120e0d 0% 10%,#120e0da6 35% 65%,#120e0d 90% 100%),url(/assets/images/driller-design-co-tulsa-skyline-drone.png) center top/cover no-repeat;border-top:none}.cta-banner:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:500px;height:400px;background:radial-gradient(ellipse,rgba(225,189,88,.06) 0%,transparent 70%);pointer-events:none}.cta-banner h2{margin-bottom:var(--space-md)}.cta-banner p{margin:0 auto var(--space-2xl);max-width:500px}.site-footer{background:var(--bg);border-top:1px solid var(--line);padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.footer-brand p{font-size:.875rem;margin-top:var(--space-md);max-width:300px}.footer-col h4{font-size:.75rem;font-weight:var(--weight-semi);letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin-bottom:var(--space-lg)}.footer-col a{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-sm);transition:color var(--duration) var(--ease)}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-top:var(--space-lg);display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--text-faint)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-size:.8125rem;font-weight:var(--weight-semi);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-bottom:var(--space-sm)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;font-family:var(--font);font-size:.9375rem;color:var(--text);background:transparent;border:1px solid var(--line-strong);transition:border-color var(--duration) var(--ease)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-faint)}.form-group textarea{resize:vertical;min-height:140px}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='16' height='16' fill='%23F3F6F6' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.form-group select option{background:var(--bg);color:var(--text)}.form-success{display:none;text-align:center;padding:var(--space-3xl) var(--space-xl)}.form-success.visible{display:block;animation:fadeUp .6s var(--ease)}.form-success-icon{width:64px;height:64px;border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg)}.form-success-icon svg{width:32px;height:32px;stroke:var(--accent)}.form-success h3{margin-bottom:var(--space-sm)}.form-group.error input,.form-group.error textarea,.form-group.error select{border-color:var(--status-error)}.form-error-text{font-size:.75rem;color:var(--status-error);margin-top:var(--space-xs);display:none}.form-group.error .form-error-text{display:block}.page-header{padding:calc(80px + var(--space-4xl)) 0 var(--space-3xl);border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(to bottom,#120e0d,#120e0dd9,#120e0db3 60%,#120e0d),url(/assets/images/driller-design-co-tulsa-skyline-drone.png) center top/cover no-repeat}.page-header .label{margin-bottom:var(--space-md);display:block}.page-header h1{margin-bottom:var(--space-md)}.page-header p{font-size:1.0625rem;max-width:600px}.founder-section{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-3xl);align-items:start}.founder-photo img{width:100%;height:auto;display:block;border:1px solid var(--line);filter:grayscale(15%);transition:filter var(--duration) var(--ease)}.founder-photo img:hover{filter:grayscale(0%)}.founder-bio .label{display:block;margin-bottom:var(--space-md)}.founder-bio h2{margin-bottom:var(--space-lg)}.founder-bio p{font-size:1rem;margin-bottom:var(--space-md);line-height:1.8}.founder-bio p:last-child{margin-bottom:0}@media(max-width:768px){.founder-section{grid-template-columns:1fr;gap:var(--space-2xl)}.founder-photo{max-width:400px}}.directory-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:all var(--duration) var(--ease)}.directory-item:hover{padding-left:var(--space-md);color:inherit}.directory-item:hover h3{color:var(--accent)}.directory-item h3{transition:color var(--duration) var(--ease);margin-bottom:var(--space-xs)}.directory-item p{font-size:.875rem}.directory-arrow{font-size:1.5rem;color:var(--text-faint);transition:all var(--duration) var(--ease)}.directory-item:hover .directory-arrow{color:var(--accent);transform:translate(4px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.stagger>*{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.stagger.visible>*:nth-child(1){transition-delay:0s}.stagger.visible>*:nth-child(2){transition-delay:.1s}.stagger.visible>*:nth-child(3){transition-delay:.2s}.stagger.visible>*:nth-child(4){transition-delay:.3s}.stagger.visible>*:nth-child(5){transition-delay:.4s}.stagger.visible>*:nth-child(6){transition-delay:.5s}.stagger.visible>*{opacity:1;transform:translateY(0)}.pt-header{padding-top:80px}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
