:root {
  --blue: #0757ff;
  --blue-2: #2f7bff;
  --blue-3: #89b6ff;
  --navy: #071235;
  --navy-2: #0b1e54;
  --ink: #081331;
  --muted: #5c6783;
  --line: rgba(8, 19, 49, .1);
  --ice: #eef5ff;
  --white: #fff;
  --success: #0f9f72;
  --warning: #e8871e;
  --danger: #df4f5f;
  --shadow: 0 24px 70px rgba(21, 53, 120, .14);
  --shadow-deep: 0 34px 90px rgba(2, 15, 55, .28);
  --radius: 28px;
  --radius-sm: 18px;
  --glass: rgba(255, 255, 255, .68);
  --glass-dark: rgba(8, 23, 65, .7);
  --font: Inter, "SF Pro Display", "Segoe UI", system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: #f8fbff; }
body {
  margin: 0;
  color: var(--ink);
  font-family: var(--font);
  background:
    radial-gradient(circle at 10% 2%, rgba(77, 139, 255, .13), transparent 26rem),
    radial-gradient(circle at 90% 13%, rgba(172, 215, 255, .2), transparent 28rem),
    #f8fbff;
  line-height: 1.55;
  overflow-x: hidden;
}
body::before {
  position: fixed; inset: 0; z-index: -1; content: ""; pointer-events: none;
  opacity: .22;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");
}
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
:focus-visible { outline: 3px solid rgba(7, 87, 255, .36); outline-offset: 3px; }
.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; padding: 10px 14px; border-radius: 10px; color: white; background: var(--blue); transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.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; }

