@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600;1,700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root{
  --paper:#F8F7F3;
  --paper-2:#E9EEF3;
  --ink:#0d1b2a;
  --muted:#425466;
  --line:#b9c3cc;
  --dark:#0d1b2a;
  --dark-2:#152a3f;
  --accent:#2ed5ff;
  --accent-soft:#f8dfdb;
  --white:#ffffff;
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'IBM Plex Sans', Arial, sans-serif;
  --mono:'IBM Plex Mono', monospace;
  --max:1200px;
  --radius:0;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
::selection{background:var(--accent);color:var(--ink)}

.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;color:var(--muted);display:flex;align-items:center;gap:10px}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}
.eyebrow-light{color:#a7a69e}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.035em;line-height:1.03}
h1{font-size:clamp(2.9rem,6vw,5.7rem);max-width:900px;margin-bottom:24px}
h2{font-size:clamp(2.1rem,4.1vw,3.9rem);max-width:850px;margin-bottom:24px}
h3{line-height:1.16}
em{font-family:var(--serif);font-weight:600;font-style:italic;letter-spacing:-.02em}
.hero-lead{font-size:clamp(1.02rem,1.5vw,1.2rem);max-width:690px;color:var(--ink)}
.section{padding:90px 0}
.section-dark{background:var(--dark);color:var(--white)}
.section-tint{background:var(--paper-2)}
.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:62px}
.section-heading>p{max-width:510px;color:var(--muted);font-size:1.05rem}
.dark-heading>p{color:#aaa9a0}

.site-header{position:sticky;top:0;z-index:50;background:#e9eef3cf;backdrop-filter:blur(10px);border-bottom:0.5px solid #d3d9df}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--accent);font-size:1.1rem;letter-spacing:-.08em}
.brand-name{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.main-nav{display:flex;align-items:center;gap:25px;font-size:.86rem}
.main-nav>a{color:#4c4a44;transition:.2s}
.main-nav>a:hover{color:var(--ink)}
.nav-cta{background:var(--ink);color:var(--white)!important;padding:11px 16px}
.nav-cta span{color:var(--accent)}
.nav-toggle{display:none;background:none;border:0;padding:8px}
.nav-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:var(--ink);margin:5px}

.hero{padding:90px 0 105px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.hero-home h1 span{font-weight:500}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:36px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--ink);padding:15px 20px;font-weight:800;font-size:.84rem;letter-spacing:.01em;transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--ink);color:var(--white)}
.btn-primary span{color:var(--accent)}
.btn-outline{background:transparent}
.btn-light{background:var(--white);color:var(--ink);border-color:var(--white)}
.btn-large{padding:18px 24px}
.text-link{font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:4px}
.text-link span{margin-left:7px}
.hero-note{font-family:var(--mono);font-size:.65rem;color:#85827a;margin-top:50px}
.hero-note span{color:var(--ink);background:var(--accent);padding:2px 4px}

.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}
.xray-card{width:min(100%,470px);min-height:420px;background:#1f1f1c;color:var(--white);padding:26px;position:relative;overflow:hidden;border:1px solid #3b3b35}
.xray-top,.xray-footer{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;display:flex;justify-content:space-between;color:#9d9d94}
.xray-lines{margin-top:70px;display:grid;gap:30px}
.xray-line{display:grid;grid-template-columns:1fr 90px 70px;gap:12px;align-items:center;font-family:var(--mono);font-size:.62rem;color:#85857e}
.xray-line b{height:1px;background:#484841;position:relative}
.xray-line b:after{content:"";display:block;width:45%;height:3px;background:#77776e}
.xray-line.active{color:#f4f3ec}.xray-line.active b:after{background:var(--accent);width:75%}
.xray-line.alert{color:#f4f3ec}.xray-line.alert b:after{background:#f4f3ec;width:28%}
.xray-line strong{font-weight:500;text-align:right}
.xray-scan{height:120px;display:flex;align-items:end;gap:12px;margin-top:45px;border-bottom:1px solid #44443e}
.xray-scan i{display:block;flex:1;background:linear-gradient(to top,#50504a,transparent);height:var(--h);opacity:.75}
.xray-scan i:nth-child(1){--h:35%}.xray-scan i:nth-child(2){--h:78%}.xray-scan i:nth-child(3){--h:50%}.xray-scan i:nth-child(4){--h:92%}.xray-scan i:nth-child(5){--h:62%}
.xray-footer{position:absolute;bottom:26px;left:26px;right:26px}
.floating-stamp{position:absolute;right:-14px;bottom:28px;background:var(--accent);color:var(--ink);font-family:var(--mono);font-weight:500;font-size:.72rem;line-height:1.05;padding:14px 13px;transform:rotate(5deg)}

.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.split-intro h2{max-width:650px}
.large-copy{font-size:1.13rem;color:#8d8c87}
.large-copy p{margin-bottom:22px}
.large-copy strong{color:#494948}

.method-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:18px;align-items:stretch}
.method-step{border-top:2px solid var(--ink);padding-top:16px;display:flex;flex-direction:column}
.method-step span{font-family:var(--mono);font-size:.65rem;color:var(--muted)}
.method-step b{font-size:1.15rem;margin:12px 0 7px}
.method-step small{color:var(--muted);font-size:.8rem}
.method-arrow{display:grid;place-items:center;color:#aaa69b;font-size:1.5rem}
.center-link{text-align:center;margin-top:42px}

.fit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.fit-card{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px}
.fit-icon{font-family:var(--mono);font-size:.68rem;background:var(--accent);padding:4px 7px}
.fit-card h3{font-size:1.35rem;margin:36px 0 12px}
.fit-card p{color:var(--muted);font-size:.92rem}

.proof-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}
.proof-intro h2{font-size:clamp(2.3rem,4vw,4rem)}
.proof-intro>p{color:var(--muted);max-width:540px;font-size:1.05rem;margin-bottom:28px}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.stat{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat strong{display:block;font-size:2.2rem;letter-spacing:-.06em}
.stat span{display:block;color:var(--muted);font-size:.78rem;margin-top:6px}
.stats-grid-large{grid-template-columns:repeat(3,1fr)}

.before-after{display:grid;grid-template-columns:1fr 80px 1fr;gap:25px;align-items:center}
.ba-label{font-family:var(--mono);font-size:.65rem;color:#9d9c94}
.ba-box{margin-top:12px;border:1px solid #464640;padding:25px;min-height:170px}
.ba-box p{color:#aaa9a1;margin-bottom:9px}
.ba-box-accent{border-color:#5c633a;background:#20201d}
.ba-box-accent p{color:var(--white)}
.ba-arrow{font-size:2rem;text-align:center;color:var(--accent)}

.photo-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.photo-band.reverse{grid-template-columns:1.1fr .9fr}
.photo-copy h2{font-size:clamp(2.2rem,4vw,4rem)}
.photo-copy p{color:var(--muted);max-width:560px}
.media-placeholder{min-height:430px;border:1px dashed #969286;background:#dedbd1;display:grid;place-items:center;align-content:center;text-align:center;padding:40px;position:relative;overflow:hidden}
.media-placeholder:before,.media-placeholder:after{content:"";position:absolute;background:#b3afa3}
.media-placeholder:before{width:1px;height:100%;left:50%;top:0}
.media-placeholder:after{height:1px;width:100%;left:0;top:50%}
.placeholder-cross{width:95px;height:95px;border:1px solid #88847a;position:absolute}
.placeholder-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;background:var(--paper);padding:7px 10px;position:relative;z-index:1}
.media-placeholder p{font-size:.82rem;color:#66645d;max-width:310px;position:relative;z-index:1;margin:14px 0 4px}
.media-placeholder small{font-family:var(--mono);font-size:.57rem;color:#77736a;position:relative;z-index:1}
code{font-family:var(--mono)}

.tool-wall{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.tool-logo{min-height:100px;display:grid;place-items:center;text-align:center;padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:800;letter-spacing:-.02em}
.tool-logo:nth-child(odd){font-family:var(--serif);font-style:italic;font-size:1.2rem}
.tool-logo:nth-child(even){font-family:var(--mono);font-size:.72rem}
.tool-more{background:var(--ink);color:var(--accent);font-family:var(--mono)!important;font-size:.65rem!important}
.micro-note{font-family:var(--mono);font-size:.6rem;color:#88857b;margin-top:14px}

.cta-section{background:var(--accent);padding:110px 0;text-align:center}
.cta-inner h2{max-width:1050px;margin:0 auto 38px}
.cta-inner .eyebrow{justify-content:center;color:#4f5731}
.cta-inner em{font-family:var(--serif)}

.page-hero{padding:85px 0 90px;border-bottom:1px solid var(--line)}
.page-hero.compact{padding-bottom:75px}
.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}
.hero-index{border-left:1px solid var(--line);padding-left:28px;font-family:var(--mono);font-size:.63rem;color:var(--muted);display:grid;gap:25px}
.hero-index strong{font-size:1rem;color:var(--ink);line-height:1.6;font-weight:500}
.xray-explain{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.xray-large{height:470px;position:relative;display:grid;place-items:center}
.scan-ring{position:absolute;border:1px solid #55554e;border-radius:50%;width:var(--s);height:var(--s)}
.ring-1{--s:430px}.ring-2{--s:320px}.ring-3{--s:210px;border-style:dashed}
.scan-center{width:110px;height:110px;border-radius:50%;border:1px solid #6e6e65;display:grid;place-items:center;align-content:center;background:#1d1d1a;z-index:1}
.scan-center span{font-size:2.4rem;font-family:var(--serif);font-style:italic;color:var(--accent)}
.scan-center small{font-family:var(--mono);font-size:.55rem}
.scan-label{position:absolute;font-family:var(--mono);font-size:.62rem;color:#a8a79e;background:var(--dark);padding:5px 8px}
.label-a{top:45px;left:8%}.label-b{right:6%;top:130px}.label-c{bottom:85px;left:12%}.label-d{right:8%;bottom:65px;color:var(--accent)}

.timeline{border-top:1px solid var(--line)}
.timeline-item{display:grid;grid-template-columns:90px 1fr 90px;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}
.timeline-num{font-family:var(--mono);font-size:.72rem;color:var(--muted)}
.timeline-item h3{font-size:1.55rem;margin-bottom:8px}
.timeline-item p{color:var(--muted);max-width:680px;margin:0}
.timeline-item>span{font-family:var(--mono);font-size:.58rem;color:#8b887e;text-align:right}

.diagnostic-grid{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr;align-items:stretch}
.diag-card{border:1px solid var(--line);padding:25px;min-height:220px}
.diag-card span{font-family:var(--mono);font-size:.65rem}
.diag-card h3{margin:35px 0 10px;font-size:1.25rem}
.diag-card p{font-size:.85rem;color:var(--muted)}
.diag-operator{display:grid;place-items:center;font-size:2rem;color:#8f8b80}

.offer-stack{display:grid;gap:14px}
.offer-card{display:grid;grid-template-columns:70px 1fr 180px;gap:30px;border:1px solid var(--line);padding:34px;background:transparent}
.offer-card.featured{background:var(--dark);color:var(--white);border-color:var(--dark)}
.offer-number{font-family:var(--mono);font-size:.7rem;color:#8e8c83}
.offer-main h2{font-size:2.2rem;margin-bottom:10px}
.offer-kicker{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#858278;margin-bottom:10px}
.featured .offer-kicker{color:#b7b6ac}
.offer-main>p{max-width:650px;color:var(--muted)}
.featured .offer-main>p{color:#bbb9b1}
.offer-main ul{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0 0}
.offer-main li{font-family:var(--mono);font-size:.58rem;border:1px solid var(--line);padding:6px 8px;color:#6f6d64}
.featured .offer-main li{border-color:#494943;color:#b8b7af}
.offer-side{border-left:1px solid var(--line);padding-left:25px;display:flex;flex-direction:column;align-items:flex-start}
.featured .offer-side{border-color:#45453f}
.offer-side span{font-family:var(--mono);font-size:.57rem;color:#89867d}
.offer-side strong{font-size:1.25rem;margin-top:10px}
.offer-side small{color:var(--muted);font-size:.7rem}
.offer-side a{margin-top:auto;font-weight:800;font-size:.8rem;border-bottom:1px solid currentColor;padding-bottom:3px}

.value-equation,.pricing-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:16px}
.value-equation>div,.pricing-equation>div{font-family:var(--mono);font-size:.62rem;border-top:1px solid #474741;padding-top:16px}
.value-equation strong,.pricing-equation b{color:var(--accent);font-size:1.1rem}
.value-equation .result,.pricing-equation .eq-result{background:var(--accent);color:var(--ink);padding:18px;border:0}
.result strong,.eq-result strong{display:block;color:var(--ink);font-family:var(--sans);font-size:1.2rem;margin-top:5px}

.trigger-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.trigger-grid>div{min-height:170px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.trigger-grid span{font-family:var(--mono);font-size:.62rem}
.trigger-grid p{font-size:1rem;margin-top:30px}

.pricing-table-wrap{overflow:auto}
.pricing-table{width:100%;border-collapse:collapse;min-width:850px}
.pricing-table th,.pricing-table td{border:1px solid var(--line);padding:20px;text-align:left;vertical-align:top}
.pricing-table th{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}
.pricing-table td{font-size:.88rem}
.pricing-table td:last-child{white-space:nowrap}
.table-highlight{background:#e8efc8}
.pricing-note{font-size:.75rem;color:var(--muted);margin-top:15px}
.pricing-factors{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.pricing-factors>div{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px}
.pricing-factors span{font-family:var(--mono);font-size:.65rem}
.pricing-factors h3{margin:30px 0 8px}
.pricing-factors p{font-size:.8rem;color:var(--muted)}
.cta-box{border:1px solid var(--line);padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-box h2{font-size:clamp(2rem,4vw,3.7rem);margin-bottom:0}

.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.case-card{border:1px solid var(--line);padding:34px;min-height:430px;display:flex;flex-direction:column}
.case-featured{grid-column:span 2;min-height:390px;background:#e8e4d9}
.case-dark{background:var(--dark);color:var(--white);border-color:var(--dark)}
.case-meta{display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;color:#88857b}
.case-dark .case-meta{color:#aaa9a0}
.case-card h2{font-size:clamp(1.8rem,3vw,3.1rem);max-width:800px;margin:40px 0 25px}
.case-card:not(.case-featured) h2{font-size:2rem}
.case-big-number{font-size:3.8rem;font-weight:800;letter-spacing:-.07em;margin-bottom:20px}
.case-big-number span{color:#858278;font-weight:400}
.case-big-number .unit{font-size:.9rem;letter-spacing:0;color:#858278}
.case-card p{color:var(--muted);max-width:800px}
.case-dark p{color:#bbb9b1}
.case-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:30px}
.case-tags span{font-family:var(--mono);font-size:.55rem;border:1px solid var(--line);padding:5px 7px;color:#77746b}
.case-dark .case-tags span{border-color:#484842;color:#b4b2a9}
.case-metric-row{display:flex;align-items:baseline;gap:12px;margin:5px 0}
.case-metric-row strong{font-size:1.6rem;letter-spacing:-.04em}
.case-metric-row small{font-family:var(--mono);font-size:.58rem;color:#8a877e}

.reference-wall{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.logo-placeholder{min-height:130px;display:grid;place-items:center;align-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.logo-placeholder span{font-family:var(--mono);font-size:.65rem;letter-spacing:.08em}
.logo-placeholder small{font-size:.58rem;color:#858278;margin-top:7px}

.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}
.about-copy h2{font-size:clamp(2.3rem,4vw,4rem)}
.about-copy p{color:var(--muted);font-size:1.03rem}
.about-copy strong{color:var(--ink)}
.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#44443e}
.principles>div{background:var(--dark);padding:30px;min-height:220px}
.principles span{font-family:var(--mono);font-size:.6rem;color:var(--accent)}
.principles h3{font-size:1.3rem;margin:28px 0 10px}
.principles p{color:#aaa9a1;font-size:.85rem}
.capability-map{height:540px;max-width:720px;margin:20px auto 0;position:relative;display:grid;place-items:center}
.capability-map:before{content:"";position:absolute;inset:60px;border:1px solid var(--line);border-radius:50%}
.capability-map:after{content:"";position:absolute;inset:130px;border:1px dashed #bdb8ac;border-radius:50%}
.cap-core{width:145px;height:145px;border-radius:50%;background:var(--ink);color:var(--accent);display:grid;place-items:center;align-content:center;position:relative;z-index:2}
.cap-core span{font-size:3rem;font-weight:800;letter-spacing:-.1em}
.cap-core small{font-family:var(--mono);font-size:.5rem;color:var(--white)}
.cap-node{position:absolute;font-family:var(--mono);font-size:.65rem;border:1px solid var(--ink);background:var(--paper);padding:10px 12px;z-index:3}
.node-1{top:40px;left:38%}.node-2{top:145px;right:5%}.node-3{bottom:70px;right:15%}.node-4{bottom:25px;left:37%}.node-5{bottom:110px;left:4%}.node-6{top:150px;left:3%}
.quote-block{max-width:900px}
.quote-block blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(2rem,4vw,4rem);line-height:1.15;margin:20px 0 35px}
.quote-block>p:last-child{max-width:700px;color:var(--muted)}

.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}
.contact-intro h2{font-size:clamp(2.5rem,4vw,4.2rem)}
.contact-intro>p{color:var(--muted);font-size:1.05rem}
.contact-detail{display:flex;gap:20px;border-top:1px solid var(--line);padding:18px 0}
.contact-detail>span{font-family:var(--mono);font-size:.62rem}
.contact-detail strong{font-size:.9rem}
.contact-detail p{font-size:.82rem;color:var(--muted);margin:5px 0 0}
.contact-form{border:1px solid var(--line);padding:35px;background:#efebe1}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form label{display:block;font-size:.74rem;font-weight:700;margin-bottom:18px}
.optional{font-weight:400;color:#8b887e}
.contact-form input:not([type="checkbox"]),.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:7px;border:1px solid #c3bfb4;background:var(--paper);padding:13px 14px;color:var(--ink);outline:none}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--ink);box-shadow:0 0 0 2px var(--accent)}
.contact-form textarea{resize:vertical}
.checkbox-label{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important;color:#5e5b53}
.checkbox-label input{margin-top:3px}
.form-note{font-family:var(--mono);font-size:.55rem;color:#89867d;margin:13px 0 0}
.hidden-field{display:none!important}

.centered-page .eyebrow{justify-content:center}
.centered-page {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.site-footer{background:var(--dark);color:var(--white);padding:60px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:60px}
.footer-brand .brand-mark{background:var(--accent);color:var(--ink)}
.footer-tagline{color:#aaa9a1;font-size:.9rem;margin-top:18px}
.footer-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;color:#87867e;text-transform:uppercase}
.footer-grid p{font-size:.8rem;color:#aaa9a1}
.footer-grid a{color:#dddcd4}
.footer-bottom{border-top:1px solid #3e3e39;margin-top:50px;padding-top:16px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.55rem;color:#74736c}

@media (max-width:1000px){
  .main-nav{gap:15px}
  .hero-grid,.page-hero-grid,.proof-section,.about-grid,.contact-grid,.xray-explain{grid-template-columns:1fr}
  .hero-visual{min-height:400px}
  .section-heading{grid-template-columns:1fr;gap:15px}
  .fit-grid{grid-template-columns:repeat(2,1fr)}
  .method-strip{grid-template-columns:1fr 1fr}
  .method-arrow{display:none}
  .offer-card{grid-template-columns:50px 1fr}
  .offer-side{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:15px 0 0;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px}
  .offer-side a{margin-top:0}
  .case-featured{grid-column:auto}
  .reference-wall{grid-template-columns:repeat(3,1fr)}
  .pricing-factors{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .container{width:min(calc(100% - 32px),var(--max))}
  .site-header{position:sticky}
  .nav-toggle{display:block}
  .main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:var(--paper);border-bottom:1px solid var(--line);padding:15px 16px;flex-direction:column;align-items:stretch}
  .main-nav.open{display:flex}
  .main-nav>a{padding:11px 5px}
  .nav-cta{text-align:center}
  .section{padding:82px 0}
  .hero{padding:60px 0 80px}
  h1{font-size:clamp(2.8rem,14vw,4.6rem)}
  .hero-visual{min-height:340px}
  .xray-card{min-height:360px}
  .split-intro,.photo-band,.photo-band.reverse{grid-template-columns:1fr;gap:45px}
  .fit-grid,.stats-grid,.stats-grid-large,.trigger-grid,.pricing-factors,.case-grid,.principles{grid-template-columns:1fr}
  .case-featured{grid-column:auto}
  .case-card{min-height:380px}
  .case-big-number{font-size:2.8rem}
  .tool-wall{grid-template-columns:repeat(2,1fr)}
  .tool-logo{min-height:85px}
  .before-after{grid-template-columns:1fr}
  .ba-arrow{transform:rotate(90deg)}
  .diagnostic-grid{grid-template-columns:1fr}
  .diag-operator{min-height:45px}
  .timeline-item{grid-template-columns:45px 1fr}
  .timeline-item>span{grid-column:2;text-align:left}
  .offer-card{grid-template-columns:1fr}
  .offer-number{display:none}
  .offer-side{grid-column:1;grid-template-columns:1fr 1fr}
  .offer-side span{grid-column:1}.offer-side strong{grid-column:2;grid-row:1}
  .offer-side small{grid-column:1}.offer-side a{grid-column:2;grid-row:2}
  .value-equation,.pricing-equation{grid-template-columns:1fr;gap:14px}
  .value-equation>div,.pricing-equation>div{border-top:0;border-left:1px solid #474741;padding:12px 14px}
  .value-equation>div:not(.result):after,.pricing-equation>div:not(.eq-result):after{content:"";display:block}
  .pricing-table{min-width:720px}
  .cta-box{display:block;padding:30px}
  .cta-box .btn{margin-top:28px}
  .reference-wall{grid-template-columns:repeat(2,1fr)}
  .capability-map{height:440px}
  .capability-map:before{inset:40px}.capability-map:after{inset:90px}
  .node-1{top:15px;left:34%}.node-2{top:100px;right:0}.node-3{bottom:45px;right:4%}.node-4{bottom:5px;left:34%}.node-5{bottom:85px;left:0}.node-6{top:100px;left:0}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:25px}
  .footer-bottom{gap:20px;flex-direction:column}
}

.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}
.reveal.is-visible{opacity:1;transform:none}

/* =========================================================
   RESSOURCES
   ========================================================= */

.page-hero {
    padding: 140px 0 90px;
}

.page-hero .hero-intro {
    max-width: 680px;
    margin-top: 32px;
    font-size: 1.2rem;
    line-height: 1.7;
}

.resources-section {
    padding: 40px 0 120px;
}

.resources-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}


/* ---------------------------------------------------------
   CARTES
   --------------------------------------------------------- */

.resource-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 440px;
    padding: 0;
    overflow: hidden;

    background: #f5f3ee;
    border: 1px solid rgba(20, 32, 51, 0.12);

    color: inherit;
    text-decoration: none;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.resource-card:hover {
    transform: translateY(-5px);
    border-color: rgba(20, 32, 51, 0.28);

    box-shadow: 0 18px 45px rgba(20, 32, 51, 0.10);
}


/* ---------------------------------------------------------
   PARTIE VISUELLE
   --------------------------------------------------------- */

.resource-card-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 190px;

    background: #142033;
    color: #f5f3ee;
}

.resource-card-number {
    position: absolute;
    top: 22px;
    left: 24px;

    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    opacity: 0.6;
}

.resource-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 90px;
    height: 90px;

    border: 1px solid rgba(245, 243, 238, 0.5);
    border-radius: 50%;

    font-size: 3rem;
    font-weight: 300;
}


/* ---------------------------------------------------------
   CONTENU
   --------------------------------------------------------- */

.resource-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 32px;
}

.resource-card-type {
    margin: 0 0 14px;

    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;

    opacity: 0.55;
}

.resource-card h2 {
    margin: 0 0 18px;

    font-size: clamp(1.7rem, 2.5vw, 2.4rem);
    line-height: 1.05;
}

.resource-card-content > p:not(.resource-card-type) {
    max-width: 540px;
    margin: 0;

    font-size: 1rem;
    line-height: 1.65;

    opacity: 0.75;
}

.resource-card-link {
    display: inline-block;
    margin-top: auto;
    padding-top: 32px;

    font-size: 0.9rem;
    font-weight: 600;
}


/* ---------------------------------------------------------
   RESSOURCES À VENIR
   --------------------------------------------------------- */

.resource-card--coming {
    cursor: default;
    opacity: 0.58;
}

.resource-card--coming:hover {
    transform: none;
    border-color: rgba(20, 32, 51, 0.12);
    box-shadow: none;
}

.resource-card--coming .resource-card-visual {
    background: #dddcd7;
    color: #142033;
}


/* ---------------------------------------------------------
   CTA
   --------------------------------------------------------- */

.resource-cta {
    padding: 120px 0;

    background: #142033;
    color: #f5f3ee;
}

.resource-cta h2 {
    max-width: 850px;
    margin: 20px 0 28px;

    font-size: clamp(2.5rem, 6vw, 5.5rem);
    line-height: 0.95;
}

.resource-cta p:not(.eyebrow) {
    max-width: 650px;
    margin-bottom: 36px;

    font-size: 1.1rem;
    line-height: 1.7;

    opacity: 0.75;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 800px) {

    .page-hero {
        padding: 100px 0 60px;
    }

    .resources-section {
        padding: 20px 0 80px;
    }

    .resources-grid {
        grid-template-columns: 1fr;
    }

    .resource-card {
        min-height: 400px;
    }

    .resource-cta {
        padding: 80px 0;
    }

}

iframe {
  width: 100%;
  height: 100vh;
  border: 0;
  display: block;
}