/* Caprock IQ — Shared Styles for Content Pages */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:#060606}
body{width:100%;background:#060606;color:rgba(232,224,210,0.85);font-family:'Cormorant Garamond',serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
@media(pointer:fine){html,body{cursor:none}}
body::before{content:'';position:fixed;inset:0;z-index:9000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:0.7}

.cur{position:fixed;width:4px;height:4px;background:rgba(201,168,76,0.7);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:opacity 0.3s}

/* Nav */
nav{position:fixed;top:0;left:0;right:0;z-index:8000;padding:1.4rem 2.4rem;display:flex;justify-content:space-between;align-items:center;background:rgba(6,6,6,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav-brand{font-family:'DM Mono',monospace;font-weight:300;font-size:0.85rem;letter-spacing:0.25em;text-transform:uppercase;color:rgba(201,168,76,0.7);text-decoration:none;transition:color 0.3s}
.nav-brand:hover{color:rgba(201,168,76,1)}
.nav-links{display:flex;gap:2.4rem;align-items:center}
.nav-links a{font-family:'DM Mono',monospace;font-weight:300;font-size:0.78rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(200,190,175,0.65);text-decoration:none;transition:color 0.4s;position:relative}
.nav-links a::after{content:'';position:absolute;left:0;bottom:-3px;right:100%;height:1px;background:rgba(201,168,76,0.5);transition:right 0.5s cubic-bezier(0.16,1,0.3,1)}
.nav-links a:hover{color:rgba(201,168,76,0.9)}
.nav-links a:hover::after{right:0}
.nav-links a.active{color:rgba(201,168,76,0.9)}
.nav-toggle{display:none;background:none;border:none;padding:0.5rem;cursor:pointer;z-index:8002}
.nav-toggle span{display:block;width:18px;height:1px;background:rgba(201,168,76,0.6);margin:4px 0;transition:all 0.3s}

/* Sections */
section{padding:8rem 2.4rem;position:relative}
.section-inner{max-width:1100px;margin:0 auto}
.hero-section{padding-top:12rem;padding-bottom:6rem;border-bottom:1px solid rgba(201,168,76,0.1)}
.section-label{font-family:'DM Mono',monospace;font-weight:300;font-size:0.74rem;letter-spacing:0.35em;text-transform:uppercase;color:rgba(201,168,76,0.75);margin-bottom:1rem}
.section-title{font-weight:300;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.15;letter-spacing:-0.01em;color:rgba(232,224,210,0.95);margin-bottom:1.2rem}
.section-title em{font-style:italic;color:rgba(201,168,76,0.9)}
.section-subtitle{font-weight:400;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.7;color:rgba(200,190,175,0.72);max-width:680px;margin-bottom:3rem}
.body-text{font-weight:400;font-size:1.08rem;line-height:1.8;color:rgba(200,190,175,0.72);max-width:720px;margin-bottom:1.4rem}
.divider{width:1px;height:64px;background:linear-gradient(to bottom,transparent,rgba(201,168,76,0.2),transparent);margin:0 auto}

/* Cards */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}
.card-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}
.card{padding:2.4rem;border:1px solid rgba(201,168,76,0.08);background:rgba(201,168,76,0.015);transition:all 0.5s}
.card:hover{border-color:rgba(201,168,76,0.2);background:rgba(201,168,76,0.03)}
.card-num{font-family:'DM Mono',monospace;font-weight:300;font-size:0.68rem;letter-spacing:0.3em;color:rgba(201,168,76,0.6);margin-bottom:1.4rem}
.card h3{font-weight:400;font-size:1.3rem;color:rgba(232,224,210,0.95);margin-bottom:0.8rem}
.card p{font-weight:400;font-size:1.05rem;line-height:1.7;color:rgba(200,190,175,0.68)}
.card-link{text-decoration:none;display:block}
.card-link .card{transition:all 0.5s}
.card-link:hover .card{border-color:rgba(201,168,76,0.2);background:rgba(201,168,76,0.03)}
.card-arrow{font-family:'DM Mono',monospace;font-size:0.64rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(201,168,76,0.55);margin-top:1.2rem}
.card-link:hover .card-arrow{color:rgba(201,168,76,0.9)}
.card-tag{font-family:'DM Mono',monospace;font-weight:300;font-size:0.66rem;letter-spacing:0.3em;text-transform:uppercase;color:rgba(201,168,76,0.65);margin-bottom:1rem}

/* Process Steps */
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:2rem}
.process-steps::before{content:'';position:absolute;top:2.2rem;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0.15),rgba(201,168,76,0.15),transparent)}
.step{text-align:center;padding:0 1.6rem;position:relative}
.step-num{font-family:'DM Mono',monospace;font-weight:400;font-size:0.82rem;color:rgba(201,168,76,0.85);margin-bottom:1.8rem;width:48px;height:48px;line-height:46px;border:1px solid rgba(201,168,76,0.3);display:inline-block;position:relative;background:#060606}
.step h3{font-weight:400;font-size:1.35rem;color:rgba(232,224,210,0.95);margin-bottom:0.7rem}
.step p{font-weight:400;font-size:1.02rem;line-height:1.65;color:rgba(200,190,175,0.68)}

/* List */
.styled-list{list-style:none;padding:0;max-width:720px}
.styled-list li{font-weight:400;font-size:1.08rem;line-height:1.8;color:rgba(200,190,175,0.72);padding:0.6rem 0 0.6rem 2rem;position:relative;border-bottom:1px solid rgba(201,168,76,0.06)}
.styled-list li::before{content:'';position:absolute;left:0;top:1.2rem;width:12px;height:1px;background:rgba(201,168,76,0.5)}

/* Stat Block */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem}
.stat{padding:1.8rem;border:1px solid rgba(201,168,76,0.08)}
.stat-value{font-family:'DM Mono',monospace;font-weight:400;font-size:1.8rem;color:rgba(201,168,76,0.8);margin-bottom:0.4rem}
.stat-label{font-family:'DM Mono',monospace;font-weight:300;font-size:0.66rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(200,190,175,0.58)}