.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.section { padding: 108px 0; position: relative; }
.section-compact { padding: 72px 0; }
.section-dark { color: white; background: var(--navy); overflow: hidden; }
.section-dark::before {
  content: ""; position: absolute; width: 42rem; height: 42rem; border-radius: 50%;
  background: radial-gradient(circle, rgba(41, 112, 255, .55), transparent 68%);
  top: -22rem; right: -10rem; filter: blur(5px); pointer-events: none;
}
.eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--blue); }
.eyebrow::before { content: ""; width: 22px; height: 2px; background: currentColor; border-radius: 9px; }
.section-title { max-width: 790px; margin: 14px 0 16px; font-size: clamp(2.15rem, 5vw, 4rem); line-height: 1.02; letter-spacing: -.055em; }
.section-lead { max-width: 700px; margin: 0; color: var(--muted); font-size: 1.08rem; }
.section-dark .section-lead { color: rgba(255,255,255,.7); }
.gradient-text { color: var(--blue); background: linear-gradient(115deg, #0343df, #1685ff 58%, #69b7ff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.announcement { position: relative; z-index: 60; padding: 9px 20px; color: white; background: linear-gradient(90deg, #041d62, #0757ff 48%, #133cd5); text-align: center; font-size: .82rem; font-weight: 700; }
.announcement span { opacity: .72; margin-right: 8px; }
.nav-shell { position: sticky; top: 0; z-index: 50; padding: 12px 0; }
.nav {
  min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 12px 9px 20px;
  border: 1px solid rgba(255,255,255,.9); border-radius: 22px; background: rgba(255,255,255,.68);
  box-shadow: 0 12px 40px rgba(14, 43, 104, .1), inset 0 1px rgba(255,255,255,.9);
  backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%);
}
.brand { display: flex; align-items: center; min-width: max-content; }
.brand-logo { width: 176px; height: auto; }
.nav > .brand .brand-logo { transform: translateY(-4px); }
.nav-links { display: flex; align-items: center; gap: 5px; }
.nav-links a { padding: 10px 12px; color: #30405f; border-radius: 12px; font-size: .9rem; font-weight: 700; transition: .25s ease; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--blue); background: rgba(7,87,255,.075); }
.nav-links .nav-login { color: white; background: var(--blue); }
.nav-links .nav-login:hover { color: white; background: #0649d8; }
.nav-actions { display: flex; align-items: center; gap: 9px; }
.nav-toggle { display: none; border: 0; width: 44px; height: 44px; border-radius: 13px; background: #eef4ff; color: var(--ink); }

.btn { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 9px; padding: 0 19px; border: 1px solid transparent; border-radius: 15px; font-weight: 800; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: white; background: linear-gradient(135deg, #0757ff, #2578ff); box-shadow: 0 13px 28px rgba(7,87,255,.24), inset 0 1px rgba(255,255,255,.35); }
.btn-primary:hover { box-shadow: 0 17px 35px rgba(7,87,255,.32), inset 0 1px rgba(255,255,255,.35); }
.btn-secondary { color: var(--ink); background: rgba(255,255,255,.64); border-color: rgba(8,19,49,.11); backdrop-filter: blur(14px); }
.btn-white { color: var(--blue); background: white; box-shadow: 0 16px 34px rgba(0,0,0,.18); }
.btn-small { min-height: 42px; padding-inline: 15px; font-size: .86rem; }
.btn .arrow { transition: transform .2s ease; }
.btn:hover .arrow { transform: translateX(3px); }

.hero { min-height: 980px; padding: 28px 0 112px; position: relative; overflow: hidden; }
.hero::after { content: ""; position: absolute; z-index: -1; width: 680px; height: 680px; top: -190px; right: -120px; border-radius: 50%; background: conic-gradient(from 190deg, rgba(7,87,255,.26), rgba(125,208,255,.12), transparent 65%); filter: blur(14px); animation: orb 14s ease-in-out infinite alternate; }
@keyframes orb { to { transform: translate(-60px, 60px) scale(1.12) rotate(35deg); } }
.hero-grid { display: grid; grid-template-columns: minmax(0, .98fr) minmax(440px, 1.02fr); align-items: start; gap: clamp(38px, 5vw, 68px); }
.seller-conversion { min-width: 0; scroll-margin-top: 110px; }
.hero h1 { margin: 0 0 20px; max-width: 720px; font-size: clamp(3.25rem, 5.25vw, 4.85rem); line-height: .96; letter-spacing: -.068em; }
.hero p { max-width: 640px; margin: 0; color: var(--muted); font-size: clamp(1rem, 1.7vw, 1.16rem); }
.hero-rating { display: flex; align-items: center; gap: 12px; color: #5c6783; font-size: clamp(.95rem, 1.45vw, 1.08rem); }
.hero-rating > span { flex: 0 0 auto; color: #1fbd83; font-size: 2.2rem; line-height: 1; text-shadow: 0 8px 20px rgba(31,189,131,.18); }
.hero-rating strong { font-weight: 650; }
.hero-rating em { color: #13a970; font-style: normal; font-weight: 800; }
.seller-outcome { margin-top: 17px !important; font-size: 1.05rem !important; }
.seller-survey { position: relative; min-height: 750px; margin-top: 14px; padding: 30px 32px 24px; border-radius: 36px; background: rgba(255,255,255,.93); box-shadow: 0 30px 80px rgba(21,53,120,.13), inset 0 1px rgba(255,255,255,.95); overflow: hidden; }
.seller-survey::before { content: ""; position: absolute; width: 280px; height: 280px; top: -170px; right: -100px; border-radius: 50%; background: rgba(65,139,255,.14); filter: blur(6px); }
.seller-survey-head { position: relative; z-index: 2; display: grid; justify-items: start; gap: 14px; }
.seller-survey-head small { color: var(--blue); font-size: .72rem; font-weight: 900; letter-spacing: .13em; }
.seller-survey-head h2 { margin: 7px 0 0; font-size: clamp(1.75rem, 2.55vw, 2.25rem); line-height: 1.05; letter-spacing: -.05em; }
.secure-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 99px; color: #15945f; background: linear-gradient(90deg, rgba(53,211,132,.13), rgba(53,211,132,.06)); font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.secure-chip::before { content: "✓"; width: 22px; height: 22px; display: grid; place-items: center; border: 2px solid currentColor; border-radius: 50%; }
.seller-survey-copy { position: relative; z-index: 2; margin-top: 22px !important; font-size: .92rem !important; }
.seller-survey iframe { position: relative; z-index: 1; display: block; min-height: 620px; margin-top: 10px; background: transparent; }
.seller-survey .form-fallback { position: relative; z-index: 2; margin: 2px 0 0; font-size: .74rem; text-align: center; }
.seller-survey .form-fallback a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.form-privacy { position:relative; z-index:2; max-width:520px; margin:8px auto 0; color:var(--muted); font-size:.7rem; line-height:1.5; text-align:center; }
.form-privacy a { color:var(--blue); font-weight:750; text-decoration:underline; text-underline-offset:2px; }
.anchor-target { display:block; position:relative; top:-120px; visibility:hidden; }
.seller-visual { position: sticky; top: 104px; min-height: 930px; perspective: 1200px; }
.seller-visual::before { content: ""; position: absolute; inset: 90px 0 80px 60px; z-index: -1; border-radius: 58px; background: linear-gradient(145deg, rgba(7,87,255,.2), rgba(146,207,255,.3)); filter: blur(26px); }
.seller-visual-photo { position: absolute; inset: 115px 0 145px 24px; border-radius: 50px; overflow: hidden; box-shadow: 0 36px 90px rgba(12,45,112,.24); }
.seller-visual-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,16,54,.03) 35%, rgba(4,16,54,.3)); }
.seller-visual-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.visual-brand, .visual-status, .visual-assurance, .visual-steps { position: absolute; z-index: 3; border-radius: 30px; }
.visual-brand { top: 18px; left: 0; width: min(470px, 91%); display: flex; align-items: center; gap: 22px; padding: 23px 25px; }
.property-orb { width: 68px; height: 68px; display: grid; place-items: center; flex: 0 0 auto; color: white; border-radius: 23px; background: radial-gradient(circle at 30% 20%, #68b5ff, #0757ff 58%, #0533b4); box-shadow: 0 16px 32px rgba(7,87,255,.26), inset 0 1px rgba(255,255,255,.5); font-size: 2rem; }
.visual-brand small, .visual-status small { display: block; margin-bottom: 5px; color: var(--blue); font-size: .69rem; font-weight: 900; letter-spacing: .13em; }
.visual-brand strong { display: block; max-width: 320px; font-size: clamp(1.1rem, 1.65vw, 1.35rem); line-height: 1.18; }
.visual-status strong { display: block; font-size: .98rem; line-height: 1.25; }
.visual-status { top: 455px; right: -18px; width: min(410px, 80%); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; padding: 20px 22px; }
.status-dot { width: 15px; height: 15px; border: 5px solid rgba(15,159,114,.16); box-sizing: content-box; background: #18b978; border-radius: 50%; }
.visual-status > span:last-child { color: var(--blue); font-size: 1.7rem; font-weight: 500; }
.visual-assurance { top: 610px; right: -4px; display: flex; align-items: center; gap: 10px; padding: 13px 16px; color: #263a61; font-size: .72rem; line-height: 1.18; }
.visual-assurance > span { width: 29px; height: 33px; display: grid; place-items: center; color: var(--blue); border: 2px solid var(--blue); border-radius: 10px 10px 13px 13px; font-weight: 900; }
.visual-steps { left: 0; bottom: 8px; width: min(430px, 84%); display: grid; gap: 0; padding: 21px 24px; }
.visual-steps > div { display: grid; grid-template-columns: 45px 1fr; gap: 15px; align-items: center; padding: 14px 8px; border-radius: 16px; }
.visual-steps > div + div { border-top: 1px solid var(--line); }
.visual-steps i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; color: var(--blue); background: linear-gradient(145deg, #fff, #e6f0ff); box-shadow: 0 8px 20px rgba(7,87,255,.08); font-style: normal; font-size: .9rem; font-weight: 900; }
.visual-steps strong, .visual-steps small { display: block; }
.visual-steps strong { font-size: .96rem; }
.visual-steps small { margin-top: 2px; color: var(--muted); font-size: .75rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.glass {
  border: 1px solid rgba(255,255,255,.72); background: var(--glass); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.75);
  backdrop-filter: blur(24px) saturate(175%); -webkit-backdrop-filter: blur(24px) saturate(175%);
}
.ai-card { position: absolute; z-index: 3; width: min(400px, 78%); left: 0; bottom: 0; padding: 20px; border-radius: 28px; }
.ai-head { display: flex; align-items: center; gap: 12px; }
.ai-orb { width: 44px; height: 44px; flex: 0 0 auto; display: grid; place-items: center; color: white; border-radius: 16px; background: radial-gradient(circle at 30% 25%, #92ceff, #0757ff 55%, #092f9b); box-shadow: 0 10px 24px rgba(7,87,255,.26); }
.ai-card h2 { margin: 0; font-size: 1rem; }
.ai-card p { margin: 3px 0 0; font-size: .8rem; }
.ai-query { margin-top: 15px; display: flex; gap: 8px; padding: 8px 8px 8px 14px; border: 1px solid rgba(8,19,49,.09); border-radius: 16px; background: rgba(255,255,255,.75); }
.ai-query input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--ink); }
.ai-query button { width: 40px; height: 40px; border: 0; color: white; border-radius: 12px; background: var(--blue); }
.floating-chip { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 12px 15px; border-radius: 18px; font-size: .82rem; font-weight: 800; }
.floating-chip.top { top: 2px; right: -8px; }
.floating-chip.mid { right: -25px; bottom: 125px; }
.chip-icon { width: 30px; height: 30px; display: grid; place-items: center; color: var(--blue); background: #e9f2ff; border-radius: 10px; }

.trust-bar { position: relative; z-index: 4; margin-top: -32px; }
.trust-inner { display: grid; grid-template-columns: 1.3fr repeat(3, 1fr); align-items: center; gap: 0; padding: 18px 24px; border-radius: 24px; }
.trust-title { padding-right: 24px; font-weight: 800; }
.trust-cta { display: block; margin-top: 5px; color: var(--blue); font-size: .75rem; }
.trust-item { min-height: 52px; display: flex; align-items: center; gap: 11px; padding-left: 24px; border-left: 1px solid var(--line); color: #3e4e6c; font-size: .88rem; }
.trust-item strong { display: block; color: var(--ink); }

.path-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 44px; }
.path-card { min-height: 380px; display: flex; flex-direction: column; justify-content: space-between; padding: 30px; border-radius: 30px; overflow: hidden; position: relative; transition: transform .35s ease, box-shadow .35s ease; }
.path-card:hover { transform: translateY(-9px); box-shadow: 0 28px 70px rgba(11,42,105,.2); }
.path-card::before { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; top: -95px; right: -75px; background: radial-gradient(circle, rgba(255,255,255,.8), rgba(108,170,255,.08) 70%); }
.path-card.sell { color: white; background: linear-gradient(150deg, #071c5d, #0757ff 75%, #5ba6ff); }
.path-card.buy { background: linear-gradient(150deg, rgba(255,255,255,.84), rgba(221,237,255,.75)); }
.path-card.join { color: white; background: linear-gradient(150deg, #06102e, #102d7d 78%); }
.path-num { color: currentColor; opacity: .55; font-size: .8rem; font-weight: 900; letter-spacing: .14em; }
.path-icon { width: 58px; height: 58px; display: grid; place-items: center; margin: 34px 0; border-radius: 19px; color: var(--blue); background: rgba(255,255,255,.9); box-shadow: inset 0 1px white, 0 14px 35px rgba(0,0,0,.13); font-size: 1.5rem; }
.path-card h3 { margin: 0 0 8px; font-size: 2rem; letter-spacing: -.045em; }
.path-card p { margin: 0 0 28px; color: inherit; opacity: .72; }
.path-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 900; }

.process-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: start; }
.process-sticky { position: sticky; top: 120px; }
.process-list { display: grid; gap: 14px; }
.process-card { display: grid; grid-template-columns: 54px 1fr; gap: 17px; padding: 23px; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.66); box-shadow: 0 16px 45px rgba(19,50,110,.08); backdrop-filter: blur(16px); }
.section-dark .process-card { color: var(--ink); background: rgba(255,255,255,.92); }
.section-dark .process-card p { color: var(--muted); }
.step-num { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 18px; color: var(--blue); background: linear-gradient(145deg, white, #e4efff); box-shadow: inset 0 1px white, 0 8px 20px rgba(7,87,255,.12); font-weight: 900; }
.process-card h3 { margin: 1px 0 5px; letter-spacing: -.025em; }
.process-card p { margin: 0; color: var(--muted); font-size: .93rem; }

.cockpit { overflow: hidden; }
.cockpit-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.dashboard-frame { position: relative; min-height: 540px; padding: 18px; border-radius: 36px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.15); box-shadow: 0 38px 90px rgba(0,0,0,.3); backdrop-filter: blur(20px); transform: perspective(1300px) rotateY(-5deg) rotateX(2deg); }
.dashboard { height: 100%; min-height: 500px; padding: 22px; border-radius: 24px; color: var(--ink); background: #f7faff; }
.dash-top { display: flex; align-items: center; justify-content: space-between; }
.dash-dots { display: flex; gap: 5px; }.dash-dots i { width: 8px; height: 8px; border-radius: 50%; background: #bad0f4; }
.dash-progress { height: 9px; margin: 24px 0; background: #e4ebf8; border-radius: 99px; overflow: hidden; }.dash-progress i { display: block; width: 64%; height: 100%; background: linear-gradient(90deg, #0757ff, #68b0ff); border-radius: inherit; }
.dash-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.dash-card { padding: 17px; border: 1px solid #e4eaf4; border-radius: 18px; background: white; }
.dash-card small { color: var(--muted); }.dash-card strong { display: block; margin-top: 6px; }
.timeline { margin-top: 14px; display: grid; gap: 8px; }
.timeline div { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; background: white; font-size: .78rem; }
.timeline i { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #e9f1ff; color: var(--blue); font-style: normal; }
.feature-list { display: grid; gap: 13px; margin: 30px 0; }
.feature-list div { display: flex; gap: 13px; color: rgba(255,255,255,.78); }
.feature-list i { width: 27px; height: 27px; flex: 0 0 auto; display: grid; place-items: center; color: #8fc4ff; background: rgba(94,158,255,.16); border-radius: 9px; font-style: normal; }

.network-match-grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: clamp(34px,5vw,72px); align-items: center; }
.network-match-copy .section-lead { max-width: 620px; }
.match-points { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 8px; }
.match-points span { padding: 10px 14px; color: #194179; background: rgba(255,255,255,.72); border: 1px solid rgba(7,87,255,.1); border-radius: 999px; box-shadow: 0 12px 30px rgba(16,57,119,.07); font-size: .82rem; font-weight: 800; }
.human-mosaic { position: relative; min-height: 540px; display: grid; grid-template-columns: 1.22fr .78fr; grid-template-rows: repeat(2,minmax(0,1fr)); gap: 14px; }
.human-shot { min-width: 0; min-height: 0; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.8); border-radius: 28px; box-shadow: 0 25px 60px rgba(17,54,110,.16); }
.human-shot-main { grid-row: 1/3; }
.human-shot img, .recruitment-gallery img { width: 100%; height: 100%; display: block; object-fit: cover; }
.human-shot img { transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.human-shot:hover img { transform: scale(1.035); }
.human-match-badge { position: absolute; left: 26px; right: 26px; bottom: 22px; display: flex; align-items: center; gap: 11px; padding: 14px 17px; border-radius: 18px; }
.human-match-badge div { display: grid; gap: 2px; }
.human-match-badge small { color: var(--blue); font-size: .62rem; font-weight: 900; letter-spacing: .11em; }
.human-match-badge strong { font-size: .85rem; }
.recruitment-callout { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(380px,.9fr); gap: clamp(28px,4vw,58px); align-items: center; margin-top: 64px; padding: clamp(30px,5vw,60px); overflow: hidden; color: white; background: radial-gradient(circle at 85% 10%,rgba(74,145,255,.62),transparent 33%),linear-gradient(135deg,#071946,#0a3fae); border-radius: 36px; box-shadow: 0 30px 70px rgba(3,28,87,.22); }
.recruitment-callout::before { content: ""; position: absolute; width: 240px; height: 240px; left: 38%; bottom: -170px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; }
.recruitment-copy { position: relative; z-index: 2; }
.recruitment-copy .eyebrow { color: #a9d2ff; }
.recruitment-copy h3 { max-width: 700px; margin: 14px 0 18px; font-size: clamp(2rem,4vw,3.5rem); line-height: .98; letter-spacing: -.055em; }
.recruitment-copy h3 strong { color: #8fc4ff; }
.recruitment-copy p { max-width: 650px; margin: 0; color: rgba(255,255,255,.72); line-height: 1.65; }
.recruitment-copy .btn-secondary { color: white; border-color: rgba(255,255,255,.24); }
.recruitment-gallery { min-width: 0; height: 330px; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; transform: rotate(-2deg); }
.recruitment-gallery figure { min-width: 0; height: 88%; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.25); border-radius: 22px; box-shadow: 0 22px 45px rgba(0,0,0,.22); }
.recruitment-gallery figure:nth-child(2) { align-self: end; }
.tool-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 42px; }
.tool-card { min-height: 305px; display: flex; flex-direction: column; padding: 26px; border-radius: 27px; position: relative; overflow: hidden; }
.tool-card.featured { color: white; background: linear-gradient(150deg, #0757ff, #0b2d89); }
.tool-icon { width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 44px; border-radius: 16px; color: var(--blue); background: white; box-shadow: 0 12px 30px rgba(7,87,255,.14); font-size: 1.25rem; }
.tool-card h3 { margin: 0 0 8px; font-size: 1.3rem; letter-spacing: -.03em; }
.tool-card p { margin: 0 0 24px; color: inherit; opacity: .69; }
.tool-card a { margin-top: auto; color: var(--blue); font-weight: 900; }.tool-card.featured a { color: white; }

.proof-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; margin-top: 42px; }
.quote-card { min-height: 340px; display: flex; flex-direction: column; justify-content: space-between; padding: 35px; border-radius: 30px; }
.quote-card blockquote { margin: 0; font-size: clamp(1.25rem, 2.4vw, 1.9rem); line-height: 1.35; letter-spacing: -.03em; }
.quote-meta { display: flex; justify-content: space-between; gap: 12px; align-items: end; color: var(--muted); font-size: .84rem; }
.video-stack { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.video-card { min-height: 163px; position: relative; display: grid; place-items: center; border-radius: 26px; overflow: hidden; color: white; background: linear-gradient(145deg, #092058, #0757ff); }
.video-card img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: .62; }
.play { position: relative; z-index: 1; width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(255,255,255,.19); backdrop-filter: blur(12px); }

.join-banner { display: grid; grid-template-columns: 1fr .75fr; gap: 44px; align-items: center; padding: 50px; border-radius: 38px; color: white; background: radial-gradient(circle at 80% 20%, rgba(90,165,255,.6), transparent 23rem), linear-gradient(140deg, #061337, #073bb4); box-shadow: var(--shadow-deep); overflow: hidden; position: relative; }
.join-banner h2 { margin: 12px 0; font-size: clamp(2.3rem, 5vw, 4.3rem); line-height: .98; letter-spacing: -.06em; }
.join-banner p { color: rgba(255,255,255,.7); }
.join-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.join-stat { padding: 22px; border: 1px solid rgba(255,255,255,.19); border-radius: 22px; background: rgba(255,255,255,.1); backdrop-filter: blur(15px); }
.join-stat strong { display: block; font-size: 2rem; }.join-stat small { color: rgba(255,255,255,.65); }

.assistant-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: center; }
.assistant-panel { padding: 24px; border-radius: 31px; color: var(--ink); }
.assistant-panel-head { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.assistant-panel-head p { margin: 3px 0 0; font-size: .78rem; color: var(--muted); }
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px rgba(15,159,114,.12); }
.privacy-chip { padding: 7px 10px; border-radius: 99px; color: var(--success); background: rgba(15,159,114,.09); font-size: .67rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.conversation { display: grid; gap: 10px; max-height: 360px; overflow: auto; padding: 20px 3px; }
.message { max-width: 82%; padding: 13px 16px; border-radius: 17px; font-size: .88rem; line-height: 1.45; }
.message.bot { justify-self: start; color: #283b60; background: rgba(232,241,255,.88); border-bottom-left-radius: 5px; }
.message.user { justify-self: end; color: white; background: linear-gradient(135deg,#0757ff,#297dff); border-bottom-right-radius: 5px; }
.message.typing { opacity: .65; }
.next-actions, .suggestions { display: flex; flex-wrap: wrap; gap: 7px; }
.suggestions { padding: 2px 0 14px; }
.mini-btn, .suggestion { min-height: 36px; padding: 0 11px; border: 1px solid rgba(7,87,255,.14); border-radius: 11px; color: var(--blue); background: rgba(255,255,255,.66); font-size: .74rem; font-weight: 800; }
.assistant-form { display: flex; gap: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.78); }
.assistant-form input { min-width: 0; flex: 1; padding: 0 9px; border: 0; outline: 0; background: transparent; }
.assistant-panel > small { display: block; margin-top: 12px; color: var(--muted); font-size: .69rem; }
.lead-capture { padding: 16px; border-radius: 18px; background: #f2f7ff; }
.lead-capture > p { margin: 4px 0 12px; color: var(--muted); font-size: .78rem; }
.lead-fields { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }.lead-fields label { color: var(--muted); font-size: .72rem; font-weight: 700; }.lead-fields input { width: 100%; min-height: 40px; margin-top: 4px; padding: 0 10px; border: 1px solid var(--line); border-radius: 10px; }
.lead-consent { display: flex; gap: 7px; margin: 11px 0; color: var(--muted); font-size: .7rem; }.lead-capture .button { min-height: 42px; padding: 0 14px; border: 0; border-radius: 12px; color: white; background: var(--blue); font-weight: 800; }.lead-status { display: block; margin-top: 7px; color: var(--danger); font-size: .72rem; }

/* shared public pages */
.subhero { padding: 76px 0 96px; }
.subhero h1 { max-width: 720px; margin: 17px 0 20px; font-size: clamp(3rem, 6.4vw, 5.7rem); line-height: .94; letter-spacing: -.07em; }
.subhero .lead { max-width: 680px; margin: 0; color: var(--muted); font-size: 1.08rem; }
.card { padding: 30px; border: 1px solid rgba(8,19,49,.09); border-radius: 28px; background: rgba(255,255,255,.76); box-shadow: var(--shadow); }
.card h2 { margin: 10px 0; font-size: clamp(1.35rem, 2.4vw, 2rem); line-height: 1.08; letter-spacing: -.035em; }
.card p, .card li { color: var(--muted); }
.card ol { margin: 18px 0 0; padding-left: 1.25rem; }
.card li + li { margin-top: 10px; }
.three-col { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.tag { display: inline-flex; padding: 7px 11px; border-radius: 99px; color: var(--blue); background: rgba(7,87,255,.08); font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ai-input { max-width: 840px; display: flex; gap: 10px; margin-top: 30px; padding: 9px; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: var(--shadow); }
.ai-input input { min-width: 0; flex: 1; padding: 0 13px; border: 0; outline: 0; background: transparent; }
.ai-status { display: flex; align-items: center; gap: 8px; margin-top: 14px; color: var(--muted); font-size: .82rem; }
.ai-status span { width: 8px; height: 8px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px rgba(15,159,114,.12); }

/* commercial commitments */
.assistant-copy { min-width: 0; }
.guarantee-section { padding-top: 86px; }
.guarantee-layout { display: grid; grid-template-columns: 1.12fr .88fr; gap: 56px; align-items: center; }
.guarantee-card { padding: 38px; border-radius: 32px; background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(220,236,255,.78)); }
.guarantee-card > strong { display: block; margin: 12px 0 4px; color: var(--blue); font-size: clamp(3.2rem, 7vw, 5.8rem); line-height: .9; letter-spacing: -.07em; }
.guarantee-card p { color: #334462; }
.guarantee-card small { display: block; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); }
.guarantee-kicker { color: var(--blue); font-size: .76rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.excellence-section { isolation: isolate; overflow: hidden; }
.excellence-section .section-lead { max-width: 760px; color: rgba(255,255,255,.68); }
.excellence-grid { display: grid; grid-template-columns: 1.15fr .925fr .925fr; gap: 18px; margin-top: 42px; }
.excellence-card { position: relative; z-index: 1; min-height: 410px; display: flex; flex-direction: column; padding: 32px; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 30px; background: rgba(255,255,255,.07); backdrop-filter: blur(18px); }
.excellence-card::before { content: ""; position: absolute; width: 210px; height: 210px; top: -130px; right: -100px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.excellence-offer { background: radial-gradient(circle at 85% 5%,rgba(115,180,255,.5),transparent 34%),linear-gradient(145deg,#0b45c7,#08276d); box-shadow: 0 28px 65px rgba(0,0,0,.22); }
.excellence-card .tag { align-self: flex-start; color: #b8d8ff; background: rgba(140,193,255,.13); }
.excellence-card h3 { margin: 18px 0 20px; font-size: clamp(1.65rem,2.7vw,2.4rem); line-height: 1; letter-spacing: -.045em; }
.excellence-card p { color: rgba(255,255,255,.67); }
.excellence-offer p { margin-bottom: 28px; }
.excellence-offer .btn { align-self: flex-start; margin-top: auto; }
.excellence-rate { display: grid; margin: 8px 0 20px; }
.excellence-rate strong { color: white; font-size: clamp(4rem,7vw,6.5rem); line-height: .78; letter-spacing: -.075em; }
.excellence-rate span { margin-top: 14px; color: #b8d8ff; font-weight: 800; }
.excellence-icon { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 24px; color: #b8d8ff; background: rgba(112,174,255,.12); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; font-size: 1.1rem; font-weight: 900; }
.method-sequence { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 9px; margin-top: auto; padding-top: 24px; }
.method-sequence i { width: 40px; height: 40px; display: grid; place-items: center; color: white; background: rgba(105,169,255,.17); border: 1px solid rgba(255,255,255,.16); border-radius: 50%; font-style: normal; font-weight: 900; }
.method-sequence span { height: 1px; background: linear-gradient(90deg,rgba(140,193,255,.2),#75b3ff,rgba(140,193,255,.2)); }
.excellence-link { margin-top: auto; padding-top: 24px; color: #a9d0ff; font-weight: 850; }
.excellence-note { margin: 22px 0 0; color: rgba(255,255,255,.48); font-size: .76rem; }

/* inner pages */
.page-hero { padding: 84px 0 70px; text-align: center; }
.page-hero h1 { max-width: 920px; margin: 17px auto 18px; font-size: clamp(3rem, 7vw, 6rem); line-height: .93; letter-spacing: -.075em; }
.page-hero p { max-width: 710px; margin: auto; color: var(--muted); font-size: 1.08rem; }
.resource-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px; margin-top: 42px; }
.resource-card { min-height: 250px; padding: 28px; border-radius: 28px; }
.resource-card h2 { margin: 34px 0 8px; font-size: 1.5rem; }.resource-card p { color: var(--muted); }
.resource-card .tag { display: inline-flex; padding: 6px 10px; border-radius: 99px; color: var(--blue); background: rgba(7,87,255,.08); font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.long-copy { max-width: 850px; margin: auto; }.long-copy h2 { margin-top: 50px; font-size: 2rem; letter-spacing: -.04em; }.long-copy p, .long-copy li { color: var(--muted); }

/* calculators */
.calculator-shell { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(330px, .65fr); gap: 22px; align-items: start; }
.calc-form, .calc-results { padding: 28px; border-radius: 30px; }
.calc-results { position: sticky; top: 108px; color: white; background: radial-gradient(circle at 80% 0%, rgba(78,158,255,.55), transparent 19rem), linear-gradient(150deg, #061337, #0b2b79); border: 1px solid rgba(255,255,255,.16); box-shadow: var(--shadow-deep); }
.form-section { margin-bottom: 28px; padding-bottom: 26px; border-bottom: 1px solid var(--line); }.form-section:last-of-type { border-bottom: 0; }
.form-section h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; font-size: 1.12rem; }.form-section h2 span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: var(--blue); background: #e9f2ff; font-size: .78rem; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }.form-grid .full { grid-column: 1/-1; }
.field label { display: block; margin-bottom: 7px; color: #30405f; font-size: .82rem; font-weight: 800; }
.field input, .field select { width: 100%; min-height: 51px; padding: 0 14px; border: 1px solid rgba(8,19,49,.14); border-radius: 14px; color: var(--ink); background: rgba(255,255,255,.86); outline: none; transition: .2s ease; }
.field input:focus, .field select:focus { border-color: var(--blue); box-shadow: 0 0 0 4px rgba(7,87,255,.09); }
.field small { display: block; margin-top: 5px; color: var(--muted); font-size: .73rem; }
.calc-results h2 { margin: 3px 0 20px; font-size: 1.35rem; }.result-score { padding: 20px; border: 1px solid rgba(255,255,255,.17); border-radius: 22px; background: rgba(255,255,255,.1); }.result-score strong { display: block; font-size: 1.8rem; }.result-score p { margin: 5px 0 0; color: rgba(255,255,255,.65); font-size: .83rem; }
.result-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 13px; }.result { padding: 16px; border-radius: 18px; background: rgba(255,255,255,.09); }.result small { display: block; color: rgba(255,255,255,.61); }.result strong { display: block; margin-top: 5px; font-size: 1.12rem; }
.calc-disclaimer { margin: 18px 0 0; color: rgba(255,255,255,.55); font-size: .72rem; }
.score-good { color: #77f3c4; }.score-medium { color: #ffd080; }.score-risk { color: #ff95a2; }
.inline-note { padding: 15px 17px; border: 1px solid rgba(7,87,255,.12); border-radius: 15px; color: #3f5378; background: rgba(7,87,255,.055); font-size: .82rem; }
.contract-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 25px 0 38px; }.contract-fact { padding: 18px; border-radius: 20px; text-align: center; }.contract-fact strong { display: block; color: var(--blue); font-size: 1.8rem; }.contract-fact small { color: var(--muted); }

.footer { padding: 70px 0 34px; color: rgba(255,255,255,.7); background: #050d25; }
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 40px; }.footer .brand { display: inline-flex; padding: 7px 10px; border-radius: 14px; background: rgba(255,255,255,.96); }.footer .brand-logo { width: 190px; }.footer p { max-width: 340px; font-size: .86rem; }.footer h3 { color: white; font-size: .82rem; text-transform: uppercase; letter-spacing: .1em; }.footer-links { display: grid; gap: 9px; font-size: .85rem; }.footer-links a:hover { color: white; }.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); font-size: .75rem; }
.footer-legal { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 34px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.76); font-size: .8rem; }
.footer-legal a:hover { color: white; }

.reveal { opacity: 1; transform: none; }
.reveal.is-visible { animation: reveal-in .7s cubic-bezier(.2,.7,.2,1) both; }
@keyframes reveal-in { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
[data-tilt] { transform-style: preserve-3d; will-change: transform; }

/* Homepage vendeur — parcours de conversion en neuf sections */
.seller-outcome { margin-top: 14px !important; color: var(--ink) !important; font-weight: 800; }
.section-cta { margin-top: 30px; }
.human-orb { width: 44px; height: 44px; flex: 0 0 auto; display: grid; place-items: center; color: white; border-radius: 16px; background: radial-gradient(circle at 30% 25%, #92ceff, #0757ff 55%, #092f9b); box-shadow: 0 10px 24px rgba(7,87,255,.26); font-size: 1.25rem; }

.pain-section { padding-top: 94px; }
.pain-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 38px; }
.pain-card { min-width: 0; min-height: 255px; display: flex; flex-direction: column; padding: 26px; border-radius: 26px; }
.pain-card > span { color: var(--blue); font-size: .72rem; font-weight: 900; letter-spacing: .1em; }
.pain-card h3 { margin: 32px 0 8px; font-size: 1.22rem; line-height: 1.16; letter-spacing: -.03em; }
.pain-card p { margin: 0; color: var(--muted); font-size: .9rem; }
.pain-card strong { align-self: flex-start; margin-top: auto; padding: 7px 11px; color: var(--success); background: rgba(15,159,114,.09); border-radius: 99px; font-size: .72rem; }
.deadline-proof { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 16px; margin-top: 18px; padding: 20px 22px; border-color: rgba(7,87,255,.16); border-radius: 22px; background: linear-gradient(115deg,rgba(232,242,255,.88),rgba(255,255,255,.76)); }
.deadline-icon { width: 46px; height: 46px; display: grid; place-items: center; color: white; background: var(--blue); border-radius: 15px; box-shadow: 0 10px 24px rgba(7,87,255,.22); }
.deadline-proof small, .deadline-proof strong { display: block; }
.deadline-proof small { color: var(--blue); font-size: .67rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.deadline-proof strong { margin-top: 3px; font-size: .96rem; }
.deadline-proof a { color: var(--blue); font-size: .79rem; font-weight: 900; }

.agent-standard-section { background: linear-gradient(180deg,rgba(238,245,255,.42),rgba(255,255,255,.2)); }
.agent-standard-grid { display: grid; grid-template-columns: minmax(330px,.82fr) minmax(0,1.18fr); gap: clamp(38px,6vw,78px); align-items: center; }
.agent-standard-photo { position: relative; min-height: 670px; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.9); border-radius: 38px; box-shadow: var(--shadow-deep); }
.agent-standard-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 63%,rgba(4,15,48,.72)); pointer-events: none; }
.agent-standard-photo img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.agent-standard-photo figcaption, .cockpit-photo figcaption { position: absolute; z-index: 2; left: 20px; bottom: 17px; color: rgba(255,255,255,.74); font-size: .68rem; }
.agent-standard-copy .section-lead strong { color: var(--ink); }
.standard-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; margin: 28px 0; }
.standard-grid article { min-width: 0; padding: 18px; border: 1px solid rgba(7,87,255,.09); border-radius: 19px; background: rgba(255,255,255,.72); box-shadow: 0 14px 36px rgba(17,54,110,.07); }
.standard-grid article > span { width: 32px; height: 32px; display: grid; place-items: center; color: var(--blue); background: #e9f2ff; border-radius: 10px; font-weight: 900; }
.standard-grid h3 { margin: 14px 0 5px; font-size: .95rem; }
.standard-grid p { margin: 0; color: var(--muted); font-size: .79rem; }

.strategy-section { overflow: hidden; }
.strategy-head { display: grid; grid-template-columns: minmax(0,.88fr) minmax(300px,.62fr); column-gap: 46px; align-items: end; }
.strategy-head .eyebrow, .strategy-head .section-title { grid-column: 1; }
.strategy-head .section-lead { grid-column: 2; grid-row: 1/3; }
.strategy-shell { margin-top: 40px; padding: 16px; border-radius: 30px; }
.strategy-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding: 7px; border-radius: 17px; background: rgba(7,87,255,.055); }
.strategy-tabs button { min-height: 48px; border: 0; border-radius: 12px; color: #52617d; background: transparent; font-weight: 850; }
.strategy-tabs button.is-active { color: white; background: linear-gradient(135deg,#0757ff,#287dff); box-shadow: 0 10px 22px rgba(7,87,255,.22); }
.strategy-panels { position: relative; min-height: 245px; }
.strategy-panel { display: none; grid-template-columns: 74px minmax(0,1fr) minmax(220px,.55fr); gap: 24px; align-items: center; padding: 42px 28px 32px; }
.strategy-panel.is-active { display: grid; animation: panel-in .42s ease both; }
@keyframes panel-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.strategy-index { width: 64px; height: 64px; display: grid; place-items: center; color: var(--blue); background: #e8f1ff; border-radius: 20px; font-weight: 900; }
.strategy-panel h3 { margin: 0 0 7px; font-size: 1.35rem; letter-spacing: -.035em; }
.strategy-panel p { margin: 0; color: var(--muted); }
.strategy-panel > strong { padding: 16px; color: #174681; background: rgba(7,87,255,.07); border-radius: 16px; font-size: .82rem; }
.concept-note { display: block; padding: 13px 18px 2px; color: var(--muted); font-size: .69rem; }

.cockpit-section { isolation: isolate; }
.cockpit-photo { position: relative; min-height: 510px; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 34px; background: rgba(255,255,255,.06); box-shadow: 0 35px 80px rgba(0,0,0,.32); transform: perspective(1300px) rotateY(3deg); }
.cockpit-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 65%,rgba(2,10,32,.65)); pointer-events: none; }
.cockpit-photo img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.cockpit-signals { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 26px 0 16px; }
.cockpit-signals article { min-width: 0; padding: 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.075); backdrop-filter: blur(15px); }
.cockpit-signals article.next { grid-column: 1/-1; background: rgba(35,105,255,.18); }
.cockpit-signals small, .cockpit-signals strong, .cockpit-signals span { display: block; }
.cockpit-signals small { color: #8fc4ff; font-size: .61rem; font-weight: 900; letter-spacing: .08em; }
.cockpit-signals strong { margin: 8px 0 3px; font-size: .86rem; }
.cockpit-signals span { color: rgba(255,255,255,.56); font-size: .72rem; }
.truth-note { display: block; margin-bottom: 21px; color: rgba(255,255,255,.45); }

.excellence-layout { display: grid; grid-template-columns: minmax(0,.75fr) minmax(430px,1.25fr); gap: clamp(38px,6vw,78px); align-items: center; }
.mandate-card { padding: 28px; color: var(--ink); border-color: rgba(255,255,255,.24); border-radius: 30px; background: rgba(255,255,255,.9); }
.mandate-head { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.mandate-head small, .mandate-head strong { display: block; }
.mandate-head small { color: var(--blue); font-size: .66rem; font-weight: 900; letter-spacing: .09em; }
.mandate-head strong { margin-top: 7px; font-size: 1.28rem; }
.mandate-head > span { width: 46px; height: 46px; display: grid; place-items: center; color: white; background: var(--blue); border-radius: 15px; }
.mandate-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin: 20px 0; }
.mandate-steps span { min-width: 0; padding: 11px 8px; color: var(--muted); background: #f2f6fc; border-radius: 11px; text-align: center; font-size: .67rem; font-weight: 800; }
.mandate-steps span.is-active { color: var(--blue); background: #e8f1ff; }
.mandate-card details { padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mandate-card summary { cursor: pointer; font-weight: 900; }
.mandate-card details p { margin: 13px 0 0; color: var(--muted); font-size: .79rem; }
.mandate-card .excellence-link { display: inline-block; padding-top: 19px; color: var(--blue); font-size: .78rem; }

.journey-rail { position: relative; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin-top: 42px; }
.journey-rail::before { content: ""; position: absolute; top: 31px; left: 7%; right: 7%; height: 2px; background: linear-gradient(90deg,#0757ff,#82b7ff); }
.journey-rail article { position: relative; z-index: 1; min-width: 0; padding: 16px 12px 18px; border: 1px solid rgba(7,87,255,.09); border-radius: 18px; background: rgba(255,255,255,.88); box-shadow: 0 14px 34px rgba(16,57,119,.07); }
.journey-rail i { width: 31px; height: 31px; display: grid; place-items: center; margin-bottom: 27px; color: white; background: var(--blue); border-radius: 10px; font-style: normal; font-size: .65rem; font-weight: 900; }
.journey-rail strong, .journey-rail span { display: block; }
.journey-rail strong { font-size: .82rem; }
.journey-rail span { margin-top: 4px; color: var(--muted); font-size: .66rem; }
.nova-support { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 17px; align-items: start; max-width: 830px; margin: 28px auto 0; padding: 22px; border-radius: 24px; }
.nova-support small { color: var(--blue); font-size: .64rem; font-weight: 900; letter-spacing: .09em; }
.nova-support h3 { margin: 7px 0 5px; font-size: 1.05rem; }
.nova-support p { margin: 0; color: var(--muted); font-size: .82rem; }

.fees-section { padding-block: 72px; }
.fees-layout { display: grid; grid-template-columns: 1fr auto; gap: 45px; align-items: center; padding: 34px 38px; border-radius: 30px; }
.fees-layout h2 { margin: 8px 0 4px; color: var(--blue); font-size: clamp(4rem,8vw,6.4rem); line-height: .8; letter-spacing: -.075em; }
.fees-layout p { max-width: 680px; margin: 18px 0 0; color: var(--muted); }
.fees-action { display: grid; gap: 13px; text-align: center; }
.fees-action > a:last-child { color: var(--blue); font-size: .72rem; font-weight: 800; }

.faq-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(420px,1.2fr); gap: clamp(38px,6vw,76px); align-items: start; }
.closing-proof { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.closing-proof span { padding: 7px 10px; color: #acd2ff; background: rgba(112,174,255,.12); border-radius: 99px; font-size: .67rem; font-weight: 800; }
.faq-list { display: grid; gap: 8px; }
.faq-list details { border: 1px solid rgba(255,255,255,.13); border-radius: 17px; background: rgba(255,255,255,.07); backdrop-filter: blur(16px); }
.faq-list summary { padding: 18px 20px; cursor: pointer; font-weight: 850; }
.faq-list details p { margin: 0; padding: 0 20px 18px; color: rgba(255,255,255,.63); font-size: .84rem; }
.secondary-paths { padding-top: 92px; background: linear-gradient(180deg,#f1f7ff,#f8fbff); }

/* Recommandation directe */
.recommend-hero { position: relative; padding: 74px 0 92px; overflow: hidden; }
.recommend-hero::before { content: ""; position: absolute; z-index: -1; width: 38rem; height: 38rem; top: -17rem; right: -8rem; border-radius: 50%; background: radial-gradient(circle,rgba(7,87,255,.24),rgba(107,180,255,.08) 54%,transparent 72%); }
.recommend-hero-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.72fr); gap: clamp(38px,7vw,88px); align-items: center; }
.recommend-copy h1 { max-width: 760px; margin: 18px 0 22px; font-size: clamp(3.15rem,6vw,5.5rem); line-height: .91; letter-spacing: -.072em; }
.recommend-lead { max-width: 680px; margin: 0; color: var(--muted); font-size: clamp(1rem,1.7vw,1.18rem); }
.recommend-lead strong { color: var(--blue); }
.recommend-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 15px 20px; margin-top: 30px; }
.recommend-reassurance { color: #43516e; font-size: .78rem; font-weight: 780; }
.recommend-reward { position: relative; padding: 32px; border-radius: 32px; overflow: hidden; }
.recommend-reward::after { content: ""; position: absolute; width: 180px; height: 180px; top: -86px; right: -62px; border-radius: 50%; background: rgba(7,87,255,.13); }
.recommend-reward-label { display: block; color: var(--blue); font-size: .7rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.recommend-reward > strong { display: block; margin: 10px 0 14px; color: var(--blue); font-size: clamp(4.7rem,8vw,7.4rem); line-height: .82; letter-spacing: -.085em; }
.recommend-reward p { margin: 0; color: var(--muted); font-size: .92rem; }
.recommend-reward ul { display: grid; gap: 10px; margin: 24px 0 0; padding: 20px 0 0; border-top: 1px solid var(--line); list-style: none; }
.recommend-reward li { display: flex; align-items: center; gap: 9px; color: #31415f; font-size: .82rem; font-weight: 760; }
.recommend-reward li::before { content: "✓"; width: 22px; height: 22px; display: grid; place-items: center; flex: 0 0 auto; color: white; background: var(--success); border-radius: 50%; font-size: .68rem; }
.recommend-process { background: linear-gradient(180deg,rgba(238,245,255,.42),rgba(255,255,255,.2)); }
.recommend-step-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 42px; }
.recommend-step { min-height: 245px; padding: 27px; border-radius: 27px; }
.recommend-step > span { width: 42px; height: 42px; display: grid; place-items: center; color: var(--blue); background: #e8f1ff; border-radius: 13px; font-size: .76rem; font-weight: 900; }
.recommend-step h3 { margin: 32px 0 9px; font-size: 1.18rem; letter-spacing: -.025em; }
.recommend-step p { margin: 0; color: var(--muted); font-size: .88rem; }
.recommend-eligibility { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 18px; padding: 9px; border: 1px solid rgba(7,87,255,.09); border-radius: 23px; background: rgba(255,255,255,.76); box-shadow: 0 16px 40px rgba(17,54,110,.07); }
.recommend-eligibility > div { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 11px; align-items: center; padding: 15px; }
.recommend-eligibility > div + div { border-left: 1px solid var(--line); }
.recommend-eligibility i { width: 32px; height: 32px; display: grid; place-items: center; color: white; background: var(--success); border-radius: 11px; font-style: normal; font-size: .72rem; }
.recommend-eligibility strong, .recommend-eligibility small { display: block; }
.recommend-eligibility strong { font-size: .82rem; }
.recommend-eligibility small { margin-top: 2px; color: var(--muted); font-size: .67rem; }
.recommend-form-section { scroll-margin-top: 96px; }
.recommend-form-layout { display: grid; grid-template-columns: minmax(0,.72fr) minmax(480px,1.08fr); gap: clamp(38px,6vw,78px); align-items: start; }
.recommend-form-copy { position: sticky; top: 120px; }
.recommend-form-section .eyebrow { color: #82baff; }
.recommend-privacy { margin-top: 30px; padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: rgba(255,255,255,.07); }
.recommend-privacy strong { font-size: .84rem; }
.recommend-privacy p { margin: 7px 0 0; color: rgba(255,255,255,.58); font-size: .78rem; }
.recommend-form-shell { min-width: 0; min-height: 745px; padding: 25px; color: var(--ink); border-radius: 31px; background: rgba(255,255,255,.94); overflow: hidden; }
.recommend-form-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.recommend-form-head small { color: var(--blue); font-size: .65rem; font-weight: 900; letter-spacing: .1em; }
.recommend-form-head h3 { margin: 5px 0 0; font-size: 1.35rem; letter-spacing: -.035em; }
.recommend-form-launch { width: 100%; margin-top: 20px; }
.recommend-survey-frame { display: block; width: 100%; height: 570px; min-height: 0; margin-top: 12px; border: 0; background: transparent; }
.recommend-form-shell .form-fallback { margin: 8px 0 0; text-align: center; font-size: .72rem; }
.recommend-form-shell .form-fallback a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.recommend-ambassador-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 32px; align-items: center; padding: 34px 38px; border-radius: 30px; }
.recommend-ambassador-card h2 { margin: 9px 0 5px; font-size: clamp(1.75rem,3.4vw,2.8rem); line-height: 1; letter-spacing: -.05em; }
.recommend-ambassador-card p { max-width: 760px; margin: 0; color: var(--muted); }
.recommend-conditions { padding-bottom: 72px; }
.recommend-conditions p { max-width: 940px; margin: 0 auto; color: var(--muted); font-size: .73rem; text-align: center; }

@media (max-width: 980px) {
  .nav-links { display: none; position: absolute; left: 20px; right: 20px; top: 92px; padding: 12px; flex-direction: column; align-items: stretch; border: 1px solid rgba(255,255,255,.8); border-radius: 20px; background: rgba(255,255,255,.92); box-shadow: var(--shadow); backdrop-filter: blur(20px); }
  .nav-links.open { display: flex; }.nav-toggle { display: grid; place-items: center; }.nav-actions .btn-secondary { display: none; }
  .hero-grid, .assistant-layout, .process-layout, .cockpit-grid, .join-banner, .proof-grid, .calculator-shell, .guarantee-layout, .excellence-grid { grid-template-columns: minmax(0, 1fr); }
  .hero-grid > *, .assistant-layout > *, .process-layout > *, .cockpit-grid > *, .join-banner > *, .proof-grid > *, .calculator-shell > * { min-width: 0; }
  .seller-visual { position: relative; top: auto; min-height: 820px; max-width: 680px; width: 100%; margin: 26px auto 0; }.process-sticky, .calc-results { position: relative; top: auto; }
  .trust-inner { grid-template-columns: repeat(3,1fr); }.trust-title { grid-column: 1/-1; padding: 0 0 14px; }.trust-item:first-of-type { border-left: 0; padding-left: 0; }
  .network-match-grid, .recruitment-callout { grid-template-columns: minmax(0,1fr); }.human-mosaic { width: 100%; max-width: 760px; margin: 0 auto; }.recruitment-gallery { height: 290px; }.tool-grid { grid-template-columns: repeat(2,1fr); }.tool-card.featured { grid-column: span 2; }
  .three-col { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: repeat(2,1fr); }
  .agent-standard-grid, .excellence-layout, .faq-grid { grid-template-columns: minmax(0,1fr); }
  .agent-standard-photo { min-height: 620px; max-width: 680px; width: 100%; }
  .strategy-head { display: block; }
  .cockpit-photo { min-height: 500px; transform: none; }
  .journey-rail { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .journey-rail::before { display: none; }
  .recommend-hero-grid, .recommend-form-layout { grid-template-columns: minmax(0,1fr); }
  .recommend-reward { max-width: 680px; }
  .recommend-form-copy { position: relative; top: auto; }
  .recommend-step-grid { grid-template-columns: minmax(0,1fr); }
  .recommend-step { min-height: 0; }
  .recommend-ambassador-card { grid-template-columns: minmax(0,1fr); }
  .recommend-ambassador-card .btn { justify-self: start; }
}
@media (max-width: 680px) {
  .container { width: min(calc(100% - 26px), 1180px); max-width: 100%; }.section { padding: 68px 0; }.announcement { padding-inline: 10px; font-size: .66rem; line-height: 1.35; overflow-wrap: anywhere; }
  .nav { width: 100%; min-width: 0; min-height: 61px; padding-left: 13px; }.brand { min-width: 0; }.brand-logo { width: 145px; }.nav-actions { flex: 0 0 auto; margin-left: auto; }.nav-actions .btn-primary { display: none; }
  .hero { padding-top: 16px; min-height: 0; }.hero h1 { max-width: 100%; margin: 0 0 14px; font-size: clamp(2.35rem, 10.5vw, 2.85rem); overflow-wrap: anywhere; word-break: normal; }.seller-conversion { width: 100%; max-width: 100%; overflow: hidden; }
  .hero-actions { flex-direction: column; align-items: stretch; }.hero-actions .btn { width: 100%; }
  .hero p { max-width: 100%; font-size: .96rem; overflow-wrap: anywhere; }
  .hero-rating { gap: 9px; font-size: .95rem; }.hero-rating > span { font-size: 1.9rem; }.seller-outcome { margin-top: 13px !important; }
  .seller-survey { min-height: 720px; margin-top: 10px; padding: 22px 18px 18px; border-radius: 28px; }.seller-survey-head { gap: 9px; }.seller-survey-head h2 { margin-top: 3px; font-size: clamp(1.75rem, 8vw, 2.1rem); }.secure-chip { align-self: flex-start; }.seller-survey-copy { margin-top: 13px !important; }.seller-survey iframe { min-height: 560px; margin-top: 4px; }
  .seller-visual { min-height: 720px; margin-top: 34px; overflow: visible; }.seller-visual::before { inset: 100px 16px 60px 26px; }.seller-visual-photo { inset: 105px 0 150px 10px; border-radius: 35px; }.visual-brand { top: 10px; width: 94%; gap: 14px; padding: 16px 17px; border-radius: 24px; }.property-orb { width: 52px; height: 52px; border-radius: 17px; font-size: 1.5rem; }.visual-brand strong { font-size: .95rem; }.visual-status { top: 345px; right: 0; width: 91%; gap: 9px; padding: 14px; border-radius: 22px; }.visual-status strong { font-size: .78rem; }.visual-status > span:last-child { font-size: 1.35rem; }.status-dot { width: 10px; height: 10px; border-width: 4px; }.visual-assurance { top: 455px; right: 2px; padding: 9px 11px; border-radius: 17px; font-size: .62rem; }.visual-assurance > span { width: 24px; height: 27px; }.visual-steps { width: 91%; bottom: 0; padding: 14px 16px; border-radius: 24px; }.visual-steps > div { grid-template-columns: 38px 1fr; gap: 11px; padding: 10px 4px; }.visual-steps i { width: 36px; height: 36px; border-radius: 12px; }.visual-steps strong { font-size: .82rem; }.visual-steps small { font-size: .65rem; }
  .trust-inner { grid-template-columns: 1fr; }.trust-item { border-left: 0; border-top: 1px solid var(--line); padding: 12px 0 0; }
  .path-grid, .tool-grid, .resource-grid, .video-stack { grid-template-columns: 1fr; }.tool-card.featured { grid-column: auto; }
  .network-match-grid { gap: 36px; }.human-mosaic { min-height: 520px; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: 1.25fr .75fr; gap: 9px; }.human-shot { border-radius: 20px; }.human-shot-main { grid-column: 1/-1; grid-row: auto; }.human-match-badge { left: 12px; right: 12px; bottom: 12px; padding: 12px; }.human-match-badge strong { font-size: .74rem; }.recruitment-callout { margin-top: 42px; padding: 28px 18px; border-radius: 28px; }.recruitment-copy h3 { font-size: clamp(2rem,10vw,2.7rem); }.recruitment-gallery { height: 235px; gap: 6px; transform: none; }.recruitment-gallery figure { border-radius: 15px; }
  .path-card { min-height: 245px; padding: 24px; }.path-icon { margin: 18px 0; }.dashboard-frame { min-height: 460px; padding: 10px; transform: none; }.dashboard { min-height: 440px; padding: 15px; }
  .tool-card { min-height: 235px; }.tool-icon { margin-bottom: 22px; }
  .join-banner { padding: 30px 22px; }.join-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }.contract-facts { grid-template-columns: 1fr; }
  .form-grid, .result-grid { grid-template-columns: 1fr; }.form-grid .full { grid-column: auto; }.calc-form, .calc-results { padding: 21px; }
  .subhero { padding: 44px 0 72px; }.subhero h1 { font-size: clamp(2.65rem, 13vw, 3.45rem); overflow-wrap: anywhere; }.ai-input { flex-direction: column; }.ai-input .btn { width: 100%; }
  .guarantee-card, .excellence-card, .card { padding: 24px; }.excellence-card { min-height: 360px; }.excellence-rate strong { font-size: clamp(4rem,21vw,5.5rem); }
  .footer-grid { grid-template-columns: 1fr; }.footer-bottom { flex-direction: column; }.footer-legal { flex-direction: column; }
  .pain-grid, .agent-standard-grid, .standard-grid, .cockpit-signals, .faq-grid { grid-template-columns: minmax(0,1fr); }
  .pain-card { min-height: 205px; }.deadline-proof { grid-template-columns: auto minmax(0,1fr); }.deadline-proof a { grid-column: 2; }
  .agent-standard-photo { min-height: 430px; border-radius: 28px; }.agent-standard-grid { gap: 32px; }
  .strategy-tabs { grid-template-columns: minmax(0,1fr); }.strategy-tabs button { min-height: 43px; text-align: left; padding-inline: 15px; }.strategy-panel, .strategy-panel.is-active { grid-template-columns: minmax(0,1fr); gap: 16px; padding: 27px 12px 20px; }.strategy-panels { min-height: 390px; }.strategy-panel > strong { width: 100%; }
  .cockpit-photo { min-height: 345px; border-radius: 25px; }.cockpit-signals article.next { grid-column: auto; }
  .excellence-layout { grid-template-columns: minmax(0,1fr); }.mandate-card { padding: 21px 17px; }.mandate-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .journey-rail { grid-template-columns: minmax(0,1fr); gap: 7px; }.journey-rail article { display: grid; grid-template-columns: 38px minmax(0,1fr); column-gap: 12px; align-items: center; padding: 12px; }.journey-rail i { grid-row: 1/3; margin: 0; }.journey-rail span { margin: 0; }.nova-support { grid-template-columns: minmax(0,1fr); }
  .fees-layout { grid-template-columns: minmax(0,1fr); gap: 28px; padding: 27px 20px; }.fees-action { text-align: left; }.fees-action .btn { width: 100%; }
  .faq-grid { gap: 34px; }.faq-list summary { padding: 16px; }.faq-list details p { padding-inline: 16px; }
  .recommend-hero { padding: 42px 0 66px; }
  .recommend-copy h1 { font-size: clamp(2.65rem,13vw,3.55rem); overflow-wrap: anywhere; }
  .recommend-actions { align-items: stretch; flex-direction: column; }
  .recommend-actions .btn { width: 100%; }
  .recommend-reward { padding: 25px 20px; border-radius: 25px; }
  .recommend-reward > strong { font-size: clamp(4.6rem,23vw,6.4rem); }
  .recommend-step-grid { margin-top: 28px; }
  .recommend-step { padding: 22px; border-radius: 22px; }
  .recommend-step h3 { margin-top: 21px; }
  .recommend-eligibility { grid-template-columns: minmax(0,1fr); }
  .recommend-eligibility > div + div { border-left: 0; border-top: 1px solid var(--line); }
  .recommend-form-layout { gap: 30px; }
  .recommend-form-shell { min-height: 690px; padding: 20px 13px; border-radius: 24px; }
  .recommend-form-head { padding-inline: 6px; flex-direction: column; gap: 8px; }
  .recommend-survey-frame { height: 540px; min-height: 0; }
  .recommend-ambassador-card { padding: 27px 20px; border-radius: 25px; }
  .recommend-ambassador-card .btn { width: 100%; }
  .recommend-conditions { padding-bottom: 52px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}