:root {
  --bg: #07111b;
  --bg-2: #0e1728;
  --surface: rgba(255,255,255,.08);
  --surface-2: rgba(255,255,255,.05);
  --line: rgba(255,255,255,.12);
  --line-2: rgba(255,255,255,.18);
  --text: #edf4ff;
  --muted: #a9bad0;
  --green: #24c88d;
  --green-2: #38e7a7;
  --blue: #70b7ff;
  --blue-2: #4285ff;
  --gold: #ffd166;
  --danger: #ff8a8a;
  --shadow: 0 20px 50px rgba(0,0,0,.28);
  --radius: 22px;
  --radius-sm: 14px;
  --container: 1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background: radial-gradient(circle at top left, rgba(66,133,255,.22), transparent 35%), radial-gradient(circle at 80% 10%, rgba(36,200,141,.18), transparent 30%), linear-gradient(180deg, #06101a 0%, #0d1524 42%, #081019 100%);
  font-family:Inter, system-ui, -apple-system, sans-serif;
  line-height:1.5;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.site-bg{position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);background-size:40px 40px;mask-image:linear-gradient(180deg, rgba(0,0,0,.85), transparent)}
.container{width:min(var(--container), calc(100% - 32px));margin:0 auto}
.topbar{position:sticky;top:0;z-index:30;background:rgba(5,10,20,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:28px}
.brand-logo{height:48px;width:auto}
.nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:15px;color:var(--muted)}
.nav a:hover{color:#fff}
.nav-cta{padding:10px 18px;border:1px solid var(--line-2);border-radius:999px;background:rgba(255,255,255,.05);color:#fff}
.hero{padding:72px 0 30px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(112,183,255,.28);border-radius:999px;background:rgba(112,183,255,.08);font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--blue);text-transform:uppercase}
.hero h1{font-family:Manrope, Inter, sans-serif;font-size:clamp(40px, 5vw, 70px);line-height:1.04;letter-spacing:-.04em;margin:18px 0 18px;max-width:12ch}
.hero h1 span{background:linear-gradient(90deg, #fff, #78c8ff 35%, #39e6a5 70%, #fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:19px;color:var(--muted);max-width:68ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:15px 22px;border-radius:14px;font-weight:700;border:none;cursor:pointer;transition:.25s transform,.25s box-shadow,.25s background,.25s color}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg, var(--green), var(--green-2));color:#04121a;box-shadow:0 18px 40px rgba(36,200,141,.23)}
.btn-secondary{background:rgba(255,255,255,.05);border:1px solid var(--line-2);color:#fff}
.btn-block{width:100%}
.hero-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.badge-card,.metric-card,.glass,.pillar-card,.path-card,.lead-form,.comparison-table,.hero-panel,.product-shell,.argument-card{background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.badge-card{padding:16px;border-radius:18px}
.badge-card strong{display:block;font-size:15px;margin-bottom:4px}
.badge-card span{display:block;font-size:13px;color:var(--muted)}
.hero-visual{position:relative;min-height:620px;display:grid;place-items:center}
.glow{position:absolute;border-radius:999px;filter:blur(20px);opacity:.65;animation:floaty 8s ease-in-out infinite}
.glow-1{width:320px;height:320px;background:rgba(66,133,255,.28);top:60px;right:80px}
.glow-2{width:220px;height:220px;background:rgba(36,200,141,.25);bottom:60px;left:40px;animation-delay:1s}
.hero-panel{position:relative;padding:28px;border-radius:28px;z-index:2;max-width:540px}
.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:20px}
.panel-kicker,.product-kicker,.path-tag{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}
.panel-head h2{margin:6px 0 0;font-family:Manrope, Inter, sans-serif;font-size:30px;line-height:1.1;letter-spacing:-.03em}
.pill{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(36,200,141,.12);border:1px solid rgba(36,200,141,.24);font-weight:700;color:#9ff0ce;font-size:13px;white-space:nowrap}
.pulse{animation:pulse 2.4s infinite}
.decision-flow{display:grid;gap:12px}
.flow-node{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.flow-node p{margin:4px 0 0;color:var(--muted);font-size:14px}
.flow-node.active{border-color:rgba(112,183,255,.4)}
.flow-node.highlight{border-color:rgba(36,200,141,.4);background:rgba(36,200,141,.08)}
.node-step{display:grid;place-items:center;min-width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);font-weight:800}
.flow-arrow{height:24px;margin-left:18px;border-left:2px dashed rgba(255,255,255,.16)}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.mini-stats div{padding:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.mini-stats strong{display:block;font-size:22px;color:#fff}
.mini-stats span{font-size:12px;color:var(--muted)}
.section{padding:84px 0}
.section-dark{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.section-heading{max-width:860px;margin:0 auto 34px;text-align:center}
.section-heading.left{text-align:left;margin-left:0}
.section-heading h2{font-family:Manrope, Inter, sans-serif;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:16px 0 12px}
.section-heading p{font-size:18px;color:var(--muted)}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.metric-card{padding:22px;border-radius:20px;text-align:center}
.metric-value{display:block;font-size:42px;font-family:Manrope, Inter, sans-serif;font-weight:800;color:#fff}
.metric-label{display:block;margin-top:8px;color:var(--muted);font-size:14px}
.paths-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.path-card{border-radius:26px;overflow:hidden}
.path-visual{height:220px;display:grid;place-items:center;position:relative;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top, rgba(112,183,255,.2), transparent 45%), linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02))}
.path-content{padding:28px}
.path-content h3{font-size:30px;line-height:1.1;margin:10px 0 10px;font-family:Manrope, Inter, sans-serif}
.path-content p{color:var(--muted)}
.check-list{list-style:none;padding:0;margin:16px 0 24px;display:grid;gap:10px}
.check-list li{position:relative;padding-left:28px;color:#dce7f6}
.check-list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--green);font-weight:800}
.compare-sheet{position:absolute;width:190px;height:130px;border-radius:16px;padding:18px;background:rgba(255,255,255,.88);color:#0d1822;box-shadow:0 14px 30px rgba(0,0,0,.24);font-weight:800;display:flex;align-items:flex-end}
.sheet-left{transform:rotate(-8deg) translate(-70px, 8px)}
.sheet-right{transform:rotate(7deg) translate(70px, -6px);background:linear-gradient(135deg, #c6ffe6, #fff)}
.compare-lens{width:130px;height:130px;border-radius:50%;border:8px solid rgba(255,255,255,.75);box-shadow:0 0 0 8px rgba(36,200,141,.15), inset 0 0 0 6px rgba(66,133,255,.18)}
.project-visual .house-shell{width:220px;height:140px;background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04));clip-path:polygon(50% 0, 100% 35%, 100% 100%, 0 100%, 0 35%);border:1px solid rgba(255,255,255,.18)}
.heat-line{position:absolute;bottom:48px;width:8px;height:70px;border-radius:999px;background:linear-gradient(180deg, rgba(56,231,167,.1), rgba(56,231,167,.95));filter:blur(.2px);animation:rise 2.8s infinite ease-out}
.heat-1{left:42%}
.heat-2{left:50%;animation-delay:.5s}
.heat-3{left:58%;animation-delay:1s}
.direct-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:center}
.argument-stack{display:grid;gap:14px;margin-top:24px}
.argument-card{padding:18px;border-radius:18px}
.argument-card strong{display:block;margin-bottom:6px;font-size:16px}
.argument-card span{color:var(--muted);font-size:14px}
.product-shell{padding:20px;border-radius:26px}
.product-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.product-tab{border:1px solid var(--line-2);border-radius:999px;background:rgba(255,255,255,.04);color:#dbe7f7;padding:10px 16px;font-weight:700;cursor:pointer}
.product-tab.active{background:linear-gradient(135deg, rgba(36,200,141,.16), rgba(112,183,255,.16));border-color:rgba(112,183,255,.35)}
.product-view{display:none}
.product-view.active{display:block}
.product-card{display:grid;grid-template-columns:1fr .9fr;gap:20px;align-items:center;padding:14px}
.product-card h3{font-size:30px;line-height:1.1;margin:8px 0 10px;font-family:Manrope, Inter, sans-serif}
.product-card p{color:var(--muted)}
.product-image{width:100%;max-height:280px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}
.product-image.image-cover{border-radius:24px;object-fit:cover;min-height:250px}
.product-image.contained{padding:22px}
.comparison-wrap{display:grid;gap:24px}
.comparison-table{border-radius:24px;overflow:hidden}
.comparison-row{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:12px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}
.comparison-row:last-child{border-bottom:none}
.comparison-head{font-weight:800;background:rgba(255,255,255,.05)}
.good{color:#9ef2ce;font-weight:700}
.bad{color:#ffc5c5;font-weight:700}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pillar-card{border-radius:22px;padding:24px}
.pillar-card h3{margin:0 0 10px;font-size:22px;font-family:Manrope, Inter, sans-serif}
.pillar-card p{margin:0;color:var(--muted)}
.forms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start}
.lead-form{padding:24px;border-radius:26px}
.form-header h2{font-size:34px;line-height:1.05;margin:12px 0 10px;font-family:Manrope, Inter, sans-serif}
.form-header p{color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}
.form-grid label{display:grid;gap:8px}
.form-grid label.full{grid-column:1/-1}
.form-grid span{font-size:13px;font-weight:700;color:#dbe7f7}
.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:14px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;outline:none}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#9fb2c8}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:rgba(112,183,255,.5);box-shadow:0 0 0 4px rgba(112,183,255,.12)}
.upload-zone{padding:22px;border-radius:18px;border:1px dashed rgba(112,183,255,.4);background:rgba(112,183,255,.08);color:#dbe7f7;text-align:center}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:start}
.faq-list{display:grid;gap:12px}
.faq-list details{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.faq-list summary{cursor:pointer;font-weight:800;list-style:none;position:relative;padding-right:24px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';position:absolute;right:0;top:0;color:var(--green)}
.faq-list details[open] summary::after{content:'–'}
.faq-list p{margin:12px 0 0;color:var(--muted)}
.footer{padding:30px 0 50px;border-top:1px solid rgba(255,255,255,.08)}
.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer-logo{height:44px;width:auto}
.footer-copy{font-weight:700;margin:10px 0 6px}
.footer-small{color:var(--muted);max-width:580px}
.footer-actions{display:flex;gap:12px;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease, transform .8s ease}
.reveal.is-visible{opacity:1;transform:none}
.reveal.delay-1{transition-delay:.12s}
.reveal.delay-2{transition-delay:.24s}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(36,200,141,.2)}50%{box-shadow:0 0 0 12px rgba(36,200,141,0)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes rise{0%{transform:translateY(12px);opacity:0}40%{opacity:1}100%{transform:translateY(-18px);opacity:0}}
@media (max-width: 1100px){
  .hero-grid,.direct-grid,.faq-grid,.forms-grid,.paths-grid{grid-template-columns:1fr}
  .hero h1{max-width:none}
  .hero-badges,.metrics-grid,.pillars-grid{grid-template-columns:repeat(2,1fr)}
  .comparison-row{grid-template-columns:1fr}
  .product-card{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .topbar-inner{align-items:flex-start;flex-direction:column}
  .nav{gap:14px}
  .hero{padding-top:46px}
  .hero-badges,.metrics-grid,.pillars-grid{grid-template-columns:1fr}
  .mini-stats,.form-grid{grid-template-columns:1fr}
  .hero-panel,.lead-form,.path-card,.product-shell,.comparison-table,.pillar-card{border-radius:20px}
  .section{padding:64px 0}
  .section-heading p,.hero-lead{font-size:16px}
  .hero h1{font-size:40px}
}

.form-grid small.input-hint{font-size:12px;color:var(--muted);line-height:1.5}
.form-grid input[type=file]{padding:16px;background:rgba(112,183,255,.04);border:1px dashed rgba(112,183,255,.4)}
.consent-controls{margin:22px 0;display:grid;gap:12px}
.consent-controls p{color:var(--muted);font-size:12px;line-height:1.6}
.consent-controls a{text-decoration:underline;color:var(--blue)}
.consent-line{display:flex;align-items:flex-start;gap:10px;color:#d6e7f7;font-size:13px}
.consent-line input{margin-top:4px;accent-color:var(--green)}
.form-response{padding-top:14px;font-size:13px;color:#a5eed1;line-height:1.7}
.form-response a{display:inline-block;color:#fff;text-decoration:underline;margin-top:6px}
.form-grid select option{color:#0d1b2a}

.demo-ribbon{font-size:12px;letter-spacing:.02em;color:#183027;background:linear-gradient(90deg,#d3f9e3,#fce5ae);font-weight:800;text-align:center;padding:9px 12px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
/* PORTAILRÉNOV V2 — editorial / high-trust product design */
html{scroll-padding-top:86px}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
button,select,input,textarea{font-family:inherit}
section[id]{scroll-margin-top:90px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80dafa;outline-offset:3px}
.brand-logo{width:200px;height:43px;object-fit:contain;object-position:left}
.topbar-inner{min-height:70px}
.menu-toggle{display:none;width:44px;height:44px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:11px;gap:4px;flex-direction:column;justify-content:center;cursor:pointer}
.menu-toggle span{height:2px;width:100%;background:#f5f9ff;display:block;border-radius:3px}
.nav-cta{color:#fff}
.hero{background:radial-gradient(circle at 85% 48%,rgba(51,191,138,.11),transparent 37%);position:relative;overflow:hidden}
.hero h1{font-size:clamp(38px,4.45vw,64px);max-width:16ch}
.hero-lead{max-width:650px;line-height:1.72}
.hero-visual{min-height:660px;isolation:isolate;align-content:center}
.hero-image-frame{position:absolute;inset:20px 0 auto 20px;height:405px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 38px 75px rgba(3,9,18,.48);animation:slowFloat 9s ease-in-out infinite}
.hero-image-frame img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95)}
.hero-image-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(2,10,18,.85))}
.hero-image-caption{position:absolute;z-index:1;bottom:19px;left:22px;display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;color:#fff}
.tiny-dot{width:8px;height:8px;background:#43e1a7;box-shadow:0 0 16px #39e7a6;border-radius:50%}
.hero-panel{align-self:end;transform:translate(-28px,12px);max-width:450px;padding:23px;margin:0 0 3px 0;background:rgba(7,18,30,.87);box-shadow:0 28px 65px rgba(0,0,0,.48)}
.panel-head h2{font-size:21px}
.flow-node{padding:10px 13px;border-radius:12px}
.flow-node p{font-size:12px}.flow-node strong{font-size:13px}.node-step{min-width:29px;height:29px;font-size:12px}
.flow-arrow{height:8px;margin-left:25px}
.hero-badges{margin-top:29px}.badge-card{border-radius:13px}
@keyframes slowFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
.expert-teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.section-heading em{font-style:normal;color:#50e8b6}
.teaser-checks{display:grid;gap:14px;margin:26px 0 28px}
.teaser-checks span{display:flex;align-items:center;gap:10px;color:#dcece9;font-weight:600}
.teaser-checks img,.pedago-card>img{width:28px;height:28px}
.method-note{font-size:12px!important;line-height:1.55;margin-top:18px;color:#96aac0!important}
.diagnostic-visual{background:linear-gradient(155deg,rgba(23,42,61,.94),rgba(11,24,35,.95));border:1px solid rgba(93,227,185,.24);border-radius:32px;padding:26px;box-shadow:0 45px 90px rgba(0,0,0,.27);position:relative}
.diagnostic-visual::before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(30,198,139,.21);filter:blur(60px);right:-50px;top:-20px;pointer-events:none}
.diag-top,.diag-status{display:flex;justify-content:space-between;align-items:center;gap:20px}
.diag-top strong{display:block;font-size:20px;line-height:1.25;margin-top:4px}.tiny-label{letter-spacing:.15em;font-size:11px;font-weight:700;color:#74e6bf}
.analysis-live{font-size:12px;color:#9ce9d1;background:rgba(36,200,141,.1);border:1px solid rgba(36,200,141,.28);border-radius:99px;padding:8px 12px}
.analysis-live i{display:inline-block;border-radius:50%;width:7px;height:7px;background:#43efac;margin-right:6px;box-shadow:0 0 0 5px rgba(67,239,172,.1)}
.diag-house{display:grid;gap:5px;margin-top:24px;padding:22px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(31,200,153,.09));border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.diag-house span{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#b4c9d5}
.diag-house strong{font-size:46px;line-height:1.05;letter-spacing:-.06em}.diag-house small{color:#b4c9d5}
.diag-graph{margin:20px 0 8px}.diag-graph svg{width:100%;display:block}.graph-label{font-size:13px;color:#aec3cc}
.diag-status{background:rgba(255,255,255,.04);border-radius:12px;padding:13px;font-size:12px;color:#bdd0d7}
.diag-status strong{color:#49e2af;font-size:12px}
.pedagogie-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pedago-card{background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:28px;box-shadow:0 22px 44px rgba(0,0,0,.14)}
.pedago-card>img{width:40px;height:40px;padding:8px;background:rgba(38,200,141,.12);border-radius:11px;margin-bottom:17px}
.pedago-tag{font-size:11px;letter-spacing:.13em;color:#75dfbd;font-weight:700}
.pedago-card h3{font-family:Manrope,Inter,Arial,sans-serif;letter-spacing:-.025em;font-size:24px;line-height:1.2;margin:10px 0}
.pedago-card p{color:#b6c8d7;font-size:15px;line-height:1.75}
.pedago-card a{color:#73e7ba;font-weight:700;display:inline-block;margin-top:12px}
.mobile-experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.mobile-steps{display:grid;gap:7px;margin:26px 0 30px}
.mobile-steps div{display:flex;align-items:center;gap:17px;border-bottom:1px solid rgba(255,255,255,.09);padding:14px 0}
.mobile-steps b{font-size:13px;letter-spacing:.1em;color:#44d9a8}
.mobile-steps span{font-size:15px;color:#d3e3e9}
.phone-scene{display:flex;justify-content:center;position:relative}
.phone-scene::before{content:"";position:absolute;width:330px;height:330px;background:rgba(30,201,145,.22);border-radius:50%;filter:blur(85px);top:25%;z-index:-1}
.phone{position:relative;width:302px;min-height:610px;padding:12px;background:linear-gradient(135deg,#333f53,#020406 26%,#222b38 72%,#020406);border-radius:47px;border:2px solid #4c5968;box-shadow:0 45px 90px rgba(0,0,0,.47),inset 0 0 0 1px #7d8791;transform:rotate(4deg);transition:transform .5s}
.phone:hover{transform:rotate(0deg) translateY(-8px)}
.phone-camera{position:absolute;width:84px;height:25px;border-radius:0 0 18px 18px;background:#0b111e;top:11px;left:50%;transform:translateX(-50%);z-index:2}
.phone-screen{background:#f5f8fa;color:#142534;border-radius:36px;overflow:hidden;min-height:584px;padding:21px 18px 18px}
.phone-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:#243746;margin-bottom:28px}
.phone-brand{display:flex;align-items:center;gap:6px;font-weight:900;font-size:15px}.phone-brand small{font-size:9px;border:1px solid #9cccbc;padding:2px 4px;border-radius:4px;color:#177450}
.phone-brand-dot{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#0c7457;color:white;font-size:13px}
.phone-status{display:flex;align-items:center;justify-content:space-between;margin:29px 0 8px;font-size:9px;letter-spacing:.16em;font-weight:800;color:#597388}.phone-status span{font-size:8px;background:#dcece6;padding:4px 6px;border-radius:99px;color:#0a8663}
.phone-screen h3{font-size:26px;line-height:1.1;letter-spacing:-.05em;margin:0 0 21px}
.phone-project{padding:17px;border-radius:17px;background:#10293b;color:white}
.phone-project>span{font-size:10px;color:#bad3e1}.phone-project strong{display:block;font-size:15px;line-height:1.4;margin:7px 0 14px}.phone-project small{color:#a2c0d4;font-size:9px}
.phone-progress{height:6px;border-radius:99px;background:#395567;overflow:hidden;margin-bottom:8px}.phone-progress i{display:block;height:100%;width:54%;background:#44e5ab;border-radius:inherit}
.phone-timeline{margin-top:21px;display:grid;gap:14px}
.phone-timeline>div{display:flex;gap:9px;align-items:center;position:relative}
.phone-timeline b{min-width:23px;height:23px;border:1px solid #bfccda;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#7891a6}
.phone-timeline .done b{background:#0d986b;color:white;border-color:#0d986b}.phone-timeline .current b{background:#d7f6eb;color:#0a9368;border-color:#0a9368}
.phone-timeline span{font-size:11px;font-weight:800}.phone-timeline small{display:block;font-weight:500;color:#859bab;font-size:9px}
.phone-cta{margin-top:22px;background:#15b788;color:white;text-align:center;border-radius:11px;padding:11px;font-weight:800;font-size:11px}
.form-ease{display:flex;gap:8px;align-items:center;border:1px solid rgba(36,200,141,.3);background:rgba(36,200,141,.08);padding:10px 12px;border-radius:11px;color:#aff1d6;font-size:13px}
.form-ease img{width:18px;height:18px}
.tech-toggle{display:block;width:100%;border:1px dashed rgba(125,221,196,.45);border-radius:14px;background:rgba(35,185,147,.09);padding:13px;color:#c5f9e6;font-size:14px;font-weight:700;cursor:pointer;text-align:center;margin:16px 0 6px}
.optional-tech:not(.tech-open){display:none!important}
@media (max-width:1100px){.expert-teaser-grid,.mobile-experience-grid{grid-template-columns:1fr;gap:35px}.pedagogie-grid{grid-template-columns:1fr 1fr}.hero-visual{max-width:650px;width:100%;margin:auto}.hero-panel{transform:translate(-14px,12px)}}
@media (max-width:800px){
  .topbar-inner{position:relative;flex-direction:row;align-items:center;justify-content:space-between}.brand-logo{width:170px}
  .menu-toggle{display:flex}.nav{display:none;position:absolute;left:-5px;right:-5px;top:100%;padding:14px;border:1px solid rgba(255,255,255,.17);border-radius:0 0 20px 20px;background:#0b1722;flex-direction:column;align-items:stretch;z-index:99;gap:2px;box-shadow:0 25px 40px rgba(0,0,0,.35)}.nav.nav-open{display:flex}.nav a{padding:13px 10px}
  .hero-grid{gap:10px}.hero-visual{min-height:620px}.hero-image-frame{inset:15px 0 auto 0;height:360px}.hero-panel{margin-top:220px;transform:none;max-width:96%;justify-self:center}
  .hero h1{max-width:none;font-size:clamp(38px,9vw,54px)}.pedagogie-grid{grid-template-columns:1fr}.phone-scene{padding:18px 0}.phone{transform:rotate(1deg)}
}
@media (max-width:560px){.hero-actions{flex-direction:column}.hero-actions a{width:100%}.hero-badges{grid-template-columns:1fr}.hero-image-frame{height:280px;top:8px}.hero-visual{min-height:615px}.hero-panel{margin-top:160px}.diag-status,.diag-top{flex-direction:column;align-items:flex-start}.pedago-card{padding:22px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hero-image-frame,.glow,.phone,.reveal{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}

/* PortailRénov V14.1 — coordonnées réservées au service, priorité au rappel. */
.pr-phone-priority{display:block!important;visibility:visible!important;opacity:1!important;grid-column:1/-1;background:#ecf8f3;border:2px solid #15916e;border-radius:15px;padding:17px 19px!important;margin:5px 0 11px!important;color:#173147!important}
.pr-phone-priority>span,.pr-phone-priority{font-weight:700}
.pr-phone-priority input[type=tel]{width:100%;box-sizing:border-box;background:#fff!important;border:2px solid #bddbcc!important;border-radius:9px;padding:15px 14px!important;font:600 19px/1.4 Arial,sans-serif;color:#12324a!important;margin:9px 0 5px;min-height:54px}
.pr-phone-priority input[type=tel]:focus{outline:3px solid #79b7a4;outline-offset:2px}
.pr-phone-hint{display:block;font-size:14px;font-weight:400!important;line-height:1.6;color:#385c58!important;margin-top:7px}
.pr-transfer-guarantee{background:#edf6f3;border:1px solid #b5dccc;padding:16px;border-radius:12px;font-size:15px;line-height:1.6;color:#163a40;margin:12px 0 20px}
.pr-transfer-guarantee strong{color:#123d43}
@media(max-width:680px){.pr-phone-priority{padding:14px!important}.pr-phone-priority input[type=tel]{font-size:19px}}