/* Ohio 27 inspired visual system adapted for Aruzen's HTML/PHP architecture. */
:root {
  --ohio-ink:#19191d;
  --ohio-muted:#67645f;
  --ohio-paper:#fbf9f6;
  --ohio-soft:#f1efeb;
  --ohio-accent:#ef3e2f;
  --ohio-line:rgba(25,25,29,.12);
  --orange:var(--ohio-accent);
  --orange-light:#ff5a45;
  --orange-dark:#c8291f;
  --orange-grad:linear-gradient(135deg,#ef3e2f,#ff654b);
  --bg:var(--ohio-paper);
  --bg-soft:#f3f1ed;
  --bg-orange:#fff0eb;
  --dark:var(--ohio-ink);
  --text:#343238;
  --text-muted:var(--ohio-muted);
  --border:var(--ohio-line);
  --radius:10px;
  --radius-lg:18px;
  --radius-xl:28px;
  --shadow:none;
  --shadow-lg:0 20px 70px rgba(25,25,29,.10);
  --shadow-orange:0 14px 34px rgba(239,62,47,.18);
}
html { background:var(--ohio-paper); }
body { background:var(--ohio-paper); color:var(--ohio-ink); letter-spacing:-.012em; }
.container { max-width:1240px; padding-inline:32px; }
.section { padding:112px 0; }
.section-sm { padding:72px 0; }
.section-header { margin-bottom:64px; }
.section-tag { padding:0; border:0; border-radius:0; background:transparent; color:var(--ohio-muted); font-size:.77rem; letter-spacing:.03em; text-transform:none; }
.section-tag::before { display:none; }
.section-title { max-width:800px; font-size:clamp(2.4rem,4.6vw,4.5rem); line-height:.98; letter-spacing:-.055em; }
.section-header.center .section-title { margin-inline:auto; }
.section-desc { max-width:620px; font-size:1.08rem; line-height:1.7; }
.btn { min-height:50px; padding:12px 24px; border-width:1px; border-radius:9px; }
.btn-lg { min-height:58px; padding:15px 29px; border-radius:10px; }
.btn-primary { background:var(--ohio-accent); box-shadow:var(--shadow-orange); }
.btn-primary:hover { background:#d93428; filter:none; box-shadow:0 18px 42px rgba(239,62,47,.25); }
.btn-outline { background:rgba(255,255,255,.72); border-color:var(--ohio-line); color:var(--ohio-ink); }
.btn-outline:hover { background:var(--ohio-ink); border-color:var(--ohio-ink); }

/* Floating Ohio-style navigation */
.navbar { top:14px; left:16px; right:16px; width:auto; height:66px; border:1px solid rgba(25,25,29,.06); border-radius:18px; background:rgba(251,249,246,.9); box-shadow:0 12px 40px rgba(25,25,29,.06); }
.navbar.scrolled { border-color:var(--ohio-line); box-shadow:0 14px 45px rgba(25,25,29,.10); }
.nav-logo-img { height:40px; }
.nav-links { gap:4px; }
.nav-links a { color:#454249; font-size:.86rem; }
.nav-links a.active,.nav-links a:hover { color:var(--ohio-accent); }
.nav-cta .user-btn { border:0; }
.theme-toggle { border-color:var(--ohio-line); background:var(--ohio-soft); }

/* Home hero */
.home-hero { min-height:720px; padding:86px 0 0; background:radial-gradient(circle at 84% 20%,rgba(242,205,111,.22),transparent 30%),#fbf4ee; }
.home-hero::before { opacity:.12; }
.home-hero::after { display:none; }
.home-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:0; max-width:100%; padding:0; align-items:stretch; }
.home-hero-copy { grid-column:2; padding:clamp(48px,5vw,68px) clamp(34px,6vw,82px); align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.home-hero-showcase { grid-column:1; grid-row:1; }
.home-hero-kicker { margin-bottom:1.25rem; color:#555158; letter-spacing:0; text-transform:none; font-size:.86rem; }
.home-hero-kicker::before { display:none; }
.home-hero-title { max-width:680px; font-size:clamp(3.5rem,4.5vw,5.5rem); line-height:.94; }
.home-hero-desc { max-width:610px; margin-top:1.55rem; font-size:1.08rem; line-height:1.65; }
.home-hero-actions a { border-radius:10px; }
.home-hero-trust { margin-top:1.7rem; padding-top:1.15rem; font-size:.8rem; }
.ohio-hero-visual { position:relative; min-height:640px; overflow:hidden; background:#d8c5b8; }
.ohio-hero-photo { width:100%; height:100%; object-fit:cover; object-position:center; }
.ohio-hero-proof { position:absolute; bottom:0; min-height:180px; padding:30px; color:#fff; display:flex; flex-direction:column; justify-content:center; backdrop-filter:blur(8px); }
.ohio-hero-proof--accent { left:7%; width:37%; background:rgba(239,62,47,.88); }
.ohio-hero-proof--dark { left:44%; width:48%; background:rgba(22,22,27,.84); }
.ohio-hero-proof strong { font:700 clamp(1.25rem,2.6vw,2.25rem)/1.1 "Space Grotesk",sans-serif; }
.ohio-hero-proof span { margin-top:8px; color:rgba(255,255,255,.82); line-height:1.5; }

/* Editorial sections and cards */
.stats-bar { background:var(--ohio-paper); border-block:1px solid var(--ohio-line); }
.stat-cell { padding-block:34px; border-color:var(--ohio-line); }
.stat-num { color:var(--ohio-ink); font-size:2.35rem; letter-spacing:-.06em; }
.services-grid,.pricing-grid,.portfolio-grid,.testimonials-grid { gap:18px; }
.service-card,.pricing-card,.testimonial-card,.story-card,.pf-card,.portfolio-card,.adg-process-card,.adg-proof-card,.adg-tool-card,.adg-option-card,.managed-blog-card,.home-blog-card { border:1px solid transparent; border-radius:18px; background:var(--ohio-soft); box-shadow:none; }
.service-card:hover,.pricing-card:hover,.pf-card:hover,.portfolio-card:hover,.managed-blog-card:hover,.home-blog-card:hover { transform:translateY(-5px); border-color:var(--ohio-line); box-shadow:0 22px 50px rgba(25,25,29,.08); }
.service-icon,.pricing-icon,.faq-icon { background:#fff0eb; color:var(--ohio-accent); border-radius:12px; }
.service-name,.pricing-card h3,.portfolio-title,.pf-card h3 { letter-spacing:-.035em; }
.service-from,.adg-option-card strong { color:var(--ohio-accent); }
.portfolio-card img,.pf-card img,.managed-blog-image,.home-blog-image { filter:saturate(.92); }
.pricing-card.popular { background:var(--ohio-accent); color:#fff; }
.pricing-card.popular .pricing-desc,.pricing-card.popular .pricing-features li { color:rgba(255,255,255,.82); }
.pricing-price { letter-spacing:-.06em; }
.faq-item { border-bottom:1px solid var(--ohio-line); border-radius:0; background:transparent; }
.cta-banner { border-radius:24px; background:var(--ohio-ink); box-shadow:none; }

/* Inner pages */
.page-hero,.blog-mag-hero,.devis-hero { padding-top:150px; padding-bottom:82px; background:radial-gradient(circle at 80% 20%,rgba(239,62,47,.12),transparent 28%),var(--ohio-soft); }
.page-hero-inner h1,.blog-mag-hero h1,.devis-hero h1 { max-width:920px; font-size:clamp(3.1rem,7vw,6.8rem); line-height:.92; letter-spacing:-.065em; }
.page-hero-inner p,.blog-mag-hero p { max-width:680px; font-size:1.1rem; line-height:1.7; }
.form-card,.contact-card,.devis-card,.auth-card { border:1px solid var(--ohio-line); border-radius:20px; box-shadow:none; }
input,select,textarea { border-radius:10px !important; }
footer { background:var(--ohio-ink); }
.footer-top { padding-top:80px; }
.ohio-reveal { opacity:0; transform:translateY(24px); transition:opacity .65s ease var(--ohio-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--ohio-delay,0ms); }
.ohio-reveal.ohio-visible { opacity:1; transform:none; }

/* Dark mode keeps the Ohio proportions with Aruzen contrast. */
[data-theme="dark"] { --ohio-paper:#101014; --ohio-soft:#18181e; --ohio-ink:#f5f4f1; --ohio-muted:#aaa7a1; --ohio-line:rgba(255,255,255,.12); --bg:#101014; --bg-soft:#18181e; --dark:#f5f4f1; --text:#e4e1dc; --text-muted:#aaa7a1; --border:rgba(255,255,255,.12); }
[data-theme="dark"] .navbar { background:rgba(18,18,23,.9); }
[data-theme="dark"] .home-hero { background:radial-gradient(circle at 84% 20%,rgba(239,62,47,.14),transparent 30%),#111116; }
[data-theme="dark"] .service-card,[data-theme="dark"] .pricing-card,[data-theme="dark"] .testimonial-card,[data-theme="dark"] .pf-card,[data-theme="dark"] .managed-blog-card,[data-theme="dark"] .home-blog-card { background:#18181e; border-color:rgba(255,255,255,.06); }

@media(max-width:1024px) {
  .navbar { top:8px; left:8px; right:8px; border-radius:16px; }
  .nav-links { top:76px; border-radius:16px; }
  .home-hero-grid { grid-template-columns:1fr; }
  .home-hero-copy { grid-column:1; grid-row:1; padding:120px 32px 56px; }
  .home-hero-showcase { grid-column:1; grid-row:2; width:100%; }
  .home-hero-title { max-width:850px; }
}
@media(max-width:620px) {
  .container { padding-inline:18px; }
  .section { padding:78px 0; }
  .section-title { font-size:2.65rem; }
  .home-hero { padding:0; }
  .home-hero-copy { padding:98px 18px 32px; }
  .home-hero-title { font-size:clamp(2.65rem,11vw,3.35rem); line-height:.96; }
  .home-hero-desc { font-size:1rem; line-height:1.62; }
  .home-hero-actions { margin-top:1.5rem; }
  .home-hero-actions a { min-height:54px; }
  .home-hero-trust { display:none; }
  .ohio-hero-visual { min-height:490px; }
  .ohio-hero-proof { min-height:145px; padding:20px; }
  .ohio-hero-proof--accent { left:0; width:45%; }
  .ohio-hero-proof--dark { left:45%; width:55%; }
  .ohio-hero-proof span { font-size:.76rem; }
  .page-hero,.blog-mag-hero,.devis-hero { padding-top:125px; padding-bottom:60px; }
  .page-hero-inner h1,.blog-mag-hero h1,.devis-hero h1 { font-size:3.2rem; }
}