/* Service item links */
.service-item{padding:2.8rem;border:1px solid rgba(201,168,76,0.06);position:relative;overflow:hidden;transition:all 0.5s;text-decoration:none;display:block}
.service-item::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0.3),transparent);transform:scaleX(0);transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}
.service-item:hover::before{transform:scaleX(1)}
.service-item:hover{border-color:rgba(201,168,76,0.15);background:rgba(201,168,76,0.02)}
.service-icon{font-family:'DM Mono',monospace;font-weight:300;font-size:0.7rem;letter-spacing:0.3em;text-transform:uppercase;color:rgba(201,168,76,0.7);margin-bottom:1.6rem;display:flex;align-items:center;gap:0.8rem}
.service-icon::before{content:'';width:20px;height:1px;background:rgba(201,168,76,0.45)}
.service-item h3{font-weight:400;font-size:1.45rem;color:rgba(232,224,210,0.95);margin-bottom:0.9rem}
.service-item p{font-weight:400;font-size:1.05rem;line-height:1.75;color:rgba(200,190,175,0.7);margin-bottom:1.4rem}
.service-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}
.service-tags span{font-family:'DM Mono',monospace;font-size:0.64rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(201,168,76,0.55);border:1px solid rgba(201,168,76,0.2);padding:0.35rem 0.8rem}
.service-arrow{font-family:'DM Mono',monospace;font-size:0.64rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(201,168,76,0.55);transition:color 0.4s}
.service-item:hover .service-arrow{color:rgba(201,168,76,0.9)}

/* CTA */
.cta-section{padding:10rem 2.4rem;text-align:center;position:relative}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(201,168,76,0.04) 0%,transparent 65%);pointer-events:none}
.cta-sub{font-weight:400;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.7;color:rgba(200,190,175,0.72);max-width:540px;margin:0 auto 3rem}
.btn-primary{font-family:'DM Mono',monospace;font-weight:400;font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(6,6,6,1);background:rgba(201,168,76,0.9);text-decoration:none;padding:0.9rem 2.4rem;transition:all 0.4s;display:inline-block}
.btn-primary:hover{background:rgba(201,168,76,1);box-shadow:0 0 40px rgba(201,168,76,0.2)}

/* Footer */
.site-footer{border-top:1px solid rgba(201,168,76,0.1);padding:3rem 2.4rem;display:flex;justify-content:space-between;align-items:center}
.site-footer .footer-left{font-family:'DM Mono',monospace;font-size:0.54rem;font-weight:300;letter-spacing:0.3em;text-transform:uppercase;color:rgba(200,190,175,0.4)}
.site-footer .footer-right{display:flex;gap:2rem;align-items:center}
.site-footer .footer-right a{font-family:'DM Mono',monospace;font-size:0.54rem;font-weight:300;letter-spacing:0.2em;text-transform:uppercase;color:rgba(200,190,175,0.4);text-decoration:none;transition:color 0.4s}
.site-footer .footer-right a:hover{color:rgba(201,168,76,0.7)}

/* Reveal */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease,transform 0.8s cubic-bezier(0.16,1,0.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}
.reveal-delay-3{transition-delay:0.3s}.reveal-delay-4{transition-delay:0.35s}
.reveal-delay-5{transition-delay:0.45s}.reveal-delay-6{transition-delay:0.55s}

/* Responsive */
@media(max-width:900px){
  .card-grid{grid-template-columns:1fr 1fr}
  .card-grid-2{grid-template-columns:1fr}
  .process-steps{grid-template-columns:repeat(2,1fr);gap:2.4rem}
  .process-steps::before{display:none}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  section{padding:5rem 1.6rem}
  .hero-section{padding-top:8rem;padding-bottom:4rem}
  nav{padding:1.2rem 1.4rem}
  .nav-brand{font-size:0.9rem}
  .nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#060606;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;z-index:8001}
  .nav-links.open{display:flex}
  .nav-toggle{display:block}
  .nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(3px,3px)}
  .nav-toggle.open span:nth-child(2){opacity:0}
  .nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(3px,-3px)}
  .nav-links a{font-size:0.95rem}
  .section-label{font-size:0.8rem}
  .section-title{font-size:2rem}
  .section-subtitle{font-size:1.12rem}
  .body-text{font-size:1.1rem}
  .card-grid{grid-template-columns:1fr}
  .card h3{font-size:1.2rem}
  .card p{font-size:1.05rem}
  .process-steps{grid-template-columns:1fr;gap:2.8rem}
  .step h3{font-size:1.3rem}
  .step p{font-size:1.05rem}
  .stat-grid{grid-template-columns:1fr 1fr}
  .stat-value{font-size:1.5rem}
  .cta-sub{font-size:1.1rem}
  .site-footer .footer-left{font-size:0.62rem}
  .site-footer .footer-right a{font-size:0.62rem}
  .site-footer{flex-direction:column;gap:1.4rem;text-align:center}
  .site-footer .footer-right{gap:1.2rem}
}