/*
Theme Name: Gagnelaw Institutional Franco Theme
Theme URI: https://www.gagnelaw.ca/
Author: Gagnelaw Research
Description: Mobile-first French landing theme for Gagnelaw.ca with restrained Hallucine-inspired glass styling, Franco-Ontarian identity, and institutional legal tone.
Version: 1.3.0
License: GPLv2 or later
Text Domain: gagnelaw-institutional-fr
*/
:root{
  --bg:#0b1430;
  --bg2:#101c3b;
  --panel:#142343;
  --panel2:#1a2b4f;
  --panel3:#20375f;
  --text:#f5f7ff;
  --soft:#d8deef;
  --muted:#aeb8d2;
  --quiet:#7f8ca8;
  --line:rgba(255,255,255,.14);
  --line2:rgba(255,255,255,.09);
  --cyan:#58c8de;
  --cyan2:#8bd9e6;
  --gold:#edbd5b;
  --coral:#e57b62;
  --rose:#c76ea7;
  --shadow:0 26px 72px rgba(0,0,0,.34);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.gh-shell{width:min(1160px,calc(100% - 34px));margin:0 auto}
.gh-bg{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 58% 24%,rgba(237,189,91,.20),transparent 20%),radial-gradient(circle at 74% 37%,rgba(88,200,222,.18),transparent 26%),radial-gradient(circle at 50% 42%,rgba(199,110,167,.13),transparent 22%),linear-gradient(180deg,#14224a 0%,#0e1836 45%,#081229 100%)}
.gh-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 82%)}
.gh-bg:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 66% 34%,rgba(88,200,222,.10),transparent 21%),radial-gradient(circle at 47% 31%,rgba(237,189,91,.10),transparent 18%);filter:blur(48px)}
.gh-top{position:sticky;top:0;z-index:40;background:rgba(6,10,24,.74);backdrop-filter:blur(16px);border-bottom:1px solid var(--line2)}
.gh-nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.gh-brand{display:flex;align-items:center;gap:14px;min-width:0}.gh-logo{width:108px;height:auto;display:block;filter:drop-shadow(0 0 12px rgba(88,200,222,.16))}.gh-brand-text strong{display:block;letter-spacing:.085em;text-transform:uppercase;font-size:13px}.gh-brand-text span{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.gh-links{display:flex;align-items:center;gap:24px;color:#c8d3e6;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.gh-links a{opacity:.88;border-bottom:1px solid transparent;padding:27px 0 24px}.gh-links a:hover{opacity:1;color:var(--text);border-bottom-color:rgba(139,217,230,.55)}.gh-cta{padding:11px 15px!important;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(139,217,230,.25)!important;color:var(--text)!important;font-weight:800}
.gh-hero{padding:70px 0 46px;display:grid;grid-template-columns:1fr .90fr;gap:54px;align-items:center}.gh-kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:999px;padding:9px 13px;color:var(--soft);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:850}.gh-kicker i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(88,200,222,.45)}.gh-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,7.2vw,84px);line-height:1;letter-spacing:-.055em;margin:24px 0 20px;font-weight:600}.gh-title span{background:linear-gradient(90deg,var(--gold),var(--coral),var(--rose),var(--cyan2));-webkit-background-clip:text;background-clip:text;color:transparent}.gh-lead{font-size:19px;color:var(--soft);max-width:680px;margin:0 0 28px}.gh-actions{display:flex;gap:12px;flex-wrap:wrap}.gh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 21px;border-radius:16px;font-weight:850;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.055);color:var(--text);transition:transform .15s ease,border-color .15s ease,background .15s ease}.gh-btn:hover{transform:translateY(-1px);border-color:rgba(139,217,230,.38);background:rgba(255,255,255,.075)}.gh-btn.primary{border:1px solid rgba(237,189,91,.50);background:linear-gradient(135deg,rgba(237,189,91,.95),rgba(229,123,98,.92));color:#111832;box-shadow:0 12px 34px rgba(229,123,98,.16)}.gh-trust{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gh-stat{border:1px solid var(--line);background:rgba(12,22,46,.68);border-radius:18px;padding:16px;box-shadow:0 14px 38px rgba(0,0,0,.22)}.gh-stat b{display:block;font-size:18px}.gh-stat small{color:var(--muted)}
.gh-device{position:relative;display:grid;place-items:center}.gh-device:before{content:"";position:absolute;width:76%;height:76%;border-radius:50%;background:radial-gradient(circle,rgba(88,200,222,.13),transparent 66%);filter:blur(20px)}.gh-phone{position:relative;width:min(390px,100%);border-radius:36px;padding:12px;background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(88,200,222,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow)}.gh-screen{border-radius:28px;overflow:hidden;background:rgba(8,14,31,.98);border:1px solid rgba(255,255,255,.11)}.gh-screen-head{height:66px;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line2)}.gh-screen-head img{width:96px}.gh-badge{font-size:10px;font-weight:900;letter-spacing:.1em;color:#111832;background:linear-gradient(135deg,var(--gold),var(--coral));padding:6px 9px;border-radius:999px}.gh-card{margin:15px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(20,35,67,.86),rgba(11,20,43,.90));border-radius:18px;padding:16px}.gh-question{background:#0b142d;border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:13px;color:#dcecff;font-size:13px}.gh-answer h3{margin:0 0 10px}.gh-lines span{display:block;height:8px;border-radius:20px;background:linear-gradient(90deg,rgba(139,217,230,.24),rgba(255,255,255,.08));margin:10px 0}.gh-lines span:nth-child(2){width:84%}.gh-lines span:nth-child(3){width:62%}.gh-source{margin-top:14px;border:1px solid rgba(139,217,230,.17);border-radius:14px;padding:12px;color:var(--soft);font-size:12px;background:rgba(88,200,222,.045)}.gh-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:12px;border-top:1px solid var(--line2);gap:6px}.gh-tabs span{display:grid;place-items:center;font-size:11px;color:#8fa0bb}.gh-tabs b{width:22px;height:2px;border-radius:10px;background:rgba(255,255,255,.16);display:block;margin-bottom:7px}.gh-tabs span:first-child{color:var(--text)}.gh-tabs span:first-child b{background:var(--cyan)}
.gh-section{padding:52px 0}.gh-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.gh-eyebrow{color:var(--soft);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:850}.gh-section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4.5vw,52px);line-height:1.04;letter-spacing:-.035em;margin:8px 0;font-weight:600}.gh-section p{color:var(--muted)}.gh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gh-service{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,32,62,.70),rgba(8,15,34,.76));border-radius:20px;padding:24px;min-height:226px;box-shadow:0 16px 42px rgba(0,0,0,.18)}.gh-service:before{display:none}.gh-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(139,217,230,.18);color:var(--cyan2);font-size:19px;margin-bottom:18px;font-weight:500}.gh-service h3{margin:0 0 10px;font-size:20px;color:var(--text)}.gh-panel{border:1px solid var(--line);background:rgba(14,25,50,.70);border-radius:22px;padding:30px;box-shadow:0 16px 42px rgba(0,0,0,.16)}.gh-duo{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.gh-list{display:grid;gap:13px}.gh-list div{display:flex;gap:12px;align-items:flex-start;color:#e7f5ff}.gh-check{flex:0 0 23px;height:23px;border-radius:7px;display:grid;place-items:center;background:rgba(139,217,230,.08);border:1px solid rgba(139,217,230,.18);color:var(--cyan2);font-weight:900}.gh-contact{background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(88,200,222,.055));border:1px solid var(--line);border-radius:22px;padding:32px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;box-shadow:0 18px 54px rgba(0,0,0,.18)}.gh-contact-box{background:rgba(5,9,20,.48);border:1px solid var(--line2);border-radius:18px;padding:20px}.gh-contact-box a,.gh-contact-box span{display:block;color:#e1efff;margin:10px 0}.gh-footer{padding:34px 0 98px;border-top:1px solid var(--line2);color:var(--muted)}.gh-footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.gh-footer img{width:106px}.gh-mobile-tabs{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:80;background:rgba(7,12,28,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:8px;box-shadow:0 16px 50px rgba(0,0,0,.36)}.gh-mobile-tabs a{flex:1;display:grid;place-items:center;color:#aab7ce;font-size:11px;gap:4px;padding:8px 4px;border-radius:12px;border-top:2px solid transparent}.gh-mobile-tabs a:first-child{color:var(--text);background:rgba(255,255,255,.04);border-top-color:var(--cyan)}.gh-mobile-tabs b{font-size:16px;font-weight:500;color:inherit}.gh-franco-flag{width:22px;height:auto;border-radius:3px;box-shadow:0 0 8px rgba(255,255,255,.10);vertical-align:middle;flex:0 0 auto}.gh-franco-flag.inline{width:18px;margin-right:8px;transform:translateY(3px)}.gh-franco-panel{position:relative;overflow:hidden}.gh-franco-panel:after{content:"";position:absolute;right:22px;top:22px;width:26px;height:16px;background:url('assets/franco-ontarian-flag.svg') center/contain no-repeat;opacity:.52;filter:drop-shadow(0 0 6px rgba(255,255,255,.16))}.gh-kicker .gh-franco-flag+i{margin-left:0}
@media(max-width:940px){.gh-links{display:none}.gh-nav{height:68px}.gh-logo{width:92px}.gh-hero{grid-template-columns:1fr;padding:42px 0 28px;gap:30px}.gh-title{font-size:clamp(43px,13vw,70px)}.gh-lead{font-size:17px}.gh-grid{grid-template-columns:1fr}.gh-duo,.gh-contact{grid-template-columns:1fr}.gh-trust{grid-template-columns:1fr}.gh-section-head{display:block}.gh-mobile-tabs{display:flex}.gh-brand-text span{max-width:220px}.gh-phone{width:min(360px,96%)}}
@media(max-width:520px){.gh-shell{width:min(100% - 24px,1180px)}.gh-brand-text strong{font-size:12px}.gh-brand-text span{font-size:10px;max-width:180px}.gh-hero{padding-top:28px}.gh-actions .gh-btn{width:100%}.gh-service,.gh-panel,.gh-contact{border-radius:18px;padding:20px}.gh-footer{padding-bottom:112px}.gh-footer-row{display:grid;gap:14px}.gh-section{padding:40px 0}}