:root{--bg:#06100d;--bg-2:#091814;--ink:#0b1612;--paper:#f4f4eb;--paper-2:#fbfbf6;--muted:#6e7c75;--line:rgba(7,27,22,.12);--green:#12d989;--green-2:#00ad72;--green-3:#42efad;--cream:#f3f0df;--dark:#07110e;--radius:28px;--shadow:0 24px 70px rgba(0,0,0,.16);--shadow-soft:0 18px 50px rgba(3,32,24,.09)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.page[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(18,217,137,.14)}.section{padding:104px 0}.section-sm{padding:70px 0}.display{font-size:clamp(48px,7.4vw,104px);line-height:.9;letter-spacing:-.065em;margin:18px 0 22px;font-weight:850}.title{font-size:clamp(36px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin:14px 0 18px}.subtitle{font-size:clamp(18px,2vw,23px);line-height:1.55;color:var(--muted);max-width:760px}.btn{min-height:52px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.24s ease;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#04120d;box-shadow:0 14px 35px rgba(18,217,137,.28)}.btn-primary:hover{background:var(--green-3)}.btn-dark{background:var(--dark);color:#fff}.btn-ghost{border-color:rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.055)}.btn-cream{background:var(--cream);color:var(--ink)}.arrow{width:18px;height:18px;transition:transform .2s}.btn:hover .arrow{transform:translateX(3px)}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(18,217,137,.12);color:#047849;font-size:13px;font-weight:800}.dot{width:7px;height:7px;background:var(--green);border-radius:50%}.nav{position:fixed;z-index:100;top:14px;left:0;right:0}.nav-shell{width:min(1180px,calc(100% - 28px));margin:auto;height:70px;padding:0 12px 0 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.12);background:rgba(5,17,13,.78);backdrop-filter:blur(18px);border-radius:22px;box-shadow:0 10px 36px rgba(0,0,0,.12)}.brand{display:flex;align-items:center;gap:11px;color:white;font-weight:900;letter-spacing:-.04em;font-size:19px}.brand-logo{width:42px;height:42px;object-fit:cover;border-radius:12px}.brand-word span{color:var(--green)}.nav-links{display:flex;align-items:center;gap:6px}.nav-link{color:rgba(255,255,255,.72);padding:10px 13px;border-radius:12px;font-size:14px;font-weight:700;transition:.2s}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.08)}.nav-actions{display:flex;align-items:center;gap:8px}.nav .btn{min-height:44px;padding-inline:17px;font-size:14px}.menu-btn{display:none;width:44px;height:44px;border:0;border-radius:13px;background:rgba(255,255,255,.08);color:#fff}.progress-top{position:fixed;z-index:130;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--green),#6effbf)} .hero{min-height:800px;background:radial-gradient(1000px 500px at 75% 15%,rgba(18,217,137,.17),transparent 58%),radial-gradient(600px 480px at 15% 70%,rgba(0,173,114,.10),transparent 65%),var(--dark);color:white;padding:170px 0 90px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:55px;align-items:center;position:relative;z-index:2}.hero .subtitle{color:rgba(255,255,255,.68);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:26px;color:rgba(255,255,255,.58);font-size:13px}.avatars{display:flex}.avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--dark);margin-left:-7px;background:linear-gradient(145deg,#ecf8f1,#6fcaa4);display:grid;place-items:center;color:#063821;font-size:10px;font-weight:900}.avatar:first-child{margin-left:0}.campus-visual{position:relative;min-height:520px;display:grid;place-items:center}.logo-orb{width:min(440px,92%);aspect-ratio:1;border-radius:34%;background:#020706;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 45px 100px rgba(0,0,0,.45),0 0 80px rgba(18,217,137,.08);display:grid;place-items:center;transform:rotate(-4deg);position:relative}.logo-orb:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(74,255,180,.7),rgba(255,255,255,.06),rgba(18,217,137,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.logo-orb img{width:90%;height:90%;object-fit:cover;border-radius:27%;transform:rotate(4deg)}.float-card{position:absolute;padding:15px 17px;border-radius:18px;background:rgba(248,248,240,.94);color:var(--ink);box-shadow:0 18px 45px rgba(0,0,0,.22);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.float-card b{display:block;font-size:15px;margin-bottom:4px}.float-card span{font-size:12px;color:var(--muted)}.float-a{top:40px;right:-12px;animation:float 5s ease-in-out infinite}.float-b{bottom:48px;left:-10px;animation:float 5s ease-in-out -2.5s infinite}.mini-icon{width:34px;height:34px;border-radius:11px;background:#dffbed;display:grid;place-items:center;margin-bottom:10px;color:#05794d;font-weight:900}@keyframes float{50%{transform:translateY(-10px)}}.stats-strip{position:relative;z-index:3;margin-top:-34px}.stats-card{background:var(--paper-2);border-radius:26px;border:1px solid var(--line);box-shadow:var(--shadow-soft);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.stat{padding:28px 28px}.stat+.stat{border-left:1px solid var(--line)}.stat strong{display:block;font-size:32px;letter-spacing:-.04em}.stat span{font-size:13px;color:var(--muted)} .marquee{overflow:hidden;border-block:1px solid var(--line);background:#eeefe5}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee-item{padding:17px 25px;font-size:13px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#53625a;white-space:nowrap}.marquee-item i{font-style:normal;color:var(--green-2);margin-right:18px}@keyframes marquee{to{transform:translateX(-50%)}} .split-head{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;margin-bottom:45px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{background:var(--paper-2);border:1px solid var(--line);border-radius:24px;padding:18px;transition:.3s ease;display:flex;flex-direction:column;min-height:440px;position:relative;overflow:hidden}.course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:rgba(18,217,137,.35)}.course-cover{height:190px;border-radius:18px;padding:22px;background:var(--dark);color:white;position:relative;overflow:hidden;display:flex;align-items:flex-end}.course-cover:after{content:"";width:150px;height:150px;border-radius:50%;position:absolute;right:-30px;top:-35px;background:radial-gradient(circle at 30% 30%,#72ffc1,var(--green-2) 45%,transparent 68%);filter:blur(3px);opacity:.88}.course-cover .code{position:absolute;top:18px;left:19px;font-size:11px;letter-spacing:.16em;color:rgba(255,255,255,.52);font-weight:800}.course-icon{width:55px;height:55px;border-radius:17px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);font-size:24px;z-index:2}.course-body{padding:19px 4px 2px;display:flex;flex-direction:column;flex:1}.course-kicker{color:#058251;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.course-card h3{font-size:24px;letter-spacing:-.04em;margin:8px 0 8px}.course-card p{color:var(--muted);line-height:1.5;font-size:14px;margin:0 0 18px}.course-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.meta-chip{font-size:11px;padding:7px 9px;background:#eef1e8;border-radius:999px;color:#58675f;font-weight:800}.course-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.price{font-size:21px;font-weight:900;letter-spacing:-.04em}.text-link{font-size:13px;font-weight:850;color:#067e50}.featured-course{grid-column:span 2;min-height:470px}.featured-course .course-cover{height:225px;background:radial-gradient(500px 220px at 85% 10%,rgba(18,217,137,.33),transparent 60%),#07110e}.featured-course h3{font-size:30px} .dark-section{background:var(--dark);color:white;position:relative;overflow:hidden}.dark-section .subtitle{color:rgba(255,255,255,.6)}.platform-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.feature-list{display:grid;gap:10px;margin-top:28px}.feature-line{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.check{flex:0 0 24px;height:24px;border-radius:50%;background:rgba(18,217,137,.16);color:var(--green-3);display:grid;place-items:center;font-size:12px;font-weight:900}.feature-line b{font-size:15px}.feature-line span{font-size:13px;color:rgba(255,255,255,.5);display:block;margin-top:3px}.dashboard{background:#f8f9f2;border-radius:28px;padding:16px;box-shadow:0 30px 80px rgba(0,0,0,.38);color:var(--ink);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);border:1px solid rgba(255,255,255,.45)}.dash-top{display:flex;align-items:center;justify-content:space-between;padding:9px 8px 16px}.dash-dots{display:flex;gap:5px}.dash-dots i{width:8px;height:8px;background:#d7ddd7;border-radius:50%}.dash-main{display:grid;grid-template-columns:150px 1fr;gap:12px}.dash-side{background:#07110e;color:white;border-radius:18px;padding:15px}.dash-brand{font-weight:900;font-size:12px;margin-bottom:20px}.dash-brand span{color:var(--green)}.dash-menu{font-size:10px;color:rgba(255,255,255,.45);display:grid;gap:12px}.dash-menu b{color:#fff;background:rgba(255,255,255,.08);padding:9px;border-radius:9px}.dash-content{padding:10px}.dash-greet{font-size:20px;font-weight:900;letter-spacing:-.04em}.dash-small{font-size:10px;color:var(--muted);margin-top:2px}.progress-box{margin-top:18px;padding:15px;background:#edf1e9;border-radius:16px}.progress-label{display:flex;justify-content:space-between;font-size:10px;font-weight:800}.bar{height:8px;background:#dfe5dd;border-radius:99px;margin-top:9px;overflow:hidden}.bar i{display:block;width:68%;height:100%;background:var(--green);border-radius:99px}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px}.lesson{background:white;border:1px solid #e5e9e1;border-radius:14px;padding:12px}.lesson .thumb{height:56px;border-radius:9px;background:linear-gradient(135deg,#0b211a,#10b875);margin-bottom:10px}.lesson b{font-size:10px;display:block}.lesson span{font-size:9px;color:var(--muted)} .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:28px;border-radius:24px;border:1px solid var(--line);background:var(--paper-2)}.step-num{width:42px;height:42px;border-radius:14px;background:#dcf9eb;color:#04794d;display:grid;place-items:center;font-weight:900;margin-bottom:50px}.step h3{font-size:22px;letter-spacing:-.035em;margin:0 0 8px}.step p{color:var(--muted);line-height:1.55;font-size:14px}.quote-card{background:#0a1b16;color:white;border-radius:32px;padding:48px;position:relative;overflow:hidden}.quote-mark{font-size:90px;line-height:.8;color:var(--green);font-family:Georgia,serif}.quote-text{font-size:clamp(25px,3.2vw,44px);line-height:1.08;letter-spacing:-.04em;max-width:900px;margin:10px 0 28px}.quote-author{color:rgba(255,255,255,.55);font-size:14px}.quote-author b{color:#fff}.quote-actions{position:absolute;right:35px;bottom:35px;display:flex;gap:8px}.round-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:white;font-size:20px}.cta-band{background:linear-gradient(135deg,#11d989,#02aa71);border-radius:34px;padding:55px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;box-shadow:0 26px 60px rgba(18,217,137,.18)}.cta-band h2{font-size:clamp(35px,4vw,58px);line-height:.95;letter-spacing:-.055em;margin:0 0 12px}.cta-band p{margin:0;color:#0c5a3d;font-weight:650} .footer{background:#050d0a;color:white;padding:64px 0 30px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.6fr);gap:55px}.footer-brand p{color:rgba(255,255,255,.48);max-width:370px;line-height:1.6;font-size:14px}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.38);margin:0 0 16px}.footer a{display:block;color:rgba(255,255,255,.72);font-size:14px;margin:10px 0}.footer-bottom{margin-top:55px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;color:rgba(255,255,255,.34);font-size:12px} .catalog-hero{background:radial-gradient(700px 420px at 70% 10%,rgba(18,217,137,.17),transparent 65%),var(--dark);color:white;padding:170px 0 85px}.catalog-hero .title{max-width:850px}.catalog-hero .subtitle{color:rgba(255,255,255,.62)}.catalog-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 28px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:1px solid var(--line);background:var(--paper-2);padding:10px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#647169}.filter-btn.active{background:var(--dark);color:white}.result-count{font-size:13px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-grid .course-card{min-height:455px}.catalog-grid .course-card.is-hidden{display:none}.launch-banner{grid-column:1/-1;min-height:280px;border-radius:28px;padding:38px;background:radial-gradient(420px 300px at 90% 10%,rgba(62,255,174,.32),transparent 55%),#081712;color:white;display:grid;grid-template-columns:1fr .6fr;gap:30px;align-items:center;overflow:hidden;position:relative}.launch-banner h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.055em;line-height:.95;margin:12px 0}.launch-banner p{color:rgba(255,255,255,.6);max-width:600px;line-height:1.5}.launch-price{text-align:right}.launch-price strong{font-size:58px;letter-spacing:-.06em;display:block}.launch-price del{color:rgba(255,255,255,.38)} .sale-hero{background:radial-gradient(900px 520px at 80% 15%,rgba(18,217,137,.18),transparent 62%),var(--dark);color:white;padding:155px 0 90px;min-height:760px}.sale-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center}.sale-hero .title{font-size:clamp(48px,6.5vw,88px);margin-top:17px}.sale-hero .subtitle{color:rgba(255,255,255,.62)}.sale-bullets{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.sale-bullets span{font-size:12px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);padding:9px 11px;border-radius:999px;color:rgba(255,255,255,.77)}.product-box{background:var(--paper-2);color:var(--ink);border-radius:30px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.38)}.product-art{height:330px;border-radius:22px;background:radial-gradient(230px 200px at 65% 35%,rgba(65,255,174,.65),transparent 58%),linear-gradient(145deg,#0a2018,#032c20);position:relative;overflow:hidden;display:grid;place-items:center}.product-art:before,.product-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:30px;transform:rotate(45deg)}.product-art:before{width:180px;height:180px}.product-art:after{width:260px;height:260px}.art-word{font-size:47px;font-weight:950;letter-spacing:-.06em;color:white;z-index:2;text-align:center;line-height:.85}.art-word span{color:var(--green-3);display:block}.product-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.product-mini div{padding:12px;background:#f0f2eb;border-radius:14px;text-align:center}.product-mini b{display:block;font-size:15px}.product-mini span{font-size:10px;color:var(--muted)}.trust-strip{border-bottom:1px solid var(--line);background:var(--paper-2)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:22px;text-align:center;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}.trust-item b{display:block;font-size:14px}.trust-item span{color:var(--muted);font-size:12px}.sale-grid{display:grid;grid-template-columns:1fr .48fr;gap:60px;align-items:start}.sales-copy h2{font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.05em;margin:14px 0 20px}.sales-copy p{color:var(--muted);line-height:1.7;font-size:16px}.problem-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.problem{padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--paper-2);font-size:14px;font-weight:750}.problem i{font-style:normal;color:#d63c45;margin-right:7px}.offer-card{position:sticky;top:105px;border:1px solid var(--line);background:var(--paper-2);border-radius:26px;padding:24px;box-shadow:var(--shadow-soft)}.offer-card h3{font-size:26px;letter-spacing:-.04em;margin:7px 0}.offer-card .big-price{font-size:50px;font-weight:950;letter-spacing:-.06em;margin:8px 0}.offer-card small{color:var(--muted)}.offer-list{display:grid;gap:10px;margin:20px 0}.offer-line{display:flex;gap:9px;font-size:13px;line-height:1.4}.offer-line .check{flex-basis:21px;height:21px}.offer-card .btn{width:100%;margin-top:10px}.secure{font-size:11px;color:var(--muted);text-align:center;margin-top:10px}.value-stack{display:grid;gap:12px;margin-top:24px}.value-row{display:grid;grid-template-columns:55px 1fr auto;gap:13px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--paper-2)}.value-icon{width:44px;height:44px;border-radius:14px;background:#ddf9eb;display:grid;place-items:center}.value-row h4{margin:0;font-size:15px}.value-row p{margin:3px 0 0;font-size:12px}.value-row strong{font-size:13px;color:#057c4f}.transformation{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.transform-col{border-radius:26px;padding:28px}.before{background:#efece6}.after{background:#0a1b16;color:white}.transform-col h3{margin:0 0 20px;font-size:21px}.transform-col ul{margin:0;padding:0;list-style:none;display:grid;gap:13px}.transform-col li{font-size:14px;line-height:1.5;padding-left:23px;position:relative}.before li{color:#68716c}.after li{color:rgba(255,255,255,.72)}.transform-col li:before{position:absolute;left:0}.before li:before{content:"×";color:#c44}.after li:before{content:"✓";color:var(--green-3)}.curriculum{display:grid;gap:10px;margin-top:32px}.module{border:1px solid var(--line);border-radius:18px;background:var(--paper-2);overflow:hidden}.module-btn{width:100%;border:0;background:transparent;padding:19px 20px;display:flex;justify-content:space-between;align-items:center;text-align:left}.module-left{display:flex;gap:14px;align-items:center}.module-num{width:38px;height:38px;border-radius:12px;background:#e0f8ec;display:grid;place-items:center;color:#087b50;font-size:12px;font-weight:900}.module-btn b{display:block;font-size:15px}.module-btn span{font-size:12px;color:var(--muted)}.module-toggle{font-size:22px;color:#758078;transition:.2s}.module.open .module-toggle{transform:rotate(45deg)}.module-content{display:none;padding:0 20px 20px 72px;color:var(--muted);font-size:13px;line-height:1.7}.module.open .module-content{display:block}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.proof{border:1px solid var(--line);background:var(--paper-2);border-radius:22px;padding:24px}.stars{color:#078958;letter-spacing:2px}.proof p{font-size:14px;line-height:1.6;color:#505c56}.proof b{font-size:13px}.proof small{display:block;color:var(--muted);margin-top:4px}.demo-note{font-size:11px;color:#8a938e;background:#edf0ea;border-radius:10px;padding:8px 10px;margin-top:12px}.instructor{background:#0a1b16;color:white;border-radius:32px;padding:42px;display:grid;grid-template-columns:.5fr 1fr;gap:38px;align-items:center}.instructor-art{aspect-ratio:1;border-radius:25px;background:radial-gradient(circle at 50% 35%,rgba(72,255,184,.45),transparent 40%),linear-gradient(145deg,#0a3325,#06110d);display:grid;place-items:center}.instructor-art img{width:70%;height:70%;object-fit:cover;border-radius:24px}.instructor p{color:rgba(255,255,255,.58);line-height:1.65}.guarantee{background:#ddf9eb;border:1px solid #bfeeda;border-radius:26px;padding:30px;display:flex;gap:24px;align-items:center}.guarantee-icon{width:70px;height:70px;flex:0 0 70px;border-radius:22px;background:white;display:grid;place-items:center;font-size:30px}.guarantee h3{margin:0 0 8px;font-size:22px}.guarantee p{margin:0;font-size:13px;color:#4b685a;line-height:1.5}.faq{display:grid;gap:9px;margin-top:30px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:transparent;padding:19px 0;display:flex;justify-content:space-between;text-align:left;font-weight:850;font-size:16px}.faq-a{display:none;color:var(--muted);line-height:1.6;padding:0 35px 20px 0;font-size:14px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-plus{transform:rotate(45deg)}.faq-plus{transition:.2s;font-size:21px}.final-offer{background:radial-gradient(460px 260px at 80% 20%,rgba(67,255,178,.24),transparent 55%),var(--dark);color:white;border-radius:34px;padding:50px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.final-offer h2{font-size:clamp(38px,5vw,66px);line-height:.95;letter-spacing:-.055em;margin:10px 0}.final-offer p{color:rgba(255,255,255,.55);max-width:700px}.final-price{text-align:right}.final-price strong{display:block;font-size:58px;color:var(--green-3);letter-spacing:-.06em}.legal-note{font-size:11px;color:rgba(255,255,255,.38);max-width:470px}.mobile-buy{display:none}.modal{position:fixed;z-index:200;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(500px,100%);background:var(--paper-2);border-radius:28px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.modal-top{display:flex;justify-content:space-between;gap:20px}.modal h3{font-size:28px;letter-spacing:-.04em;margin:0}.modal-close{width:40px;height:40px;border:0;border-radius:12px;background:#ecefe9;font-size:20px}.field{display:grid;gap:7px;margin-top:16px}.field label{font-size:12px;font-weight:800}.field input{height:50px;border:1px solid #d8ded8;border-radius:14px;padding:0 14px;background:#fff;outline:none}.field input:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(18,217,137,.12)}.modal-note{font-size:11px;color:var(--muted);line-height:1.5;margin-top:12px} .reveal{opacity:0;transform:translateY(18px);transition:.7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none} @media(max-width:980px){.nav-links{display:none}.nav-actions .btn-ghost{display:none}.menu-btn{display:grid;place-items:center}.hero-grid,.platform-grid,.sale-hero-grid,.sale-grid{grid-template-columns:1fr}.hero{padding-top:145px}.campus-visual{min-height:430px}.logo-orb{width:390px}.stats-card{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0;border-top:1px solid var(--line)}.stat:nth-child(4){border-top:1px solid var(--line)}.course-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.featured-course{grid-column:span 2}.split-head{grid-template-columns:1fr;gap:10px}.platform-grid{gap:45px}.dashboard{transform:none}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.launch-banner{grid-template-columns:1fr}.launch-price{text-align:left}.offer-card{position:relative;top:auto}.proof-grid{grid-template-columns:1fr}.instructor{grid-template-columns:220px 1fr}.final-offer{grid-template-columns:1fr}.final-price{text-align:left}.nav-links.mobile{position:fixed;display:grid;left:14px;right:14px;top:92px;background:#07110ef5;padding:12px;border-radius:22px;border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 80px rgba(0,0,0,.4)}.nav-links.mobile .nav-link{padding:14px}} @media(max-width:680px){.container{width:min(100% - 26px,1180px)}.section{padding:74px 0}.hero{min-height:auto;padding-bottom:70px}.hero-grid{gap:28px}.display{font-size:58px}.campus-visual{min-height:340px}.logo-orb{width:300px}.float-card{padding:12px}.float-a{right:0;top:12px}.float-b{left:0;bottom:15px}.stats-strip{margin-top:-20px}.stat{padding:20px}.stat strong{font-size:27px}.course-grid,.catalog-grid{grid-template-columns:1fr}.featured-course{grid-column:span 1}.course-card{min-height:420px}.course-cover{height:180px}.featured-course .course-cover{height:190px}.platform-grid{gap:35px}.dash-main{grid-template-columns:96px 1fr}.dash-side{padding:10px}.dash-menu{font-size:8px}.lesson-grid{grid-template-columns:1fr}.dashboard{padding:9px}.quote-card{padding:32px 26px 90px}.quote-actions{left:26px;right:auto;bottom:25px}.cta-band{grid-template-columns:1fr;padding:34px 28px}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:15px;flex-direction:column}.catalog-hero{padding-top:145px}.catalog-topline{align-items:flex-start;flex-direction:column}.launch-banner{padding:30px 24px}.launch-price strong{font-size:46px}.sale-hero{padding-top:135px}.sale-hero .title{font-size:51px}.product-art{height:270px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.sale-grid{gap:30px}.problem-list,.transformation{grid-template-columns:1fr}.value-row{grid-template-columns:48px 1fr}.value-row>strong{grid-column:2}.module-content{padding-left:20px}.instructor{grid-template-columns:1fr;padding:28px}.instructor-art{max-width:220px}.guarantee{align-items:flex-start;padding:24px}.final-offer{padding:35px 26px}.mobile-buy{position:fixed;z-index:90;display:flex;bottom:10px;left:10px;right:10px;background:#07110ef2;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:10px;align-items:center;justify-content:space-between;color:white;backdrop-filter:blur(14px);transform:translateY(130%);transition:.3s}.mobile-buy.show{transform:none}.mobile-buy b{font-size:13px}.mobile-buy span{font-size:11px;color:rgba(255,255,255,.5)}.mobile-buy .btn{min-height:44px;padding:0 15px;font-size:12px}.nav-actions>.btn-primary{display:none}.menu-btn{display:grid}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}} /* V1.1 — même design, détails plus éditoriaux et moins "template IA" */ :root{ --card-radius:16px; --control-radius:10px; --shadow-soft:0 14px 32px rgba(3,32,24,.075); } /* Signature SPID : angles légèrement asymétriques, plus de pilules */ .btn{ min-height:50px; padding:0 20px; border-radius:10px 3px 10px 10px; border-width:1px; font-weight:780; box-shadow:none!important; transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; } .btn:hover{transform:translateY(-1px)} .btn-primary{background:var(--green);border-color:rgba(0,0,0,.12);color:#04120d} .btn-primary:hover{background:#27e49a} .btn-dark{border-color:rgba(255,255,255,.14)} .btn-ghost{background:transparent;border-color:rgba(255,255,255,.24)} .btn-cream{border-color:rgba(7,27,22,.12)} .btn .arrow{width:24px;padding-left:8px;border-left:1px solid currentColor;opacity:.72} .nav .btn{border-radius:9px 3px 9px 9px} /* Les petits labels restent des labels, pas des "chips SaaS" */ .pill,.meta-chip,.filter-btn,.sale-bullets span{ border-radius:7px; } .pill{border:1px solid rgba(18,217,137,.18);background:rgba(18,217,137,.085)} .meta-chip{border:1px solid #e0e5dd;background:#f4f5ef} .filter-btn{background:transparent} .filter-btn.active{background:var(--dark);color:#fff;border-color:var(--dark)} /* Navigation : moins "floating glass card", même présence visuelle */ .nav-shell{ border-radius:14px 5px 14px 14px; backdrop-filter:blur(14px); box-shadow:0 8px 24px rgba(0,0,0,.11); } .nav-link{border-radius:7px} .menu-btn{border-radius:8px 3px 8px 8px} /* Logo : symbole détouré, sans la dalle noire du fichier d'origine */ .brand-logo{ object-fit:contain; border-radius:0; background:transparent; filter:drop-shadow(0 5px 12px rgba(18,217,137,.14)); } .logo-orb{ width:min(410px,88%); aspect-ratio:1; border-radius:0; background:transparent; box-shadow:none; transform:none; } .logo-orb:before{ inset:8%; border-radius:50%; padding:1px; opacity:.34; background:linear-gradient(145deg,rgba(79,255,187,.35),rgba(255,255,255,.05),rgba(18,217,137,.12)); } .logo-orb img{ width:72%; height:72%; object-fit:contain; border-radius:0; transform:none; filter:drop-shadow(0 30px 46px rgba(0,0,0,.34)) drop-shadow(0 0 25px rgba(18,217,137,.18)); } /* Encadrés : rayons plus contenus, bordures plus franches, ombres moins gonflées */ .float-card, .stats-card, .course-card, .step, .quote-card, .cta-band, .launch-banner, .product-box, .problem, .offer-card, .value-row, .transform-col, .module, .proof, .instructor, .guarantee, .final-offer, .modal-card, .dashboard{ border-radius:var(--card-radius); } .float-card{border-radius:12px 4px 12px 12px;box-shadow:0 12px 26px rgba(0,0,0,.17);backdrop-filter:blur(8px)} .stats-card{box-shadow:0 12px 28px rgba(3,32,24,.07)} .course-card{border-radius:16px 5px 16px 16px;box-shadow:none} .course-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(3,32,24,.08)} .course-cover{border-radius:11px 3px 11px 11px} .course-icon{border-radius:10px 3px 10px 10px} .mini-icon,.step-num,.value-icon,.module-num{border-radius:8px 3px 8px 8px} .dashboard{border-radius:18px 6px 18px 18px;box-shadow:0 26px 60px rgba(0,0,0,.32)} .dash-side{border-radius:11px 3px 11px 11px} .dash-menu b,.progress-box,.lesson,.lesson .thumb{border-radius:8px} .quote-card{border-radius:20px 6px 20px 20px} .cta-band,.final-offer{border-radius:20px 6px 20px 20px;box-shadow:0 18px 42px rgba(18,217,137,.13)} .launch-banner{border-radius:18px 6px 18px 18px} .product-box{border-radius:18px 6px 18px 18px;box-shadow:0 24px 62px rgba(0,0,0,.30)} .product-art{border-radius:12px 4px 12px 12px} .product-mini div{border-radius:8px} .problem,.value-row,.module{border-radius:11px 4px 11px 11px} .offer-card,.proof{border-radius:15px 5px 15px 15px;box-shadow:0 12px 28px rgba(3,32,24,.07)} .instructor{border-radius:20px 6px 20px 20px} .instructor-art,.instructor-art img{border-radius:12px 4px 12px 12px} .guarantee{border-radius:15px 5px 15px 15px} .guarantee-icon{border-radius:10px 3px 10px 10px} .modal-card{border-radius:16px 5px 16px 16px} .modal-close,.field input{border-radius:8px} .nav-links.mobile{border-radius:13px 4px 13px 13px} .mobile-buy{border-radius:12px 4px 12px 12px} /* Lignes d'accent discrètes pour donner une patte reconnaissable */ .course-card,.step,.proof,.offer-card,.module,.problem,.value-row{border-color:rgba(7,27,22,.14)} .course-card:hover,.offer-card:hover{border-color:rgba(18,217,137,.38)} .course-card::before{ content:""; position:absolute; left:18px; top:0; width:34px; height:2px; background:var(--green); z-index:4; } @media(max-width:680px){ .btn{border-radius:9px 3px 9px 9px} .logo-orb{width:290px} } /* ========================================================= SPIDCampus — V1.2 / matière, profondeur, cadres assumés On conserve la DA V1.1. Cette passe ne touche qu'au langage des boutons, bordures, cartes, encadrés et séparateurs. ========================================================= */ :root{ --spid-frame:#c6cec7; --spid-frame-strong:#aebbb2; --spid-frame-dark:rgba(255,255,255,.24); --spid-hard-shadow:#d7ddd6; --spid-green-edge:#06764e; --spid-dark-edge:#020806; } /* BOUTONS — moins "pill UI", plus objet physique */ .btn{ min-height:54px; padding:0 22px; border-radius:14px; border-width:2px; border-style:solid; letter-spacing:-.01em; transform:translateY(0); transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease; isolation:isolate; box-shadow: inset 0 1px 0 rgba(255,255,255,.46), inset 0 -2px 0 rgba(0,0,0,.08), 0 4px 0 rgba(2,20,14,.18), 0 12px 24px rgba(4,28,20,.12); } .btn::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:-1; opacity:.55; background: linear-gradient(180deg,rgba(255,255,255,.19),transparent 42%), repeating-linear-gradient(125deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px); } .btn:hover{ transform:translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.1), 0 6px 0 rgba(2,20,14,.18), 0 16px 28px rgba(4,28,20,.16); } .btn:active{ transform:translateY(2px); box-shadow: inset 0 2px 3px rgba(0,0,0,.13), 0 2px 0 rgba(2,20,14,.2), 0 7px 14px rgba(4,28,20,.10); } .btn-primary{ border-color:#08704c; background: linear-gradient(180deg,#35eca5 0%,#13d889 45%,#09bb75 100%); color:#03150e; box-shadow: inset 0 1px 0 rgba(255,255,255,.52), inset 0 -2px 0 rgba(0,74,47,.22), 0 5px 0 #08704c, 0 15px 28px rgba(8,158,101,.22); } .btn-primary:hover{ background:linear-gradient(180deg,#50f5b5 0%,#1de296 47%,#0bc47c 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.58), inset 0 -2px 0 rgba(0,74,47,.18), 0 7px 0 #08704c, 0 18px 34px rgba(8,158,101,.25); } .btn-primary:active{box-shadow:inset 0 2px 4px rgba(0,65,41,.18),0 2px 0 #08704c,0 8px 16px rgba(8,158,101,.16)} .btn-dark{ border-color:#000; background:linear-gradient(180deg,#14231e 0%,#07110e 58%,#030806 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,0,0,.5),0 5px 0 #000,0 14px 28px rgba(0,0,0,.2) } .btn-dark:hover{background:linear-gradient(180deg,#192c25,#091713 60%,#040a08);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 7px 0 #000,0 18px 34px rgba(0,0,0,.23)} .btn-ghost{ border-color:rgba(255,255,255,.38); background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045)); box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 0 rgba(0,0,0,.28),0 12px 22px rgba(0,0,0,.12) } .btn-cream{ border-color:#babaa9; background:linear-gradient(180deg,#fffef4 0%,#f3f0df 60%,#e9e5d2 100%); box-shadow:inset 0 1px 0 #fff,0 5px 0 #c8c5b5,0 13px 24px rgba(28,35,29,.12) } .nav .btn{min-height:46px;border-radius:12px} /* BADGES / FILTRES — contours visibles sans devenir des capsules génériques */ .pill,.meta-chip,.sale-bullets span{ border:2px solid rgba(7,61,43,.15); box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 0 rgba(4,39,27,.06); } .pill{border-radius:11px;background:linear-gradient(180deg,#e6fff3,#d4f8e6)} .meta-chip{border-radius:9px;background:linear-gradient(180deg,#f5f7ef,#e7ebe2)} .sale-bullets span{border-radius:10px;border-color:rgba(255,255,255,.28);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 0 rgba(0,0,0,.2)} .filter-btn{ border:2px solid var(--spid-frame-strong); border-radius:11px; background:linear-gradient(180deg,#fff,#eef1ea); box-shadow:inset 0 1px 0 #fff,0 3px 0 #cbd2cc,0 8px 14px rgba(8,33,25,.06); transition:.18s ease; } .filter-btn:hover{transform:translateY(-1px);border-color:#8ea097;box-shadow:inset 0 1px 0 #fff,0 4px 0 #bdc7c0,0 10px 16px rgba(8,33,25,.08)} .filter-btn.active{border-color:#08704c;background:linear-gradient(180deg,#22e095,#0fbd79);color:#04130d;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 0 #08704c,0 10px 18px rgba(8,158,101,.16)} /* NAV — un vrai cadre plutôt qu'une fine vitre */ .nav-shell{ border:2px solid rgba(255,255,255,.23); border-radius:18px; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(0,0,0,.35), 0 5px 0 rgba(0,0,0,.28), 0 18px 36px rgba(0,0,0,.18); } .nav-link{border-radius:10px;border:1px solid transparent} .nav-link:hover,.nav-link.active{border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} .menu-btn{border:2px solid rgba(255,255,255,.22);border-radius:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 0 rgba(0,0,0,.28)} /* CARTES CLAIRES — double lecture : contour + tranche + ombre */ .stats-card,.course-card,.step,.problem,.offer-card,.value-row,.module,.proof,.lesson,.guarantee,.float-card,.modal-card{ border-width:2px; border-style:solid; border-color:var(--spid-frame); background-color:var(--paper-2); background-image: linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,0) 28%), repeating-linear-gradient(125deg,rgba(8,31,24,.018) 0 1px,transparent 1px 4px); box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(3,24,17,.035), 0 5px 0 var(--spid-hard-shadow), 0 16px 32px rgba(5,34,25,.09); } .stats-card{border-radius:22px;overflow:hidden} .course-card{border-radius:20px;box-shadow:inset 0 1px 0 #fff,0 5px 0 #d6ddd7,0 15px 28px rgba(5,34,25,.075)} .course-card:hover{ transform:translateY(-5px); border-color:#83ac99; box-shadow:inset 0 1px 0 #fff,0 8px 0 #c9d7ce,0 23px 38px rgba(5,34,25,.13) } .step{border-radius:19px} .problem{border-radius:14px} .offer-card{border-radius:21px;border-color:#b6c2b9;box-shadow:inset 0 1px 0 #fff,0 6px 0 #cbd4cd,0 22px 42px rgba(5,34,25,.12)} .value-row{border-radius:14px} .module{border-radius:15px} .proof{border-radius:18px} .lesson{border-radius:11px} .float-card{border-radius:15px;border-color:#d0d7d1;box-shadow:inset 0 1px 0 #fff,0 5px 0 rgba(181,191,183,.82),0 18px 38px rgba(0,0,0,.19)} .modal-card{border-radius:22px;border-color:#b8c4bc;box-shadow:inset 0 1px 0 #fff,0 7px 0 rgba(9,36,27,.15),0 30px 90px rgba(0,0,0,.33)} .guarantee{border-color:#8ed6b4;background-color:#ddf9eb;background-image:linear-gradient(180deg,rgba(255,255,255,.62),transparent 32%),repeating-linear-gradient(125deg,rgba(8,74,48,.025) 0 1px,transparent 1px 4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 5px 0 #b5e8ce,0 16px 30px rgba(6,104,67,.09)} /* Séparateurs — visibles et structurants */ .stat+.stat{border-left:2px solid #d1d8d2} .course-bottom{border-top:2px solid #d8ddd8} .trust-strip{border-top:2px solid #e0e4df;border-bottom:2px solid #ccd4ce;box-shadow:inset 0 1px 0 #fff} .faq-item{border-bottom:2px solid #ccd4ce} .footer-bottom{border-top:2px solid rgba(255,255,255,.16)} .feature-line{border-bottom:2px solid rgba(255,255,255,.11)} /* Visuels / panneaux sombres — bord réel et texture */ .course-cover,.quote-card,.launch-banner,.dashboard{ border:2px solid rgba(255,255,255,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -2px 0 rgba(0,0,0,.28), 0 6px 0 rgba(0,0,0,.28), 0 22px 44px rgba(0,0,0,.22); } .course-cover{ border-radius:16px; background-color:var(--dark); background-image: linear-gradient(180deg,rgba(255,255,255,.045),transparent 36%), repeating-linear-gradient(130deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px); } .quote-card{border-radius:24px;border-color:rgba(255,255,255,.16);background-image:linear-gradient(145deg,rgba(18,217,137,.06),transparent 35%),repeating-linear-gradient(130deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px)} .launch-banner{border-radius:22px;border-color:rgba(76,255,183,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 0 #04100c,0 24px 46px rgba(0,0,0,.2)} .dashboard{border-radius:22px;border-color:#c9d2cc;box-shadow:inset 0 1px 0 #fff,0 7px 0 rgba(0,0,0,.24),0 30px 70px rgba(0,0,0,.34)} .course-icon{border:2px solid rgba(255,255,255,.22);border-radius:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 0 rgba(0,0,0,.25)} .round-btn{border:2px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 0 rgba(0,0,0,.3)} /* Formulaires — champs construits, pas juste un trait gris */ .field input{ border:2px solid #bcc7bf; border-radius:11px; background:linear-gradient(180deg,#fff,#f9faf7); box-shadow:inset 0 2px 4px rgba(6,31,23,.06),0 2px 0 #e2e6e2; } .field input:focus{border-color:#0b9f68;box-shadow:inset 0 2px 4px rgba(6,31,23,.06),0 0 0 3px rgba(18,217,137,.14),0 2px 0 #a9d9c2} /* Mobile / menus */ .nav-links.mobile{border:2px solid rgba(255,255,255,.23);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 0 rgba(0,0,0,.3),0 26px 60px rgba(0,0,0,.38)} .mobile-buy{border:2px solid rgba(255,255,255,.24);border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 0 rgba(0,0,0,.3),0 20px 40px rgba(0,0,0,.3)} /* Responsive : garde la matière, retire seulement la tranche sur petits éléments */ @media(max-width:760px){ .btn{min-height:52px;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.08),0 4px 0 rgba(2,20,14,.18),0 10px 20px rgba(4,28,20,.1)} .course-card,.stats-card,.offer-card,.module,.proof{border-width:2px} } /* Encadrés majeurs restants : même langage de matière */ .cta-band{ border:2px solid #08734e; border-radius:24px; background:linear-gradient(145deg,#2ce99f 0%,#12cf86 48%,#069e69 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -2px 0 rgba(0,75,48,.20),0 7px 0 #08734e,0 24px 44px rgba(8,151,98,.20) } .product-box{ border:2px solid #c3cbc5; border-radius:22px; background-color:var(--paper-2); background-image:linear-gradient(180deg,rgba(255,255,255,.86),transparent 28%),repeating-linear-gradient(125deg,rgba(8,31,24,.018) 0 1px,transparent 1px 4px); box-shadow:inset 0 1px 0 #fff,0 7px 0 #d4dad5,0 30px 70px rgba(0,0,0,.27) } .product-art{ border:2px solid rgba(255,255,255,.20); border-radius:17px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -2px 0 rgba(0,0,0,.28),0 5px 0 #06120e,0 14px 26px rgba(0,0,0,.22) } .product-art:before,.product-art:after{border-width:2px;border-color:rgba(255,255,255,.20)} .product-mini div{ border:2px solid #d0d7d1; border-radius:10px; background:linear-gradient(180deg,#f8faf5,#e9eee8); box-shadow:inset 0 1px 0 #fff,0 3px 0 #dce2dd } .trust-item{border-right:2px solid #d0d7d1} .transform-col{ border:2px solid #c7cec8; border-radius:20px; box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 0 #d5dbd6,0 16px 30px rgba(6,31,23,.07) } .transform-col.before{background-image:linear-gradient(180deg,#f5f2ed,#e8e4dd)} .transform-col.after{ border-color:rgba(255,255,255,.18); background-image:linear-gradient(180deg,#10251e,#07130f); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 0 #030906,0 18px 32px rgba(0,0,0,.18) } .instructor,.final-offer{ border:2px solid rgba(255,255,255,.17); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -2px 0 rgba(0,0,0,.26),0 7px 0 #030906,0 24px 44px rgba(0,0,0,.20) } .instructor{background-image:linear-gradient(145deg,rgba(18,217,137,.055),transparent 36%),repeating-linear-gradient(130deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px)} .instructor-art{ border:2px solid rgba(255,255,255,.20); border-radius:18px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 0 #030906,0 16px 30px rgba(0,0,0,.25) } .final-offer{border-color:rgba(58,239,167,.22)} .dash-side{ border:2px solid rgba(255,255,255,.14); border-radius:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 0 rgba(0,0,0,.22) } .progress-box{ border:2px solid #d0d8d2; border-radius:12px; background:linear-gradient(180deg,#f4f7f2,#e7ece6); box-shadow:inset 0 1px 0 #fff,0 3px 0 #dce2dd } .demo-note{ border:2px solid #d5dbd6; border-radius:8px; background:linear-gradient(180deg,#f2f4ef,#e8ebe6) } .modal-close{ border:2px solid #c3cbc5; border-radius:10px; background:linear-gradient(180deg,#f8faf6,#e6ebe6); box-shadow:inset 0 1px 0 #fff,0 3px 0 #cfd6d0 } .guarantee-icon{ border:2px solid #a9dabe; border-radius:17px; box-shadow:inset 0 1px 0 #fff,0 4px 0 #bfe6d1,0 10px 18px rgba(6,104,67,.08) } .module-btn,.faq-q{transition:background .16s ease} .module-btn:hover{background:rgba(8,126,80,.045)} .faq-q:hover{background:linear-gradient(90deg,rgba(8,126,80,.035),transparent 72%)} /* ========================================================= SPIDCampus — V1.3 / Homepage aspiration pass La DA V1.2 reste intacte sur catalogue et pages de vente. Ici on donne à l'accueil une vraie sensation de destination. ========================================================= */ .hero-green{color:var(--green);text-shadow:0 0 36px rgba(18,217,137,.12)} .dream-hero{min-height:910px;padding:165px 0 58px;background:radial-gradient(850px 520px at 72% 26%,rgba(18,217,137,.19),transparent 60%),radial-gradient(700px 500px at 10% 88%,rgba(0,93,67,.18),transparent 65%),linear-gradient(180deg,#06110e 0%,#071612 72%,#081913 100%)} .dream-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0 57%,rgba(255,255,255,.025) 57% 57.15%,transparent 57.15% 100%)} .dream-hero:after{opacity:.13;background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0 62%,transparent 94%)} .dream-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;position:relative;z-index:3} .dream-hero-copy{padding-top:12px}.dream-hero .display{font-size:clamp(68px,8.2vw,126px);max-width:780px;margin-top:24px;line-height:.84}.dream-hero .subtitle{max-width:680px;font-size:20px}.dream-hero .subtitle strong{color:#fff;font-weight:780}.dream-hero-line{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:36px;color:rgba(255,255,255,.36);font-size:10px;letter-spacing:.13em}.dream-hero-line i{height:2px;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(18,217,137,.55));box-shadow:0 1px 0 rgba(0,0,0,.4)}.dream-hero-line b{color:rgba(255,255,255,.62);font-weight:850} .dream-stage{position:relative;min-height:600px;display:grid;place-items:center;isolation:isolate}.dream-stage:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(23,237,151,.17),rgba(23,237,151,.05) 42%,transparent 72%);filter:blur(5px);z-index:-2}.dream-orbit{position:absolute;border:2px solid rgba(82,255,185,.15);border-radius:50%;z-index:-1}.orbit-one{width:530px;height:340px;transform:rotate(-24deg)}.orbit-two{width:430px;height:560px;transform:rotate(31deg);border-color:rgba(255,255,255,.07)}.dream-logo{position:absolute;top:28px;right:54px;width:92px;height:108px;display:grid;place-items:center;filter:drop-shadow(0 18px 24px rgba(0,0,0,.3))}.dream-logo img{width:100%;height:100%;object-fit:contain}.campus-pass{width:min(470px,87%);min-height:360px;padding:30px;background:linear-gradient(145deg,#f9faf5,#e9eee9);color:var(--ink);border:3px solid #c3cdc5;border-radius:26px;box-shadow:0 10px 0 #172a24,0 34px 80px rgba(0,0,0,.42),inset 0 1px 0 #fff;transform:perspective(1100px) rotateY(-8deg) rotateX(4deg) rotateZ(-2deg);position:relative;overflow:hidden}.campus-pass:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,rgba(8,44,32,.018) 0 1px,transparent 1px 5px);pointer-events:none}.campus-pass:after{content:"SPID";position:absolute;right:-18px;bottom:-54px;font-size:150px;font-weight:950;letter-spacing:-.09em;color:rgba(6,48,33,.045)}.pass-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;border-bottom:2px solid #bfc9c1;padding-bottom:16px}.pass-top span{color:#087c51}.pass-top b{color:#738078}.pass-kicker{margin-top:48px;font-size:10px;letter-spacing:.14em;color:#7c8881;font-weight:900}.campus-pass h3{font-size:38px;letter-spacing:-.055em;line-height:.95;margin:8px 0 10px;max-width:330px}.campus-pass>p{font-size:13px;line-height:1.55;color:#65736b;max-width:330px}.pass-progress{margin-top:28px}.pass-progress>span{display:flex;justify-content:space-between;gap:18px;font-size:10px}.pass-progress em{font-style:normal;font-weight:900;color:#087b50}.pass-progress>i{display:block;height:10px;background:#d3dad4;border:2px solid #c1c9c3;border-radius:5px;margin-top:9px;box-shadow:inset 0 2px 3px rgba(2,22,15,.12)}.pass-progress u{display:block;width:68%;height:100%;background:linear-gradient(180deg,#35efa6,#06ae72);border-right:2px solid #066a47;text-decoration:none}.pass-bottom{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #c0c9c2;margin-top:24px;padding-top:18px;font-size:10px;font-weight:900;letter-spacing:.08em}.pass-bottom strong{color:#087b50}.stage-ticket{position:absolute;background:#081511;color:white;border:2px solid rgba(255,255,255,.20);border-radius:16px;padding:17px 19px;box-shadow:0 6px 0 #020806,0 20px 38px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);min-width:180px}.stage-ticket small{display:block;color:var(--green);font-size:8px;letter-spacing:.13em;font-weight:900}.stage-ticket b{display:block;font-size:20px;letter-spacing:-.035em;margin:5px 0}.stage-ticket span{font-size:10px;color:rgba(255,255,255,.5)}.stage-ticket-a{left:-10px;bottom:78px;transform:rotate(-2deg)}.stage-ticket-b{right:-8px;top:175px;transform:rotate(2deg)}.stage-label{position:absolute;right:18px;bottom:28px;color:rgba(255,255,255,.33);font-size:9px;letter-spacing:.18em;font-weight:900;writing-mode:vertical-rl}.dream-hero-foot{position:relative;z-index:4;margin-top:50px;border-top:2px solid rgba(255,255,255,.13);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.42);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.dream-hero-foot b{color:rgba(255,255,255,.78)} .dream-stats{margin-top:-2px;background:#081913;padding-bottom:18px}.dream-stats .stats-card{border:2px solid #b6c0b9;box-shadow:0 7px 0 #092118,0 18px 38px rgba(0,0,0,.16)}.dream-stats .stat+.stat{border-left:2px solid #c8d0ca} .home-belief{padding:132px 0 116px;background:#f3f2e8;position:relative}.home-belief:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 8%,rgba(8,45,32,.035) 8% 8.15%,transparent 8.15% 92%,rgba(8,45,32,.035) 92% 92.15%,transparent 92.15%)}.belief-grid{display:grid;grid-template-columns:130px 1fr 320px;gap:50px;align-items:start}.belief-index{border-top:3px solid var(--ink);padding-top:13px;display:flex;justify-content:space-between;align-items:center}.belief-index span{font-size:34px;font-weight:950;letter-spacing:-.06em}.belief-index b{font-size:9px;letter-spacing:.12em;writing-mode:vertical-rl;color:#6f7a74}.belief-copy h2{font-size:clamp(44px,5.5vw,80px);line-height:.93;letter-spacing:-.06em;margin:18px 0 24px;max-width:820px}.belief-copy h2 span{color:#078355}.belief-copy p{font-size:18px;line-height:1.65;color:#66736c;max-width:760px}.belief-copy p strong{color:var(--ink)}.belief-result{border:3px solid #b9c2bb;border-radius:18px;background:#fbfbf6;box-shadow:0 7px 0 #d2d8d2;padding:10px}.belief-result div{padding:20px 18px;border-bottom:2px solid #d3dad4}.belief-result div:last-child{border:0}.belief-result small{font-size:9px;letter-spacing:.12em;color:#748079;font-weight:900;display:block;margin-bottom:6px}.belief-result b{font-size:17px;letter-spacing:-.02em}.home-courses{background:#f8f8f1}.home-courses .course-cover{overflow:hidden}.cover-word{position:absolute;right:-10px;bottom:-18px;color:rgba(255,255,255,.07);font-size:58px;font-weight:950;letter-spacing:-.07em}.course-after{margin-top:42px;border-top:3px solid #bfc8c1;padding-top:24px;display:grid;grid-template-columns:180px 1fr auto;gap:25px;align-items:center}.course-after>span{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.course-after p{color:var(--muted);font-size:14px;max-width:520px;margin:0} .campus-world{position:relative;background:linear-gradient(180deg,#06110e 0%,#071914 60%,#04100c 100%);color:white;padding:125px 0 120px;overflow:hidden}.campus-world:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.06) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.06) 2px,transparent 2px);background-size:92px 92px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.campus-glow{position:absolute;width:900px;height:900px;right:-280px;top:200px;background:radial-gradient(circle,rgba(18,217,137,.18),transparent 67%);filter:blur(12px)}.campus-world>.container{position:relative;z-index:2}.campus-world-head{display:grid;grid-template-columns:130px 1fr 380px;gap:48px;align-items:end;margin-bottom:72px}.campus-index{border-top:3px solid rgba(255,255,255,.6);padding-top:12px;display:flex;justify-content:space-between}.campus-index span{font-size:34px;font-weight:950}.campus-index b{font-size:9px;letter-spacing:.14em;writing-mode:vertical-rl;color:rgba(255,255,255,.4)}.campus-world-head h2{font-size:clamp(48px,6.3vw,88px);line-height:.9;letter-spacing:-.06em;margin:18px 0 0}.campus-world-head h2 span{color:var(--green)}.campus-world-head>p{font-size:16px;line-height:1.7;color:rgba(255,255,255,.58);margin:0}.campus-world-head>p strong{color:#fff}.campus-scene{position:relative;padding:30px 56px 70px}.campus-screen{background:#e9eee9;border:4px solid #98a89e;border-radius:24px;box-shadow:0 13px 0 #010504,0 48px 100px rgba(0,0,0,.55),0 0 0 2px rgba(255,255,255,.10);overflow:hidden;color:var(--ink)}.campus-browserbar{height:52px;background:linear-gradient(180deg,#f6f8f5,#d7dfd8);border-bottom:3px solid #adbbb1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 17px;font-size:9px;color:#65736b;letter-spacing:.04em;box-shadow:inset 0 1px 0 white}.campus-browserbar div{display:flex;gap:7px}.campus-browserbar i{width:10px;height:10px;border-radius:50%;background:#a8b5ac;border:1px solid #85948a}.campus-browserbar b{text-align:right;color:#536158}.campus-app{display:grid;grid-template-columns:190px 1fr;min-height:520px}.campus-navpanel{background:linear-gradient(180deg,#06120e,#081b15);color:white;padding:24px 18px;border-right:3px solid #15382c;display:flex;flex-direction:column}.campus-mini-brand{display:flex;gap:8px;align-items:center;font-weight:900;font-size:12px}.campus-mini-brand img{width:27px;height:31px;object-fit:contain}.campus-mini-brand em{font-style:normal;color:var(--green)}.campus-navpanel nav{display:grid;gap:9px;margin-top:38px}.campus-navpanel nav span,.campus-navpanel nav b{padding:11px 12px;border-radius:9px;font-size:10px}.campus-navpanel nav b{background:linear-gradient(180deg,rgba(18,217,137,.2),rgba(18,217,137,.08));border:2px solid rgba(18,217,137,.35);box-shadow:0 3px 0 rgba(0,0,0,.32)}.campus-navpanel nav span{color:rgba(255,255,255,.46);border:2px solid transparent}.campus-level{margin-top:auto;border-top:2px solid rgba(255,255,255,.12);padding-top:18px;display:grid;grid-template-columns:1fr auto;gap:2px}.campus-level small{font-size:7px;color:rgba(255,255,255,.4);letter-spacing:.12em}.campus-level strong{grid-row:1/3;grid-column:2;font-size:31px;color:var(--green)}.campus-level span{font-size:10px;font-weight:800}.campus-mainpanel{padding:30px;background:linear-gradient(135deg,#f5f6f1,#e7ece7)}.campus-greeting{display:flex;justify-content:space-between;align-items:center}.campus-greeting small{font-size:8px;letter-spacing:.13em;color:#7c8981;font-weight:900}.campus-greeting h3{font-size:27px;letter-spacing:-.045em;margin:5px 0}.campus-streak{width:82px;height:63px;border:2px solid #b8c4bb;border-radius:12px;background:white;box-shadow:0 4px 0 #ced6d0;display:grid;grid-template-columns:1fr auto;align-items:center;padding:9px}.campus-streak span,.campus-streak small{font-size:7px;color:#718078}.campus-streak b{grid-row:1/3;grid-column:2;font-size:30px;color:#087b50}.campus-focus{display:grid;grid-template-columns:1fr 180px;gap:18px;margin-top:20px;border:3px solid #aebbb2;border-radius:18px;background:#fff;box-shadow:0 7px 0 #c8d1ca;padding:23px}.focus-copy>small{font-size:8px;letter-spacing:.13em;color:#087b50;font-weight:950}.focus-copy h4{font-size:30px;letter-spacing:-.05em;margin:6px 0}.focus-copy p{font-size:11px;line-height:1.5;color:#66756c;max-width:440px}.focus-meta{display:flex;gap:6px;margin:13px 0}.focus-meta span{border:2px solid #d1d8d2;background:#f0f3ee;padding:6px 8px;border-radius:7px;font-size:8px;font-weight:850}.campus-play{border:2px solid #075c40;border-radius:10px;background:linear-gradient(180deg,#1ee99b,#08b978);box-shadow:0 4px 0 #066a49,0 9px 16px rgba(6,109,72,.18);padding:10px 13px;font-size:9px;font-weight:950;color:#062a1c}.campus-play b{margin-left:12px}.focus-score{border-left:3px solid #d0d8d1;padding-left:22px;display:flex;flex-direction:column;justify-content:center}.focus-score>span{font-size:8px;letter-spacing:.12em;color:#79877f;font-weight:900}.focus-score strong{font-size:50px;letter-spacing:-.07em}.focus-score sup{font-size:16px}.focus-score>div{height:8px;border:2px solid #c5cec7;border-radius:4px;background:#dde3de;overflow:hidden}.focus-score i{display:block;width:68%;height:100%;background:#0cc77f}.focus-score small{margin-top:8px;color:#6d7b73;font-size:8px}.campus-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;margin-top:16px}.campus-card{min-height:130px;border:2px solid #b8c3bb;border-radius:13px;background:#fdfdf9;box-shadow:0 4px 0 #d0d7d1;padding:16px}.campus-card-head{display:flex;justify-content:space-between;font-size:8px;color:#7a8780;letter-spacing:.08em;font-weight:900}.campus-card>strong{display:block;font-size:14px;letter-spacing:-.025em;margin-top:18px}.campus-card>small{display:block;font-size:8px;color:#7c8881;margin-top:4px}.mini-track{height:7px;border:2px solid #ced6cf;background:#e3e8e3;border-radius:4px;margin-top:12px;overflow:hidden}.mini-track i{display:block;height:100%;background:#0ac87f}.vault-tags{display:flex;gap:4px;margin-top:12px}.vault-tags i{font-style:normal;background:#e7eee9;border:1px solid #cbd4cc;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:850}.campus-card-dark{background:#091a14;color:white;border-color:#193e31;box-shadow:0 4px 0 #020907}.campus-card-dark .campus-card-head,.campus-card-dark>small{color:rgba(255,255,255,.45)}.campus-card-dark em{display:block;margin-top:17px;color:var(--green);font-size:7px;font-style:normal;font-weight:900;letter-spacing:.08em}.campus-float{position:absolute;z-index:6;min-width:160px;background:#f7f8f3;color:var(--ink);border:3px solid #b9c4bb;border-radius:14px;box-shadow:0 6px 0 #152b23,0 22px 38px rgba(0,0,0,.36);padding:16px}.campus-float small{font-size:7px;letter-spacing:.12em;color:#718078;font-weight:950}.campus-float b{display:block;font-size:23px;letter-spacing:-.04em;margin:4px 0}.campus-float span{font-size:9px;color:#718078}.campus-float-left{left:-5px;bottom:15px;transform:rotate(-2deg)}.campus-float-right{right:0;top:112px;transform:rotate(2deg)}.campus-promise{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border-top:3px solid rgba(255,255,255,.22);border-bottom:3px solid rgba(255,255,255,.22)}.campus-promise>div{padding:30px 26px;min-height:220px}.campus-promise>div+div{border-left:2px solid rgba(255,255,255,.14)}.campus-promise span{font-size:11px;color:var(--green);font-weight:950;letter-spacing:.1em}.campus-promise h3{font-size:21px;line-height:1.05;letter-spacing:-.035em;margin:30px 0 10px}.campus-promise p{font-size:12px;line-height:1.6;color:rgba(255,255,255,.47)}.campus-day{margin-top:84px;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.campus-day-intro{position:sticky;top:120px}.campus-day-intro>span{font-size:9px;letter-spacing:.14em;color:var(--green);font-weight:950}.campus-day-intro h3{font-size:clamp(36px,4.1vw,58px);line-height:.95;letter-spacing:-.05em;margin:13px 0 16px}.campus-day-intro p{color:rgba(255,255,255,.48);line-height:1.65;max-width:420px}.campus-timeline{border-left:3px solid rgba(255,255,255,.2)}.campus-timeline>div{display:grid;grid-template-columns:85px 1fr;gap:4px 22px;padding:21px 0 26px 32px;position:relative;border-bottom:2px solid rgba(255,255,255,.1)}.campus-timeline>div:before{content:"";position:absolute;left:-8px;top:27px;width:13px;height:13px;background:var(--green);border:3px solid #071914;box-shadow:0 0 0 2px rgba(18,217,137,.35)}.campus-timeline time{grid-row:1/3;font-size:11px;color:var(--green);font-weight:950;letter-spacing:.1em}.campus-timeline b{font-size:18px}.campus-timeline span{font-size:12px;color:rgba(255,255,255,.42)} .method-v3{background:#f5f5ed}.method-v3 .step{border-width:3px;box-shadow:0 6px 0 #d1d7d1;min-height:300px}.method-v3 .step small{font-size:8px;letter-spacing:.13em;color:#7b8880;font-weight:950}.method-v3 .step h3{font-size:28px;margin-top:10px}.kept-section{background:#ecefe8;border-top:3px solid #d4d9d3}.kept-head{display:grid;grid-template-columns:200px 1fr;gap:50px;align-items:start;margin-bottom:48px}.kept-head>span{font-size:10px;letter-spacing:.14em;font-weight:950;border-top:3px solid var(--ink);padding-top:11px}.kept-head h2{font-size:clamp(44px,5.3vw,76px);letter-spacing:-.06em;line-height:.93;margin:0}.kept-head h2 strong{color:#087e52}.kept-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.kept-card{min-height:240px;padding:26px;border:3px solid #b5c0b7;border-radius:16px;background:#fafbf6;box-shadow:0 7px 0 #cbd3cc;position:relative;overflow:hidden}.kept-card h3{font-size:25px;letter-spacing:-.04em;margin:38px 0 10px}.kept-card p{font-size:13px;line-height:1.6;color:#68766e}.kept-main{grid-row:span 2;min-height:496px;background:linear-gradient(145deg,#071711,#0b2a20);color:white;border-color:#1f5a43;box-shadow:0 8px 0 #03100b}.kept-main:after{content:"SPID";position:absolute;bottom:-52px;right:-16px;font-size:170px;font-weight:950;color:rgba(255,255,255,.035);letter-spacing:-.09em}.kept-main small{color:var(--green);font-size:9px;letter-spacing:.13em;font-weight:950}.kept-main h3{font-size:48px;margin-top:105px}.kept-main p{color:rgba(255,255,255,.55);font-size:15px;max-width:370px}.kept-line{position:absolute;left:26px;right:26px;bottom:35px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:9px;color:rgba(255,255,255,.44);font-weight:900}.kept-line i{height:3px;background:linear-gradient(90deg,rgba(255,255,255,.2),var(--green))}.kept-no{font-size:11px;color:#087e52;font-weight:950}.manifesto-card{display:grid;grid-template-columns:130px 1fr;gap:32px;border:3px solid #164333;box-shadow:0 8px 0 #020907,0 25px 55px rgba(0,0,0,.18)}.quote-side{border-right:2px solid rgba(255,255,255,.14);padding-right:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px}.quote-side span{font-size:9px;color:rgba(255,255,255,.42);letter-spacing:.13em;font-weight:950;writing-mode:vertical-rl}.quote-side b{font-size:68px;color:var(--green);line-height:.8;letter-spacing:-.08em}.final-home-cta{background:#f5f5ed;padding-top:72px}.final-home-cta .cta-band{border:3px solid #058154;box-shadow:0 9px 0 #056b48,0 28px 56px rgba(18,217,137,.22);background:radial-gradient(650px 220px at 85% 5%,rgba(255,255,255,.24),transparent 56%),linear-gradient(135deg,#16dd8e,#05ae73)}.cta-copy>span{font-size:9px;letter-spacing:.14em;font-weight:950;color:#075839}.final-home-cta .cta-band h2{margin-top:11px}.final-home-cta .cta-band p{max-width:640px} @media(max-width:1080px){.dream-hero-grid,.belief-grid,.campus-world-head{grid-template-columns:1fr}.belief-index,.campus-index{width:130px}.belief-result{display:grid;grid-template-columns:repeat(3,1fr)}.belief-result div{border-bottom:0;border-right:2px solid #d3dad4}.belief-result div:last-child{border-right:0}.campus-world-head>p{max-width:680px}.campus-scene{padding-inline:14px}.campus-float{display:none}.campus-promise{grid-template-columns:repeat(2,1fr)}.campus-promise>div:nth-child(3){border-left:0;border-top:2px solid rgba(255,255,255,.14)}.campus-promise>div:nth-child(4){border-top:2px solid rgba(255,255,255,.14)}.campus-day{grid-template-columns:1fr}.campus-day-intro{position:static}.kept-grid{grid-template-columns:1fr 1fr}.kept-main{grid-row:auto;grid-column:1/-1;min-height:400px}.course-after{grid-template-columns:1fr auto}.course-after p{grid-column:1/-1;grid-row:2}.dream-stage{min-height:550px}} @media(max-width:780px){.dream-hero{padding-top:138px;min-height:auto}.dream-hero .display{font-size:64px}.dream-stage{min-height:500px}.campus-pass{transform:none;width:90%}.stage-ticket-a{left:0}.stage-ticket-b{right:0}.dream-logo{right:10px}.dream-hero-foot{display:none}.belief-result{grid-template-columns:1fr}.belief-result div{border-right:0;border-bottom:2px solid #d3dad4}.course-after{grid-template-columns:1fr}.course-after p{grid-row:auto}.campus-app{grid-template-columns:130px 1fr}.campus-navpanel{padding:18px 10px}.campus-navpanel nav span,.campus-navpanel nav b{font-size:8px;padding:9px 7px}.campus-mainpanel{padding:18px}.campus-focus{grid-template-columns:1fr}.focus-score{border-left:0;border-top:3px solid #d0d8d1;padding:18px 0 0}.campus-row{grid-template-columns:1fr}.campus-promise{grid-template-columns:1fr}.campus-promise>div+div{border-left:0;border-top:2px solid rgba(255,255,255,.14)}.campus-promise>div:nth-child(3){border-top:2px solid rgba(255,255,255,.14)}.kept-grid{grid-template-columns:1fr}.kept-main{grid-column:auto}.kept-head{grid-template-columns:1fr}.manifesto-card{grid-template-columns:1fr}.quote-side{border-right:0;border-bottom:2px solid rgba(255,255,255,.14);min-height:auto;padding:0 0 18px;display:flex;flex-direction:row}.quote-side span{writing-mode:initial}.quote-side b{font-size:34px}.final-home-cta .cta-band{grid-template-columns:1fr}.campus-world{padding-top:95px}} @media(max-width:560px){.dream-hero .display{font-size:54px}.dream-hero .subtitle{font-size:17px}.dream-stage{min-height:440px}.campus-pass{padding:22px}.campus-pass h3{font-size:31px}.stage-ticket{min-width:145px;padding:13px}.stage-ticket b{font-size:17px}.stage-ticket-a{bottom:30px}.stage-ticket-b{top:120px}.dream-logo{width:70px;height:84px}.belief-copy h2,.campus-world-head h2{font-size:46px}.campus-scene{padding:10px 0 45px}.campus-screen{border-width:3px;border-radius:16px}.campus-browserbar{display:flex;justify-content:space-between}.campus-browserbar>b{display:none}.campus-app{grid-template-columns:1fr}.campus-navpanel{display:none}.campus-mainpanel{padding:13px}.campus-greeting h3{font-size:20px}.campus-streak{width:70px}.campus-focus{padding:15px}.focus-copy h4{font-size:25px}.campus-world-head{margin-bottom:44px}.campus-promise{margin-top:38px}.campus-day{margin-top:55px}.campus-timeline>div{grid-template-columns:58px 1fr;padding-left:24px}.kept-main h3{font-size:39px;margin-top:75px}.kept-main{min-height:360px}.manifesto-card{padding:30px 24px 90px}.quote-text{font-size:28px}} /* V1.4 — home + campus: less copy, more product */ .home4-hero,.campus4-hero{background:#07110e;color:#fff;position:relative;overflow:hidden;padding:155px 0 92px;border-bottom:3px solid #13271f}.home4-hero:before,.campus4-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 80% 34%,rgba(18,217,137,.14),transparent 68%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,68px 68px;opacity:.8}.home4-hero-grid,.campus4-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:74px;align-items:center;position:relative;z-index:1}.home4-kicker{font-size:11px;letter-spacing:.13em;font-weight:900;color:rgba(255,255,255,.62);display:flex;align-items:center;gap:10px}.home4-kicker span{width:10px;height:10px;border-radius:2px;background:var(--green);box-shadow:0 0 0 3px rgba(18,217,137,.12)}.home4-copy h1,.campus4-copy h1{font-size:clamp(58px,6.8vw,96px);line-height:.92;letter-spacing:-.065em;margin:24px 0 26px;max-width:760px}.home4-copy h1 em,.campus4-copy h1 em{font-style:normal;color:var(--green);font-weight:inherit}.home4-copy>p,.campus4-copy>p{font-size:18px;line-height:1.6;color:rgba(255,255,255,.67);max-width:620px;margin:0}.home4-ghost{color:#fff;border-color:rgba(255,255,255,.36)!important;background:#0c1915!important;box-shadow:0 4px 0 #000!important}.home4-proofline{display:flex;flex-wrap:wrap;gap:20px;margin-top:38px;padding-top:24px;border-top:2px solid rgba(255,255,255,.14)}.home4-proofline span{font-size:12px;color:rgba(255,255,255,.62)}.home4-proofline b{color:var(--green);margin-right:6px}.home4-product{position:relative;min-height:520px;display:grid;place-items:center}.home4-device{width:min(650px,100%);background:#f6f7f1;color:#0a1612;border:3px solid #ced6d0;border-radius:20px;box-shadow:0 8px 0 #162a22,0 40px 90px rgba(0,0,0,.38);overflow:hidden;transform:rotate(-1deg)}.home4-device-top{height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c9d1cb;background:#eef1eb}.home4-brand,.hcp-logo{display:flex;align-items:center;gap:9px;font-weight:950;letter-spacing:-.04em}.home4-brand img,.hcp-logo img{width:31px;height:34px;object-fit:contain}.home4-brand em,.hcp-logo em{font-style:normal;color:#079665}.home4-device-top>span{font-size:9px;letter-spacing:.13em;font-weight:900;color:#718078}.home4-device-body{display:grid;grid-template-columns:135px 1fr;min-height:370px}.home4-device-body aside{background:#0a1713;color:rgba(255,255,255,.58);padding:24px 16px;display:grid;align-content:start;gap:11px;border-right:3px solid #172922}.home4-device-body aside span,.home4-device-body aside strong{font-size:10px;padding:10px 9px;border-radius:7px}.home4-device-body aside strong{background:#113326;color:#59efa9;border:1px solid #20573f}.home4-dashboard{padding:28px}.home4-dash-head{display:grid;grid-template-columns:1fr auto;gap:3px}.home4-dash-head small{grid-column:1/-1;color:#6d7b74;font-size:9px;letter-spacing:.12em}.home4-dash-head b{font-size:22px;letter-spacing:-.04em}.home4-dash-head span{font-size:14px;color:#078557;font-weight:900}.home4-progress{height:9px;border:2px solid #c8d0ca;border-radius:4px;margin:14px 0 24px;background:#e5eae6;overflow:hidden;box-shadow:inset 0 2px 3px rgba(0,0,0,.08)}.home4-progress i{display:block;width:68%;height:100%;background:#0fc982;border-right:2px solid #087a51}.home4-lesson{display:flex;align-items:center;justify-content:space-between;border:2px solid #bdc7c0;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 0 #b3bdb6}.home4-lesson span{font-size:9px;font-weight:900;color:#0b8a5d;letter-spacing:.12em}.home4-lesson h3{font-size:20px;margin:5px 0 3px}.home4-lesson small{color:#78847e}.home4-lesson button{width:48px;height:48px;border-radius:10px;border:2px solid #0b4d37;background:#0c6f4b;color:#fff;box-shadow:0 4px 0 #073b2b;cursor:pointer}.home4-lower{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.home4-lower>div{border:2px solid #c7cfc9;border-radius:10px;padding:16px;background:#eef2ed;box-shadow:0 3px 0 #bdc6c0}.home4-lower small,.home4-lower span{display:block;color:#7c8882;font-size:9px}.home4-lower b{display:block;margin:4px 0;font-size:14px}.home4-tag{position:absolute;padding:12px 15px;background:#0b1814;border:2px solid rgba(255,255,255,.18);color:#fff;font-size:10px;font-weight:900;letter-spacing:.05em;border-radius:9px;box-shadow:0 5px 0 #000}.tag-a{left:-8px;bottom:66px}.tag-b{right:-8px;top:68px}.home4-strip{background:#edf1ec;border-bottom:3px solid #c6cec8}.home4-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.home4-strip-grid>div{padding:24px 22px;border-right:2px solid #c9d1cb}.home4-strip-grid>div:first-child{border-left:2px solid #c9d1cb}.home4-strip-grid span{display:block;font-size:9px;letter-spacing:.14em;color:#0c875c;font-weight:950;margin-bottom:5px}.home4-strip-grid b{font-size:13px}.home4-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:44px}.home4-section-head>span,.home4-course-head>div>span,.home4-campus-intro>div>span,.home4-trainer-copy>span,.home4-final-card span,.campus4-section-head>span{font-size:10px;letter-spacing:.14em;color:#078b5d;font-weight:950}.home4-section-head h2,.home4-course-head h2,.home4-campus-intro h2,.home4-trainer-copy h2,.campus4-section-head h2{font-size:clamp(38px,4vw,60px);line-height:1;letter-spacing:-.05em;margin:8px 0 0}.home4-section-head h2 em,.home4-campus-intro h2 em{font-style:normal;color:#0a8b5d}.home4-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home4-outcome{background:#f5f6f1;border:2px solid #c1cbc4;border-radius:14px;padding:28px;box-shadow:0 5px 0 #aab7ae}.home4-outcome>b{display:inline-grid;place-items:center;width:36px;height:34px;border:2px solid #07583d;background:#0b714e;color:#fff;border-radius:7px;box-shadow:0 3px 0 #064531;font-size:11px}.home4-outcome h3{font-size:24px;margin:28px 0 7px;letter-spacing:-.035em}.home4-outcome p{margin:0;color:#647169}.home4-courses{background:#eef1ec;border-top:3px solid #c7d0c9;border-bottom:3px solid #c7d0c9}.home4-course-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.home4-course-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:18px}.home4-course{background:#fff;border:2px solid #bfc9c2;border-radius:15px;overflow:hidden;box-shadow:0 6px 0 #aab6ae;display:flex;flex-direction:column}.home4-course-art{height:220px;background:#0a1713;color:#fff;border-bottom:3px solid #0f2c22;position:relative;display:grid;place-items:center;overflow:hidden}.home4-course-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px}.home4-course-art span{position:absolute;left:16px;top:14px;font-size:9px;color:#50eaa7;letter-spacing:.12em;font-weight:900}.home4-course-art b{font-size:70px;color:#18d991;z-index:1;letter-spacing:-.06em}.home4-course-art em{position:absolute;right:16px;bottom:12px;font-style:normal;font-size:18px;font-weight:950;letter-spacing:.1em;color:rgba(255,255,255,.32)}.home4-course-art.compact{height:170px}.home4-course-art.compact b{font-size:50px}.home4-course-copy{padding:24px;display:flex;flex-direction:column;flex:1}.home4-course-copy small{font-size:9px;letter-spacing:.12em;color:#078b5d;font-weight:950}.home4-course-copy h3{font-size:24px;margin:6px 0 8px;letter-spacing:-.04em}.home4-course-main .home4-course-copy h3{font-size:30px}.home4-course-copy p{color:#69756f;margin:0 0 18px;line-height:1.5}.home4-course-copy>div{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.home4-course-copy>div span{border:2px solid #ccd4ce;border-radius:6px;padding:7px 9px;font-size:9px;font-weight:800;background:#f4f6f3}.home4-course-copy>a{margin-top:auto;text-decoration:none;color:#083f2e;font-weight:900;font-size:12px}.home4-campus{background:#07110e;color:#fff;padding:100px 0;border-bottom:3px solid #13271f}.home4-campus-intro{display:grid;grid-template-columns:1fr 320px auto;gap:40px;align-items:end;margin-bottom:46px}.home4-campus-intro p{margin:0;color:rgba(255,255,255,.58);font-size:16px;line-height:1.5}.home4-campus-preview{border:3px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 8px 0 #000,0 35px 80px rgba(0,0,0,.3);display:grid;grid-template-columns:190px 1fr;overflow:hidden;background:#f1f3ee;color:#07110e}.hcp-side{background:#0a1813;color:#fff;padding:24px;border-right:3px solid #193127;display:flex;flex-direction:column}.hcp-logo{font-size:14px}.hcp-side nav{display:grid;gap:7px;margin:34px 0}.hcp-side nav>*{padding:11px 10px;border-radius:7px;font-size:11px;color:rgba(255,255,255,.58)}.hcp-side nav b{background:#123628;color:#58efa9;border:1px solid #1f5b42}.hcp-mini{margin-top:auto;padding:14px;border:2px solid rgba(255,255,255,.13);border-radius:9px}.hcp-mini small,.hcp-mini b{display:block}.hcp-mini small{font-size:8px;color:rgba(255,255,255,.45)}.hcp-mini b{font-size:20px;color:#44e7a0}.hcp-main{padding:34px}.hcp-welcome{display:flex;justify-content:space-between;align-items:flex-start}.hcp-welcome small{font-size:9px;letter-spacing:.12em;color:#078b5d;font-weight:900}.hcp-welcome h3{font-size:28px;margin:5px 0}.hcp-welcome>span{font-size:11px;font-weight:900;padding:8px 10px;border:2px solid #bec8c1;background:#fff;border-radius:7px}.hcp-featured{margin-top:22px;background:#0c1a15;color:#fff;border:3px solid #172b23;border-radius:14px;padding:28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 0 #000}.hcp-featured small{color:#4fe8a5;font-size:9px;letter-spacing:.12em}.hcp-featured h4{font-size:30px;margin:6px 0}.hcp-featured p{color:rgba(255,255,255,.55);margin:0 0 18px}.hcp-featured a{color:#fff;font-weight:900;text-decoration:none;font-size:11px}.hcp-ring{width:110px;height:110px;border:11px solid #1a3b2e;border-top-color:#1dd690;border-right-color:#1dd690;border-radius:50%;display:grid;place-items:center;position:relative}.hcp-ring b{font-size:32px}.hcp-ring span{position:absolute;right:23px;bottom:29px;font-size:11px}.hcp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:17px}.hcp-grid>div{border:2px solid #c1cbc4;border-radius:10px;background:#fff;padding:17px;box-shadow:0 4px 0 #b4bfb7}.hcp-grid small,.hcp-grid span{display:block}.hcp-grid small{font-size:8px;letter-spacing:.1em;color:#078b5d;font-weight:900}.hcp-grid b{display:block;margin:7px 0 4px;font-size:15px}.hcp-grid span{font-size:10px;color:#737f78}.home4-trainer-wrap{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px;align-items:stretch}.home4-trainer-copy{padding:26px 32px 26px 0}.home4-trainer-copy h2{font-size:46px}.home4-trainer-card{border:2px solid #bdc8c0;background:#f4f6f2;border-radius:14px;box-shadow:0 5px 0 #aab6ae;padding:18px;display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center}.trainer-photo{border:2px solid #9fb2a7;background:#0b1d16;display:grid;place-items:center;color:#3ce39a;box-shadow:0 4px 0 #758a7e;overflow:hidden}.home4-trainer-card .trainer-photo{width:92px;height:112px;border-radius:10px}.trainer-photo span{font-weight:950;letter-spacing:-.05em}.tp-one{background:radial-gradient(circle at 70% 28%,#1e543d,#0a1713 55%)}.tp-two{background:radial-gradient(circle at 30% 30%,#254d3c,#111816 60%)}.home4-trainer-card small{font-size:8px;color:#078b5d;font-weight:950;letter-spacing:.12em}.home4-trainer-card b{display:block;font-size:20px;margin:5px 0}.home4-trainer-card p{font-size:12px;color:#6a776f;margin:0;line-height:1.5}.home4-quote{background:#e9eee9}.home4-quote-card{border:3px solid #18261f;background:#f7f8f4;padding:42px;border-radius:14px;box-shadow:0 7px 0 #12231c}.home4-quote-card small{font-size:9px;color:#078b5d;font-weight:900;letter-spacing:.13em}.home4-quote-card blockquote{font-size:clamp(28px,3.2vw,48px);line-height:1.08;letter-spacing:-.04em;margin:18px 0;max-width:930px;font-weight:800}.home4-quote-card span{color:#6b7770}.home4-final-card{background:#0a1713;color:#fff;border:3px solid #173126;border-radius:16px;box-shadow:0 7px 0 #000;padding:44px;display:flex;align-items:end;justify-content:space-between;gap:30px}.home4-final-card h2{font-size:clamp(42px,4vw,62px);line-height:.98;letter-spacing:-.05em;margin:8px 0 0}.campus4-hero{padding-bottom:110px}.campus4-mini{background:#f4f6f2;color:#08140f;border:3px solid #c4cec7;border-radius:18px;box-shadow:0 8px 0 #172a22,0 35px 80px rgba(0,0,0,.35);overflow:hidden}.c4m-head{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:2px solid #c3cdc6}.c4m-head>b{font-size:9px;color:#0a8f60;letter-spacing:.12em}.c4m-course{padding:34px}.c4m-course small{font-size:9px;color:#0b8c5e;letter-spacing:.12em;font-weight:950}.c4m-course h3{font-size:31px;margin:8px 0 18px}.c4m-course>div{height:10px;background:#dce3de;border:2px solid #c2ccc5;border-radius:4px;overflow:hidden}.c4m-course>div i{display:block;width:68%;height:100%;background:#0fc782}.c4m-course>span{display:block;color:#718078;font-size:11px;margin:8px 0 22px}.c4m-course button{border:2px solid #064831;background:#0a7751;color:#fff;border-radius:8px;padding:13px 16px;font-weight:900;box-shadow:0 4px 0 #053522}.c4m-bottom{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #c5cec8;background:#e8ede9}.c4m-bottom>div{padding:18px;border-right:2px solid #c5cec8}.c4m-bottom>div:last-child{border-right:0}.c4m-bottom small,.c4m-bottom b{display:block}.c4m-bottom small{font-size:8px;color:#78857e}.c4m-bottom b{margin-top:4px;font-size:16px}.campus4-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.campus4-feature-grid article{border:2px solid #bec9c1;background:#f5f6f2;border-radius:12px;padding:24px;box-shadow:0 4px 0 #adb9b0}.campus4-feature-grid article>span{font-size:10px;color:#0a8c5e;font-weight:950}.campus4-feature-grid h3{font-size:20px;margin:24px 0 7px}.campus4-feature-grid p{margin:0;color:#68756e;font-size:13px;line-height:1.5}.campus4-interface{background:#e9eeea;border-top:3px solid #c3ccc5;border-bottom:3px solid #c3ccc5}.campus4-section-head{margin-bottom:34px}.campus4-shell{display:grid;grid-template-columns:210px 1fr;border:3px solid #1a2c24;border-radius:16px;overflow:hidden;box-shadow:0 8px 0 #829189,0 35px 70px rgba(10,25,18,.16);min-height:650px}.c4-side{background:#081510;color:#fff;padding:23px;display:flex;flex-direction:column;border-right:3px solid #173026}.c4-side nav{display:grid;gap:7px;margin-top:36px}.c4-side nav>*{padding:12px 10px;border-radius:7px;font-size:11px;color:rgba(255,255,255,.56)}.c4-side nav b{background:#123628;border:1px solid #1e5a41;color:#56eaa7}.c4-profile{margin-top:auto;border-top:2px solid rgba(255,255,255,.12);padding-top:18px;display:flex;align-items:center;gap:10px}.c4-profile i{width:34px;height:34px;border-radius:8px;background:#136d4d;display:grid;place-items:center;font-style:normal;font-weight:900}.c4-profile b,.c4-profile span{display:block;font-size:10px}.c4-profile span{color:rgba(255,255,255,.45);margin-top:2px}.c4-content{background:#f6f7f3;padding:32px}.c4-top{display:flex;justify-content:space-between;align-items:start}.c4-top small{font-size:8px;color:#0b8d5f;font-weight:950;letter-spacing:.12em}.c4-top h3{font-size:30px;margin:5px 0}.c4-top button,.c4-trainer-strip button{border:2px solid #b8c4bc;background:#fff;border-radius:7px;padding:10px 12px;box-shadow:0 3px 0 #aab7ae;font-size:10px;font-weight:900}.c4-continue{margin-top:24px;border:3px solid #152a21;background:#0b1a15;color:#fff;border-radius:12px;box-shadow:0 5px 0 #000;padding:22px;display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center}.c4-course-icon{width:64px;height:64px;border-radius:9px;border:2px solid #1f6b4e;background:#0d3f2d;display:grid;place-items:center;color:#52eaa8;font-weight:950}.c4-course-info small{font-size:8px;color:#55e9a8;letter-spacing:.12em;font-weight:900}.c4-course-info h4{font-size:22px;margin:4px 0}.c4-course-info span{font-size:10px;color:rgba(255,255,255,.5)}.c4-course-info>div{height:7px;margin-top:11px;background:#1e352c;border:1px solid #315245;border-radius:3px;overflow:hidden}.c4-course-info>div i{display:block;width:68%;height:100%;background:#1bcf8a}.c4-continue>a{color:#fff;text-decoration:none;font-size:11px;font-weight:900}.c4-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.c4-panel{border:2px solid #bec8c1;background:#fff;border-radius:10px;box-shadow:0 4px 0 #b0bbb3;padding:18px}.c4-panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e0e5e1;padding-bottom:13px;margin-bottom:8px}.c4-panel-head b{font-size:13px}.c4-panel-head a,.c4-panel-head span{font-size:9px;color:#728078;text-decoration:none}.c4-course-line,.c4-resource{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #e1e6e2}.c4-course-line:last-child,.c4-resource:last-child{border-bottom:0}.c4-course-line>i,.c4-resource>i{width:38px;height:38px;border-radius:7px;background:#0e3326;color:#45e6a0;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:950}.c4-course-line b,.c4-course-line span,.c4-resource b,.c4-resource span{display:block}.c4-course-line b,.c4-resource b{font-size:11px}.c4-course-line span,.c4-resource span{font-size:9px;color:#76827b;margin-top:3px}.c4-trainer-strip{margin-top:16px;border:2px solid #bfc9c2;background:#eef2ee;border-radius:10px;box-shadow:0 4px 0 #b2bdb5;padding:14px;display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:center}.c4-trainer-strip .trainer-photo{width:60px;height:60px;border-radius:9px}.c4-trainer-strip small,.c4-trainer-strip b,.c4-trainer-strip span{display:block}.c4-trainer-strip small{font-size:8px;color:#0b8b5d;font-weight:900;letter-spacing:.09em}.c4-trainer-strip b{font-size:15px;margin:3px 0}.c4-trainer-strip span{font-size:10px;color:#707c75}.campus4-trainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.campus4-trainer{border:2px solid #bcc7bf;background:#f4f6f2;border-radius:14px;box-shadow:0 5px 0 #aab6ae;padding:18px;display:grid;grid-template-columns:160px 1fr;gap:26px;align-items:center}.trainer-big{width:160px;height:190px;border-radius:10px}.campus4-trainer small{font-size:9px;color:#0a8b5d;letter-spacing:.12em;font-weight:950}.campus4-trainer h3{font-size:28px;margin:5px 0 8px}.campus4-trainer p{color:#69766f;margin:0 0 14px}.trainer-tag{display:inline-block;border:2px solid #c5cec8;background:#fff;padding:7px 9px;border-radius:6px;font-size:9px;font-weight:800}.campus4-final{background:#e9eeea} @media(max-width:980px){.home4-hero-grid,.campus4-hero-grid{grid-template-columns:1fr}.home4-product{min-height:auto}.home4-strip-grid{grid-template-columns:1fr 1fr}.home4-strip-grid>div:nth-child(3){border-left:2px solid #c9d1cb;border-top:2px solid #c9d1cb}.home4-strip-grid>div:nth-child(4){border-top:2px solid #c9d1cb}.home4-outcome-grid,.home4-course-grid{grid-template-columns:1fr 1fr}.home4-course-main{grid-column:1/-1}.home4-campus-intro{grid-template-columns:1fr}.home4-trainer-wrap{grid-template-columns:1fr 1fr}.home4-trainer-copy{grid-column:1/-1}.campus4-feature-grid{grid-template-columns:1fr 1fr}.campus4-shell{grid-template-columns:170px 1fr}.c4-columns{grid-template-columns:1fr}.campus4-trainer-grid{grid-template-columns:1fr}.home4-final-card{align-items:flex-start;flex-direction:column}} @media(max-width:680px){.home4-hero,.campus4-hero{padding:128px 0 70px}.home4-copy h1,.campus4-copy h1{font-size:54px}.home4-copy>p,.campus4-copy>p{font-size:15px}.home4-device{transform:none}.home4-device-body{grid-template-columns:1fr}.home4-device-body aside{display:none}.home4-dashboard{padding:18px}.home4-tag{display:none}.home4-strip-grid,.home4-outcome-grid,.home4-course-grid,.home4-trainer-wrap,.campus4-feature-grid{grid-template-columns:1fr}.home4-strip-grid>div,.home4-strip-grid>div:first-child,.home4-strip-grid>div:nth-child(3){border-left:2px solid #c9d1cb;border-right:2px solid #c9d1cb;border-top:0;border-bottom:2px solid #c9d1cb}.home4-course-main{grid-column:auto}.home4-campus{padding:75px 0}.home4-campus-preview{grid-template-columns:1fr}.hcp-side{display:none}.hcp-main{padding:20px}.hcp-featured{align-items:flex-start}.hcp-ring{width:80px;height:80px;border-width:8px}.hcp-ring b{font-size:22px}.hcp-ring span{display:none}.hcp-grid{grid-template-columns:1fr}.home4-trainer-card{grid-template-columns:76px 1fr}.home4-trainer-card .trainer-photo{width:76px;height:92px}.home4-quote-card{padding:28px}.home4-final-card{padding:30px 24px}.campus4-shell{grid-template-columns:1fr;min-height:auto}.c4-side{display:none}.c4-content{padding:18px}.c4-top button{display:none}.c4-continue{grid-template-columns:50px 1fr}.c4-continue>a{grid-column:1/-1}.c4-course-icon{width:50px;height:50px}.c4-trainer-strip{grid-template-columns:52px 1fr}.c4-trainer-strip button{grid-column:1/-1}.campus4-trainer{grid-template-columns:96px 1fr;gap:16px}.trainer-big{width:96px;height:118px}.home4-proofline{gap:11px}} /* ========================================================= SPIDCampus — V1.5 / chaleureux, humain, maison Objectif : garder la matière de la V1, enlever le ton institutionnel, remettre l'humain au centre et rendre le campus désirable sans surcharger. ========================================================= */ :root{ --warm:#f3efe6; --warm-2:#ebe4d8; --warm-card:#fbf8f1; --warm-line:#c8bfae; --warm-shadow:#cfc5b5; --forest:#081712; --forest-2:#0d251c; --forest-3:#143a2b; --soft-green:#dff4e8; } .home5-hero,.campus5-hero{position:relative;overflow:hidden;background:radial-gradient(760px 440px at 82% 24%,rgba(21,225,145,.18),transparent 66%),radial-gradient(440px 300px at 8% 80%,rgba(245,205,139,.08),transparent 70%),var(--forest);color:#fff;padding:158px 0 100px;border-bottom:3px solid #173128} .home5-hero:after,.campus5-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px)} .home5-hero-grid,.campus5-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;position:relative;z-index:2} .home5-kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#b8c8c0}.home5-kicker>span{width:28px;height:3px;background:var(--green);box-shadow:0 2px 0 #036542} .home5-copy h1,.campus5-copy h1{font-size:clamp(58px,6.2vw,92px);line-height:.91;letter-spacing:-.065em;margin:20px 0 24px;max-width:780px}.home5-copy h1 em,.campus5-copy h1 em{font-style:normal;color:#9ff1c8} .home5-copy>p,.campus5-copy>p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.68);max-width:620px;margin:0}.home5-ghost{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.035)} .home5-reassure{display:grid;gap:9px;margin-top:30px;font-size:12px;color:rgba(255,255,255,.65)}.home5-reassure span{display:flex;align-items:center;gap:9px}.home5-reassure b{color:#59e8aa;font-size:13px} .home5-scene{position:relative;min-height:570px}.home5-room-glow{position:absolute;inset:8% 0 0 8%;background:radial-gradient(circle at 50% 35%,rgba(246,232,199,.19),rgba(22,209,136,.09) 35%,transparent 68%);filter:blur(8px)} .home5-screen{position:absolute;left:3%;right:2%;top:48px;border:3px solid #bfc9c2;border-radius:20px 8px 20px 20px;background:#f8f6f0;color:#0a1712;box-shadow:0 9px 0 #172a22,0 34px 75px rgba(0,0,0,.42);overflow:hidden;transform:rotate(-1.4deg)} .home5-screenbar{height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c9d0ca;background:#eeeae0}.home5-screenbar>span{font-size:9px;color:#6c776f;font-weight:900;letter-spacing:.12em} .home5-brand{display:flex;align-items:center;gap:8px;font-weight:950;letter-spacing:-.04em}.home5-brand img{width:28px;height:36px;object-fit:contain}.home5-brand span{font-size:15px}.home5-brand em{font-style:normal;color:#098256} .home5-screenbody{display:grid;grid-template-columns:145px 1fr;min-height:350px}.home5-screenbody aside{padding:25px 15px;background:#0a1b15;color:#fff;border-right:3px solid #173528;display:grid;align-content:start;gap:8px}.home5-screenbody aside span,.home5-screenbody aside b{font-size:9px;padding:10px;border-radius:7px}.home5-screenbody aside b{background:#153b2d;color:#63e7aa;border:1px solid #236548}.home5-screenbody aside span{color:rgba(255,255,255,.48)} .home5-dash{padding:28px}.home5-dash>small{font-size:8px;color:#0d8b5e;letter-spacing:.12em;font-weight:950}.home5-dash>h3{font-size:28px;margin:5px 0 20px;letter-spacing:-.04em}.home5-next{display:grid;grid-template-columns:56px 1fr auto;gap:15px;align-items:center;border:3px solid #182a22;border-radius:12px 5px 12px 12px;background:#0b1d16;color:white;padding:18px;box-shadow:0 5px 0 #020806}.home5-next-icon{width:56px;height:56px;border:2px solid #235d47;border-radius:9px;background:#113b2d;display:grid;place-items:center;color:#59e7aa;font-weight:950}.home5-next span,.home5-next b,.home5-next small{display:block}.home5-next span{font-size:8px;color:#57e4a7;font-weight:900;letter-spacing:.11em}.home5-next b{font-size:16px;margin:4px 0}.home5-next small{font-size:9px;color:rgba(255,255,255,.48)}.home5-next strong{font-size:21px;color:#76eeba} .home5-dash-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.home5-dash-row>div{border:2px solid #c2cbc4;background:#fff;border-radius:10px;padding:15px;box-shadow:0 4px 0 #b3beb6}.home5-dash-row small,.home5-dash-row b,.home5-dash-row span{display:block}.home5-dash-row small{font-size:7px;color:#728078;letter-spacing:.11em}.home5-dash-row b{font-size:22px;margin:5px 0}.home5-dash-row span{font-size:9px;color:#77837c} .home5-trainer-note{position:absolute;left:-14px;bottom:5px;width:min(390px,78%);display:grid;grid-template-columns:72px 1fr;gap:15px;align-items:center;background:#f3eadc;color:#102018;border:3px solid #bba994;border-radius:16px 6px 16px 16px;box-shadow:0 7px 0 #765f49,0 24px 42px rgba(0,0,0,.34);padding:12px 16px;transform:rotate(1.5deg)}.home5-trainer-note img{width:72px;height:78px;object-fit:cover;border-radius:10px 4px 10px 10px;border:2px solid #8e7b67}.home5-trainer-note small,.home5-trainer-note b,.home5-trainer-note span{display:block}.home5-trainer-note small{font-size:7px;color:#087b52;letter-spacing:.12em;font-weight:950}.home5-trainer-note b{font-size:14px;margin:3px 0 4px}.home5-trainer-note span{font-size:10px;color:#6f675f;line-height:1.4} .home5-strip{background:var(--warm);border-bottom:3px solid #d2c9b9}.home5-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:0}.home5-strip-grid>div{padding:25px 28px;border-left:2px solid #d0c7b8}.home5-strip-grid>div:last-child{border-right:2px solid #d0c7b8}.home5-strip-grid span{display:block;font-size:9px;color:#0b8a5c;font-weight:950;letter-spacing:.12em}.home5-strip-grid b{display:block;font-size:14px;margin-top:7px;color:#233029} .home5-simple{background:#f7f4ec}.home5-section-head>span,.home5-course-head span,.home5-campus-head span,.home5-trainer-head span,.home5-review-head span,.campus5-section-head span,.campus5-trainer-head span,.campus5-vision-title span{font-size:9px;color:#09885b;font-weight:950;letter-spacing:.13em}.home5-section-head h2,.home5-campus-head h2,.home5-trainer-head h2,.campus5-section-head h2,.campus5-trainer-head h2,.campus5-vision-title h2{font-size:clamp(42px,5vw,68px);line-height:.96;letter-spacing:-.055em;margin:9px 0 0}.home5-section-head h2 em,.campus5-vision-title h2 em{font-style:normal;color:#0b7c54}.home5-simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}.home5-simple-grid article{min-height:225px;border:3px solid #bdb5a8;background:var(--warm-card);border-radius:15px 5px 15px 15px;box-shadow:0 6px 0 #d0c5b4;padding:25px}.home5-simple-grid article>b{font-size:10px;color:#0b8559}.home5-simple-grid h3{font-size:26px;margin:62px 0 8px;letter-spacing:-.04em}.home5-simple-grid p{font-size:13px;line-height:1.55;color:#6d716b;margin:0} .home5-courses{background:#ece7dd;border-top:3px solid #d2c9bb;border-bottom:3px solid #d0c6b7}.home5-courses .home4-course{background:#f8f5ee;border-color:#bcb3a5;box-shadow:0 6px 0 #ccc1b1}.home5-courses .home4-course:hover{box-shadow:0 9px 0 #c0b3a0,0 20px 30px rgba(49,36,22,.12)} .home5-campus{background:var(--forest);color:white;padding:100px 0;border-bottom:3px solid #173027}.home5-campus-head{display:grid;grid-template-columns:1fr .62fr auto;gap:34px;align-items:end;margin-bottom:45px}.home5-campus-head h2{color:#fff}.home5-campus-head p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.58);margin:0}.home5-campus-card{display:grid;grid-template-columns:.88fr 1.12fr;border:3px solid #3e6553;background:#0d2119;border-radius:20px 7px 20px 20px;box-shadow:0 8px 0 #020806,0 36px 75px rgba(0,0,0,.35);overflow:hidden}.home5-campus-left{padding:36px;border-right:3px solid #315040;background:radial-gradient(430px 240px at 20% 5%,rgba(45,218,146,.13),transparent 70%),#0a1a14}.home5-campus-hello small,.home5-campus-course>span{font-size:8px;color:#59e4a8;letter-spacing:.12em;font-weight:900}.home5-campus-hello h3{font-size:36px;margin:5px 0}.home5-campus-hello>span{font-size:12px;color:rgba(255,255,255,.49)}.home5-campus-course{margin-top:68px;border:3px solid #315c48;background:#122d22;border-radius:13px 5px 13px 13px;box-shadow:0 5px 0 #020b08;padding:22px}.home5-campus-course h4{font-size:23px;margin:7px 0 15px}.home5-campus-course>div{height:9px;background:#1d4032;border:2px solid #2c5b46;border-radius:4px;overflow:hidden}.home5-campus-course>div i{display:block;width:68%;height:100%;background:#20d28e}.home5-campus-course>small{display:block;color:rgba(255,255,255,.45);font-size:9px;margin:7px 0 20px}.home5-campus-course a{color:white;font-size:11px;font-weight:900;text-decoration:none} .home5-campus-human{position:relative;min-height:465px;background:#e9dfd1;color:#122019;overflow:hidden}.home5-campus-human>img{position:absolute;inset:0;width:48%;height:100%;object-fit:cover;object-position:center;border-right:3px solid #8b7764;filter:saturate(.83) contrast(.95)}.home5-human-copy{margin-left:48%;padding:50px 38px 130px}.home5-human-copy small{font-size:8px;color:#0a8157;letter-spacing:.12em;font-weight:950}.home5-human-copy blockquote{font-size:25px;line-height:1.15;letter-spacing:-.035em;font-weight:820;margin:18px 0 22px}.home5-human-copy>span{font-size:10px;color:#70675e}.home5-human-meta{position:absolute;left:48%;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;border-top:3px solid #afa18f;background:#f3ecdf}.home5-human-meta>div{padding:18px 24px;border-right:2px solid #c5b9a8}.home5-human-meta small,.home5-human-meta b{display:block}.home5-human-meta small{font-size:7px;color:#7b7166}.home5-human-meta b{font-size:22px;margin-top:4px} .home5-trainers{background:#f6f1e7}.home5-trainer-head,.campus5-trainer-head{display:grid;grid-template-columns:1fr .55fr;gap:40px;align-items:end;margin-bottom:36px}.home5-trainer-head p,.campus5-trainer-head p{margin:0;color:#6e716b;font-size:14px;line-height:1.55}.home5-trainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home5-person{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;border:3px solid #bdb2a2;background:#fbf8f1;border-radius:16px 6px 16px 16px;box-shadow:0 6px 0 #cfc2b0;padding:16px}.home5-person-photo{position:relative;height:220px}.home5-person-photo img{width:100%;height:100%;object-fit:cover;border:2px solid #958674;border-radius:11px 4px 11px 11px;filter:saturate(.9)}.home5-person-photo>span{position:absolute;left:8px;bottom:8px;padding:5px 7px;background:rgba(9,23,17,.85);color:white;border:1px solid rgba(255,255,255,.28);border-radius:5px;font-size:7px;letter-spacing:.09em}.home5-person small{font-size:8px;color:#0b8559;font-weight:950;letter-spacing:.11em}.home5-person h3{font-size:29px;margin:5px 0 6px}.home5-person p{color:#6a706b;font-size:13px}.home5-person a{font-size:11px;font-weight:900;color:#0a7650;text-decoration:none} .home5-reviews{background:#e9e2d6;border-top:3px solid #d0c6b7;border-bottom:3px solid #c9beae}.home5-review-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.home5-review-head h2{font-size:clamp(36px,4.4vw,58px);letter-spacing:-.05em;margin:7px 0 0}.home5-review-head>small{font-size:9px;color:#7b756d}.home5-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.home5-review{border:3px solid #b9ad9c;background:#fbf7ef;border-radius:14px 5px 14px 14px;box-shadow:0 6px 0 #cbbdaa;padding:25px;min-height:245px}.home5-stars{letter-spacing:.08em;color:#d79f32;font-size:14px}.home5-review blockquote{font-size:17px;line-height:1.45;letter-spacing:-.02em;margin:22px 0 28px}.home5-review>span{font-size:10px;color:#726d66} .home5-final{background:#f6f2e8}.home5-final-card,.campus5-final-card{display:flex;align-items:end;justify-content:space-between;gap:35px;background:linear-gradient(140deg,#0c231a,#07130f);color:#fff;border:3px solid #183e2f;border-radius:18px 6px 18px 18px;box-shadow:0 8px 0 #020806;padding:46px}.home5-final-card span,.campus5-final-card span{font-size:9px;color:#58e3a7;font-weight:950;letter-spacing:.13em}.home5-final-card h2,.campus5-final-card h2{font-size:clamp(40px,4.7vw,64px);line-height:.96;letter-spacing:-.055em;margin:8px 0 0}.campus5-final-card p{color:rgba(255,255,255,.55);font-size:13px;margin:13px 0 0} /* CAMPUS */ .campus5-hero{background:radial-gradient(730px 460px at 82% 25%,rgba(245,210,158,.10),transparent 60%),radial-gradient(680px 420px at 72% 30%,rgba(22,216,142,.16),transparent 67%),var(--forest)}.campus5-welcome{background:#f1eadf;color:#102019;border:3px solid #b7aa99;border-radius:20px 7px 20px 20px;box-shadow:0 9px 0 #655443,0 34px 75px rgba(0,0,0,.35);overflow:hidden;transform:rotate(.7deg)}.campus5-welcome-top{height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c7bcac}.campus5-welcome-top>span{font-size:8px;font-weight:950;color:#7a7168;letter-spacing:.13em}.campus5-welcome-body{padding:34px}.campus5-welcome-body>small{font-size:8px;color:#0b8659;font-weight:950;letter-spacing:.12em}.campus5-welcome-body h3{font-size:32px;margin:6px 0 22px}.campus5-welcome-course{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#0b1e17;color:white;border:3px solid #153e2e;border-radius:12px 4px 12px 12px;box-shadow:0 5px 0 #020806;padding:18px}.campus5-welcome-course span,.campus5-welcome-course b,.campus5-welcome-course small{display:block}.campus5-welcome-course span{font-size:8px;color:#59e4a7;letter-spacing:.11em;font-weight:900}.campus5-welcome-course b{font-size:15px;margin:4px 0}.campus5-welcome-course small{font-size:9px;color:rgba(255,255,255,.46)}.campus5-welcome-course strong{font-size:24px;color:#65e8ad}.campus5-trainer-mini{display:grid;grid-template-columns:68px 1fr;gap:14px;align-items:center;padding:16px 22px;border-top:2px solid #c6bbaa;background:#e5dbcd}.campus5-trainer-mini img{width:68px;height:72px;object-fit:cover;border:2px solid #93816c;border-radius:10px 4px 10px 10px}.campus5-trainer-mini small,.campus5-trainer-mini b,.campus5-trainer-mini span{display:block}.campus5-trainer-mini small{font-size:7px;color:#0a8157;font-weight:950;letter-spacing:.1em}.campus5-trainer-mini b{font-size:13px;margin:3px 0}.campus5-trainer-mini span{font-size:9px;color:#716960} .campus5-vision{background:#f5f0e7}.campus5-vision-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start;border:3px solid #bdb3a4;background:#fbf7ef;border-radius:18px 6px 18px 18px;box-shadow:0 7px 0 #cfc3b2;padding:45px}.campus5-vision-points{display:grid;border-top:3px solid #26352e}.campus5-vision-points>div{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:20px 0;border-bottom:2px solid #d1c8ba;align-items:center}.campus5-vision-points b{color:#0a8458;font-size:11px}.campus5-vision-points span{font-size:16px;font-weight:760;line-height:1.35} .campus5-interface{background:#e9e2d7;border-top:3px solid #cdc2b1;border-bottom:3px solid #c9bdab}.campus5-section-head{margin-bottom:32px}.campus5-shell{display:grid;grid-template-columns:210px 1fr;border:3px solid #22372d;border-radius:18px 6px 18px 18px;overflow:hidden;box-shadow:0 8px 0 #867867,0 34px 70px rgba(52,39,24,.18);min-height:640px}.campus5-side{background:#0a1a14;color:#fff;padding:22px;display:flex;flex-direction:column;border-right:3px solid #19392b}.campus5-side .home5-brand{color:#fff}.campus5-side nav{display:grid;gap:7px;margin-top:34px}.campus5-side nav>*{padding:11px 10px;font-size:10px;border-radius:7px;color:rgba(255,255,255,.48)}.campus5-side nav b{color:#65e9af;background:#163d2e;border:2px solid #245c45}.campus5-profile{margin-top:auto;border-top:2px solid rgba(255,255,255,.14);padding-top:18px;display:flex;align-items:center;gap:10px}.campus5-profile i{width:34px;height:34px;display:grid;place-items:center;background:#176a4c;border:2px solid #2c8664;border-radius:8px;font-style:normal;font-weight:900}.campus5-profile b,.campus5-profile span{display:block;font-size:10px}.campus5-profile span{color:rgba(255,255,255,.45);margin-top:2px}.campus5-content{background:#f8f5ee;padding:31px}.campus5-top{display:flex;justify-content:space-between;gap:25px;align-items:start}.campus5-top small{font-size:8px;color:#0a8659;letter-spacing:.12em;font-weight:950}.campus5-top h3{font-size:30px;margin:5px 0}.campus5-top button,.campus5-message button{border:2px solid #a99e8d;background:#fffaf3;border-radius:8px 3px 8px 8px;box-shadow:0 4px 0 #c8bca9;padding:10px 12px;font-size:10px;font-weight:900}.campus5-main-course{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;margin-top:22px;background:#0b1d16;color:#fff;border:3px solid #183b2d;border-radius:13px 5px 13px 13px;box-shadow:0 5px 0 #020806;padding:20px}.campus5-course-icon{width:58px;height:58px;border-radius:9px;background:#123f2f;border:2px solid #2b684f;display:grid;place-items:center;color:#5ee8ac;font-weight:950}.campus5-main-course small,.campus5-main-course h4,.campus5-main-course span{display:block}.campus5-main-course small{font-size:8px;color:#59e4a8;letter-spacing:.11em}.campus5-main-course h4{font-size:21px;margin:4px 0}.campus5-main-course span{font-size:9px;color:rgba(255,255,255,.47)}.campus5-main-course>a{color:white;text-decoration:none;font-size:11px;font-weight:900}.campus5-progress{height:7px;background:#1f3d31;border:1px solid #355f4d;border-radius:3px;margin-top:10px;overflow:hidden}.campus5-progress i{display:block;width:68%;height:100%;background:#22d38f}.campus5-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.campus5-panel{border:3px solid #bdb3a4;background:#fffaf3;border-radius:11px 4px 11px 11px;box-shadow:0 5px 0 #d0c4b3;padding:17px}.campus5-panel-head{display:flex;justify-content:space-between;gap:18px;border-bottom:2px solid #ded6ca;padding-bottom:12px}.campus5-panel-head b{font-size:13px}.campus5-panel-head a,.campus5-panel-head span{font-size:9px;color:#716c65;text-decoration:none}.campus5-line{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:2px solid #e4ddd2}.campus5-line:last-child{border-bottom:0}.campus5-line>i{width:38px;height:38px;border-radius:7px;background:#12372a;color:#58e6aa;display:grid;place-items:center;font-size:8px;font-weight:900;font-style:normal}.campus5-line b,.campus5-line span{display:block}.campus5-line b{font-size:11px}.campus5-line span{font-size:9px;color:#77726b;margin-top:3px}.campus5-message{display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;margin-top:15px;border:3px solid #aa9b88;background:#e9dfd1;border-radius:12px 4px 12px 12px;box-shadow:0 5px 0 #c8baa6;padding:13px}.campus5-message img{width:62px;height:65px;object-fit:cover;border:2px solid #8c7a67;border-radius:9px 3px 9px 9px}.campus5-message small,.campus5-message b,.campus5-message span{display:block}.campus5-message small{font-size:7px;color:#0a8056;letter-spacing:.1em;font-weight:950}.campus5-message b{font-size:12px;margin:3px 0;line-height:1.35}.campus5-message span{font-size:9px;color:#756b61} .campus5-trainers{background:#f6f1e8}.campus5-trainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.campus5-trainer{display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:center;border:3px solid #bdb3a3;background:#fbf8f1;border-radius:16px 6px 16px 16px;box-shadow:0 6px 0 #cfc3b2;padding:16px}.campus5-trainer>img{width:190px;height:230px;object-fit:cover;border:2px solid #92816e;border-radius:11px 4px 11px 11px}.campus5-trainer small{font-size:8px;color:#0a8358;font-weight:950;letter-spacing:.1em}.campus5-trainer h3{font-size:30px;margin:6px 0}.campus5-trainer p{font-size:13px;color:#6d716c}.campus5-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.campus5-tags span{border:2px solid #c7bcac;background:#f1eadf;border-radius:7px;padding:7px 9px;font-size:8px;font-weight:800}.campus5-final{background:#e9e2d7}.campus5-final-card{align-items:center} @media(max-width:980px){.home5-hero-grid,.campus5-hero-grid{grid-template-columns:1fr}.home5-scene{min-height:540px}.home5-campus-head{grid-template-columns:1fr}.home5-campus-card{grid-template-columns:1fr}.home5-campus-left{border-right:0;border-bottom:3px solid #315040}.home5-trainer-grid,.campus5-trainer-grid{grid-template-columns:1fr}.campus5-vision-grid{grid-template-columns:1fr}.campus5-shell{grid-template-columns:170px 1fr}.home5-review-grid{grid-template-columns:1fr}.home5-final-card,.campus5-final-card{align-items:flex-start;flex-direction:column}} @media(max-width:680px){.home5-hero,.campus5-hero{padding:128px 0 72px}.home5-copy h1,.campus5-copy h1{font-size:54px}.home5-copy>p,.campus5-copy>p{font-size:15px}.home5-scene{min-height:470px}.home5-screen{left:0;right:0;top:25px;transform:none}.home5-screenbody{grid-template-columns:1fr}.home5-screenbody aside{display:none}.home5-dash{padding:18px}.home5-next{grid-template-columns:48px 1fr}.home5-next strong{grid-column:2}.home5-next-icon{width:48px;height:48px}.home5-trainer-note{left:4px;right:4px;width:auto;bottom:-4px}.home5-strip-grid{grid-template-columns:1fr}.home5-strip-grid>div,.home5-strip-grid>div:last-child{border-left:2px solid #d0c7b8;border-right:2px solid #d0c7b8;border-bottom:2px solid #d0c7b8}.home5-simple-grid{grid-template-columns:1fr}.home5-campus{padding:74px 0}.home5-campus-head{margin-bottom:28px}.home5-campus-human{min-height:520px}.home5-campus-human>img{width:100%;height:52%;border-right:0;border-bottom:3px solid #8b7764}.home5-human-copy{margin-left:0;padding:calc(52% + 30px) 24px 115px}.home5-human-copy blockquote{font-size:21px}.home5-human-meta{left:0}.home5-trainer-head,.campus5-trainer-head{grid-template-columns:1fr}.home5-person{grid-template-columns:120px 1fr}.home5-person-photo{height:160px}.home5-review-head{align-items:flex-start;flex-direction:column}.home5-final-card,.campus5-final-card{padding:30px 24px}.campus5-welcome{transform:none}.campus5-vision-grid{padding:28px 22px}.campus5-shell{grid-template-columns:1fr;min-height:auto}.campus5-side{display:none}.campus5-content{padding:18px}.campus5-top button{display:none}.campus5-main-course{grid-template-columns:48px 1fr}.campus5-main-course>a{grid-column:1/-1}.campus5-content-grid{grid-template-columns:1fr}.campus5-message{grid-template-columns:52px 1fr}.campus5-message img{width:52px;height:56px}.campus5-message button{grid-column:1/-1}.campus5-trainer{grid-template-columns:110px 1fr;gap:16px}.campus5-trainer>img{width:110px;height:145px}.campus5-trainer h3{font-size:23px}} /* V1.6 — creator-led, chaleureux, personnel */ .v16-home,.v16-campus{--v16-cream:#f4efe5;--v16-paper:#fbf8f1;--v16-warm:#e9dfd1;--v16-green:#11d989;--v16-deep:#071711;--v16-ink:#102019;--v16-line:#b8aa97;--v16-shadow:#786956} .v16-home .btn,.v16-campus .btn{border-radius:12px 4px 12px 12px} .v16-kicker{font-size:10px;font-weight:950;letter-spacing:.14em;color:#55e3a8} .v16-hero{background:radial-gradient(700px 400px at 78% 28%,rgba(17,217,137,.17),transparent 68%),#071711;color:white;padding:160px 0 95px} .v16-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center} .v16-hero-copy h1,.v16-campus-copy h1{font-size:clamp(54px,6.8vw,92px);line-height:.91;letter-spacing:-.065em;margin:16px 0 24px} .v16-hero-copy h1 em,.v16-campus-copy h1 em{font-style:normal;color:#70eab4} .v16-hero-copy>p,.v16-campus-copy>p{max-width:620px;font-size:20px;line-height:1.55;color:rgba(255,255,255,.67)} .v16-ghost{border-color:rgba(255,255,255,.35)!important} .v16-proofline{display:flex;align-items:center;gap:12px;margin-top:24px;color:rgba(255,255,255,.56);font-size:12px;font-weight:700}.v16-proofline i{width:4px;height:4px;border-radius:50%;background:#4ada9f} .v16-hero-human{position:relative;min-height:530px} .v16-photo-frame{position:absolute;right:0;top:0;width:72%;height:465px;border:3px solid #476457;border-radius:22px 7px 22px 22px;overflow:hidden;box-shadow:0 10px 0 #020806,0 35px 60px rgba(0,0,0,.34)} .v16-photo-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(.95)} .v16-photo-tag{position:absolute;top:14px;right:14px;background:#f5eddf;color:#574f46;border:2px solid #a99883;padding:7px 9px;border-radius:7px;font-size:7px;font-weight:900;letter-spacing:.12em} .v16-note-card{position:absolute;left:0;bottom:0;width:70%;background:#f1e5d5;color:#16231d;border:3px solid #bca789;border-radius:18px 6px 18px 18px;box-shadow:0 8px 0 #6e5945,0 24px 44px rgba(0,0,0,.25);padding:24px;transform:rotate(-1.2deg)} .v16-note-card small{font-size:8px;color:#0b8659;font-weight:950;letter-spacing:.12em}.v16-note-card blockquote{font-size:17px;line-height:1.5;font-weight:760;margin:12px 0 16px}.v16-note-card span{font-size:10px;color:#756b61} .v16-homebar{background:#eee6da;border-bottom:3px solid #cfc2b0} .v16-homebar-grid{display:grid;grid-template-columns:repeat(3,1fr)}.v16-homebar-grid>div{display:flex;gap:16px;align-items:center;padding:24px 28px;border-left:2px solid #cbbdaa}.v16-homebar-grid>div:last-child{border-right:2px solid #cbbdaa}.v16-homebar-grid b{font-size:11px;color:#0b8659}.v16-homebar-grid span{font-size:13px;font-weight:760;color:#314039} .v16-courses{background:#f6f1e8} .v16-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.v16-head>div>span{font-size:9px;font-weight:950;letter-spacing:.13em;color:#0b8659}.v16-head h2{font-size:clamp(40px,5vw,66px);line-height:.97;letter-spacing:-.055em;margin:8px 0 0}.v16-textlink{font-size:12px;font-weight:900;color:#0b7550}.v16-textlink.light{color:#70eab4} .v16-course-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:18px}.v16-course{background:#fbf8f1;border:3px solid #b9ac9b;border-radius:18px 6px 18px 18px;box-shadow:0 7px 0 #c8bba9;overflow:hidden;min-height:430px;display:flex;flex-direction:column}.v16-course-main{min-height:510px}.v16-course-top{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:2px solid #c9beae;font-size:8px;font-weight:950;letter-spacing:.11em}.v16-course-top span{color:#0b8659}.v16-course-top b{color:#786f66} .v16-course-art{height:235px;background:radial-gradient(260px 180px at 70% 25%,rgba(20,217,139,.27),transparent 70%),#0b2018;position:relative;overflow:hidden;border-bottom:3px solid #153d2f}.v16-course-number{position:absolute;right:20px;bottom:-14px;font-size:120px;font-weight:950;color:rgba(255,255,255,.07);letter-spacing:-.08em}.v16-orbit{position:absolute;left:28px;top:30px;width:120px;height:120px;border:2px solid #375d4c;border-radius:50%;display:grid;place-items:center}.v16-orbit img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))} .v16-course-small-art{height:160px;background:#11261e;color:#62e6ad;display:grid;place-items:center;font-size:64px;font-weight:300;border-bottom:3px solid #1e4938} .v16-course-copy{padding:22px;display:flex;flex-direction:column;flex:1}.v16-course-copy h3{font-size:29px;letter-spacing:-.045em;margin:0 0 9px}.v16-course-copy p{font-size:13px;line-height:1.55;color:#6f746e;margin:0 0 20px}.v16-course-copy a{margin-top:auto;font-size:11px;font-weight:900;color:#0b7650}.v16-course-meta{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 22px}.v16-course-meta span,.v16-trainer-tags span{font-size:8px;font-weight:850;background:#ece7de;border:2px solid #d1c7b8;border-radius:7px;padding:6px 8px} .v16-together{background:#071711;color:white}.v16-head-light h2{color:white}.v16-head-light>div>span{color:#59e3aa} .v16-together-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px} .v16-dashboard{border:3px solid #355646;border-radius:20px 7px 20px 20px;background:#0b2118;box-shadow:0 8px 0 #020806,0 30px 60px rgba(0,0,0,.28);overflow:hidden}.v16-dash-nav{height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #315140}.v16-dash-nav>span{font-size:8px;letter-spacing:.12em;color:#6fdcaf}.v16-dash-brand{display:flex;align-items:center;gap:10px}.v16-dash-brand img{width:30px;height:30px;object-fit:contain}.v16-dash-brand b{font-size:13px} .v16-dash-body{display:grid;grid-template-columns:1.3fr .7fr}.v16-dash-welcome{padding:34px;border-right:2px solid #2c4a3a}.v16-dash-welcome small,.v16-dash-side>small{font-size:8px;color:#5ce0a7;letter-spacing:.11em}.v16-dash-welcome h3{font-size:32px;letter-spacing:-.04em;margin:7px 0 30px}.v16-progress-line{height:10px;border:2px solid #2d5a45;background:#193c2e;border-radius:5px;overflow:hidden}.v16-progress-line i{display:block;width:68%;height:100%;background:#22d58f}.v16-dash-row{display:flex;justify-content:space-between;margin:10px 0 26px;font-size:11px;color:rgba(255,255,255,.62)}.v16-dash-welcome a{color:white;font-weight:900;font-size:11px}.v16-dash-side{padding:28px 22px;background:#0d261c}.v16-mini-task,.v16-mini-resource{border:2px solid #345846;background:#102f22;border-radius:10px;padding:16px;margin-top:14px}.v16-mini-task b,.v16-mini-task span,.v16-mini-resource b,.v16-mini-resource span{display:block}.v16-mini-task b,.v16-mini-resource b{font-size:12px}.v16-mini-task span,.v16-mini-resource span{font-size:9px;color:rgba(255,255,255,.48);margin-top:5px} .v16-conversation{background:#efe4d4;color:#15231d;border:3px solid #bda88d;border-radius:20px 7px 20px 20px;box-shadow:0 8px 0 #6b5845;padding:20px}.v16-conversation-head{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:2px solid #cbb9a1}.v16-conversation-head img{width:58px;height:58px;object-fit:cover;border:2px solid #97836a;border-radius:11px 4px 11px 11px}.v16-conversation-head small,.v16-conversation-head b{display:block}.v16-conversation-head small{font-size:7px;color:#0a8257;font-weight:950;letter-spacing:.11em}.v16-conversation-head b{font-size:12px;margin-top:4px}.v16-message{max-width:88%;padding:11px 13px;border:2px solid #c3b098;border-radius:12px 12px 12px 4px;margin-top:13px;font-size:10px;line-height:1.45;background:#fffaf1}.v16-message.member{margin-left:auto;background:#d8f5e7;border-color:#91c8ab;border-radius:12px 12px 4px 12px}.v16-voice{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px;border-top:2px solid #cbb9a1}.v16-voice button{width:34px;height:34px;border-radius:50%;border:2px solid #8f7d67;background:#173c2e;color:#fff}.v16-wave{flex:1;display:flex;align-items:center;gap:3px;height:25px}.v16-wave i{width:2px;background:#5f7a6e;border-radius:2px}.v16-wave i:nth-child(3n){height:20px}.v16-wave i:nth-child(3n+1){height:9px}.v16-wave i:nth-child(3n+2){height:15px}.v16-voice span{font-size:9px;color:#756b61} .v16-family-row{display:flex;align-items:center;gap:18px;margin-top:30px;padding:20px 0;border-top:2px solid #214337}.v16-family-avatars{display:flex}.v16-family-avatars span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin-left:-7px;border:3px solid #071711;background:#dcece4;color:#173b2d;font-size:9px;font-weight:900}.v16-family-avatars span:first-child{margin-left:0}.v16-family-row p{margin:0;max-width:720px;font-size:12px;line-height:1.5;color:rgba(255,255,255,.58)}.v16-family-row p b{color:#fff} .v16-trainers{background:#f5efe5}.v16-trainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v16-trainer-card{display:grid;grid-template-columns:210px 1fr;gap:22px;align-items:center;background:#fbf8f1;border:3px solid #b9ab98;border-radius:18px 6px 18px 18px;box-shadow:0 7px 0 #c9bba8;padding:16px}.v16-trainer-card>img{width:100%;height:235px;object-fit:cover;border:2px solid #998773;border-radius:12px 4px 12px 12px;filter:saturate(.88)}.v16-trainer-card small{font-size:8px;color:#0b8659;font-weight:950;letter-spacing:.11em}.v16-trainer-card h3{font-size:27px;letter-spacing:-.04em;margin:7px 0}.v16-trainer-card p{font-size:12px;color:#6f726d;line-height:1.5}.v16-trainer-card a{font-size:10px;font-weight:900;color:#0b7650} .v16-reviews{background:#e9e0d4;border-top:3px solid #cdbfad;border-bottom:3px solid #c8baa7}.v16-demo-note{font-size:8px;color:#7a7065}.v16-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.v16-review{background:#fbf7ef;border:3px solid #b9aa96;border-radius:15px 5px 15px 15px;box-shadow:0 6px 0 #cbbba6;padding:24px;min-height:240px}.v16-stars{color:#d49a2f;letter-spacing:.08em}.v16-review blockquote{font-size:17px;line-height:1.5;font-weight:700;margin:22px 0 30px}.v16-review span{font-size:9px;color:#766d63} .v16-final{background:#f5efe5}.v16-final-card{display:flex;justify-content:space-between;align-items:end;gap:35px;background:#0b2018;color:#fff;border:3px solid #25503d;border-radius:20px 7px 20px 20px;box-shadow:0 8px 0 #020806;padding:44px}.v16-final-card span{font-size:8px;color:#5de2a9;font-weight:950;letter-spacing:.12em}.v16-final-card h2{font-size:clamp(40px,4.7vw,62px);line-height:.96;letter-spacing:-.055em;margin:7px 0 0} /* CAMPUS */ .v16-campus-hero{background:radial-gradient(700px 400px at 78% 25%,rgba(17,217,137,.15),transparent 67%),#071711;color:white;padding:155px 0 95px}.v16-campus-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:64px;align-items:center}.v16-campus-hero-card{background:#efe4d4;color:#15231d;border:3px solid #baa589;border-radius:20px 7px 20px 20px;box-shadow:0 9px 0 #65523f,0 35px 70px rgba(0,0,0,.32);overflow:hidden;transform:rotate(.5deg)}.v16-campus-person{display:grid;grid-template-columns:90px 1fr;gap:17px;align-items:center;padding:18px;border-bottom:2px solid #cbb8a0}.v16-campus-person img{width:90px;height:92px;object-fit:cover;border:2px solid #978169;border-radius:11px 4px 11px 11px}.v16-campus-person small,.v16-campus-person b{display:block}.v16-campus-person small{font-size:7px;color:#0b8257;font-weight:950;letter-spacing:.11em}.v16-campus-person b{font-size:15px;line-height:1.4;margin-top:5px}.v16-campus-next{padding:25px}.v16-campus-next>span{font-size:8px;color:#0b8257;font-weight:950;letter-spacing:.11em}.v16-campus-next h3{font-size:28px;letter-spacing:-.04em;margin:8px 0 20px}.v16-campus-next>.v16-progress-line{border-color:#a9b8af;background:#d7ddd8}.v16-campus-next>div:last-child{display:flex;justify-content:space-between;margin-top:10px}.v16-campus-next small{font-size:9px;color:#756b61}.v16-campus-next a{font-size:10px;font-weight:900;color:#0b7650} .v16-vision{background:#f5efe5}.v16-vision-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.v16-vision-title>span{font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em}.v16-vision-title h2{font-size:clamp(42px,5vw,66px);line-height:.96;letter-spacing:-.055em;margin:10px 0}.v16-vision-title em{font-style:normal;color:#0b7c54}.v16-vision-points article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-bottom:3px solid #d1c4b3}.v16-vision-points article:first-child{border-top:3px solid #d1c4b3}.v16-vision-points article>b{font-size:11px;color:#0b8659}.v16-vision-points h3{font-size:22px;margin:0 0 5px}.v16-vision-points p{font-size:12px;color:#6f746e;margin:0} .v16-campus-space{background:#071711;color:white}.v16-campus-shell{display:grid;grid-template-columns:210px 1fr;border:3px solid #355646;border-radius:22px 7px 22px 22px;box-shadow:0 9px 0 #020806,0 35px 70px rgba(0,0,0,.3);overflow:hidden;background:#0d231a}.v16-campus-side{padding:22px;border-right:3px solid #294b3a;background:#0a1d16}.v16-campus-side nav{display:grid;gap:6px;margin:38px 0}.v16-campus-side nav a{padding:12px 13px;border:2px solid transparent;border-radius:8px;font-size:10px;color:rgba(255,255,255,.52);font-weight:780}.v16-campus-side nav a.active{border-color:#315644;background:#112e22;color:white}.v16-side-person{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:2px solid #294a39}.v16-side-person img{width:40px;height:40px;border-radius:9px 3px 9px 9px;object-fit:cover}.v16-side-person small,.v16-side-person b{display:block}.v16-side-person small{font-size:6px;color:#4bdd9f}.v16-side-person b{font-size:9px;margin-top:2px} .v16-campus-main{padding:30px}.v16-campus-main-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.v16-campus-main-top small{font-size:7px;color:#55e0a4;letter-spacing:.11em}.v16-campus-main-top h3{font-size:28px;margin:5px 0}.v16-date{font-size:7px;color:rgba(255,255,255,.4)} .v16-current-course{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;background:#f0e5d7;color:#14231c;border:3px solid #b7a589;border-radius:14px 5px 14px 14px;box-shadow:0 5px 0 #604f3e;padding:22px}.v16-current-course>div>span{font-size:8px;color:#0b8257;font-weight:950;letter-spacing:.11em}.v16-current-course h4{font-size:25px;margin:7px 0 4px}.v16-current-course p{font-size:11px;color:#6f685f}.v16-current-course .v16-progress-line{border-color:#a8b7ae;background:#d6ddd8;margin-top:18px}.v16-current-course small{font-size:8px;color:#756c62}.v16-campus-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.v16-resources-box,.v16-human-feed{border:3px solid #315442;background:#102b20;border-radius:14px 5px 14px 14px;padding:18px}.v16-box-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid #315241}.v16-box-title span{font-size:8px;color:#59dfa8;font-weight:950;letter-spacing:.11em}.v16-box-title a,.v16-box-title small{font-size:7px;color:rgba(255,255,255,.4)}.v16-resource-item{padding:13px 0;border-bottom:2px solid #274637}.v16-resource-item:last-child{border-bottom:0}.v16-resource-item b,.v16-resource-item span{display:block}.v16-resource-item b{font-size:11px}.v16-resource-item span{font-size:8px;color:rgba(255,255,255,.38);margin-top:3px}.v16-feed-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:2px solid #274637}.v16-feed-item:last-child{border-bottom:0}.v16-feed-item img,.v16-feed-avatar{width:34px;height:34px;object-fit:cover;border-radius:50%;display:grid;place-items:center;background:#e8efe9;color:#173b2d;font-size:8px;font-weight:900;border:2px solid #658c78}.v16-feed-item p{font-size:9px;line-height:1.45;margin:0;color:rgba(255,255,255,.58)}.v16-feed-item p b{color:#fff}.v16-feed-item p strong{color:#58e0a6} .v16-direct-note{display:grid;grid-template-columns:56px 1fr auto;gap:15px;align-items:center;margin-top:18px;background:#efe4d4;color:#14221c;border:3px solid #b7a286;border-radius:14px 5px 14px 14px;box-shadow:0 5px 0 #5d4b3a;padding:14px}.v16-direct-note img{width:56px;height:56px;object-fit:cover;border:2px solid #937f66;border-radius:10px 4px 10px 10px}.v16-direct-note small{font-size:7px;color:#0b8257;font-weight:950;letter-spacing:.11em}.v16-direct-note p{font-size:10px;line-height:1.45;margin:4px 0 0}.v16-direct-note button{border:2px solid #8a765d;background:#163b2d;color:#fff;border-radius:9px;padding:10px 12px;font-size:8px;font-weight:900} .v16-campus-trainers{background:#f4eee4}.v16-campus-family{background:#e8dfd2;border-top:3px solid #ccbfad}.v16-family-card{background:#f8f4ed;border:3px solid #b9aa96;border-radius:20px 7px 20px 20px;box-shadow:0 8px 0 #c7b7a2;padding:40px}.v16-family-card>div:first-child>span{font-size:8px;color:#0b8659;font-weight:950;letter-spacing:.12em}.v16-family-card h2{font-size:clamp(36px,4.5vw,58px);line-height:.98;letter-spacing:-.05em;margin:8px 0 34px}.v16-family-mini{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid #cfc1ae}.v16-family-mini>div{padding:20px;border-right:2px solid #d1c4b3}.v16-family-mini>div:last-child{border-right:0}.v16-family-mini b,.v16-family-mini span{display:block}.v16-family-mini b{font-size:15px}.v16-family-mini span{font-size:10px;color:#766f67;margin-top:5px} @media(max-width:980px){ .v16-hero-grid,.v16-campus-hero-grid,.v16-vision-grid{grid-template-columns:1fr} .v16-hero-human{min-height:500px}.v16-course-grid{grid-template-columns:1fr 1fr}.v16-course-main{grid-column:span 2} .v16-together-grid{grid-template-columns:1fr}.v16-trainer-grid{grid-template-columns:1fr} .v16-campus-shell{grid-template-columns:1fr}.v16-campus-side{border-right:0;border-bottom:3px solid #294b3a}.v16-campus-side nav{grid-template-columns:repeat(4,1fr);margin:18px 0}.v16-side-person{display:none} } @media(max-width:680px){ .v16-hero,.v16-campus-hero{padding:135px 0 70px}.v16-hero-copy h1,.v16-campus-copy h1{font-size:55px}.v16-hero-copy>p,.v16-campus-copy>p{font-size:17px} .v16-hero-human{min-height:420px}.v16-photo-frame{width:88%;height:360px}.v16-note-card{width:87%;padding:18px}.v16-note-card blockquote{font-size:14px} .v16-homebar-grid{grid-template-columns:1fr}.v16-homebar-grid>div{border-right:2px solid #cbbdaa;border-bottom:2px solid #cbbdaa}.v16-homebar-grid>div:last-child{border-bottom:0} .v16-head{align-items:flex-start;flex-direction:column}.v16-course-grid{grid-template-columns:1fr}.v16-course-main{grid-column:auto}.v16-course-main{min-height:460px} .v16-dash-body{grid-template-columns:1fr}.v16-dash-welcome{border-right:0;border-bottom:2px solid #2c4a3a}.v16-family-row{align-items:flex-start;flex-direction:column} .v16-trainer-card{grid-template-columns:1fr}.v16-trainer-card>img{height:300px}.v16-review-grid{grid-template-columns:1fr}.v16-final-card{align-items:flex-start;flex-direction:column;padding:32px 24px} .v16-campus-columns{grid-template-columns:1fr}.v16-campus-main{padding:14px}.v16-campus-side nav{grid-template-columns:1fr 1fr}.v16-current-course{grid-template-columns:1fr}.v16-direct-note{grid-template-columns:50px 1fr}.v16-direct-note button{grid-column:2;justify-self:start}.v16-family-mini{grid-template-columns:1fr}.v16-family-mini>div{border-right:0;border-bottom:2px solid #d1c4b3}.v16-family-mini>div:last-child{border-bottom:0}.v16-family-card{padding:28px 22px} } /* V1.7 — simplifié, ludique, clair */ .v17-home,.v17-campus{--cream:#f5efe5;--paper:#fbf8f1;--green:#19dc91;--deep:#071711;--ink:#112019;--line:#b7a994;--muted:#706b64} .v17-home .btn,.v17-campus .btn{border-radius:12px 5px 12px 12px} .v17-eyebrow{display:block;font-size:10px;font-weight:950;letter-spacing:.13em;color:#62e3aa} .v17-hero{background:radial-gradient(760px 440px at 80% 20%,rgba(25,220,145,.16),transparent 70%),#071711;color:white;padding:155px 0 90px} .v17-hero-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center} .v17-hero-copy h1,.v17-campus-copy h1{font-size:clamp(58px,7vw,96px);line-height:.89;letter-spacing:-.07em;margin:15px 0 26px} .v17-hero-copy h1 em,.v17-campus-copy h1 em{font-style:normal;color:#70e8b5} .v17-hero-copy>p,.v17-campus-copy>p{max-width:610px;font-size:19px;line-height:1.55;color:rgba(255,255,255,.68)} .v17-ghost{border-color:rgba(255,255,255,.35)!important} .v17-quick{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;font-size:11px;color:rgba(255,255,255,.58);font-weight:760}.v17-quick b{color:#68e2ac} .v17-human-card{background:#efe3d3;color:#14221c;border:3px solid #b59f81;border-radius:22px 8px 22px 22px;box-shadow:0 9px 0 #5e4d3b,0 28px 55px rgba(0,0,0,.3);overflow:hidden} .v17-photo{height:365px;position:relative;border-bottom:3px solid #ad997f}.v17-photo>img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}.v17-photo>span{position:absolute;top:14px;right:14px;background:#f8f1e6;border:2px solid #ad9b83;border-radius:7px;padding:7px 9px;font-size:7px;font-weight:900;letter-spacing:.11em;color:#655b51} .v17-human-note{padding:20px}.v17-avatar-line{display:flex;align-items:center;gap:12px}.v17-avatar-line img{width:46px;height:46px;object-fit:cover;border-radius:10px 4px 10px 10px;border:2px solid #967f62}.v17-avatar-line small,.v17-avatar-line b{display:block}.v17-avatar-line small{font-size:7px;color:#0b8256;font-weight:950;letter-spacing:.11em}.v17-avatar-line b{font-size:12px;margin-top:3px}.v17-human-note p{font-size:15px;font-weight:760;line-height:1.45;margin:15px 0 0} .v17-courses{background:#f5efe5} .v17-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.v17-title>div>span{font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em}.v17-title h2{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.055em;margin:7px 0 0}.v17-title>a{font-size:11px;font-weight:900;color:#0b7650}.v17-title>small{font-size:8px;color:#766e65} .v17-course-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:18px}.v17-course-card{background:#fbf8f1;border:3px solid #b9aa96;border-radius:18px 6px 18px 18px;box-shadow:0 7px 0 #c8baa5;overflow:hidden;display:flex;flex-direction:column;min-height:410px}.v17-course-card.featured{min-height:475px}.v17-course-visual{height:215px;background:radial-gradient(240px 150px at 55% 30%,rgba(22,220,143,.28),transparent 70%),#0c2119;position:relative;display:grid;place-items:center;border-bottom:3px solid #214a39}.v17-course-visual img{width:92px;height:92px;object-fit:contain}.v17-course-visual>span{position:absolute;right:18px;bottom:-15px;font-size:105px;font-weight:950;color:rgba(255,255,255,.06);letter-spacing:-.08em}.v17-mini-icon{height:150px;background:#10261d;border-bottom:3px solid #214a39;color:#6de5b0;font-size:60px;display:grid;place-items:center}.v17-course-info{padding:22px;display:flex;flex-direction:column;flex:1}.v17-course-info small{font-size:8px;color:#0b8659;font-weight:950;letter-spacing:.11em}.v17-course-info h3{font-size:28px;letter-spacing:-.045em;margin:7px 0}.v17-course-info p{font-size:12px;line-height:1.5;color:#706f69;margin:0 0 18px}.v17-course-info a{margin-top:auto;font-size:10px;font-weight:900;color:#0b7650}.v17-chips{display:flex;gap:7px;flex-wrap:wrap;margin:2px 0 20px}.v17-chips span{font-size:8px;font-weight:850;background:#eee7dc;border:2px solid #d3c6b5;border-radius:7px;padding:6px 8px} .v17-campus-preview{background:#071711;color:white}.v17-title-light h2{color:white}.v17-title-light>div>span{color:#63e4ac}.v17-title-light>a{color:#70e5b0} .v17-campus-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.v17-dashboard{background:#0c241a;border:3px solid #355844;border-radius:20px 7px 20px 20px;box-shadow:0 8px 0 #020806;overflow:hidden}.v17-dashboard-top{height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #315140}.v17-dashboard-top>span{font-size:8px;color:#65dfa9;letter-spacing:.11em}.v17-brand-mini{display:flex;align-items:center;gap:9px}.v17-brand-mini img{width:28px;height:28px;object-fit:contain}.v17-brand-mini b{font-size:12px}.v17-next{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end;padding:32px}.v17-next small{font-size:8px;color:#61dfa8;letter-spacing:.11em}.v17-next h3{font-size:30px;letter-spacing:-.045em;margin:7px 0 22px}.v17-next>a{font-size:11px;font-weight:900;color:white}.v17-progress{height:10px;border:2px solid #2d5a45;border-radius:5px;background:#193a2d;overflow:hidden}.v17-progress i{display:block;width:68%;height:100%;background:#24d58f}.v17-next>div>span{display:block;font-size:8px;color:rgba(255,255,255,.4);margin-top:8px}.v17-dash-bottom{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #315140}.v17-dash-bottom>div{padding:18px;border-right:2px solid #315140}.v17-dash-bottom>div:last-child{border-right:0}.v17-dash-bottom b,.v17-dash-bottom span{display:block}.v17-dash-bottom b{font-size:16px}.v17-dash-bottom span{font-size:8px;color:rgba(255,255,255,.42);margin-top:4px} .v17-side-human{background:#efe4d4;color:#14221c;border:3px solid #b8a286;border-radius:20px 7px 20px 20px;box-shadow:0 8px 0 #654f3d;padding:20px}.v17-side-human-head{display:flex;gap:12px;align-items:center;padding-bottom:15px;border-bottom:2px solid #c7b397}.v17-side-human-head img{width:56px;height:56px;object-fit:cover;border:2px solid #947d61;border-radius:10px 4px 10px 10px}.v17-side-human-head small,.v17-side-human-head b{display:block}.v17-side-human-head small{font-size:7px;color:#0b8256;font-weight:950;letter-spacing:.11em}.v17-side-human-head b{font-size:11px;margin-top:3px}.v17-chat{max-width:87%;font-size:9px;line-height:1.45;padding:10px 12px;border:2px solid #c1ad92;background:#fff9ef;border-radius:11px 11px 11px 4px;margin-top:12px}.v17-chat.student{margin-left:auto;background:#d9f2e5;border-color:#99c7ac;border-radius:11px 11px 4px 11px}.v17-side-human>a{display:block;margin-top:18px;font-size:10px;font-weight:900;color:#0b7650} .v17-social{background:#e9dfd2;border-top:3px solid #ccbda9}.v17-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v17-review{background:#fbf7ef;border:3px solid #baa995;border-radius:16px 5px 16px 16px;box-shadow:0 6px 0 #c8b7a1;padding:25px}.v17-review>div{color:#d29730;letter-spacing:.08em}.v17-review blockquote{font-size:18px;line-height:1.5;font-weight:720;margin:18px 0 26px}.v17-review>span{font-size:8px;color:#786e63}.v17-cta{margin-top:30px;background:#0b2118;color:white;border:3px solid #28523e;border-radius:19px 7px 19px 19px;box-shadow:0 8px 0 #020806;padding:35px;display:flex;align-items:end;justify-content:space-between;gap:30px}.v17-cta small{font-size:8px;color:#63e2aa;font-weight:950;letter-spacing:.12em}.v17-cta h2{font-size:clamp(36px,4.3vw,55px);line-height:.98;letter-spacing:-.055em;margin:7px 0 0} /* CAMPUS */ .v17-campus-hero{background:radial-gradient(700px 410px at 78% 20%,rgba(25,220,145,.16),transparent 70%),#071711;color:white;padding:150px 0 90px}.v17-campus-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center}.v17-campus-copy>p{max-width:600px}.v17-three{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}.v17-three>div{border:2px solid #315342;background:#0d281d;border-radius:9px 3px 9px 9px;padding:13px}.v17-three b,.v17-three span{display:block}.v17-three b{font-size:10px;color:#62e3aa}.v17-three span{font-size:9px;color:rgba(255,255,255,.68);margin-top:4px} .v17-campus-welcome{background:#efe4d4;color:#14221c;border:3px solid #b7a085;border-radius:21px 7px 21px 21px;box-shadow:0 9px 0 #5d4b39;overflow:hidden}.v17-campus-welcome>img{width:100%;height:310px;object-fit:cover;border-bottom:3px solid #ad9678;filter:saturate(.88)}.v17-campus-welcome>div{padding:22px}.v17-campus-welcome small{font-size:7px;color:#0b8256;font-weight:950;letter-spacing:.11em}.v17-campus-welcome h3{font-size:22px;line-height:1.35;letter-spacing:-.035em;margin:7px 0 12px}.v17-campus-welcome span{font-size:9px;color:#74695f} .v17-space{background:#071711;color:white}.v17-space-shell{display:grid;grid-template-columns:205px 1fr;border:3px solid #345744;border-radius:21px 7px 21px 21px;box-shadow:0 9px 0 #020806;overflow:hidden;background:#0c241a}.v17-space-shell aside{padding:22px;border-right:3px solid #2c4c3b;background:#091e16}.v17-space-shell aside .v17-brand-mini{margin-bottom:34px}.v17-space-shell aside>a{display:block;padding:11px 12px;margin:4px 0;border:2px solid transparent;border-radius:8px;font-size:9px;color:rgba(255,255,255,.45);font-weight:800}.v17-space-shell aside>a.active{border-color:#315543;background:#112d21;color:white}.v17-space-main{padding:30px}.v17-space-head{display:flex;justify-content:space-between;align-items:start}.v17-space-head small{font-size:7px;color:#61dfa8;letter-spacing:.11em}.v17-space-head h3{font-size:28px;margin:5px 0}.v17-space-head>span{font-size:28px;color:#62e1a9;font-weight:900}.v17-current{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;background:#efe4d4;color:#14221c;border:3px solid #b6a085;border-radius:15px 5px 15px 15px;box-shadow:0 6px 0 #5e4b39;padding:22px;margin-top:20px}.v17-current small{font-size:8px;color:#0b8256;font-weight:950;letter-spacing:.1em}.v17-current h4{font-size:25px;letter-spacing:-.04em;margin:7px 0 4px}.v17-current p{font-size:9px;color:#756b61}.v17-current .v17-progress{margin-top:18px;border-color:#aebcb3;background:#d5ded8} .v17-simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:17px}.v17-simple-box{background:#102b20;border:3px solid #315343;border-radius:13px 5px 13px 13px;padding:18px}.v17-simple-box small,.v17-simple-box b,.v17-simple-box span,.v17-simple-box a{display:block}.v17-simple-box small{font-size:7px;color:#60dfa8;font-weight:950;letter-spacing:.11em}.v17-simple-box b{font-size:13px;margin-top:8px}.v17-simple-box span{font-size:8px;color:rgba(255,255,255,.4);margin-top:5px}.v17-simple-box a{font-size:9px;color:white;font-weight:900;margin-top:20px}.v17-simple-box.human{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;background:#efe4d4;color:#14221c;border-color:#b8a287;box-shadow:0 5px 0 #5f4d3b}.v17-simple-box.human img{width:58px;height:58px;object-fit:cover;border:2px solid #927b60;border-radius:10px 4px 10px 10px}.v17-simple-box.human small{color:#0b8256}.v17-simple-box.human span{color:#756b61} .v17-people{background:#f5efe5}.v17-people-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.v17-person{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;background:#fbf8f1;border:3px solid #b9aa96;border-radius:17px 6px 17px 17px;box-shadow:0 7px 0 #c9baa5;padding:14px}.v17-person>img{width:100%;height:175px;object-fit:cover;border:2px solid #9a8367;border-radius:11px 4px 11px 11px}.v17-person small{font-size:7px;color:#0b8256;font-weight:950;letter-spacing:.11em}.v17-person h3{font-size:21px;letter-spacing:-.035em;margin:6px 0}.v17-person p{font-size:10px;color:#746e67}.v17-people-end{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding-top:24px;border-top:3px solid #d1c3b2}.v17-people-end p{font-size:17px;font-weight:760;margin:0} @media(max-width:980px){ .v17-hero-grid,.v17-campus-hero-grid{grid-template-columns:1fr} .v17-course-grid{grid-template-columns:1fr 1fr}.v17-course-card.featured{grid-column:span 2} .v17-campus-grid{grid-template-columns:1fr}.v17-space-shell{grid-template-columns:1fr}.v17-space-shell aside{border-right:0;border-bottom:3px solid #2c4c3b}.v17-space-shell aside>a{display:inline-block}.v17-people-grid{grid-template-columns:1fr} } @media(max-width:680px){ .v17-hero,.v17-campus-hero{padding:132px 0 68px}.v17-hero-copy h1,.v17-campus-copy h1{font-size:56px}.v17-hero-copy>p,.v17-campus-copy>p{font-size:16px} .v17-human-card{max-width:520px}.v17-photo{height:320px} .v17-title{align-items:flex-start;flex-direction:column}.v17-course-grid{grid-template-columns:1fr}.v17-course-card.featured{grid-column:auto}.v17-course-card{min-height:360px} .v17-next{grid-template-columns:1fr}.v17-dash-bottom{grid-template-columns:1fr}.v17-dash-bottom>div{border-right:0;border-bottom:2px solid #315140}.v17-dash-bottom>div:last-child{border-bottom:0} .v17-review-grid{grid-template-columns:1fr}.v17-cta{align-items:flex-start;flex-direction:column;padding:28px 22px} .v17-three{grid-template-columns:1fr}.v17-space-main{padding:15px}.v17-current{grid-template-columns:1fr}.v17-simple-grid{grid-template-columns:1fr}.v17-person{grid-template-columns:110px 1fr}.v17-person>img{height:145px}.v17-people-end{align-items:flex-start;flex-direction:column} } /* V1.8 — plus d’images humaines, moins de rectangles texte */ .v18-home,.v18-campus{--cream:#f5efe5;--paper:#fbf8f1;--green:#1add92;--deep:#071711;--ink:#13221c;--line:#b7a994;--muted:#6f6a62} .v18-home .btn,.v18-campus .btn{border-radius:12px 5px 12px 12px} .v18-kicker{display:block;font-size:10px;font-weight:950;letter-spacing:.13em;color:#66e4ac} .v18-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.v18-badges span{padding:10px 13px;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.14);border-radius:999px;font-size:10px;font-weight:800;color:rgba(255,255,255,.78)} .v18-ghost{border-color:rgba(255,255,255,.35)!important} .v18-hero,.v18-campus-hero{background:radial-gradient(760px 420px at 80% 22%,rgba(26,221,146,.16),transparent 70%),#071711;color:#fff;padding:155px 0 92px} .v18-hero-grid,.v18-campus-hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:64px;align-items:center} .v18-copy h1{font-size:clamp(54px,6.9vw,94px);line-height:.9;letter-spacing:-.07em;margin:14px 0 24px} .v18-copy h1 em{font-style:normal;color:#70e8b5} .v18-copy p{max-width:610px;font-size:19px;line-height:1.58;color:rgba(255,255,255,.68)} .v18-hero-visual{display:grid;grid-template-columns:1fr 220px;gap:16px;align-items:stretch} .v18-main-face{position:relative;min-height:520px;background:#efe3d3;color:#14221c;border:3px solid #b7a084;border-radius:24px 8px 24px 24px;box-shadow:0 9px 0 #5e4d3b,0 32px 60px rgba(0,0,0,.3);overflow:hidden} .v18-main-face>img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)} .v18-main-face-card{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(250,244,236,.95);border:2px solid #c9b59c;border-radius:16px 5px 16px 16px;padding:18px;backdrop-filter:blur(4px)} .v18-main-face-card small,.v18-mini-face small,.v18-mini-quote small,.v18-course-copy small,.v18-course-card-copy small,.v18-review-person span,.v18-final small,.v18-campus-body small,.v18-campus-right small,.v18-side-card small,.v18-person-card small,.v18-campus-ui-course small,.v18-ui-box small,.v18-side-photo small{font-size:7px;color:#0b8256;font-weight:950;letter-spacing:.11em} .v18-main-face-card b{display:block;font-size:22px;line-height:1.15;margin:7px 0 8px}.v18-main-face-card p{font-size:12px;line-height:1.55;color:#5f5a55;margin:0} .v18-mini-stack{display:grid;gap:16px} .v18-mini-face,.v18-mini-quote{background:#efe3d3;color:#14221c;border:3px solid #b7a084;border-radius:18px 6px 18px 18px;box-shadow:0 8px 0 #604f3d;overflow:hidden} .v18-mini-face img{width:100%;height:215px;object-fit:cover;border-bottom:2px solid #b8a38a} .v18-mini-face div{padding:14px}.v18-mini-face b{display:block;font-size:14px;margin-top:6px} .v18-mini-quote{padding:18px;display:flex;flex-direction:column;justify-content:space-between} .v18-avatar-group,.v18-side-avatars{display:flex;align-items:center}.v18-avatar-group img,.v18-side-avatars img{width:40px;height:40px;object-fit:cover;border-radius:50%;border:3px solid #efe3d3;margin-right:-8px}.v18-avatar-group span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:3px solid #efe3d3;background:#11271e;color:#fff;font-size:9px;font-weight:900} .v18-mini-quote p{font-size:14px;line-height:1.55;font-weight:760;margin:18px 0 0} .v18-formations{background:#f5efe5} .v18-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.v18-head>div>span{font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em}.v18-head h2{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.055em;margin:7px 0 0}.v18-head>a{font-size:11px;font-weight:900;color:#0b7650}.v18-head>small{font-size:8px;color:#766e65}.v18-head-light h2{color:#fff}.v18-head-light>div>span{color:#63e4ac}.v18-head-light>a{color:#70e5b0} .v18-courses-grid{display:grid;grid-template-columns:1.35fr .82fr .82fr;gap:18px} .v18-course-featured{display:grid;grid-template-columns:.95fr 1.05fr;background:#fbf8f1;border:3px solid #b9aa96;border-radius:20px 6px 20px 20px;box-shadow:0 7px 0 #c8baa5;overflow:hidden;min-height:430px} .v18-course-media{position:relative;height:100%}.v18-course-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.v18-course-chip{position:absolute;top:16px;left:16px;background:#f5eddf;border:2px solid #b9a78f;border-radius:7px;padding:7px 9px;font-size:7px;font-weight:900;letter-spacing:.11em;color:#655b51} .v18-course-copy{padding:26px;display:flex;flex-direction:column}.v18-course-copy h3{font-size:34px;letter-spacing:-.05em;margin:8px 0 12px}.v18-course-copy p{font-size:14px;line-height:1.6;color:#6c675f;margin:0 0 18px}.v18-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.v18-meta span{background:#eee6da;border:2px solid #d2c6b6;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900;color:#5f5a55}.v18-course-copy a,.v18-course-card-copy a,.v18-campus-left a,.v18-campus-ui-course a{margin-top:auto;font-size:11px;font-weight:900;color:#0b7650} .v18-course-card{background:#fbf8f1;border:3px solid #b9aa96;border-radius:18px 6px 18px 18px;box-shadow:0 7px 0 #c8baa5;overflow:hidden;display:flex;flex-direction:column;min-height:430px}.v18-course-card img{width:100%;height:220px;object-fit:cover;border-bottom:2px solid #ccbda9;filter:saturate(.9)}.v18-course-card-copy{padding:20px;display:flex;flex-direction:column;flex:1}.v18-course-card-copy h3{font-size:27px;letter-spacing:-.04em;margin:8px 0}.v18-course-card-copy p{font-size:13px;line-height:1.6;color:#6e6962;margin:0 0 16px} .v18-campus-preview,.v18-campus-main{background:#071711;color:#fff} .v18-campus-grid,.v18-campus-main-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px} .v18-campus-shot,.v18-campus-ui{background:#0c241a;border:3px solid #355844;border-radius:22px 7px 22px 22px;box-shadow:0 8px 0 #020806;overflow:hidden} .v18-campus-top,.v18-campus-ui-top{height:62px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #315140}.v18-campus-top>span,.v18-campus-ui-top>span{font-size:8px;color:#65dfa9;letter-spacing:.11em} .v18-brand{display:flex;align-items:center;gap:9px}.v18-brand img{width:28px;height:28px;object-fit:contain}.v18-brand b{font-size:13px;color:#f4f0e9} .v18-campus-body{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;padding:22px}.v18-campus-left h3,.v18-campus-ui-course h3{font-size:30px;line-height:1.05;letter-spacing:-.045em;margin:8px 0 14px}.v18-campus-left p,.v18-campus-right span,.v18-campus-ui-course p,.v18-campus-ui-course span{font-size:10px;color:rgba(255,255,255,.5)}.v18-progress{height:10px;border:2px solid #2e5b46;background:#17392c;border-radius:5px;overflow:hidden}.v18-progress i{display:block;width:68%;height:100%;background:#22d58f}.v18-campus-left p{margin:10px 0 16px} .v18-campus-right{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;background:#efe4d4;color:#14221c;border:3px solid #b8a286;border-radius:15px 5px 15px 15px;box-shadow:0 5px 0 #664f3d;padding:12px}.v18-campus-right img,.v18-side-card.image img,.v18-review-person img,.v18-campus-hero-faces img,.v18-side-photo img,.v18-ui-box.human img,.v18-person-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.v18-campus-right img{height:120px;border-radius:10px 4px 10px 10px;border:2px solid #9a8264}.v18-campus-right b{display:block;font-size:14px;line-height:1.35;margin:6px 0}.v18-campus-right span{display:block} .v18-campus-side,.v18-campus-main-side{display:grid;gap:18px} .v18-side-card{background:#efe4d4;color:#14221c;border:3px solid #b8a286;border-radius:18px 6px 18px 18px;box-shadow:0 8px 0 #654f3d;overflow:hidden}.v18-side-card.image img{display:block;height:220px;border-bottom:2px solid #c5b294}.v18-side-card.image div{padding:16px}.v18-side-card.image b{display:block;font-size:16px;line-height:1.35;margin-top:6px}.v18-side-card.quote{padding:18px}.v18-side-card.quote p{font-size:15px;line-height:1.55;font-weight:760;margin:16px 0 0} .v18-reviews{background:#e9dfd2;border-top:3px solid #ccbda9} .v18-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v18-review{background:#fbf7ef;border:3px solid #baa995;border-radius:16px 5px 16px 16px;box-shadow:0 6px 0 #c8b7a1;padding:22px}.v18-review-person{display:flex;align-items:center;gap:12px}.v18-review-person img{width:52px;height:52px;border-radius:50%;border:3px solid #d7cab8}.v18-review-person b{display:block;font-size:13px}.v18-review-person span{display:block;color:#766d64}.v18-review blockquote{font-size:18px;line-height:1.53;font-weight:720;margin:18px 0 0} .v18-final{margin-top:30px;background:#0b2118;color:#fff;border:3px solid #25503d;border-radius:20px 7px 20px 20px;box-shadow:0 8px 0 #020806;padding:34px;display:flex;justify-content:space-between;align-items:end;gap:24px}.v18-final h2{font-size:clamp(36px,4.8vw,58px);line-height:.98;letter-spacing:-.05em;margin:8px 0 0} /* campus specific */ .v18-campus-hero-faces{display:grid;grid-template-columns:1.12fr .88fr;gap:16px} .v18-portrait-large,.v18-portrait-small{background:#efe4d4;color:#14221c;border:3px solid #b8a286;border-radius:20px 7px 20px 20px;box-shadow:0 8px 0 #624f3b;overflow:hidden} .v18-portrait-large img{display:block;height:410px;width:100%;border-bottom:2px solid #c6b294}.v18-portrait-small img{display:block;height:250px;width:100%;border-bottom:2px solid #c6b294}.v18-portrait-large div,.v18-portrait-small div{padding:16px}.v18-portrait-large b,.v18-portrait-small b{display:block;font-size:16px;line-height:1.3;margin-top:6px} .v18-campus-ui-body{padding:22px}.v18-campus-ui-course{padding:0 0 20px}.v18-campus-ui-boxes{display:grid;grid-template-columns:1fr 1fr;gap:15px}.v18-ui-box{background:#102b20;border:3px solid #315343;border-radius:13px 5px 13px 13px;padding:18px}.v18-ui-box b{display:block;font-size:13px;margin-top:8px}.v18-ui-box.human{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center}.v18-ui-box.human img{width:74px;height:74px;border-radius:11px 4px 11px 11px;border:2px solid #597663}.v18-ui-box.human b{margin-top:6px;color:#fff} .v18-side-photo{background:#efe4d4;color:#14221c;border:3px solid #b8a286;border-radius:18px 6px 18px 18px;box-shadow:0 8px 0 #654f3d;overflow:hidden}.v18-side-photo img{display:block;height:245px}.v18-side-photo div{padding:16px}.v18-side-photo b{display:block;font-size:16px;line-height:1.4;margin-top:6px} .v18-campus-people{background:#f5efe5} .v18-people-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px}.v18-person-card{background:#fbf8f1;border:3px solid #b9aa96;border-radius:18px 6px 18px 18px;box-shadow:0 7px 0 #c8baa5;overflow:hidden}.v18-person-card img{display:block;height:250px;width:100%;border-bottom:2px solid #ccbda9}.v18-person-card div{padding:18px}.v18-person-card h3{font-size:23px;letter-spacing:-.04em;margin:8px 0}.v18-person-card p{font-size:13px;line-height:1.6;color:#6c665f;margin:0} @media(max-width:980px){ .v18-hero-grid,.v18-campus-hero-grid,.v18-campus-grid,.v18-campus-main-grid{grid-template-columns:1fr} .v18-courses-grid{grid-template-columns:1fr 1fr}.v18-course-featured{grid-column:span 2} .v18-people-grid{grid-template-columns:1fr 1fr} } @media(max-width:680px){ .v18-hero,.v18-campus-hero{padding:132px 0 68px} .v18-copy h1{font-size:56px}.v18-copy p{font-size:16px} .v18-head{align-items:flex-start;flex-direction:column} .v18-hero-visual,.v18-campus-hero-faces,.v18-courses-grid,.v18-review-grid,.v18-people-grid{grid-template-columns:1fr} .v18-course-featured{grid-template-columns:1fr;grid-column:auto}.v18-course-media{min-height:280px} .v18-campus-body,.v18-campus-ui-boxes{grid-template-columns:1fr} .v18-final{align-items:flex-start;flex-direction:column;padding:28px 22px} } .v19-home{ --cream:#f4efe6;--paper:#fbf8f1;--green:#18dd91;--green2:#6ee9b4; --deep:#071711;--ink:#12231b;--muted:#706b64;--line:#b8aa96;--warm:#eadfce; } .v19-home .btn{border-radius:12px 5px 12px 12px} .v19-kicker{font-size:10px;font-weight:950;letter-spacing:.13em;color:#68e3ad} .v19-ghost{border-color:rgba(255,255,255,.32)!important} .v19-hero{ background: radial-gradient(720px 420px at 82% 20%,rgba(24,221,145,.18),transparent 70%), #071711; color:#fff;padding:155px 0 92px;overflow:hidden } .v19-hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:68px;align-items:center} .v19-hero-copy h1{font-size:clamp(56px,6.8vw,94px);line-height:.9;letter-spacing:-.07em;margin:15px 0 25px} .v19-hero-copy h1 em{font-style:normal;color:#70e8b5} .v19-hero-copy>p{max-width:610px;font-size:19px;line-height:1.6;color:rgba(255,255,255,.67)} .v19-mini-proof{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:24px;color:rgba(255,255,255,.59);font-size:10px;font-weight:800} .v19-hero-collage{position:relative;min-height:545px} .v19-photo-main{position:absolute;right:30px;top:0;width:67%;height:455px;margin:0;border:3px solid #587161;border-radius:25px 8px 25px 25px;overflow:hidden;box-shadow:0 10px 0 #020806,0 35px 65px rgba(0,0,0,.34)} .v19-photo-main>img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)} .v19-photo-main figcaption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(247,239,227,.95);color:#14231c;border:2px solid #c2ad90;border-radius:13px 5px 13px 13px;padding:14px} .v19-photo-main small,.v19-photo-side span{font-size:7px;font-weight:950;letter-spacing:.11em;color:#0b8256} .v19-photo-main b{display:block;font-size:15px;margin-top:4px} .v19-photo-side{position:absolute;left:0;bottom:38px;width:34%;height:235px;margin:0;border:3px solid #b7a185;border-radius:18px 6px 18px 18px;overflow:hidden;box-shadow:0 8px 0 #604d3b;transform:rotate(-2deg);background:#eee1d0} .v19-photo-side>img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)} .v19-photo-side figcaption{position:absolute;left:10px;bottom:10px;background:#f6eee1;border:2px solid #bca78b;border-radius:7px;padding:6px 8px} .v19-handnote{position:absolute;right:0;bottom:0;width:45%;background:#efe3d2;color:#14221c;border:3px solid #b69e80;border-radius:15px 5px 15px 15px;box-shadow:0 7px 0 #5f4c3a;padding:18px;transform:rotate(1.4deg)} .v19-handnote span{display:block;font-size:15px;font-weight:780;line-height:1.4}.v19-handnote small{display:block;margin-top:9px;font-size:7px;color:#0b8256;font-weight:950;letter-spacing:.11em} .v19-floating-progress{position:absolute;left:21%;top:34px;background:#0d2b1f;border:3px solid #3c6b52;color:white;border-radius:14px 5px 14px 14px;padding:14px 16px;width:165px;box-shadow:0 6px 0 #020806;transform:rotate(-1deg)} .v19-floating-progress b{font-size:27px}.v19-floating-progress span{display:block;font-size:8px;color:rgba(255,255,255,.5);margin:2px 0 9px}.v19-floating-progress>div{height:7px;border:2px solid #326046;background:#17392d;border-radius:5px;overflow:hidden}.v19-floating-progress i{display:block;width:68%;height:100%;background:#24d58f} .v19-formations{background:#f5efe5} .v19-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.v19-head>div>span{font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em}.v19-head h2{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.055em;margin:7px 0 0}.v19-head>a{font-size:11px;font-weight:900;color:#0b7650}.v19-head>small{font-size:8px;color:#786f66} .v19-course-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:18px} .v19-course-lead{display:grid;grid-template-columns:.9fr 1.1fr;min-height:470px;background:#fbf8f1;border:3px solid #b8aa96;border-radius:23px 7px 23px 23px;box-shadow:0 8px 0 #c7b8a3;overflow:hidden} .v19-lead-photo{position:relative}.v19-lead-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.v19-label{position:absolute;left:15px;top:15px;background:#f7efe2;border:2px solid #b9a68d;border-radius:7px;padding:7px 9px;font-size:7px;font-weight:950;letter-spacing:.1em;color:#0b8256} .v19-lead-content{padding:30px;display:flex;flex-direction:column}.v19-course-id{font-size:8px;color:#0b8659;font-weight:950;letter-spacing:.12em}.v19-lead-content h3{font-size:40px;line-height:1;letter-spacing:-.05em;margin:9px 0 15px}.v19-lead-content p{font-size:14px;line-height:1.6;color:#6d685f;margin:0 0 22px}.v19-inline-meta{display:flex;gap:8px;flex-wrap:wrap}.v19-inline-meta span{padding:7px 9px;border:2px solid #d0c3b2;background:#ede6db;border-radius:999px;font-size:8px;font-weight:850;color:#665f57}.v19-lead-content>a{margin-top:auto;font-size:11px;color:#0b7650;font-weight:900} .v19-course-stack{display:grid;gap:18px}.v19-course-strip{display:grid;grid-template-columns:145px 1fr 70px;align-items:stretch;background:#fbf8f1;border:3px solid #b8aa96;border-radius:18px 6px 18px 18px;box-shadow:0 7px 0 #c7b8a3;overflow:hidden;min-height:225px}.v19-strip-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.v19-strip-copy{padding:21px}.v19-strip-copy small{font-size:7px;color:#0b8659;font-weight:950;letter-spacing:.11em}.v19-strip-copy h3{font-size:27px;letter-spacing:-.04em;margin:8px 0 5px}.v19-strip-copy p{font-size:11px;color:#6e6962;margin:0 0 18px}.v19-strip-copy a{font-size:9px;font-weight:900;color:#0b7650}.v19-strip-symbol{display:grid;place-items:center;background:#0b2118;color:#70e7b2;font-size:35px;border-left:3px solid #2a513e} .v19-campus{background:#081812;color:white;overflow:hidden} .v19-campus-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:end;margin-bottom:35px}.v19-campus-intro>div>span{font-size:9px;color:#63e4ac;font-weight:950;letter-spacing:.12em}.v19-campus-intro h2{font-size:clamp(42px,5.4vw,70px);line-height:.96;letter-spacing:-.058em;margin:7px 0 0}.v19-campus-intro>p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.58);max-width:560px;margin:0} .v19-map-shell{border:3px solid #355b47;border-radius:25px 8px 25px 25px;box-shadow:0 9px 0 #020806,0 35px 70px rgba(0,0,0,.32);background:linear-gradient(180deg,#0d281e,#0a2018);overflow:hidden} .v19-map-toolbar{height:72px;display:grid;grid-template-columns:1fr auto auto;gap:25px;align-items:center;padding:0 22px;border-bottom:3px solid #2e5240}.v19-brand{display:flex;gap:10px;align-items:center}.v19-brand img{width:32px;height:32px;object-fit:contain}.v19-brand b{font-size:13px}.v19-map-status span,.v19-map-status b{display:block;text-align:right}.v19-map-status span{font-size:7px;color:#61dfa8;letter-spacing:.12em}.v19-map-status b{font-size:10px;margin-top:3px}.v19-level{padding:8px 10px;border:2px solid #3f7157;border-radius:8px;font-size:8px;font-weight:900;color:#7aebbb} .v19-path-stage{position:relative;min-height:590px;background: radial-gradient(circle at 20% 25%,rgba(31,222,147,.08),transparent 24%), radial-gradient(circle at 82% 65%,rgba(31,222,147,.08),transparent 25%), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:auto,auto,32px 32px,32px 32px; } .v19-path-svg{position:absolute;inset:40px 2% 20px 2%;width:96%;height:88%;overflow:visible} .v19-path-shadow{fill:none;stroke:#020b08;stroke-width:26;stroke-linecap:round;opacity:.8} .v19-path-line{fill:none;stroke:#3cbd81;stroke-width:9;stroke-linecap:round;stroke-dasharray:16 15;filter:drop-shadow(0 0 10px rgba(38,215,144,.25))} .v19-node{position:absolute;display:flex;align-items:center;gap:10px;z-index:3;cursor:default} .v19-node-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:4px solid #2f6349;background:#143a2a;color:white;font-size:20px;font-weight:950;box-shadow:0 6px 0 #06110c} .v19-node.done .v19-node-icon{background:#1fd48d;border-color:#74efbd;color:#07311f} .v19-node.current .v19-node-icon{width:68px;height:68px;background:#f2d16c;border-color:#fff0a9;color:#3e3207;box-shadow:0 7px 0 #92761e,0 0 0 10px rgba(242,209,108,.1);animation:v19pulse 2.2s infinite} .v19-node.locked{opacity:.55}.v19-node.locked .v19-node-icon{background:#173729;color:#7f9e8f} .v19-node-label{background:#102b20;border:2px solid #315944;border-radius:10px 4px 10px 10px;padding:9px 11px;min-width:115px;box-shadow:0 4px 0 #030c08}.v19-node-label b,.v19-node-label span{display:block}.v19-node-label b{font-size:9px}.v19-node-label span{font-size:7px;color:rgba(255,255,255,.42);margin-top:3px} .v19-node.current .v19-node-label{border-color:#8b7a36;background:#2a2718} .n1{left:4.5%;top:66%}.n2{left:22%;top:41%}.n3{left:43%;top:55%}.n4{left:61%;top:24%}.n5{left:81%;top:36%} .v19-flag{position:absolute;right:4.8%;top:5%;z-index:3}.v19-flag-pole{position:absolute;left:0;top:0;width:6px;height:104px;background:#e7d8bd;border:2px solid #8e7e65;border-radius:3px}.v19-flag-shape{margin-left:6px;background:#f2d16c;color:#312607;border:3px solid #a38527;border-left:0;border-radius:0 8px 8px 0;padding:11px 17px;font-size:8px;font-weight:950;letter-spacing:.1em;box-shadow:0 5px 0 #725e1f}.v19-flag-text{margin:54px 0 0 -90px;width:190px;background:#efe4d4;color:#14221c;border:3px solid #b7a286;border-radius:13px 5px 13px 13px;box-shadow:0 6px 0 #654f3d;padding:12px}.v19-flag-text b,.v19-flag-text span{display:block}.v19-flag-text b{font-size:11px}.v19-flag-text span{font-size:7px;color:#756b61;margin-top:3px} .v19-path-card{position:absolute;left:5%;top:8%;width:285px;background:#efe4d4;color:#14221c;border:3px solid #b9a286;border-radius:15px 5px 15px 15px;box-shadow:0 7px 0 #624d3a;padding:17px}.v19-path-card small{font-size:7px;color:#0b8256;font-weight:950;letter-spacing:.11em}.v19-path-card h3{font-size:19px;line-height:1.25;letter-spacing:-.03em;margin:7px 0 13px}.v19-progress{height:9px;border:2px solid #9fb1a6;background:#d6ddd8;border-radius:6px;overflow:hidden}.v19-progress i{display:block;width:68%;height:100%;background:#1fd38c}.v19-path-card-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:9px}.v19-path-card-bottom span{font-size:7px;color:#756b61}.v19-path-card-bottom a{font-size:8px;font-weight:900;color:#0b7650} .v19-xp-card{position:absolute;right:25%;bottom:9%;display:flex;align-items:center;gap:10px;background:#102c20;border:3px solid #365f49;border-radius:12px 4px 12px 12px;box-shadow:0 5px 0 #020806;padding:10px 13px}.v19-xp-card>span{color:#f2d16c;font-size:22px}.v19-xp-card b,.v19-xp-card small{display:block}.v19-xp-card b{font-size:11px}.v19-xp-card small{font-size:7px;color:rgba(255,255,255,.42);margin-top:2px} .v19-campus-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:30px}.v19-campus-human{display:flex;align-items:center;gap:13px}.v19-campus-human img{width:58px;height:58px;border:3px solid #4c735e;border-radius:50%;object-fit:cover}.v19-campus-human small,.v19-campus-human b{display:block}.v19-campus-human small{font-size:7px;color:#61dfa8;letter-spacing:.1em}.v19-campus-human b{font-size:12px;margin-top:4px} .v19-social{background:#eee5d8} .v19-review-band{display:grid;gap:18px} .v19-review-story{display:grid;grid-template-columns:270px 1fr;min-height:260px;background:#fbf8f1;border:3px solid #b8aa96;border-radius:21px 7px 21px 21px;box-shadow:0 7px 0 #c8baa6;overflow:hidden}.v19-review-story.inverse{grid-template-columns:1fr 270px}.v19-review-story>img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.v19-review-story>div{padding:30px;display:flex;flex-direction:column;justify-content:center}.v19-stars{color:#d39c2f;letter-spacing:.08em;font-size:13px}.v19-review-story blockquote{font-size:24px;line-height:1.4;font-weight:720;letter-spacing:-.025em;margin:15px 0 22px}.v19-review-story span{font-size:8px;color:#766e65} .v19-final{margin-top:30px;background:#0b2118;color:#fff;border:3px solid #28523e;border-radius:21px 7px 21px 21px;box-shadow:0 8px 0 #020806;padding:38px;display:flex;align-items:end;justify-content:space-between;gap:30px}.v19-final small{font-size:8px;color:#63e2aa;font-weight:950;letter-spacing:.12em}.v19-final h2{font-size:clamp(38px,4.8vw,61px);line-height:.98;letter-spacing:-.055em;margin:8px 0 0} @keyframes v19pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @media(max-width:1050px){ .v19-hero-grid,.v19-course-layout,.v19-campus-intro{grid-template-columns:1fr} .v19-hero-collage{max-width:720px;width:100%;margin:auto} .v19-course-lead{min-height:430px} .v19-campus-intro{gap:15px} } @media(max-width:780px){ .v19-hero{padding:135px 0 70px}.v19-hero-copy h1{font-size:58px}.v19-hero-copy>p{font-size:16px} .v19-hero-collage{min-height:470px}.v19-photo-main{width:72%;height:390px}.v19-photo-side{width:38%;height:210px}.v19-handnote{width:50%} .v19-head{align-items:flex-start;flex-direction:column} .v19-course-lead{grid-template-columns:1fr}.v19-lead-photo{min-height:280px}.v19-course-strip{grid-template-columns:120px 1fr 55px} .v19-path-stage{min-height:720px}.v19-path-svg{display:none}.v19-node{position:relative;left:auto!important;top:auto!important;margin:0 22px 26px 34px}.v19-node:before{content:"";position:absolute;left:27px;top:53px;width:5px;height:40px;background:#3cbd81;border-radius:5px}.v19-node.n5:before{display:none}.v19-path-card{position:relative;left:auto;top:auto;width:auto;margin:20px}.v19-flag{position:relative;right:auto;top:auto;margin:22px 0 35px 65px}.v19-xp-card{position:relative;right:auto;bottom:auto;width:max-content;margin:20px} .v19-campus-footer{align-items:flex-start;flex-direction:column} .v19-review-story,.v19-review-story.inverse{grid-template-columns:1fr}.v19-review-story.inverse>img{order:-1}.v19-review-story>img{height:280px}.v19-final{align-items:flex-start;flex-direction:column;padding:28px 22px} } @media(max-width:520px){ .v19-hero-copy h1{font-size:51px} .v19-hero-collage{min-height:450px}.v19-photo-main{right:0;width:78%;height:355px}.v19-photo-side{width:42%;height:180px}.v19-handnote{width:58%;padding:13px}.v19-floating-progress{left:4%;top:25px;width:145px} .v19-course-strip{grid-template-columns:95px 1fr}.v19-strip-symbol{display:none} .v19-lead-content h3{font-size:34px} .v19-review-story blockquote{font-size:20px} } .v110-formation{background:#f5efe5} .v110-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px} .v110-head>div>span{font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em} .v110-head h2{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.055em;margin:7px 0 0} .v110-head>a{font-size:11px;font-weight:900;color:#0b7650} .v110-training-showcase{ display:grid;grid-template-columns:.92fr 1.08fr;min-height:520px; background:#fbf8f1;border:3px solid #b8aa96;border-radius:24px 8px 24px 24px; box-shadow:0 9px 0 #c7b8a3;overflow:hidden } .v110-training-photo{position:relative;min-height:520px} .v110-training-photo>img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)} .v110-photo-caption{ position:absolute;left:18px;right:18px;bottom:18px; background:rgba(248,241,231,.95);border:2px solid #c3b097;border-radius:14px 5px 14px 14px; padding:16px;color:#14231c } .v110-photo-caption small{font-size:7px;color:#0b8256;font-weight:950;letter-spacing:.11em} .v110-photo-caption b{display:block;font-size:16px;margin-top:5px} .v110-training-body{padding:38px;display:flex;flex-direction:column} .v110-topline{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #d1c4b3;padding-bottom:14px} .v110-topline span{font-size:8px;color:#746e66;font-weight:900;letter-spacing:.1em} .v110-topline span:first-child{color:#0b8659} .v110-training-body h3{font-size:clamp(42px,5vw,66px);line-height:.95;letter-spacing:-.06em;margin:24px 0 16px} .v110-lead{font-size:16px;line-height:1.65;color:#6c675f;max-width:650px;margin:0} .v110-outcomes{display:grid;gap:10px;margin:26px 0} .v110-outcomes>div{display:flex;align-items:center;gap:11px} .v110-outcomes b{ width:28px;height:28px;border-radius:50%;display:grid;place-items:center; background:#173d2d;color:#68e2ac;border:2px solid #315b46;font-size:11px } .v110-outcomes span{font-size:13px;font-weight:760;color:#2c3a33} .v110-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid #d1c4b3;border-bottom:3px solid #d1c4b3;margin-top:auto} .v110-meta>div{padding:17px 15px;border-right:2px solid #d1c4b3} .v110-meta>div:last-child{border-right:0} .v110-meta b,.v110-meta span{display:block} .v110-meta b{font-size:24px;color:#0b7650} .v110-meta span{font-size:9px;color:#746e66;margin-top:2px} .v110-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px} .v110-actions>span{font-size:9px;color:#766f67;font-weight:700} @media(max-width:860px){ .v110-training-showcase{grid-template-columns:1fr} .v110-training-photo{min-height:360px} .v110-head{align-items:flex-start;flex-direction:column} } @media(max-width:560px){ .v110-training-body{padding:25px 20px} .v110-meta{grid-template-columns:1fr} .v110-meta>div{border-right:0;border-bottom:2px solid #d1c4b3} .v110-meta>div:last-child{border-bottom:0} .v110-actions{align-items:flex-start;flex-direction:column} } .v111-campus-experience{ background:#f3ecdf; color:#14231c; border-top:3px solid #cbbba5; border-bottom:3px solid #cbbba5; overflow:hidden } .v111-intro{max-width:820px;margin:0 auto 42px;text-align:center} .v111-intro>span{font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.13em} .v111-intro h2{ font-size:clamp(42px,5.5vw,70px);line-height:.96;letter-spacing:-.06em; margin:9px 0 18px } .v111-intro p{ max-width:690px;margin:0 auto;font-size:15px;line-height:1.65;color:#6e685f } /* one large, readable product experience instead of a collection of cards */ .v111-stage{position:relative;max-width:1120px;margin:0 auto;padding:12px 0 74px} .v111-window{ background:#0b2118;border:4px solid #365947;border-radius:25px 8px 25px 25px; box-shadow:0 10px 0 #06100b,0 36px 70px rgba(44,33,24,.22); overflow:hidden } .v111-window-bar{ height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center; padding:0 22px;border-bottom:3px solid #2d4f3d;background:#0a1d16;color:#fff } .v111-window-brand{display:flex;align-items:center;gap:10px} .v111-window-brand img{width:32px;height:32px;object-fit:contain} .v111-window-brand b{font-size:13px} .v111-window-greeting{font-size:10px;font-weight:850;color:#dce9e1} .v111-profile-dot{ justify-self:end;width:34px;height:34px;border-radius:50%; border:3px solid #4a745e;background:#d8eadf;box-shadow:inset 0 0 0 7px #173f2f } .v111-window-body{display:grid;grid-template-columns:190px 1fr;min-height:520px} .v111-sidebar{ background:#0a1d16;border-right:3px solid #2d4f3d;padding:28px 15px; display:flex;flex-direction:column;gap:7px } .v111-sidebar a{ padding:12px 13px;border-radius:10px 4px 10px 10px;border:2px solid transparent; color:rgba(255,255,255,.48);font-size:9px;font-weight:800 } .v111-sidebar a span{display:inline-block;width:22px;color:#60dfa8} .v111-sidebar a.active{background:#123326;border-color:#3d674f;color:#fff} .v111-main{padding:34px 38px 30px;color:#fff} .v111-welcome small,.v111-next-lesson small,.v111-resource-line small,.v111-human-line small{ font-size:7px;color:#65e2aa;font-weight:950;letter-spacing:.11em } .v111-welcome h3{font-size:33px;letter-spacing:-.045em;margin:7px 0 8px} .v111-welcome p{font-size:11px;color:rgba(255,255,255,.48);margin:0 0 28px} /* dominant lesson surface: one clear next action */ .v111-next-lesson{ display:grid;grid-template-columns:92px 1fr auto;gap:22px;align-items:center; background:#efe4d4;color:#14221c;border:4px solid #b9a287; border-radius:18px 6px 18px 18px;box-shadow:0 7px 0 #604d3a;padding:23px } .v111-lesson-number{ height:92px;width:92px;border-radius:50%;display:grid;place-items:center; background:#143c2c;color:#67e3ac;border:4px solid #4b765f; font-size:33px;font-weight:950;letter-spacing:-.05em } .v111-lesson-copy small{color:#0b8256} .v111-lesson-copy h4{ font-size:28px;line-height:1.05;letter-spacing:-.045em;margin:7px 0 14px } .v111-progress{ height:11px;border:3px solid #a8b7ae;border-radius:7px;background:#d7ded9; overflow:hidden;max-width:430px } .v111-progress i{display:block;width:68%;height:100%;background:#1ed48d} .v111-lesson-copy>span{display:block;font-size:8px;color:#71685e;margin-top:7px} /* resources + human message as two long lines, not square cards */ .v111-bottom-line{margin-top:22px;border-top:3px solid #2f5140} .v111-resource-line,.v111-human-line{ display:grid;align-items:center;gap:15px;padding:18px 4px;border-bottom:3px solid #2f5140 } .v111-resource-line{grid-template-columns:45px 1fr auto} .v111-resource-icon{ width:42px;height:42px;display:grid;place-items:center;border-radius:50%; background:#153f2e;border:3px solid #427058;color:#6ce6b0;font-size:18px } .v111-resource-line b,.v111-human-line b{display:block;font-size:11px;margin-top:4px} .v111-resource-line a{font-size:9px;font-weight:900;color:#70e6b1} .v111-human-line{grid-template-columns:56px 1fr} .v111-human-line img{ width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #4d765f } /* warm floating cues make the section feel friendly, not technical */ .v111-floating-note{ position:absolute;left:-18px;bottom:23px;display:flex;align-items:center;gap:12px; background:#fbf6ee;border:3px solid #baa78d;border-radius:14px 5px 14px 14px; box-shadow:0 7px 0 #c5b39b;padding:13px 16px;color:#14221c;transform:rotate(-1deg) } .v111-floating-note>span{ width:35px;height:35px;border-radius:50%;display:grid;place-items:center; background:#173f2e;color:#67e2aa;font-weight:950;border:2px solid #4e765f } .v111-floating-note b,.v111-floating-note small{display:block} .v111-floating-note b{font-size:10px}.v111-floating-note small{font-size:7px;color:#746b62;margin-top:3px} .v111-floating-person{ position:absolute;right:-14px;bottom:8px;display:grid;grid-template-columns:58px 1fr;gap:11px; align-items:center;background:#efe3d2;border:3px solid #b39d81;border-radius:14px 5px 14px 14px; box-shadow:0 7px 0 #604d3a;padding:10px 14px;color:#14221c;transform:rotate(1deg); max-width:310px } .v111-floating-person img{ width:58px;height:58px;border-radius:12px 4px 12px 12px;object-fit:cover; border:2px solid #937d63 } .v111-floating-person small{display:block;font-size:7px;color:#0b8256;font-weight:950;letter-spacing:.1em} .v111-floating-person b{display:block;font-size:10px;line-height:1.35;margin-top:3px} /* simple explanation underneath */ .v111-how{ max-width:960px;margin:5px auto 0;display:grid;grid-template-columns:repeat(3,1fr); border-top:3px solid #c5b6a2;border-bottom:3px solid #c5b6a2 } .v111-how>div{padding:23px 24px;border-right:2px solid #c5b6a2} .v111-how>div:last-child{border-right:0} .v111-how span,.v111-how b,.v111-how small{display:block} .v111-how span{font-size:9px;color:#0b8659;font-weight:950} .v111-how b{font-size:15px;margin-top:5px} .v111-how small{font-size:9px;color:#746d65;margin-top:3px} @media(max-width:900px){ .v111-window-body{grid-template-columns:1fr} .v111-sidebar{ border-right:0;border-bottom:3px solid #2d4f3d;flex-direction:row; overflow-x:auto;padding:13px } .v111-sidebar a{white-space:nowrap} .v111-floating-note,.v111-floating-person{position:relative;left:auto;right:auto;bottom:auto;transform:none;margin:14px 0 0} .v111-stage{padding-bottom:15px} } @media(max-width:680px){ .v111-intro{text-align:left} .v111-main{padding:22px 15px} .v111-window-bar{grid-template-columns:1fr auto} .v111-window-greeting{display:none} .v111-next-lesson{grid-template-columns:70px 1fr;padding:17px} .v111-lesson-number{width:70px;height:70px;font-size:25px} .v111-next-lesson>.btn{grid-column:1/-1;width:100%;justify-content:center} .v111-resource-line{grid-template-columns:42px 1fr}.v111-resource-line a{grid-column:2} .v111-how{grid-template-columns:1fr} .v111-how>div{border-right:0;border-bottom:2px solid #c5b6a2} .v111-how>div:last-child{border-bottom:0} } .v112-campus-experience{ background:#f3ecdf;color:#14231c; border-top:3px solid #cbbba5;border-bottom:3px solid #cbbba5; overflow:hidden } .v112-intro{max-width:860px;margin:0 auto 42px;text-align:center} .v112-intro>span{font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.13em} .v112-intro h2{ font-size:clamp(42px,5.5vw,72px);line-height:.96;letter-spacing:-.06em; margin:9px 0 18px } .v112-intro h2 em{font-style:normal;color:#0b7c54} .v112-intro p{max-width:700px;margin:0 auto;font-size:15px;line-height:1.65;color:#6e685f} .v112-stage{position:relative;max-width:1140px;margin:0 auto;padding:10px 0 84px} .v112-window{ background:#0b2118;border:4px solid #365947;border-radius:25px 8px 25px 25px; box-shadow:0 10px 0 #06100b,0 36px 70px rgba(44,33,24,.22); overflow:hidden } .v112-window-bar{ min-height:72px;display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:center; padding:0 22px;border-bottom:3px solid #2d4f3d;background:#0a1d16;color:#fff } .v112-window-brand{display:flex;align-items:center;gap:10px} .v112-window-brand img{width:32px;height:32px;object-fit:contain} .v112-window-brand b{font-size:13px} .v112-player-status{display:flex;align-items:center;gap:14px;padding:9px 14px;border:2px solid #315442;background:#102c20;border-radius:10px} .v112-player-status>div:first-child small,.v112-player-status>div:first-child b{display:block;text-align:center} .v112-player-status>div:first-child small{font-size:6px;color:#62e0a8;letter-spacing:.1em} .v112-player-status>div:first-child b{font-size:18px;line-height:1} .v112-xp{width:150px}.v112-xp>span{display:block;height:8px;border:2px solid #3c674f;background:#17382b;border-radius:5px;overflow:hidden}.v112-xp i{display:block;width:86%;height:100%;background:#20d58d}.v112-xp small{display:block;font-size:6px;color:rgba(255,255,255,.45);margin-top:4px} .v112-streak{display:flex;align-items:center;gap:7px}.v112-streak>span{font-size:19px}.v112-streak b,.v112-streak small{display:block}.v112-streak b{font-size:9px}.v112-streak small{font-size:6px;color:rgba(255,255,255,.42)} .v112-window-body{display:grid;grid-template-columns:185px 1fr;min-height:610px} .v112-sidebar{ background:#0a1d16;border-right:3px solid #2d4f3d; padding:28px 15px;display:flex;flex-direction:column;gap:7px } .v112-sidebar a{ padding:12px 13px;border-radius:10px 4px 10px 10px;border:2px solid transparent; color:rgba(255,255,255,.48);font-size:9px;font-weight:800 } .v112-sidebar a span{display:inline-block;width:22px;color:#60dfa8} .v112-sidebar a.active{background:#123326;border-color:#3d674f;color:#fff} .v112-main{padding:30px 34px 28px;color:#fff} .v112-headline{display:flex;justify-content:space-between;gap:25px;align-items:start} .v112-headline small,.v112-mission-copy small,.v112-resource small,.v112-coach small,.v112-unlock-card small,.v112-goal-card small{ font-size:7px;color:#65e2aa;font-weight:950;letter-spacing:.11em } .v112-headline h3{font-size:32px;letter-spacing:-.045em;margin:6px 0 7px} .v112-headline p{font-size:10px;color:rgba(255,255,255,.45);margin:0} .v112-rank{display:flex;align-items:center;gap:9px;padding:9px 12px;border:2px solid #5e6335;background:#292a17;border-radius:10px} .v112-rank>span{color:#efd06c;font-size:20px}.v112-rank b,.v112-rank small{display:block}.v112-rank b{font-size:9px}.v112-rank small{font-size:6px;color:rgba(255,255,255,.42);margin-top:2px} /* professional roadmap */ .v112-roadmap{ position:relative;display:grid;grid-template-columns:repeat(5,1fr); gap:12px;margin:34px 0 28px;padding:0 10px } .v112-road-line{ position:absolute;left:9%;right:9%;top:28px;height:5px; background:linear-gradient(90deg,#1fd38c 0%,#1fd38c 50%,#315342 50%,#315342 100%); border-radius:5px;z-index:0 } .v112-step{position:relative;z-index:1;text-align:center} .v112-step-icon{ width:56px;height:56px;margin:0 auto;border-radius:50%;display:grid;place-items:center; border:4px solid #315b46;background:#143629;color:#fff;font-size:18px;font-weight:950; box-shadow:0 5px 0 #04100a } .v112-step.done .v112-step-icon{background:#1ed48d;border-color:#79efbd;color:#07301f} .v112-step.current .v112-step-icon{ width:64px;height:64px;margin-top:-4px;background:#efd06c;border-color:#fff0a9; color:#403306;box-shadow:0 6px 0 #8b7223,0 0 0 9px rgba(239,208,108,.08) } .v112-step.locked{opacity:.48} .v112-step-text{margin-top:9px} .v112-step-text b,.v112-step-text span{display:block} .v112-step-text b{font-size:8px}.v112-step-text span{font-size:6px;color:rgba(255,255,255,.42);margin-top:3px} .v112-step.current .v112-step-text b{color:#f0d578} .v112-mission-card{ display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center; background:#efe4d4;color:#14221c;border:4px solid #b9a287; border-radius:18px 6px 18px 18px;box-shadow:0 7px 0 #604d3a;padding:20px } .v112-mission-num{ width:80px;height:80px;border-radius:18px 6px 18px 18px;display:grid;place-items:center; background:#143c2c;color:#67e3ac;border:4px solid #4b765f; font-size:29px;font-weight:950 } .v112-mission-copy small{color:#0b8256} .v112-mission-copy h4{font-size:25px;line-height:1.08;letter-spacing:-.04em;margin:6px 0 7px} .v112-mission-copy p{font-size:10px;line-height:1.5;color:#6e665d;margin:0} .v112-mission-rewards{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px} .v112-mission-rewards span{ padding:6px 8px;border:2px solid #cdbd9f;background:#f8f0e4; border-radius:999px;font-size:7px;font-weight:900;color:#60584e } .v112-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px} .v112-resource,.v112-coach{ display:grid;align-items:center;gap:13px;padding:15px 16px; border:3px solid #315343;border-radius:13px 5px 13px 13px;background:#102b20 } .v112-resource{grid-template-columns:44px 1fr auto} .v112-resource-icon{ width:42px;height:42px;display:grid;place-items:center;border-radius:50%; background:#173f2e;border:3px solid #48745a;color:#6ce6b0;font-size:17px } .v112-resource b,.v112-coach b{display:block;font-size:10px;margin-top:4px} .v112-resource a{font-size:8px;font-weight:900;color:#70e6b1} .v112-coach{grid-template-columns:52px 1fr} .v112-coach img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid #4d765f} .v112-unlock-card,.v112-goal-card{ position:absolute;display:flex;align-items:center;gap:11px; background:#fbf6ee;color:#14221c;border:3px solid #baa78d; border-radius:14px 5px 14px 14px;box-shadow:0 7px 0 #c5b39b; padding:12px 15px } .v112-unlock-card{left:-16px;bottom:24px;transform:rotate(-1deg)} .v112-unlock-icon{font-size:22px} .v112-unlock-card b,.v112-unlock-card span,.v112-goal-card b{display:block} .v112-unlock-card b{font-size:10px;margin-top:3px}.v112-unlock-card span{font-size:7px;color:#746b62;margin-top:3px} .v112-goal-card{right:-12px;bottom:10px;transform:rotate(1deg)} .v112-goal-card>span{font-size:24px;color:#0b7c54}.v112-goal-card b{font-size:10px;margin-top:3px} .v112-principles{ max-width:970px;margin:8px auto 0;display:grid;grid-template-columns:repeat(3,1fr); border-top:3px solid #c5b6a2;border-bottom:3px solid #c5b6a2 } .v112-principles>div{padding:22px 24px;border-right:2px solid #c5b6a2} .v112-principles>div:last-child{border-right:0} .v112-principles span,.v112-principles b,.v112-principles small{display:block} .v112-principles span{font-size:9px;color:#0b8659;font-weight:950} .v112-principles b{font-size:15px;margin-top:5px} .v112-principles small{font-size:9px;color:#746d65;margin-top:4px} @media(max-width:930px){ .v112-window-bar{grid-template-columns:1fr auto} .v112-player-status{grid-column:1/-1;grid-row:2;padding:10px 14px;margin-bottom:12px} .v112-window-body{grid-template-columns:1fr} .v112-sidebar{border-right:0;border-bottom:3px solid #2d4f3d;flex-direction:row;overflow-x:auto;padding:12px} .v112-sidebar a{white-space:nowrap} .v112-unlock-card,.v112-goal-card{position:relative;left:auto;right:auto;bottom:auto;transform:none;margin:14px 0 0} .v112-stage{padding-bottom:12px} } @media(max-width:720px){ .v112-intro{text-align:left} .v112-main{padding:22px 14px} .v112-headline{flex-direction:column} .v112-roadmap{grid-template-columns:1fr;margin-left:8px;padding:0} .v112-road-line{left:27px;right:auto;top:28px;bottom:28px;width:5px;height:auto;background:linear-gradient(180deg,#1fd38c 0%,#1fd38c 50%,#315342 50%,#315342 100%)} .v112-step{text-align:left;display:grid;grid-template-columns:64px 1fr;align-items:center} .v112-step-icon{margin:0!important}.v112-step-text{margin:0 0 0 10px} .v112-mission-card{grid-template-columns:65px 1fr}.v112-mission-card>.btn{grid-column:1/-1;width:100%;justify-content:center} .v112-mission-num{width:65px;height:65px} .v112-bottom{grid-template-columns:1fr} .v112-principles{grid-template-columns:1fr} .v112-principles>div{border-right:0;border-bottom:2px solid #c5b6a2}.v112-principles>div:last-child{border-bottom:0} } /* V1.13 — SPIDCampus assumé comme projet porté par une seule personne */ .v113-solo-hero-card{ display:grid;grid-template-columns:1.05fr .95fr; background:#efe4d4;color:#14221c;border:3px solid #b8a286; border-radius:22px 7px 22px 22px;box-shadow:0 9px 0 #624f3b; overflow:hidden;min-height:470px } .v113-solo-hero-card>img{width:100%;height:100%;min-height:470px;object-fit:cover;filter:saturate(.9)} .v113-solo-hero-card>div{padding:34px;display:flex;flex-direction:column;justify-content:end} .v113-solo-hero-card small{font-size:8px;color:#0b8256;font-weight:950;letter-spacing:.11em} .v113-solo-hero-card b{display:block;font-size:29px;line-height:1.08;letter-spacing:-.04em;margin:9px 0 13px} .v113-solo-hero-card p{font-size:13px;line-height:1.6;color:#675f56;margin:0} .v113-creator-section{background:#f5efe5;color:#14231c} .v113-creator-head{max-width:820px;margin-bottom:34px} .v113-creator-head>span{font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em} .v113-creator-head h2{font-size:clamp(42px,5.4vw,68px);line-height:.96;letter-spacing:-.058em;margin:8px 0 16px} .v113-creator-head p{max-width:670px;font-size:14px;line-height:1.65;color:#6d675f;margin:0} .v113-creator-card{ display:grid;grid-template-columns:.82fr 1.18fr; background:#fbf8f1;border:3px solid #b9aa96;border-radius:22px 7px 22px 22px; box-shadow:0 8px 0 #c8baa5;overflow:hidden;min-height:450px } .v113-creator-photo{position:relative;min-height:450px} .v113-creator-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)} .v113-creator-photo>span{ position:absolute;left:15px;bottom:15px;background:#f7efe3;border:2px solid #b9a68d; border-radius:7px;padding:7px 9px;font-size:7px;font-weight:900;letter-spacing:.1em;color:#655b51 } .v113-creator-copy{padding:36px;display:flex;flex-direction:column;justify-content:center} .v113-creator-copy>small{font-size:8px;color:#0b8659;font-weight:950;letter-spacing:.11em} .v113-creator-copy h3{font-size:40px;letter-spacing:-.05em;margin:9px 0 13px} .v113-creator-copy>p{font-size:14px;line-height:1.65;color:#6b655e;max-width:650px} .v113-solo-points{margin-top:25px;border-top:3px solid #d0c3b2;border-bottom:3px solid #d0c3b2} .v113-solo-points>div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:2px solid #d0c3b2} .v113-solo-points>div:last-child{border-bottom:0} .v113-solo-points b{font-size:9px;color:#0b8659}.v113-solo-points span{font-size:12px;font-weight:800} /* Homepage collage no longer implies a team */ .v19-photo-side img{filter:saturate(.88) contrast(.98)} .v19-avatar-group img{margin-right:0} .v19-avatar-group span{ margin-left:-5px;background:#173d2d;color:#6ee6b0;border-color:#efe3d3; font-size:8px;letter-spacing:.04em } @media(max-width:800px){ .v113-solo-hero-card,.v113-creator-card{grid-template-columns:1fr} .v113-solo-hero-card>img{min-height:330px;height:330px} .v113-solo-hero-card>div,.v113-creator-copy{padding:25px} .v113-creator-photo{min-height:340px} } /* V1.14 — première vraie formation : anglais en 7 jours */ .v114-home-training,.v114-catalog-body,.v114-problem,.v114-result,.v114-creator-sale,.v114-faq{background:#f5efe5;color:#14231c} .v114-home-head,.v114-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px} .v114-home-head>div>span,.v114-section-tag,.v114-section-head>span{font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em} .v114-home-head h2,.v114-section-head h2{font-size:clamp(40px,5vw,66px);line-height:.97;letter-spacing:-.055em;margin:7px 0 0} .v114-home-head>a{font-size:11px;font-weight:900;color:#0b7650} .v114-training-card{display:grid;grid-template-columns:.88fr 1.12fr;background:#fbf8f1;border:3px solid #b8aa96;border-radius:24px 8px 24px 24px;box-shadow:0 9px 0 #c7b8a3;overflow:hidden;min-height:540px} .v114-training-art{position:relative;background:#050706;display:grid;place-items:center} .v114-training-art>img{width:100%;height:100%;object-fit:cover} .v114-training-art>span{position:absolute;left:16px;top:16px;background:#f6eee1;border:2px solid #b7a288;border-radius:8px;padding:7px 10px;font-size:7px;font-weight:950;letter-spacing:.11em;color:#0b8256} .v114-training-copy{padding:36px;display:flex;flex-direction:column} .v114-training-copy>small{font-size:8px;color:#0b8659;font-weight:950;letter-spacing:.11em} .v114-training-copy h3{font-size:clamp(38px,4.5vw,59px);line-height:.98;letter-spacing:-.055em;margin:12px 0 16px} .v114-training-copy>p{font-size:15px;line-height:1.65;color:#6d675f;max-width:650px} .v114-training-goals{display:grid;gap:9px;margin:23px 0} .v114-training-goals>div{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:10px 0;border-bottom:2px solid #d3c7b7} .v114-training-goals b{font-size:9px;color:#0b8659}.v114-training-goals span{font-size:13px;font-weight:800} .v114-training-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:22px} .v114-course-meta{display:flex;gap:8px;flex-wrap:wrap}.v114-course-meta span{padding:8px 10px;border:2px solid #d0c3b2;border-radius:999px;background:#eee6da;font-size:8px;color:#655e56}.v114-course-meta b{font-size:12px;color:#0b7650} /* formations page */ .v114-catalog-hero{background:radial-gradient(700px 400px at 75% 20%,rgba(24,221,145,.17),transparent 68%),#071711;color:white;padding:165px 0 95px} .v114-kicker{font-size:10px;font-weight:950;letter-spacing:.13em;color:#68e3ad} .v114-catalog-hero h1{font-size:clamp(58px,7vw,94px);line-height:.9;letter-spacing:-.07em;margin:14px 0 22px}.v114-catalog-hero h1 em{font-style:normal;color:#70e8b5} .v114-catalog-hero p{max-width:690px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.65)} .v114-availability{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:25px;border-bottom:3px solid #c9bca9;margin-bottom:30px} .v114-availability span{font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em}.v114-availability p{max-width:520px;text-align:right;font-size:11px;color:#726c64;margin:0} .v114-catalog-course{display:grid;grid-template-columns:.88fr 1.12fr;background:#fbf8f1;border:3px solid #b8aa96;border-radius:24px 8px 24px 24px;box-shadow:0 9px 0 #c7b8a3;overflow:hidden;min-height:590px} .v114-catalog-art{background:#050706}.v114-catalog-art img{width:100%;height:100%;object-fit:cover} .v114-catalog-copy{padding:40px;display:flex;flex-direction:column} .v114-course-line{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:3px solid #d1c4b3}.v114-course-line span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#726a61}.v114-course-line span:first-child{color:#0b8659} .v114-catalog-copy h2{font-size:clamp(42px,5vw,66px);line-height:.95;letter-spacing:-.06em;margin:25px 0 16px}.v114-catalog-copy>p{font-size:15px;line-height:1.65;color:#6d675f} .v114-catalog-days{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.v114-catalog-days span{padding:8px 9px;border:2px solid #d0c3b2;border-radius:8px 3px 8px 8px;background:#eee6da;font-size:8px;font-weight:850} .v114-catalog-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto}.v114-catalog-actions small{font-size:8px;color:#766f67} /* sales */ .v114-sale-hero{background:radial-gradient(720px 430px at 77% 20%,rgba(28,220,147,.16),transparent 68%),#071711;color:#fff;padding:155px 0 95px} .v114-sale-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:62px;align-items:center} .v114-sale-copy h1{font-size:clamp(55px,6.7vw,92px);line-height:.89;letter-spacing:-.07em;margin:14px 0 23px}.v114-sale-copy h1 em{font-style:normal;color:#70e8b5} .v114-sale-copy>p{max-width:690px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.67)} .v114-sale-points{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin:25px 0}.v114-sale-points span{font-size:10px;color:rgba(255,255,255,.72)} .v114-sale-ghost{border-color:rgba(255,255,255,.34)!important} .v114-sale-art{background:#020403;border:3px solid #436753;border-radius:24px 8px 24px 24px;box-shadow:0 9px 0 #020806,0 35px 65px rgba(0,0,0,.35);overflow:hidden;position:relative} .v114-sale-art>img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover} .v114-sale-art-label{margin:0 16px 16px;background:#efe4d4;color:#14221c;border:3px solid #b7a185;border-radius:13px 5px 13px 13px;padding:15px}.v114-sale-art-label small{font-size:7px;color:#0b8256;font-weight:950;letter-spacing:.11em}.v114-sale-art-label b{display:block;font-size:14px;line-height:1.4;margin-top:5px} .v114-trust{background:#eee4d6;border-bottom:3px solid #cabba8}.v114-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.v114-trust-grid>div{padding:21px;border-left:2px solid #c7b8a4}.v114-trust-grid>div:last-child{border-right:2px solid #c7b8a4}.v114-trust b,.v114-trust span{display:block}.v114-trust b{font-size:13px}.v114-trust span{font-size:8px;color:#746d65;margin-top:3px} .v114-two-col{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:start}.v114-two-col h2,.v114-result h2,.v114-creator-sale h2{font-size:clamp(40px,5vw,65px);line-height:.98;letter-spacing:-.055em;margin:9px 0} .v114-problem-list{display:grid;gap:10px}.v114-problem-list>div{padding:18px;border:3px solid #c1b19c;background:#fbf7ef;border-radius:14px 5px 14px 14px;box-shadow:0 5px 0 #d2c4b2}.v114-problem-list b{font-size:13px} .v114-method,.v114-program{background:#081812;color:white}.v114-method .v114-section-tag,.v114-program .v114-section-tag{color:#63e4ac}.v114-method .v114-section-head h2,.v114-program .v114-section-head h2{color:#fff} .v114-method-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px}.v114-method-track>div:not(.arrow){padding:25px;border:3px solid #315544;background:#102b20;border-radius:17px 6px 17px 17px}.v114-method-track span{font-size:9px;color:#63e2aa;font-weight:950}.v114-method-track h3{font-size:29px;margin:7px 0}.v114-method-track p{font-size:11px;line-height:1.55;color:rgba(255,255,255,.5);margin:0}.v114-method-track .arrow{font-size:27px;color:#63e2aa} .v114-days{max-width:980px;margin:auto}.v114-day{display:grid;grid-template-columns:90px 1fr 45px;gap:18px;align-items:center;padding:18px 20px;border-bottom:3px solid #2e4f3e}.v114-day:first-child{border-top:3px solid #2e4f3e}.v114-day>span{font-size:8px;color:#61dfa8;font-weight:950;letter-spacing:.11em}.v114-day h3{font-size:20px;margin:0 0 4px}.v114-day p{font-size:9px;color:rgba(255,255,255,.44);margin:0}.v114-day>b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:3px solid #365f49;color:#66e2aa}.v114-day.current{background:#172b20}.v114-day.current>b{background:#efd06c;border-color:#fff0a9;color:#403306}.v114-day.goal>b{background:#1ed48d;color:#07301f} .v114-result-grid,.v114-creator-sale-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.v114-result-art{background:#050706;border:3px solid #b7a185;border-radius:20px 7px 20px 20px;overflow:hidden;box-shadow:0 7px 0 #c8baa5}.v114-result-art img{display:block;width:100%;height:auto}.v114-result p,.v114-creator-sale p{font-size:14px;line-height:1.65;color:#6c675f}.v114-result-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.v114-result-checks span{font-size:11px;font-weight:800} .v114-creator-photo{position:relative;min-height:470px;border:3px solid #b7a185;border-radius:20px 7px 20px 20px;overflow:hidden;box-shadow:0 7px 0 #c8baa5}.v114-creator-photo img{width:100%;height:100%;object-fit:cover}.v114-creator-photo span{position:absolute;left:14px;bottom:14px;background:#f6eee1;border:2px solid #b7a288;border-radius:7px;padding:7px 9px;font-size:7px;font-weight:900}.v114-small-note{font-size:9px!important;color:#8a8178!important} .v114-faq .faq-list{max-width:900px}.v114-sale-final{background:#eee4d6;padding:70px 0}.v114-sale-final-card{display:flex;justify-content:space-between;align-items:end;gap:30px;background:#0b2118;color:#fff;border:3px solid #28523e;border-radius:21px 7px 21px 21px;box-shadow:0 8px 0 #020806;padding:38px}.v114-sale-final-card>div>span{font-size:8px;color:#63e2aa;font-weight:950;letter-spacing:.12em}.v114-sale-final-card h2{font-size:clamp(38px,4.7vw,60px);line-height:.98;letter-spacing:-.055em;margin:8px 0 0} @media(max-width:900px){ .v114-training-card,.v114-catalog-course,.v114-sale-hero-grid,.v114-two-col,.v114-result-grid,.v114-creator-sale-grid{grid-template-columns:1fr} .v114-training-art,.v114-catalog-art{min-height:430px} .v114-method-track{grid-template-columns:1fr}.v114-method-track .arrow{transform:rotate(90deg);justify-self:center} .v114-trust-grid{grid-template-columns:1fr 1fr} } @media(max-width:620px){ .v114-home-head,.v114-section-head,.v114-training-bottom,.v114-catalog-actions,.v114-sale-final-card{align-items:flex-start;flex-direction:column} .v114-training-copy,.v114-catalog-copy{padding:25px 20px} .v114-training-art,.v114-catalog-art{min-height:310px} .v114-sale-hero{padding:135px 0 70px}.v114-sale-copy h1{font-size:52px}.v114-sale-points{grid-template-columns:1fr} .v114-trust-grid{grid-template-columns:1fr}.v114-trust-grid>div{border-right:2px solid #c7b8a4;border-bottom:2px solid #c7b8a4} .v114-day{grid-template-columns:65px 1fr 36px;padding:15px 8px}.v114-day h3{font-size:17px} .v114-result-checks{grid-template-columns:1fr} } /* V1.15 — visuel anglais sans fond noir + section formation plus premium */ .v115-home-training{background:#f5efe5} .v115-home-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px} .v115-home-head>div>span{font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em} .v115-home-head h2{font-size:clamp(40px,5vw,66px);line-height:.97;letter-spacing:-.055em;margin:7px 0 0} .v115-home-head>a{font-size:11px;font-weight:900;color:#0b7650} .v115-training-card{ display:grid;grid-template-columns:.92fr 1.08fr; background:linear-gradient(180deg,#fbf8f1,#f6f0e4); border:3px solid #b8aa96;border-radius:26px 8px 26px 26px; box-shadow:0 10px 0 #c8baa5,0 28px 55px rgba(84,65,42,.08); overflow:hidden;min-height:560px } .v115-training-art{ position:relative;display:grid;place-items:center;overflow:hidden; background: radial-gradient(380px 240px at 52% 42%, rgba(30,213,141,.18), transparent 70%), radial-gradient(300px 180px at 60% 70%, rgba(41,112,255,.12), transparent 72%), linear-gradient(180deg,#f5faf8,#eaf4ee); padding:28px } .v115-art-glow{ position:absolute;inset:auto auto 8% 12%; width:74%;height:44%; background:radial-gradient(circle, rgba(24,220,145,.18), rgba(24,220,145,0) 68%); filter:blur(18px) } .v115-training-art img{ position:relative;z-index:2;display:block; width:min(92%,540px);height:auto;object-fit:contain; filter:drop-shadow(0 22px 26px rgba(31,57,46,.16)) } .v115-art-badge{ position:absolute;left:18px;top:18px;z-index:3; background:#f6eee1;border:2px solid #b7a288;border-radius:8px; padding:7px 10px;font-size:7px;font-weight:950;letter-spacing:.11em;color:#0b8256 } .v115-art-mini{ position:absolute;right:18px;bottom:18px;z-index:3; background:rgba(255,255,255,.94);backdrop-filter:blur(4px); border:2px solid #c6b8a6;border-radius:14px 5px 14px 14px; padding:13px 14px;box-shadow:0 7px 0 #d8cab8 } .v115-art-mini b,.v115-art-mini small{display:block} .v115-art-mini b{font-size:20px;line-height:1;color:#0b7a53} .v115-art-mini small{font-size:8px;color:#716960;margin-top:4px} .v115-training-copy{padding:38px;display:flex;flex-direction:column} .v115-training-copy>small{font-size:8px;color:#0b8659;font-weight:950;letter-spacing:.11em} .v115-training-copy h3{ font-size:clamp(38px,4.7vw,60px);line-height:.97;letter-spacing:-.055em; margin:11px 0 15px } .v115-training-copy>p{font-size:15px;line-height:1.66;color:#6d675f;max-width:650px} .v115-selling-points{display:grid;gap:10px;margin:24px 0 26px} .v115-selling-points>div{ display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center; padding:11px 0;border-bottom:2px solid #d4c8b9 } .v115-selling-points b{ width:32px;height:32px;border-radius:50%;display:grid;place-items:center; background:#173d2d;border:2px solid #4d755f;color:#68e2ac;font-size:10px } .v115-selling-points span{font-size:13px;font-weight:800;color:#2c3933} .v115-metrics{ display:grid;grid-template-columns:repeat(3,1fr); border:3px solid #d1c4b3;border-radius:16px 6px 16px 16px; overflow:hidden;background:#f8f2e8 } .v115-metrics>div{padding:16px 14px;border-right:2px solid #d1c4b3} .v115-metrics>div:last-child{border-right:0} .v115-metrics b,.v115-metrics span{display:block} .v115-metrics b{font-size:28px;color:#0b7650;line-height:1} .v115-metrics span{font-size:9px;color:#766f67;margin-top:4px} .v115-cta-line{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:24px} .v115-cta-line small{font-size:9px;color:#7a7268;font-weight:700} /* Upgrade all places where the course visual appears */ .v114-catalog-art, .v114-result-art, .v114-sale-art{ background: radial-gradient(360px 210px at 50% 40%, rgba(30,213,141,.16), transparent 70%), linear-gradient(180deg,#f6fbf8,#edf4ef) !important; } .v114-catalog-art img, .v114-result-art img, .v114-sale-art>img{ object-fit:contain !important; padding:20px; filter:drop-shadow(0 22px 26px rgba(31,57,46,.16)) } .v114-sale-art{padding-top:10px} .v114-sale-art-label{margin:8px 16px 16px !important} .v114-training-art, .v114-catalog-art, .v114-result-art, .v114-sale-art{ position:relative; } .v114-catalog-art:before, .v114-result-art:before, .v114-sale-art:before{ content:""; position:absolute;inset:auto 14% 10% 14%;height:28%; background:radial-gradient(circle, rgba(24,220,145,.13), rgba(24,220,145,0) 70%); filter:blur(14px); pointer-events:none; } @media(max-width:900px){ .v115-training-card{grid-template-columns:1fr} .v115-training-art{min-height:380px} } @media(max-width:620px){ .v115-home-head,.v115-cta-line{align-items:flex-start;flex-direction:column} .v115-training-copy{padding:25px 20px} .v115-training-art{min-height:300px;padding:20px} .v115-training-copy h3{font-size:42px} .v115-metrics{grid-template-columns:1fr} .v115-metrics>div{border-right:0;border-bottom:2px solid #d1c4b3} .v115-metrics>div:last-child{border-bottom:0} } /* V1.16 — bloc formation plus compact et plus vendeur */ .v116-home-training{background:#f5efe5} .v116-home-head{ display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px } .v116-home-head>div>span{ font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em } .v116-home-head h2{ font-size:clamp(40px,5vw,66px);line-height:.97;letter-spacing:-.055em;margin:7px 0 0 } .v116-home-head>a{font-size:11px;font-weight:900;color:#0b7650} .v116-training-card{ display:grid;grid-template-columns:.86fr 1.14fr;align-items:stretch; background:linear-gradient(180deg,#fbf8f1,#f6f0e4); border:3px solid #b8aa96;border-radius:26px 8px 26px 26px; box-shadow:0 10px 0 #c8baa5,0 24px 48px rgba(84,65,42,.08); overflow:hidden;min-height:455px } .v116-training-art{ position:relative;display:grid;place-items:center;overflow:hidden; background: radial-gradient(360px 220px at 52% 42%, rgba(30,213,141,.16), transparent 70%), radial-gradient(280px 160px at 60% 70%, rgba(41,112,255,.10), transparent 72%), linear-gradient(180deg,#f5faf8,#ebf4ee); padding:18px } .v116-art-glow{ position:absolute;inset:auto auto 10% 14%; width:70%;height:34%; background:radial-gradient(circle, rgba(24,220,145,.16), rgba(24,220,145,0) 68%); filter:blur(16px) } .v116-training-art img{ position:relative;z-index:2;display:block; width:min(86%,420px);height:auto;object-fit:contain; filter:drop-shadow(0 18px 22px rgba(31,57,46,.15)) } .v116-art-badge{ position:absolute;left:16px;top:16px;z-index:3; background:#f6eee1;border:2px solid #b7a288;border-radius:8px; padding:7px 10px;font-size:7px;font-weight:950;letter-spacing:.11em;color:#0b8256 } .v116-training-copy{padding:30px 34px;display:flex;flex-direction:column} .v116-training-copy>small{ font-size:8px;color:#0b8659;font-weight:950;letter-spacing:.11em } .v116-training-copy h3{ font-size:clamp(34px,4.3vw,54px);line-height:.95;letter-spacing:-.055em; margin:10px 0 12px } .v116-training-copy h3 em{font-style:normal;color:#0b7c54} .v116-lead{ font-size:15px;line-height:1.62;color:#665f57;max-width:640px;margin:0 } .v116-sell-box{ margin:18px 0 18px; background:#f8f1e6;border:2px solid #d7cab8;border-radius:15px 5px 15px 15px; padding:14px 16px } .v116-sell-box b{ display:block;font-size:11px;letter-spacing:.02em;color:#1f2e28 } .v116-sell-box p{ margin:6px 0 0;font-size:12px;line-height:1.55;color:#6f675e } .v116-selling-points{display:grid;gap:8px;margin-bottom:18px} .v116-selling-points>div{ display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center; padding:8px 0;border-bottom:2px solid #d4c8b9 } .v116-selling-points>div:last-child{border-bottom:0} .v116-selling-points b{ width:30px;height:30px;border-radius:50%;display:grid;place-items:center; background:#173d2d;border:2px solid #4d755f;color:#68e2ac;font-size:10px } .v116-selling-points span{font-size:13px;font-weight:800;color:#2c3933} .v116-bottom-row{ margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:18px } .v116-metrics{display:flex;gap:8px;flex-wrap:wrap} .v116-metrics span{ padding:9px 11px;border:2px solid #d0c3b2;border-radius:999px;background:#efe7dc; font-size:8px;color:#655e56;font-weight:800 } .v116-metrics b{font-size:12px;color:#0b7650} .v116-cta-block{display:flex;flex-direction:column;align-items:flex-start;gap:8px} .v116-cta-block small{font-size:9px;color:#7a7268;font-weight:700} @media(max-width:900px){ .v116-training-card{grid-template-columns:1fr} .v116-training-art{min-height:300px} } @media(max-width:620px){ .v116-home-head,.v116-bottom-row{align-items:flex-start;flex-direction:column} .v116-training-copy{padding:24px 20px} .v116-training-art{min-height:250px} .v116-training-copy h3{font-size:40px} } /* V1.17 — bloc formation épuré, orienté design */ .v117-home-training{background:#f5efe5} .v117-home-head{ display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px } .v117-home-head>div>span{ font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em } .v117-home-head h2{ font-size:clamp(40px,5vw,66px);line-height:.97;letter-spacing:-.055em;margin:7px 0 0 } .v117-home-head>a{font-size:11px;font-weight:900;color:#0b7650} .v117-training-card{ display:grid;grid-template-columns:.9fr 1.1fr; background:linear-gradient(180deg,#fbf8f1,#f7f1e7); border:3px solid #b8aa96;border-radius:28px 9px 28px 28px; box-shadow:0 10px 0 #c8baa5,0 22px 44px rgba(84,65,42,.08); overflow:hidden;min-height:405px } /* left visual */ .v117-training-art{ position:relative;display:grid;place-items:center;overflow:hidden;padding:18px; background: radial-gradient(340px 200px at 54% 42%, rgba(30,213,141,.16), transparent 70%), radial-gradient(240px 150px at 62% 74%, rgba(41,112,255,.08), transparent 72%), linear-gradient(180deg,#f6fbf8,#edf5ef); } .v117-art-bg{ position:absolute;inset:auto auto 10% 15%; width:68%;height:30%; background:radial-gradient(circle, rgba(24,220,145,.18), rgba(24,220,145,0) 68%); filter:blur(16px) } .v117-training-art img{ position:relative;z-index:2; width:min(84%,385px);height:auto;display:block;object-fit:contain; filter:drop-shadow(0 18px 22px rgba(31,57,46,.15)) } .v117-art-badge{ position:absolute;left:16px;top:16px;z-index:3; background:#f6eee1;border:2px solid #b7a288;border-radius:8px; padding:7px 10px;font-size:7px;font-weight:950;letter-spacing:.11em;color:#0b8256 } .v117-art-float{ position:absolute;right:18px;bottom:18px;z-index:3; background:rgba(255,255,255,.94);backdrop-filter:blur(4px); border:2px solid #cabba9;border-radius:15px 5px 15px 15px; box-shadow:0 6px 0 #d8cab7;padding:12px 13px } .v117-art-float b,.v117-art-float small{display:block} .v117-art-float b{font-size:18px;line-height:1;color:#0b7b54} .v117-art-float small{font-size:8px;color:#736c64;margin-top:4px} /* right side minimal */ .v117-training-copy{ position:relative;padding:28px 32px 28px 32px;display:flex;flex-direction:column;justify-content:center } .v117-training-copy:before{ content:"";position:absolute;right:-70px;top:-70px;width:210px;height:210px; border-radius:50%;border:1px solid rgba(20,35,28,.08) } .v117-training-copy:after{ content:"";position:absolute;right:-18px;bottom:-22px;width:150px;height:150px; border-radius:26px 8px 26px 26px;background:linear-gradient(180deg,rgba(26,220,146,.07),rgba(26,220,146,0)); transform:rotate(12deg) } .v117-copy-top{display:flex;align-items:center;gap:14px} .v117-copy-top small{ font-size:8px;color:#0b8659;font-weight:950;letter-spacing:.11em;white-space:nowrap } .v117-line{height:2px;flex:1;background:linear-gradient(90deg,#d9cdbc,transparent)} .v117-training-copy h3{ font-size:clamp(34px,4.3vw,56px);line-height:.93;letter-spacing:-.06em; margin:16px 0 12px;max-width:560px;position:relative;z-index:1 } .v117-training-copy h3 em{font-style:normal;color:#0b7c54} .v117-micro{ font-size:15px;line-height:1.6;color:#6d675f;max-width:510px;margin:0;position:relative;z-index:1 } .v117-proof-row{ display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px;position:relative;z-index:1 } .v117-proof-row span{ padding:9px 11px;border:2px solid #d4c8b9;background:#f8f1e6; border-radius:999px;font-size:8px;font-weight:900;color:#5e5851 } .v117-stats-panel{ display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1 } .v117-stat{ background:#f9f4eb;border:2px solid #d2c6b7;border-radius:16px 6px 16px 16px; padding:16px 12px;box-shadow:0 4px 0 #e4d8c8 } .v117-stat b,.v117-stat span{display:block} .v117-stat b{font-size:29px;line-height:1;color:#0b7650} .v117-stat span{font-size:8px;color:#7a7268;margin-top:5px;font-weight:800} .v117-bottom{ margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:1 } .v117-note{max-width:245px} .v117-note b,.v117-note small{display:block} .v117-note b{font-size:11px;color:#1d2d27} .v117-note small{font-size:9px;color:#7b7369;line-height:1.5;margin-top:4px} @media(max-width:900px){ .v117-training-card{grid-template-columns:1fr} .v117-training-art{min-height:290px} } @media(max-width:620px){ .v117-home-head,.v117-bottom{align-items:flex-start;flex-direction:column} .v117-training-copy{padding:24px 20px} .v117-training-art{min-height:240px} .v117-copy-top{flex-direction:column;align-items:flex-start;gap:8px} .v117-line{width:100%} .v117-training-copy h3{font-size:40px} .v117-stats-panel{grid-template-columns:1fr} } /* V1.18 - section formation accueil plus vendeuse, plus nette */ .v118-home-training{background:#f5efe5} .v118-title-row{ display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px } .v118-title-row>div>span{ font-size:9px;color:#0b8659;font-weight:950;letter-spacing:.12em } .v118-title-row h2{ font-size:clamp(38px,4.8vw,62px);line-height:.98;letter-spacing:-.055em; margin:8px 0 0 } .v118-title-row>a{font-size:11px;font-weight:900;color:#0b7650} .v118-offer{ display:grid;grid-template-columns:.92fr 1.08fr; min-height:430px; background:linear-gradient(180deg,#fbf8f1,#f7f1e7); border:3px solid #b8aa96;border-radius:28px 9px 28px 28px; box-shadow:0 10px 0 #c8baa5,0 22px 44px rgba(84,65,42,.08); overflow:hidden } /* VISUEL */ .v118-visual{ position:relative;display:grid;place-items:center;overflow:hidden;padding:22px; background: radial-gradient(330px 200px at 54% 42%,rgba(28,217,145,.17),transparent 70%), radial-gradient(250px 160px at 65% 78%,rgba(41,112,255,.10),transparent 73%), linear-gradient(180deg,#f7fbf9,#edf5ef) } .v118-glow{ position:absolute;left:16%;right:16%;bottom:8%;height:30%; background:radial-gradient(circle,rgba(28,218,145,.18),rgba(28,218,145,0) 70%); filter:blur(18px) } .v118-visual>img{ position:relative;z-index:2;width:min(88%,410px);height:auto;object-fit:contain; filter:drop-shadow(0 20px 24px rgba(25,52,40,.16)) } .v118-sticker{ position:absolute;z-index:3;background:rgba(255,255,255,.95); border:2px solid #c5b7a5;border-radius:14px 5px 14px 14px; box-shadow:0 6px 0 #d9ccba } .v118-sticker.top{left:16px;top:16px;padding:11px 13px} .v118-sticker.top small,.v118-sticker.top b{display:block} .v118-sticker.top small{font-size:6px;color:#0b8256;font-weight:950;letter-spacing:.1em} .v118-sticker.top b{font-size:19px;line-height:1;margin-top:4px;color:#143428} .v118-sticker.bottom{ right:18px;bottom:18px;padding:11px 13px;display:flex;align-items:center;gap:10px } .v118-sticker.bottom>span{ width:31px;height:31px;border-radius:50%;display:grid;place-items:center; background:#173d2d;color:#68e2ac;border:2px solid #4d755f;font-size:11px;font-weight:950 } .v118-sticker.bottom b,.v118-sticker.bottom small{display:block} .v118-sticker.bottom b{font-size:10px} .v118-sticker.bottom small{font-size:7px;color:#756d63;margin-top:2px} /* PARTIE VENTE */ .v118-copy{ position:relative;padding:30px 34px;display:flex;flex-direction:column;justify-content:center } .v118-copy:before{ content:"";position:absolute;right:-65px;top:-65px;width:200px;height:200px; border:1px solid rgba(19,34,27,.07);border-radius:50% } .v118-eyebrow{display:flex;align-items:center;gap:10px;position:relative;z-index:1} .v118-eyebrow span{ font-size:7px;font-weight:950;letter-spacing:.1em;color:#0b8256; border:2px solid #bdd0c5;background:#edf6f0;border-radius:999px;padding:6px 8px } .v118-eyebrow i{width:28px;height:2px;background:#d5c8b8} .v118-eyebrow small{font-size:7px;color:#746c63;font-weight:850;letter-spacing:.08em} .v118-copy h3{ position:relative;z-index:1;font-size:clamp(34px,4.25vw,55px); line-height:.94;letter-spacing:-.06em;margin:16px 0 13px;max-width:620px } .v118-copy h3 em{font-style:normal;color:#0b7c54} .v118-sub{ position:relative;z-index:1;max-width:570px;margin:0; font-size:14px;line-height:1.6;color:#6d665e } /* transformation - sells the feeling instead of listing features */ .v118-transform{ display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center; margin:20px 0 17px;position:relative;z-index:1 } .v118-transform>div:not(.arrow){ padding:13px 14px;border:2px solid #d1c4b3;border-radius:13px 5px 13px 13px; background:#f8f1e6 } .v118-transform .after{ background:#eaf7f0!important;border-color:#aecbbb!important } .v118-transform small,.v118-transform b{display:block} .v118-transform small{font-size:6px;font-weight:950;letter-spacing:.1em;color:#7c7368} .v118-transform .after small{color:#0b8256} .v118-transform b{font-size:12px;margin-top:4px} .v118-transform .arrow{font-size:18px;color:#0b7c54;font-weight:900} .v118-proof{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;position:relative;z-index:1} .v118-proof span{ padding:8px 10px;border:2px solid #d1c4b3;border-radius:999px;background:#f3ebdf; font-size:8px;color:#635c54;font-weight:850 } .v118-proof b{font-size:12px;color:#0b7650} .v118-cta{ position:relative;z-index:1;display:flex;align-items:center;gap:18px;flex-wrap:wrap } .v118-cta small{font-size:9px;line-height:1.5;color:#7a7268;max-width:230px} @media(max-width:900px){ .v118-offer{grid-template-columns:1fr} .v118-visual{min-height:290px} } @media(max-width:620px){ .v118-title-row{align-items:flex-start;flex-direction:column} .v118-copy{padding:24px 20px} .v118-copy h3{font-size:40px} .v118-transform{grid-template-columns:1fr} .v118-transform .arrow{transform:rotate(90deg);justify-self:center} .v118-visual{min-height:250px} } /* V1.19 - vrai titre + avant/après plus design */ .v118-title-row h2{ max-width:820px; } .v118-copy-top small{ color:#0b8659; } /* stronger hierarchy on the sales side */ .v118-copy h3{ max-width:640px; } .v118-copy h3 em{ font-style:normal; color:#0b7c54; } /* BEFORE / AFTER more premium and more explicit visually */ .v118-transform{ gap:14px; margin:22px 0 18px; } .v118-transform .before, .v118-transform .after{ position:relative; overflow:hidden; min-height:92px; display:flex; flex-direction:column; justify-content:center; box-shadow:0 7px 0 rgba(0,0,0,.04); } .v118-transform .before{ background:linear-gradient(180deg,#fff2f0,#fde2de) !important; border-color:#e9b1aa !important; } .v118-transform .after{ background:linear-gradient(180deg,#eefaf3,#dff5e8) !important; border-color:#a7cfb2 !important; } .v118-transform .before:before, .v118-transform .after:before{ content:""; position:absolute; inset:auto -20px -35px auto; width:110px; height:110px; border-radius:50%; opacity:.3; } .v118-transform .before:before{ background:radial-gradient(circle, rgba(205,63,63,.22), rgba(205,63,63,0) 70%); } .v118-transform .after:before{ background:radial-gradient(circle, rgba(205,171,74,.24), rgba(205,171,74,0) 70%); } .v118-transform .before small{ color:#b54a42; } .v118-transform .after small{ color:#0b8256; } .v118-transform .before b{ color:#7c211d; font-size:14px; } .v118-transform .after b{ font-size:14px; background:linear-gradient(90deg,#8c6a18,#0b7c54); -webkit-background-clip:text; background-clip:text; color:transparent; } .v118-transform .arrow{ width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#f6efe3; border:2px solid #d7c9b8; color:#0b7c54; box-shadow:0 4px 0 rgba(0,0,0,.04); } /* make the offer side feel a little more premium without adding text */ .v118-proof span{ background:#f7f0e5; } .v118-cta small{ max-width:280px; } @media(max-width:620px){ .v118-transform .before, .v118-transform .after{ min-height:auto; } .v118-transform .arrow{ transform:rotate(90deg); } } /* V1.20 - titre exact + sous-titre plus vendeur */ .v118-title-row h2{ max-width:900px; } .v118-copy h3{ max-width:680px; } .v118-copy h3 em{ font-style:normal; color:#0b7c54; } /* V1.22 - titre exact + promesse plus forte */ .v118-title-row h2{ max-width:980px; } .v118-copy h3{ max-width:700px; } .v118-copy h3 em{ font-style:normal; color:#0b7c54; } .v118-sub{ max-width:620px; } /* V1.23 - page de vente courte : méthode 4 étapes + système boosté 3 modules */ .v123-method-track{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:14px; align-items:center; } .v123-method-step{ min-height:190px; padding:24px; border:3px solid #315544; background:linear-gradient(180deg,#112f23,#0e281e); border-radius:18px 6px 18px 18px; display:flex; flex-direction:column; justify-content:center; } .v123-method-step span{ font-size:9px; color:#63e2aa; font-weight:950; letter-spacing:.11em; } .v123-method-step h3{ font-size:27px; margin:7px 0 8px; } .v123-method-step p{ font-size:10px; line-height:1.55; color:rgba(255,255,255,.5); margin:0; } .v123-method-arrow{ font-size:22px; color:#66e4ac; font-weight:900; } .v123-boosted{ background:#f3ecdf; color:#14231c; border-top:3px solid #cbbca9; border-bottom:3px solid #cbbca9; } .v123-boosted-head{ max-width:850px; margin-bottom:34px; } .v123-boosted-head>span{ font-size:9px; color:#0b8659; font-weight:950; letter-spacing:.13em; } .v123-boosted-head h2{ font-size:clamp(43px,5.4vw,70px); line-height:.96; letter-spacing:-.06em; margin:8px 0 15px; } .v123-boosted-head h2 em{ font-style:normal; color:#0b7c54; } .v123-boosted-head p{ max-width:720px; font-size:14px; line-height:1.65; color:#6d665e; margin:0; } .v123-module-flow{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } .v123-module-card{ position:relative; min-height:250px; padding:24px; background:#fbf8f1; border:3px solid #b8aa96; border-radius:20px 7px 20px 20px; box-shadow:0 7px 0 #c8baa5; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; } .v123-module-card.featured{ background:linear-gradient(180deg,#edf8f2,#fbf8f1); border-color:#8fb8a1; transform:translateY(-8px); } .v123-module-no{ position:absolute; right:15px; top:4px; font-size:82px; line-height:1; font-weight:950; letter-spacing:-.08em; color:rgba(11,124,84,.08); } .v123-module-card small{ font-size:7px; color:#0b8659; font-weight:950; letter-spacing:.11em; } .v123-module-card h3{ font-size:29px; letter-spacing:-.045em; margin:6px 0 7px; } .v123-module-card p{ max-width:300px; font-size:11px; line-height:1.55; color:#6e685f; margin:0; } .v123-module-icon{ position:absolute; right:18px; bottom:18px; color:#0b7c54; font-size:27px; opacity:.48; } .v123-loop{ margin-top:28px; padding:20px 22px; background:#0b2118; color:white; border:3px solid #315544; border-radius:17px 6px 17px 17px; box-shadow:0 7px 0 #06100b; } .v123-loop>small{ display:block; font-size:7px; color:#64e2aa; font-weight:950; letter-spacing:.12em; margin-bottom:13px; } .v123-loop>div{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; } .v123-loop span{ padding:7px 9px; border:2px solid #365c48; background:#112e22; border-radius:8px 3px 8px 8px; font-size:8px; font-weight:900; } .v123-loop b{ color:#64e2aa; font-size:11px; } @media(max-width:920px){ .v123-method-track{ grid-template-columns:1fr; } .v123-method-arrow{ transform:rotate(90deg); justify-self:center; } .v123-module-flow{ grid-template-columns:1fr; } .v123-module-card.featured{ transform:none; } } /* V1.27 — sales page: sections radically distinct, tactile, playful, readable */ .v127-sale{ --ink:#13241c;--cream:#f4eddf;--paper:#fffaf2;--green:#0a7d53;--mint:#64e0aa; --red:#c65249;--redSoft:#ffe7e2;--gold:#c4962f;--goldSoft:#fff0bd; --blue:#486fd0;--blueSoft:#e9efff;--purple:#8561ba;--purpleSoft:#f1e9ff; overflow:hidden;color:var(--ink) } .v127-sale .btn{border-radius:12px 4px 12px 12px;transition:transform .18s ease,box-shadow .18s ease} .v127-sale .btn-primary{box-shadow:0 6px 0 #0d5439} .v127-sale .btn-primary:hover{transform:translateY(-3px);box-shadow:0 9px 0 #0d5439} .v127-label{display:inline-block;font-size:8px;font-weight:950;letter-spacing:.12em;padding:7px 9px;border:2px solid;border-radius:8px 3px 8px 8px} .v127-label.red{color:#a93d35;background:#ffe4df;border-color:#d99a92} .v127-label.yellow{color:#6b5216;background:#ffedaa;border-color:#c69b36} .v127-label.green,.v127-label.mint{color:#0b754f;background:#ddf5e8;border-color:#8fc4a5} .v127-label.blue{color:#355eb9;background:#e7edff;border-color:#98abe2} .v127-label.purple{color:#6b48a1;background:#efe5ff;border-color:#b59ad9} .v127-label.dark{color:#d9f4e7;background:#163427;border-color:#52745f} /* reveal */ .v127-in{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease} .v127-in.is-visible{opacity:1;transform:none} /* progress */ .v127-scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:200;background:rgba(255,255,255,.08)} .v127-scroll-progress span{display:block;height:100%;width:0;background:#61e2a9} /* HERO */ .v127-hero{position:relative;padding:145px 0 96px;color:white;background: radial-gradient(620px 390px at 82% 22%,rgba(95,227,168,.18),transparent 70%), radial-gradient(360px 250px at 10% 8%,rgba(78,112,210,.13),transparent 72%),#071711} .v127-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:62px;align-items:center} .v127-hero-kicker{font-size:10px;color:#a9d7c0;font-weight:900;letter-spacing:.045em;margin-bottom:19px} .v127-hero h1{font-size:clamp(50px,6.4vw,84px);line-height:.9;letter-spacing:-.072em;margin:0 0 23px} .v127-hero h1 em{font-style:normal;color:#fff1b8}.v127-hero h1 strong{color:#6fe8b2} .v127-hero-lead{max-width:700px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.67)} .v127-hero-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:27px 0} .v127-hero-numbers>div{padding:13px 12px;border:2px solid #315542;background:#102b20;border-radius:12px 4px 12px 12px} .v127-hero-numbers b,.v127-hero-numbers span{display:block}.v127-hero-numbers b{font-size:27px;line-height:1;color:#68e1aa}.v127-hero-numbers span{font-size:7px;color:rgba(255,255,255,.5);font-weight:850;margin-top:5px} .v127-hero-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.v127-hero-actions>a{font-size:9px;color:#87e8bc;font-weight:900} .v127-legal-note{display:block;max-width:630px;margin-top:17px;font-size:7px;line-height:1.5;color:rgba(255,255,255,.32)} .v127-hero-product{min-height:600px;display:grid;place-items:center} .v127-product-stage{position:relative;width:100%;height:100%;min-height:580px;display:grid;place-items:center} .v127-product-stage>img{position:relative;z-index:3;width:min(88%,500px);filter:drop-shadow(0 28px 34px rgba(0,0,0,.34));animation:v127float 5s ease-in-out infinite} .v127-sun{position:absolute;width:420px;height:420px;border-radius:50%;background:#112d21;border:3px solid #315846;box-shadow:inset 0 0 0 55px #0d251b} .v127-note-card{position:absolute;z-index:5;width:230px;padding:14px 15px;border:3px solid;border-radius:14px 4px 14px 14px;box-shadow:0 7px 0 rgba(0,0,0,.25);animation:v127bob 4.2s ease-in-out infinite} .v127-note-card small,.v127-note-card b{display:block}.v127-note-card small{font-size:7px;font-weight:950;letter-spacing:.1em}.v127-note-card b{font-size:12px;line-height:1.4;margin-top:5px} .v127-note-card.note-red{left:-5px;top:95px;background:#ffe7e2;color:#62251f;border-color:#c66b63;transform:rotate(-2deg)} .v127-note-card.note-red small{color:#b8443b} .v127-note-card.note-green{right:-5px;bottom:65px;background:#e0f5e8;color:#153b2c;border-color:#6caf89;animation-delay:.8s;transform:rotate(1deg)} .v127-note-card.note-green small{color:#0b7c54} .v127-stamp{position:absolute;right:15px;top:74px;z-index:6;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#f3cf61;color:#4d3b12;border:3px solid #a88125;box-shadow:0 6px 0 #6e5618;font-size:10px;font-weight:950;transform:rotate(8deg)} /* DIAGNOSTIC */ .v127-diagnostic{background:#f5efe5} .v127-split-head{display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:end;margin-bottom:35px} .v127-split-head h2,.v127-modules-head h2,.v127-inside-head h2,.v127-compare-head h2,.v127-forwho-title h2,.v127-creator-copy h2,.v127-faq-title h2{ font-size:clamp(43px,5.4vw,70px);line-height:.96;letter-spacing:-.06em;margin:12px 0 0 } .v127-split-head h2 em,.v127-modules-head h2 em,.v127-compare-head h2 em{font-style:normal;color:var(--green)} .v127-split-head>p{font-size:15px;line-height:1.65;color:#6c655d;margin:0 0 5px} .v127-moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px} .v127-moment{position:relative;min-height:285px;padding:24px;background:#fffaf2;border:3px solid #baa992;border-radius:20px 7px 20px 20px;box-shadow:0 7px 0 #d2c4b1;transition:transform .2s ease} .v127-moment:hover{transform:translateY(-5px) rotate(-.4deg)} .v127-moment.answer{background:#e6f6ec;border-color:#8fc3a4;box-shadow:0 7px 0 #c5dece} .v127-emoji{font-size:29px}.v127-moment small{display:block;font-size:7px;color:#0b8056;font-weight:950;letter-spacing:.11em;margin-top:18px}.v127-moment h3{font-size:26px;line-height:1.05;letter-spacing:-.04em;margin:8px 0 11px}.v127-moment p{font-size:11px;line-height:1.55;color:#6c665e} .v127-inline-buy{margin-top:28px;padding:20px 22px;background:#0b2219;color:white;border:3px solid #315842;border-radius:17px 6px 17px 17px;box-shadow:0 7px 0 #06110c;display:flex;align-items:center;justify-content:space-between;gap:22px} .v127-inline-buy p{font-size:13px;line-height:1.5;margin:0}.v127-inline-buy.cream{background:#f9f2e6;color:#17271f;border-color:#bbaa91;box-shadow:0 7px 0 #d1c4b1} /* DIFFERENCE */ .v127-difference{background:#486fd0;color:white;position:relative} .v127-difference:before{content:"";position:absolute;right:-110px;top:-110px;width:330px;height:330px;border:3px solid rgba(255,255,255,.12);border-radius:50%} .v127-difference-title{max-width:1000px}.v127-difference-title h2{font-size:clamp(48px,6.3vw,82px);line-height:.91;letter-spacing:-.068em;margin:16px 0 34px}.v127-difference-title h2 em{font-style:normal;color:#fff0b5} .v127-difference-board{display:grid;grid-template-columns:1fr 70px 1fr;gap:18px;align-items:center;background:#fff7e9;color:#18271f;border:3px solid #1d397a;border-radius:20px 7px 20px 20px;box-shadow:0 9px 0 #294b9a;padding:24px} .v127-board-left small,.v127-board-right small{display:block;font-size:7px;font-weight:950;letter-spacing:.11em;margin-bottom:10px}.v127-board-left small{color:#b84b42}.v127-board-right small{color:#0b7b53} .v127-board-left>div,.v127-board-right>div{font-size:15px;line-height:1.45}.v127-strike{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#c3554c;color:#735b57}.v127-board-right b{color:#0a7c52} .v127-board-arrow{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#173c2d;color:#f2cf68;border:3px solid #496f59;font-size:22px;font-weight:950} .v127-power-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}.v127-power{padding:20px;border:3px solid rgba(255,255,255,.25);background:rgba(15,37,82,.28);border-radius:16px 5px 16px 16px}.v127-power b{font-size:17px}.v127-power p{font-size:10px;line-height:1.5;color:rgba(255,255,255,.67);margin:7px 0 0} .v127-center-buy{text-align:center;margin-top:30px}.v127-center-buy small{display:block;font-size:8px;color:inherit;opacity:.6;margin-top:10px} /* MODULES */ .v127-modules{background:#f6eedf}.v127-modules-head{max-width:950px;margin-bottom:34px} .v127-module-stack{display:grid;gap:20px} .v127-module{position:relative;min-height:330px;padding:30px;display:grid;grid-template-columns:130px 1fr .8fr;gap:28px;align-items:center;border:3px solid;border-radius:23px 8px 23px 23px;box-shadow:0 9px 0;overflow:hidden} .v127-module.learn{background:#e3f6eb;border-color:#8bc0a0;box-shadow:0 9px 0 #c5ddce} .v127-module.immerse{background:#e8efff;border-color:#95a9df;box-shadow:0 9px 0 #c8d2ee} .v127-module.speak{background:#fff0c6;border-color:#c59b38;box-shadow:0 9px 0 #e1cb8f} .v127-module-big{font-size:102px;line-height:.8;font-weight:950;letter-spacing:-.09em;opacity:.15} .v127-module-copy small{font-size:8px;font-weight:950;letter-spacing:.11em}.v127-module.learn small{color:#0b7c54}.v127-module.immerse small{color:#496ec6}.v127-module.speak small{color:#7f611b} .v127-module-copy h3{font-size:43px;letter-spacing:-.055em;margin:7px 0 8px}.v127-module-copy p{font-size:13px;line-height:1.55;color:#5e625c;max-width:560px}.v127-module-result{margin-top:15px;font-size:10px;font-weight:950} .v127-mini-visual,.v127-mini-screen,.v127-chat{border:3px solid rgba(30,55,42,.25);background:rgba(255,255,255,.67);border-radius:16px 5px 16px 16px;padding:20px;box-shadow:0 6px 0 rgba(50,70,55,.12)} .v127-mini-visual{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.v127-mini-visual span{font-size:8px;font-weight:950;padding:8px;border:2px solid #8fbba2;background:white;border-radius:8px 3px 8px 8px} .v127-mini-screen{min-height:180px;background:#0c1f39;color:white;border-color:#425f93}.screen-top{font-size:7px;color:#9db9ff;font-weight:950;letter-spacing:.08em}.screen-line{height:11px;background:#d8e1ff;border-radius:2px;margin-top:28px;width:85%}.screen-line.short{width:55%;margin-top:9px}.screen-caption{margin-top:30px;font-size:8px;color:#89a9f7;font-weight:950} .v127-chat{background:#173327;border-color:#4c755e}.v127-chat .bubble{max-width:90%;padding:10px 11px;border:2px solid;border-radius:11px;font-size:9px;line-height:1.4;margin-bottom:8px}.v127-chat .them{background:white;border-color:#c5b59f}.v127-chat .you{margin-left:auto;background:#dcf2e5;border-color:#85b89b}.v127-chat .tip{background:#fff0bd;border-color:#b98e2e;color:#5b4514;font-weight:950} /* DAY ONE */ .v127-dayone{background:#fff0bd} .v127-dayone-grid{display:grid;grid-template-columns:1fr .78fr;gap:65px;align-items:center} .v127-dayone-copy h2{font-size:clamp(47px,6vw,78px);line-height:.93;letter-spacing:-.065em;margin:14px 0 16px}.v127-dayone-copy>p{font-size:15px;line-height:1.65;color:#6c6049;max-width:700px} .v127-dayone-list{display:grid;gap:9px;margin:25px 0}.v127-dayone-list>div{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;padding:10px 0;border-bottom:2px solid rgba(97,76,31,.17)}.v127-dayone-list span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#173d2d;color:#6fe3ad;font-size:8px;font-weight:950}.v127-dayone-list b{font-size:11px} .v127-dayone-poster{padding:32px;background:#486fd0;color:white;border:4px solid #193977;border-radius:4px;box-shadow:13px 13px 0 #173d2d;transform:rotate(1.5deg)}.v127-poster-top{font-size:9px;color:#d8e2ff;font-weight:950;letter-spacing:.15em}.v127-poster-word{font-size:clamp(58px,7vw,92px);line-height:.8;letter-spacing:-.075em;font-weight:950;margin:30px 0;color:#fff4c9}.v127-poster-bottom{display:flex;gap:7px;flex-wrap:wrap}.v127-poster-bottom span{padding:7px 8px;border:2px solid rgba(255,255,255,.4);font-size:7px;font-weight:950} /* INSIDE */ .v127-inside{background:#071711;color:white} .v127-inside-head{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:34px}.v127-inside-head h2{color:white}.v127-inside-head>p{font-size:14px;line-height:1.65;color:rgba(255,255,255,.52);margin:0} .v127-dashboard{display:grid;grid-template-columns:210px 1fr;background:#f8f4eb;color:#14231c;border:3px solid #426451;border-radius:22px 7px 22px 22px;box-shadow:0 9px 0 #020906;overflow:hidden} .v127-dash-sidebar{padding:24px 18px;background:#0e2a1e;color:white;display:flex;flex-direction:column;gap:10px}.v127-dash-sidebar>b{font-size:18px;margin-bottom:18px}.v127-dash-sidebar span{padding:10px;border:2px solid transparent;border-radius:9px 3px 9px 9px;font-size:9px;color:rgba(255,255,255,.55)}.v127-dash-sidebar span.active{background:#153b2b;border-color:#3c684f;color:#73e5b2} .v127-dash-main{padding:28px}.v127-dash-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.v127-dash-top small{font-size:7px;color:#0b7d54;font-weight:950;letter-spacing:.09em}.v127-dash-top h3{font-size:28px;margin:6px 0 0}.v127-xp{font-size:8px;color:#70695f}.v127-xp b{font-size:23px;color:#0b7d54} .v127-progress{height:10px;background:#ded5c8;border:2px solid #c2b6a5;border-radius:2px;margin:24px 0}.v127-progress i{display:block;width:42%;height:100%;background:#24c886} .v127-dash-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v127-dash-modules>div{padding:14px;border:2px solid #cbbfad;background:#eee6d9;border-radius:12px 4px 12px 12px}.v127-dash-modules span,.v127-dash-modules b,.v127-dash-modules small{display:block}.v127-dash-modules span{font-size:9px;color:#7c746b}.v127-dash-modules b{font-size:10px;margin-top:9px}.v127-dash-modules small{font-size:7px;color:#817970;margin-top:4px}.v127-dash-modules .done{background:#e2f2e8;border-color:#93bea4}.v127-dash-modules .done span{color:#0b7c54}.v127-dash-modules .current{background:#fff0bd;border-color:#c09a40}.v127-dash-modules .current span{color:#8a681d} .v127-dash-mission{margin-top:18px;padding:18px;background:white;border:3px solid #c5b8a6;border-radius:14px 5px 14px 14px;display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center}.v127-dash-mission small{grid-column:1;font-size:7px;color:#0b8056;font-weight:950}.v127-dash-mission>b{font-size:12px}.v127-dash-mission .btn{grid-column:2;grid-row:1/3} .v127-inside-buy{margin-top:22px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.v127-inside-buy>span{padding:9px 11px;border:2px solid #3b5f4c;background:#102b20;border-radius:8px 3px 8px 8px;font-size:8px;color:#bfe8d1;font-weight:900}.v127-inside-buy .btn{margin-left:7px} /* COMPARE */ .v127-compare-section{background:#fffaf2} .v127-compare-head{max-width:1000px;margin-bottom:34px} .v127-compare{display:grid;grid-template-columns:1fr 90px 1fr;gap:18px;align-items:stretch} .v127-compare-card{padding:30px;border:3px solid;border-radius:22px 7px 22px 22px;box-shadow:0 8px 0}.v127-compare-card.bad{background:#ffeae6;border-color:#dda098;box-shadow:0 8px 0 #ebd0cc}.v127-compare-card.good{background:#e3f5ea;border-color:#94c3a6;box-shadow:0 8px 0 #c8dfd1} .v127-compare-tag{font-size:8px;font-weight:950;letter-spacing:.11em}.bad .v127-compare-tag{color:#aa443b}.good .v127-compare-tag{color:#0b7b53} .v127-compare-card h3{font-size:31px;line-height:1.05;letter-spacing:-.045em;margin:16px 0 20px}.v127-compare-card ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.v127-compare-card li{font-size:11px;line-height:1.45;padding-left:20px;position:relative}.bad li:before{content:"×";position:absolute;left:0;color:#bd4b41;font-weight:950}.good li:before{content:"✓";position:absolute;left:0;color:#0b7b53;font-weight:950} .v127-compare-end{margin-top:23px;padding:14px;background:rgba(255,255,255,.65);border:2px solid rgba(70,65,55,.16);border-radius:12px 4px 12px 12px;font-size:11px;font-weight:950} .v127-vs{align-self:center;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#173d2d;color:#efcb62;border:3px solid #4f765f;box-shadow:0 7px 0 #d2c2ad;font-weight:950} /* FOR WHO */ .v127-forwho{background:#efe5ff}.v127-forwho-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.v127-forwho-title>p{font-size:14px;line-height:1.65;color:#625a6e;max-width:620px;margin-bottom:22px} .v127-forwho-list{display:grid;gap:10px}.v127-forwho-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:16px 17px;background:#fffaff;border:3px solid #b49bd5;border-radius:14px 5px 14px 14px;box-shadow:0 5px 0 #d4c2e8}.v127-forwho-list span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#7954aa;color:white;font-weight:950}.v127-forwho-list p{font-size:11px;line-height:1.45;margin:0;font-weight:800} /* CREATOR */ .v127-creator{background:#ffded6}.v127-creator-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}.v127-creator-photo{position:relative;min-height:500px;border:3px solid #9b6257;border-radius:22px 7px 22px 22px;box-shadow:0 9px 0 #d99f93;overflow:hidden}.v127-creator-photo img{width:100%;height:100%;object-fit:cover}.v127-creator-photo span{position:absolute;left:14px;bottom:14px;padding:7px 9px;background:#fff1ed;border:2px solid #a66e63;border-radius:7px;font-size:7px;font-weight:950} .v127-creator-copy p{font-size:14px;line-height:1.65;color:#6b504a;max-width:760px}.v127-creator-copy strong{color:#3a241f} /* OFFER */ .v127-offer{background:#f2e9db} .v127-offer-card{display:grid;grid-template-columns:1fr .48fr;gap:50px;padding:38px;background:#fffaf2;border:4px solid #9d8b72;border-radius:25px 8px 25px 25px;box-shadow:0 11px 0 #c8baa5} .v127-offer-copy>small{font-size:8px;color:#0b7c54;font-weight:950;letter-spacing:.12em}.v127-offer-copy h2{font-size:clamp(40px,5vw,66px);line-height:.97;letter-spacing:-.06em;margin:9px 0 12px}.v127-offer-copy>p{font-size:13px;line-height:1.6;color:#6c655d} .v127-offer-includes{display:grid;gap:9px;margin-top:22px}.v127-offer-includes>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:2px solid #e3d8c8}.v127-offer-includes span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#dff2e6;color:#0b7c54;border:2px solid #91bda1;font-weight:950}.v127-offer-includes b{font-size:10px} .v127-offer-action{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.v127-offer-stamp{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#f2cc5d;color:#4f3b10;border:4px solid #a77f20;box-shadow:0 7px 0 #d6b750;font-size:13px;font-weight:950;transform:rotate(5deg)}.v127-offer-action small{font-size:8px;line-height:1.5;color:#81776c;max-width:260px} /* FAQ */ .v127-faq{background:#e7f4ec}.v127-faq-title{margin-bottom:28px}.v127-faq .faq-list{max-width:920px} /* FINAL */ .v127-final{padding:85px 0 120px;background:#071711;color:white}.v127-final-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.v127-final-copy small{font-size:8px;color:#6ce1ab;font-weight:950;letter-spacing:.12em}.v127-final-copy h2{font-size:clamp(48px,6vw,80px);line-height:.91;letter-spacing:-.067em;margin:10px 0 13px}.v127-final-copy h2 em{font-style:normal;color:#fff0b5}.v127-final-copy p{font-size:12px;color:rgba(255,255,255,.5)}.v127-final-action{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.v127-final-action span{font-size:8px;color:rgba(255,255,255,.42)} .v127-sticky-buy{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:120;width:min(940px,calc(100% - 24px));padding:11px 12px 11px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(8,25,18,.96);backdrop-filter:blur(10px);border:2px solid #3c654f;border-radius:15px 5px 15px 15px;box-shadow:0 8px 0 rgba(0,0,0,.26),0 18px 45px rgba(0,0,0,.27);color:white}.v127-sticky-buy small,.v127-sticky-buy b{display:block}.v127-sticky-buy small{font-size:6px;color:#65dfa8;letter-spacing:.1em}.v127-sticky-buy b{font-size:9px;margin-top:3px} @keyframes v127float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}} @keyframes v127bob{0%,100%{margin-top:0}50%{margin-top:-7px}} @media(prefers-reduced-motion:reduce){ .v127-sale *{animation:none!important;transition:none!important} .v127-in{opacity:1!important;transform:none!important} } @media(max-width:1050px){ .v127-hero-grid,.v127-split-head,.v127-dayone-grid,.v127-inside-head,.v127-forwho-grid,.v127-creator-grid{grid-template-columns:1fr} .v127-hero-product{max-width:720px;width:100%;margin:auto} .v127-module{grid-template-columns:100px 1fr}.v127-module>:last-child{grid-column:1/3} .v127-dashboard{grid-template-columns:1fr}.v127-dash-sidebar{display:grid;grid-template-columns:repeat(4,auto);align-items:center}.v127-dash-sidebar>b{margin:0} .v127-offer-card{grid-template-columns:1fr} } @media(max-width:850px){ .v127-moment-grid,.v127-power-row{grid-template-columns:1fr} .v127-compare{grid-template-columns:1fr}.v127-vs{justify-self:center} .v127-difference-board{grid-template-columns:1fr}.v127-board-arrow{transform:rotate(90deg);justify-self:center} } @media(max-width:650px){ .v127-hero{padding:130px 0 75px}.v127-hero h1{font-size:49px}.v127-hero-numbers{grid-template-columns:1fr 1fr} .v127-hero-product{min-height:510px}.v127-product-stage{min-height:500px}.v127-sun{width:320px;height:320px;box-shadow:inset 0 0 0 40px #0d251b}.v127-note-card{width:185px}.v127-note-card.note-red{top:65px}.v127-note-card.note-green{bottom:28px}.v127-stamp{width:78px;height:78px;font-size:8px} .v127-inline-buy{flex-direction:column;align-items:flex-start} .v127-difference-title h2{font-size:49px} .v127-module{grid-template-columns:1fr;padding:23px}.v127-module>:last-child{grid-column:auto}.v127-module-big{font-size:78px} .v127-dash-sidebar{grid-template-columns:1fr 1fr}.v127-dash-top,.v127-inside-buy{align-items:flex-start}.v127-dash-modules{grid-template-columns:1fr}.v127-dash-mission{grid-template-columns:1fr}.v127-dash-mission .btn{grid-column:1;grid-row:auto} .v127-final-grid{grid-template-columns:1fr}.v127-final-copy h2{font-size:48px} .v127-sticky-buy>div{display:none}.v127-sticky-buy .btn{width:100%;justify-content:center} } /* V1.28 - liberté en anglais + campus plus gamifié */ /* DAY ONE section */ .v127-dayone{ background: radial-gradient(520px 300px at 85% 25%, rgba(255,255,255,.35), transparent 70%), #fff0bd; } .v127-dayone-copy h2{ max-width:760px; } .v128-dayone-list{ display:grid; gap:10px; margin:26px 0 26px; } .v128-dayone-list>div{ display:grid; grid-template-columns:40px 1fr; gap:12px; align-items:center; padding:11px 0; border-bottom:2px solid rgba(97,76,31,.15); } .v128-dayone-list span{ width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#173d2d; color:#6fe3ad; font-size:8px; font-weight:950; } .v128-dayone-list b{ font-size:11px; } .v128-dayone-imagecard{ position:relative; min-height:560px; border:4px solid #203a74; border-radius:8px; overflow:hidden; box-shadow:14px 14px 0 #173d2d; transform:rotate(1.2deg); background:#1b2b4f; } .v128-dayone-imagecard img{ width:100%; height:100%; object-fit:cover; display:block; } .v128-dayone-overlay{ position:absolute; left:20px; right:20px; bottom:20px; background:linear-gradient(180deg, rgba(8,17,14,.1), rgba(8,17,14,.82)); color:white; border:2px solid rgba(255,255,255,.18); border-radius:16px 6px 16px 16px; padding:18px 18px 16px; backdrop-filter:blur(4px); } .v128-dayone-overlay small{ display:block; font-size:8px; color:#ffeeb0; font-weight:950; letter-spacing:.12em; } .v128-dayone-overlay h3{ font-size:clamp(34px,4.3vw,58px); line-height:.88; letter-spacing:-.06em; margin:10px 0 10px; color:#fff5cb; } .v128-dayone-overlay p{ font-size:11px; line-height:1.5; color:rgba(255,255,255,.82); margin:0; max-width:360px; } .v128-dayone-tag{ position:absolute; z-index:3; padding:9px 12px; border-radius:999px; font-size:8px; font-weight:950; letter-spacing:.06em; box-shadow:0 5px 0 rgba(0,0,0,.18); } .v128-dayone-tag.one{ left:18px; top:18px; background:#fff6d2; color:#5a4715; border:2px solid #c59e39; } .v128-dayone-tag.two{ right:18px; top:18px; background:#e6f7ee; color:#11412f; border:2px solid #74b28d; } /* INSIDE / CAMPUS */ .v127-inside-head{ margin-bottom:34px; } .v128-campus-shell{ display:grid; grid-template-columns:250px 1fr; background:#f8f4eb; color:#14231c; border:3px solid #426451; border-radius:22px 7px 22px 22px; box-shadow:0 9px 0 #020906, 0 18px 40px rgba(0,0,0,.18); overflow:hidden; } .v128-campus-side{ padding:22px 18px; background: radial-gradient(200px 140px at 20% 20%, rgba(109,228,173,.10), transparent 70%), #0e2a1e; color:white; display:flex; flex-direction:column; gap:16px; } .v128-campus-brand b, .v128-campus-brand small{ display:block; } .v128-campus-brand b{ font-size:21px; } .v128-campus-brand small{ font-size:9px; color:rgba(255,255,255,.56); margin-top:4px; } .v128-side-streak{ display:grid; grid-template-columns:40px 1fr; gap:10px; align-items:center; padding:14px; background:#15382a; border:2px solid #3c694f; border-radius:14px 5px 14px 14px; } .v128-side-streak span{ width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#fff0bd; color:#6b5216; font-size:15px; } .v128-side-streak small, .v128-side-streak b{ display:block; } .v128-side-streak small{ font-size:7px; color:#6de2ad; font-weight:950; letter-spacing:.11em; } .v128-side-streak b{ font-size:11px; margin-top:4px; } .v128-side-nav{ display:grid; gap:8px; } .v128-side-nav span{ padding:10px 12px; border-radius:10px 4px 10px 10px; font-size:9px; color:rgba(255,255,255,.58); border:2px solid transparent; } .v128-side-nav span.active{ background:#173e2d; border-color:#47755c; color:#8de9be; } .v128-side-xp{ margin-top:auto; padding:14px; background:#fff0bd; color:#4e3c10; border:2px solid #b88f2d; border-radius:14px 5px 14px 14px; box-shadow:0 6px 0 rgba(0,0,0,.15); } .v128-side-xp small, .v128-side-xp b{ display:block; } .v128-side-xp small{ font-size:7px; letter-spacing:.11em; font-weight:950; } .v128-side-xp b{ font-size:22px; margin-top:4px; } .v128-campus-main{ padding:26px; background: radial-gradient(250px 120px at 90% 10%, rgba(36,200,134,.08), transparent 70%), #f8f4eb; } .v128-campus-top{ display:grid; grid-template-columns:1fr 300px; gap:18px; align-items:start; } .v128-campus-top small{ font-size:8px; color:#0b7d54; font-weight:950; letter-spacing:.11em; } .v128-campus-top h3{ font-size:34px; line-height:1; letter-spacing:-.05em; margin:8px 0 9px; } .v128-campus-top p{ font-size:12px; line-height:1.55; color:#6f675f; margin:0; max-width:560px; } .v128-goal-card{ padding:16px; background:#fff8e0; border:3px solid #c9a44a; border-radius:16px 5px 16px 16px; box-shadow:0 6px 0 #ead8a7; } .v128-goal-card small, .v128-goal-card b, .v128-goal-card span{ display:block; } .v128-goal-card b{ font-size:13px; line-height:1.4; margin-top:6px; color:#4c3b14; } .v128-goal-card span{ font-size:8px; color:#7d6530; margin-top:8px; font-weight:900; } .v128-path{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:24px 0; } .v128-path-line{ position:absolute; left:9%; right:9%; top:23px; height:5px; background:linear-gradient(90deg, #24c886 0%, #24c886 54%, #d3cabd 54%, #d3cabd 100%); border-radius:999px; z-index:0; } .v128-path-step{ position:relative; z-index:1; padding-top:46px; } .v128-path-step span{ position:absolute; top:0; left:50%; transform:translateX(-50%); width:46px; height:46px; border-radius:50%; display:grid; place-items:center; font-size:14px; font-weight:950; box-shadow:0 5px 0 rgba(0,0,0,.08); } .v128-path-step.done span{ background:#24c886; color:#0a2d1e; border:3px solid #0a7d53; } .v128-path-step.current span{ background:#fff0bd; color:#5f4813; border:3px solid #c49a33; } .v128-path-step.next span{ background:#e8efff; color:#355db9; border:3px solid #98abe2; } .v128-path-step.goal span{ background:#ffe6e1; color:#b5473d; border:3px solid #d78f87; } .v128-path-step b, .v128-path-step small{ display:block; text-align:center; } .v128-path-step b{ font-size:10px; margin-top:10px; } .v128-path-step small{ font-size:8px; color:#7d756d; margin-top:4px; } .v128-campus-grid{ display:grid; grid-template-columns:1.08fr .92fr; gap:16px; } .v128-mission-card, .v128-rewards-card{ padding:18px; border-radius:16px 5px 16px 16px; } .v128-mission-card{ background:#ffffff; border:3px solid #c6b9a8; box-shadow:0 6px 0 #e4dbcf; } .v128-mission-card small{ font-size:8px; color:#0b7d54; font-weight:950; letter-spacing:.11em; } .v128-mission-card h4{ font-size:18px; line-height:1.35; margin:8px 0 14px; letter-spacing:-.02em; } .v128-mission-meta{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; } .v128-mission-meta span{ padding:8px 10px; background:#f2ede3; border:2px solid #d6cab9; border-radius:999px; font-size:8px; font-weight:900; color:#675f56; } .v128-rewards-card{ background:#e7f4ec; border:3px solid #95c3a8; box-shadow:0 6px 0 #c7ded1; } .v128-rewards-card small{ font-size:8px; color:#0b7d54; font-weight:950; letter-spacing:.11em; } .v128-reward-list{ display:grid; gap:9px; margin:12px 0 14px; } .v128-reward-list>div{ display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:center; padding:10px 0; border-bottom:2px solid rgba(40,75,56,.10); } .v128-reward-list>div:last-child{ border-bottom:0; } .v128-reward-list span{ width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:#fff8de; border:2px solid #c7a13f; box-shadow:0 3px 0 rgba(0,0,0,.06); } .v128-reward-list b{ font-size:10px; } .v128-rewards-card p{ font-size:10px; line-height:1.55; color:#5d6e64; margin:0; } /* responsive */ @media(max-width:1050px){ .v128-campus-shell{ grid-template-columns:1fr; } .v128-campus-top{ grid-template-columns:1fr; } } @media(max-width:760px){ .v128-dayone-imagecard{ min-height:430px; box-shadow:9px 9px 0 #173d2d; transform:none; } .v128-campus-grid, .v128-path{ grid-template-columns:1fr; } .v128-path-line{ display:none; } .v128-campus-main{ padding:20px; } } /* V1.29 - mobile refinement: smaller cards, lighter density, better rhythm */ @media(max-width:650px){ /* global spacing */ .v127-sale .section{ padding-top:62px !important; padding-bottom:62px !important; } .v127-sale .container{ width:min(100% - 26px,1200px); } /* typography */ .v127-hero h1{ font-size:42px !important; line-height:.93 !important; letter-spacing:-.058em !important; } .v127-hero-lead{ font-size:15px !important; line-height:1.55 !important; } .v127-split-head h2, .v127-modules-head h2, .v127-inside-head h2, .v127-compare-head h2, .v127-forwho-title h2, .v127-creator-copy h2, .v127-faq-title h2, .v127-dayone-copy h2{ font-size:38px !important; line-height:.98 !important; letter-spacing:-.052em !important; } .v127-difference-title h2{ font-size:40px !important; line-height:.95 !important; } .v127-final-copy h2{ font-size:39px !important; line-height:.94 !important; } /* labels and buttons */ .v127-label{ font-size:7px !important; padding:6px 8px !important; border-width:2px !important; } .v127-sale .btn{ min-height:auto !important; padding:12px 15px !important; font-size:10px !important; border-width:2px !important; box-shadow:0 4px 0 #0d5439 !important; } .v127-sale .btn:hover{ transform:none !important; box-shadow:0 4px 0 #0d5439 !important; } /* hero */ .v127-hero{ padding:118px 0 64px !important; } .v127-hero-numbers{ grid-template-columns:1fr 1fr !important; gap:7px !important; margin:21px 0 !important; } .v127-hero-numbers>div{ padding:11px 10px !important; border-width:2px !important; border-radius:10px 4px 10px 10px !important; } .v127-hero-numbers b{ font-size:23px !important; } .v127-hero-product, .v127-product-stage{ min-height:420px !important; } .v127-product-stage>img{ width:min(78%,360px) !important; } .v127-sun{ width:280px !important; height:280px !important; box-shadow:inset 0 0 0 34px #0d251b !important; } .v127-note-card{ width:165px !important; padding:10px 11px !important; border-width:2px !important; box-shadow:0 4px 0 rgba(0,0,0,.20) !important; } .v127-note-card b{ font-size:10px !important; } .v127-stamp{ width:66px !important; height:66px !important; border-width:2px !important; box-shadow:0 4px 0 #6e5618 !important; font-size:7px !important; } /* diagnostic cards */ .v127-moment-grid{ gap:11px !important; } .v127-moment{ min-height:auto !important; padding:17px !important; border-width:2px !important; border-radius:15px 5px 15px 15px !important; box-shadow:0 4px 0 #d2c4b1 !important; } .v127-moment.answer{ box-shadow:0 4px 0 #c5dece !important; } .v127-moment h3{ font-size:22px !important; } /* inline CTA bars */ .v127-inline-buy, .v127-section-cta{ padding:15px !important; border-width:2px !important; border-radius:14px 5px 14px 14px !important; box-shadow:0 4px 0 #06110c !important; } /* difference */ .v127-difference-board{ padding:16px !important; border-width:2px !important; border-radius:15px 5px 15px 15px !important; box-shadow:0 5px 0 #294b9a !important; } .v127-board-left>div, .v127-board-right>div{ font-size:12px !important; } .v127-power-row{ gap:10px !important; } .v127-power{ padding:15px !important; border-width:2px !important; } /* modules */ .v127-module{ min-height:auto !important; padding:18px !important; gap:16px !important; border-width:2px !important; border-radius:16px 5px 16px 16px !important; box-shadow:0 5px 0 !important; } .v127-module-big{ font-size:62px !important; } .v127-module-copy h3{ font-size:31px !important; } .v127-module-copy p{ font-size:11px !important; } .v127-mini-visual, .v127-mini-screen, .v127-chat{ padding:14px !important; border-width:2px !important; border-radius:12px 4px 12px 12px !important; box-shadow:0 4px 0 rgba(50,70,55,.12) !important; } /* freedom section */ .v127-dayone-grid{ gap:34px !important; } .v127-dayone-copy>p{ font-size:13px !important; } .v128-dayone-list{ gap:5px !important; margin:20px 0 !important; } .v128-dayone-list>div{ grid-template-columns:32px 1fr !important; gap:9px !important; padding:8px 0 !important; } .v128-dayone-list span{ width:28px !important; height:28px !important; font-size:7px !important; } .v128-dayone-list b{ font-size:10px !important; line-height:1.4 !important; } .v128-dayone-imagecard{ min-height:360px !important; border-width:2px !important; border-radius:7px !important; box-shadow:7px 7px 0 #173d2d !important; } .v128-dayone-overlay{ left:12px !important; right:12px !important; bottom:12px !important; padding:13px !important; border-width:1px !important; } .v128-dayone-overlay h3{ font-size:32px !important; } .v128-dayone-tag{ padding:6px 8px !important; font-size:7px !important; border-width:1px !important; box-shadow:0 3px 0 rgba(0,0,0,.15) !important; } /* gamified campus */ .v128-campus-shell{ border-width:2px !important; border-radius:16px 5px 16px 16px !important; box-shadow:0 5px 0 #020906,0 12px 26px rgba(0,0,0,.14) !important; } .v128-campus-side{ padding:15px !important; gap:11px !important; } .v128-campus-brand b{ font-size:17px !important; } .v128-side-streak, .v128-side-xp{ padding:10px !important; border-width:2px !important; border-radius:11px 4px 11px 11px !important; } .v128-side-nav{ grid-template-columns:1fr 1fr !important; gap:6px !important; } .v128-side-nav span{ padding:8px !important; font-size:8px !important; border-width:1px !important; } .v128-campus-main{ padding:15px !important; } .v128-campus-top{ gap:12px !important; } .v128-campus-top h3{ font-size:27px !important; } .v128-campus-top p{ font-size:10px !important; } .v128-goal-card{ padding:12px !important; border-width:2px !important; box-shadow:0 4px 0 #ead8a7 !important; } .v128-path{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:9px !important; margin:18px 0 !important; } .v128-path-step{ padding:10px !important; background:#f1ebe1 !important; border:2px solid #d2c6b5 !important; border-radius:12px 4px 12px 12px !important; } .v128-path-step span{ position:static !important; transform:none !important; width:34px !important; height:34px !important; margin:0 auto 7px !important; border-width:2px !important; font-size:10px !important; } .v128-path-step b{ margin-top:0 !important; font-size:9px !important; } .v128-path-step small{ font-size:7px !important; } .v128-campus-grid{ gap:10px !important; } .v128-mission-card, .v128-rewards-card{ padding:14px !important; border-width:2px !important; border-radius:13px 4px 13px 13px !important; box-shadow:0 4px 0 !important; } .v128-mission-card h4{ font-size:15px !important; } .v128-mission-meta span{ padding:6px 8px !important; font-size:7px !important; border-width:1px !important; } .v128-reward-list>div{ padding:7px 0 !important; } /* comparison */ .v127-compare-card{ padding:19px !important; border-width:2px !important; border-radius:16px 5px 16px 16px !important; box-shadow:0 5px 0 !important; } .v127-compare-card h3{ font-size:25px !important; } .v127-vs{ width:50px !important; height:50px !important; border-width:2px !important; box-shadow:0 4px 0 #d2c2ad !important; font-size:12px !important; } /* for who */ .v127-forwho-list>div{ grid-template-columns:34px 1fr !important; gap:9px !important; padding:11px 12px !important; border-width:2px !important; box-shadow:0 4px 0 #d4c2e8 !important; } .v127-forwho-list span{ width:29px !important; height:29px !important; } .v127-forwho-list p{ font-size:10px !important; } /* creator */ .v127-creator-grid{ gap:32px !important; } .v127-creator-photo{ min-height:390px !important; border-width:2px !important; border-radius:16px 5px 16px 16px !important; box-shadow:0 6px 0 #d99f93 !important; } .v127-creator-copy p{ font-size:12px !important; } /* offer */ .v127-offer-card{ padding:22px !important; gap:24px !important; border-width:2px !important; border-radius:17px 5px 17px 17px !important; box-shadow:0 6px 0 #c8baa5 !important; } .v127-offer-copy h2{ font-size:37px !important; } .v127-offer-stamp{ width:95px !important; height:95px !important; border-width:2px !important; box-shadow:0 4px 0 #d6b750 !important; font-size:10px !important; } /* sticky bar */ .v127-sticky-buy{ bottom:10px !important; width:calc(100% - 18px) !important; padding:8px !important; border-width:1px !important; border-radius:12px 4px 12px 12px !important; box-shadow:0 5px 0 rgba(0,0,0,.24),0 12px 28px rgba(0,0,0,.24) !important; } } /* V1.30 - adapter les cadres aux images paysage */ /* Section liberté : passer d'un cadre portrait à un vrai ratio paysage */ .v128-dayone-imagecard{ min-height:auto !important; height:auto !important; aspect-ratio: 16 / 10; align-self:center; } .v128-dayone-imagecard img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; } /* Section derrière le système : photo plus large et moins haute */ .v127-creator-photo{ min-height:auto !important; height:auto !important; aspect-ratio: 4 / 3; align-self:start; } .v127-creator-photo img{ width:100%; height:100%; object-fit:cover; object-position:center top; display:block; } /* Ajuster aussi la grille pour mieux respirer autour des formats paysage */ .v127-creator-grid{ align-items:start !important; } .v127-dayone-grid{ align-items:center !important; } /* Tablette */ @media(max-width:1050px){ .v128-dayone-imagecard{ aspect-ratio: 16 / 10 !important; } .v127-creator-photo{ aspect-ratio: 16 / 10 !important; } } /* Mobile : ratios plus compacts, plus adaptés au scroll */ @media(max-width:650px){ .v128-dayone-imagecard{ min-height:auto !important; aspect-ratio: 4 / 3 !important; box-shadow:7px 7px 0 #173d2d !important; } .v127-creator-photo{ min-height:auto !important; aspect-ratio: 4 / 3 !important; box-shadow:0 5px 0 #d99f93 !important; } } /* V1.31 - texte de la section liberté placé sous l'image */ .v128-dayone-imagecard{ overflow:hidden !important; margin-bottom:0 !important; } .v128-dayone-imagecard .v128-dayone-overlay{ display:none !important; } .v131-dayone-caption{ margin-top:14px; padding:17px 18px 16px; background:#173d2d; color:white; border:3px solid #4d765f; border-radius:16px 5px 16px 16px; box-shadow:0 6px 0 #0d2419; } .v131-dayone-caption small{ display:block; font-size:8px; color:#f0cf67; font-weight:950; letter-spacing:.12em; } .v131-dayone-caption h3{ font-size:clamp(30px,3.8vw,48px); line-height:.92; letter-spacing:-.055em; margin:8px 0 8px; color:#fff3c7; } .v131-dayone-caption p{ font-size:11px; line-height:1.5; color:rgba(255,255,255,.72); margin:0; max-width:520px; } /* Garder les petits tags sur l'image */ .v128-dayone-tag{ z-index:4; } @media(max-width:650px){ .v131-dayone-caption{ margin-top:10px; padding:13px 14px; border-width:2px; border-radius:13px 4px 13px 13px; box-shadow:0 4px 0 #0d2419; } .v131-dayone-caption h3{ font-size:28px; } .v131-dayone-caption p{ font-size:10px; } } /* V1.33 - retour uniquement du bloc DAY 01 à la version sous l'image */ .v128-dayone-imagecard{ overflow:hidden !important; margin-bottom:0 !important; } .v131-dayone-caption{ margin-top:14px; padding:17px 18px 16px; background:#173d2d; color:white; border:3px solid #4d765f; border-radius:16px 5px 16px 16px; box-shadow:0 6px 0 #0d2419; } .v131-dayone-caption small{ display:block; font-size:8px; color:#f0cf67; font-weight:950; letter-spacing:.12em; } .v131-dayone-caption h3{ font-size:clamp(30px,3.8vw,48px); line-height:.92; letter-spacing:-.055em; margin:8px 0 8px; color:#fff3c7; } .v131-dayone-caption p{ font-size:11px; line-height:1.5; color:rgba(255,255,255,.72); margin:0; max-width:520px; } /* Mobile */ @media(max-width:650px){ .v131-dayone-caption{ margin-top:10px; padding:13px 14px; border-width:2px; border-radius:13px 4px 13px 13px; box-shadow:0 4px 0 #0d2419; } .v131-dayone-caption h3{ font-size:28px; } .v131-dayone-caption p{ font-size:10px; } } /* V1.36 - Hero Campus avec la vraie photo du créateur */ .v136-campus-hero{ padding:138px 0 84px; background: radial-gradient(520px 320px at 90% 20%, rgba(33,205,137,.11), transparent 72%), #f5efe5; } .v136-campus-grid{ display:grid; grid-template-columns:1.06fr .94fr; gap:58px; align-items:center; } .v136-campus-kicker{ font-size:9px; color:#0b7c54; font-weight:950; letter-spacing:.13em; } .v136-campus-copy>h1{ font-size:clamp(48px,6vw,78px); line-height:.93; letter-spacing:-.066em; margin:10px 0 18px; } .v136-campus-copy>h1 em{ font-style:normal; color:#0b7c54; } .v136-campus-lead{ max-width:690px; margin:0; font-size:15px; line-height:1.68; color:#6d665e; } .v136-creator-message{ margin-top:27px; padding:20px 21px; background:#fffaf2; border:3px solid #baa991; border-radius:17px 6px 17px 17px; box-shadow:0 7px 0 #d0c2af; } .v136-creator-message small{ display:block; font-size:7px; color:#0b7c54; font-weight:950; letter-spacing:.12em; } .v136-creator-message h2{ font-size:25px; line-height:1.08; letter-spacing:-.04em; margin:8px 0 9px; } .v136-creator-message p{ margin:0; max-width:620px; font-size:11px; line-height:1.55; color:#756d64; } .v136-campus-points{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; } .v136-campus-points span{ padding:8px 10px; background:#e9f5ee; border:2px solid #a6c8b5; border-radius:9px 3px 9px 9px; color:#244537; font-size:8px; font-weight:900; } .v136-campus-photo{ position:relative; } .v136-photo-frame{ position:relative; width:100%; aspect-ratio:4/5; overflow:hidden; background:#101713; border:3px solid #8e806e; border-radius:24px 8px 24px 24px; box-shadow:12px 12px 0 #c8baa5,0 26px 48px rgba(50,38,24,.12); } .v136-photo-frame img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center 44%; } .v136-photo-frame:after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 56%,rgba(4,13,9,.46) 100%); pointer-events:none; } .v136-photo-glow{ position:absolute; right:-70px; top:-70px; width:200px; height:200px; border-radius:50%; border:2px solid rgba(255,240,181,.34); box-shadow:0 0 0 28px rgba(255,240,181,.05); } .v136-photo-caption{ position:absolute; z-index:2; left:17px; right:17px; bottom:17px; padding:14px 15px; background:rgba(245,239,229,.95); border:2px solid #9e8f78; border-radius:14px 5px 14px 14px; box-shadow:0 5px 0 rgba(0,0,0,.17); } .v136-photo-caption span, .v136-photo-caption b{ display:block; } .v136-photo-caption span{ font-size:7px; color:#0b7c54; font-weight:950; letter-spacing:.11em; } .v136-photo-caption b{ margin-top:4px; font-size:11px; line-height:1.4; color:#29392f; } @media(max-width:950px){ .v136-campus-grid{grid-template-columns:1fr;gap:34px} .v136-campus-photo{max-width:620px;width:100%;margin:0 auto} .v136-photo-frame{aspect-ratio:4/3} .v136-photo-frame img{object-position:center 40%} } @media(max-width:650px){ .v136-campus-hero{padding:112px 0 58px} .v136-campus-grid{gap:27px} .v136-campus-copy>h1{font-size:40px;line-height:.97} .v136-campus-lead{font-size:12px} .v136-creator-message{ margin-top:21px; padding:15px; border-width:2px; border-radius:13px 4px 13px 13px; box-shadow:0 4px 0 #d0c2af; } .v136-creator-message h2{font-size:21px} .v136-creator-message p{font-size:10px} .v136-campus-points{gap:6px} .v136-campus-points span{font-size:7px;padding:7px 8px;border-width:1px} .v136-photo-frame{ aspect-ratio:4/5; border-width:2px; border-radius:16px 5px 16px 16px; box-shadow:7px 7px 0 #c8baa5; } .v136-photo-frame img{object-position:center 42%} .v136-photo-caption{ left:10px;right:10px;bottom:10px; padding:10px 11px; border-width:1px; box-shadow:0 3px 0 rgba(0,0,0,.15) } .v136-photo-caption b{font-size:9px} } /* V1.38 — uniquement les ajustements demandés sur le header Campus */ .v136-photo-caption{ display:none !important; } /* Image moins haute : on conserve la largeur et on rogne surtout le haut vide */ .v136-photo-frame{ aspect-ratio:auto !important; height:410px !important; } .v136-photo-frame img{ object-fit:cover !important; object-position:center bottom !important; } /* Le bloc créateur passe simplement sous la photo */ .v136-campus-photo > .v136-creator-message{ margin-top:22px !important; } /* Mobile : même logique, plus compacte */ @media(max-width:950px){ .v136-photo-frame{ height:380px !important; } } @media(max-width:650px){ .v136-photo-frame{ height:300px !important; } .v136-photo-frame img{ object-position:center bottom !important; } .v136-campus-photo > .v136-creator-message{ margin-top:15px !important; } } /* V1.39 - retrait de la phrase + image du header Campus un peu moins haute */ .v136-photo-frame{ height:360px !important; } .v136-photo-frame img{ object-fit:cover !important; object-position:center bottom !important; } @media(max-width:950px){ .v136-photo-frame{ height:340px !important; } } @media(max-width:650px){ .v136-photo-frame{ height:270px !important; } } /* V1.40 - image du header Campus plus haute, avec plus d'air au-dessus de la tête */ .v136-photo-frame{ height:445px !important; } .v136-photo-frame img{ object-fit:cover !important; object-position:center bottom !important; } @media(max-width:950px){ .v136-photo-frame{ height:410px !important; } .v136-photo-frame img{ object-position:center bottom !important; } } @media(max-width:650px){ .v136-photo-frame{ height:330px !important; } .v136-photo-frame img{ object-position:center bottom !important; } } /* V1.42 - vraie photo dans le bloc créateur de la page Campus */ .v113-creator-photo{ overflow:hidden; } .v113-creator-photo img{ width:100%; height:100%; object-fit:cover; object-position:center 44%; display:block; } @media(max-width:650px){ .v113-creator-photo img{ object-position:center 42%; } } /* V1.44 — VIEWERS ÉCLAIR / MÉTHODE C.E.R.C.L.E */ :root{ --ve-yellow:#ffd85c; --ve-yellow2:#fff0a8; --ve-purple:#7657d6; --ve-purple2:#eee8ff; --ve-cyan:#74e6d0; --ve-red:#e66e62; --ve-green:#0d7d55; --ve-deep:#091711; } /* HOME OFFER */ .v144-home-offer{background:#f5efe5} .v144-home-offer-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px} .v144-home-offer-head span,.v144-catalog-copy>small{font-size:8px;color:#0b7c54;font-weight:950;letter-spacing:.12em} .v144-home-offer-head h2{font-size:clamp(39px,5vw,63px);line-height:.98;letter-spacing:-.057em;margin:7px 0 0;max-width:850px} .v144-home-offer-head>a{font-size:10px;font-weight:900;color:#0b7650} .v144-home-offer-card{display:grid;grid-template-columns:.82fr 1.18fr;background:#fffaf2;border:3px solid #b8aa96;border-radius:26px 8px 26px 26px;box-shadow:0 9px 0 #c8baa5;overflow:hidden} .v144-home-product{min-height:450px;padding:35px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(360px 230px at 60% 32%,rgba(255,216,92,.25),transparent 70%),#101929;color:white} .v144-lightning{font-size:46px}.v144-home-product>small{font-size:9px;color:#7be3cf;font-weight:950;letter-spacing:.13em;margin-top:20px}.v144-home-product h3{font-size:clamp(60px,7vw,92px);line-height:.84;letter-spacing:-.07em;margin:8px 0;color:#ffe580}.v144-home-product p{font-size:12px;line-height:1.55;color:rgba(255,255,255,.58);max-width:390px} .v144-acronym{display:flex;gap:6px;margin-top:22px}.v144-acronym span{width:34px;height:34px;display:grid;place-items:center;border:2px solid #5370a1;border-radius:8px 3px 8px 8px;background:#182641;color:#fff0a7;font-size:10px;font-weight:950} .v144-home-offer-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.v144-chip{align-self:flex-start;padding:7px 9px;background:#fff0bd;border:2px solid #c79b34;border-radius:999px;color:#6b5115;font-size:7px;font-weight:950;letter-spacing:.1em} .v144-home-offer-copy h3{font-size:clamp(37px,4.4vw,55px);line-height:.96;letter-spacing:-.058em;margin:16px 0 13px}.v144-home-offer-copy>p{font-size:14px;line-height:1.62;color:#6c655d;max-width:620px} .v144-home-before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:20px 0}.v144-home-before-after>div:not(.arrow){padding:12px;border:2px solid;border-radius:12px 4px 12px 12px}.v144-home-before-after small,.v144-home-before-after b{display:block}.v144-home-before-after small{font-size:6px;font-weight:950;letter-spacing:.1em}.v144-home-before-after b{font-size:11px;margin-top:4px}.v144-home-before-after .bad{background:#fff0ed;border-color:#dfaaa3}.v144-home-before-after .bad small{color:#bc5147}.v144-home-before-after .good{background:#e7f5ec;border-color:#9cc4aa}.v144-home-before-after .good small{color:#0b7c54}.v144-home-before-after .arrow{font-size:18px;color:#0b7c54;font-weight:950} .v144-home-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px}.v144-home-metrics span{padding:8px 10px;border:2px solid #d2c6b5;border-radius:999px;background:#f4ede2;font-size:8px;color:#625c54;font-weight:850}.v144-home-metrics b{font-size:11px;color:#0b7650} /* CATALOG */ .v144-catalog-hero{padding:145px 0 70px;background:#071711;color:white}.v144-catalog-hero span{font-size:9px;color:#65dfa8;font-weight:950;letter-spacing:.13em}.v144-catalog-hero h1{font-size:clamp(52px,7vw,88px);line-height:.9;letter-spacing:-.07em;margin:9px 0 15px}.v144-catalog-hero p{max-width:780px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.58)} .v144-catalog-body{background:#f5efe5}.v144-catalog-card{display:grid;grid-template-columns:.7fr 1.3fr;border:3px solid #b8aa96;border-radius:25px 8px 25px 25px;box-shadow:0 9px 0 #c8baa5;overflow:hidden;background:#fffaf2}.v144-catalog-product{min-height:500px;padding:34px;background:#101929;color:white;display:flex;flex-direction:column;justify-content:center}.v144-catalog-product>span{font-size:8px;color:#78e5d0;font-weight:950;letter-spacing:.12em}.v144-bolt{font-size:44px;margin:22px 0}.v144-catalog-product h2{font-size:62px;line-height:.84;letter-spacing:-.07em;margin:0;color:#ffe27b}.v144-catalog-product>b{font-size:11px;margin-top:15px;color:#a7b8dc;letter-spacing:.11em}.v144-catalog-copy{padding:38px}.v144-catalog-copy h2{font-size:clamp(40px,5vw,64px);line-height:.97;letter-spacing:-.06em;margin:9px 0 13px}.v144-catalog-copy>p{font-size:14px;line-height:1.62;color:#6d665e;max-width:680px}.v144-six{display:flex;gap:7px;flex-wrap:wrap;margin:21px 0}.v144-six span{padding:8px 10px;background:#f0eafe;border:2px solid #b6a0dc;border-radius:9px 3px 9px 9px;font-size:8px;font-weight:900;color:#60488a}.v144-catalog-note{display:block;margin-top:10px;color:#7a7268!important} /* SALES GLOBAL */ .v144-sale-hero,.v144-cercle,.v144-campus-preview,.v144-final{color:white} .v144-section-head,.v144-cercle-head{max-width:900px;margin-bottom:34px}.v144-section-head>span,.v144-cercle-head>span,.v144-campus-head span,.v144-forwho-grid>div>span{font-size:9px;color:#0b7c54;font-weight:950;letter-spacing:.13em}.v144-section-head h2,.v144-cercle-head h2,.v144-campus-head h2,.v144-forwho h2{font-size:clamp(45px,5.7vw,74px);line-height:.94;letter-spacing:-.064em;margin:9px 0 15px}.v144-section-head p,.v144-cercle-head p,.v144-campus-head>p,.v144-forwho p{font-size:15px;line-height:1.64;color:#6d665e;max-width:760px} .v144-reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.v144-reveal.is-visible{opacity:1;transform:none} /* HERO */ .v144-sale-hero{padding:145px 0 98px;background:radial-gradient(620px 390px at 82% 18%,rgba(118,87,214,.22),transparent 72%),radial-gradient(440px 270px at 15% 5%,rgba(255,216,92,.12),transparent 72%),#08111e} .v144-sale-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}.v144-sale-badges{display:flex;gap:8px;flex-wrap:wrap}.v144-sale-badges span{padding:7px 9px;border:2px solid #3a547a;background:#12223b;border-radius:999px;color:#8debd8;font-size:7px;font-weight:950;letter-spacing:.1em}.v144-sale-kicker{font-size:10px;color:#d3dcf0;font-weight:900;margin:22px 0 14px}.v144-sale-copy h1{font-size:clamp(52px,6.6vw,88px);line-height:.88;letter-spacing:-.074em;margin:0 0 22px}.v144-sale-copy h1 em{font-style:normal;color:#ffe37d}.v144-sale-lead{max-width:690px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.66)}.v144-sale-zero{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.v144-sale-zero>div{padding:14px;border:2px solid #354d70;border-radius:13px 4px 13px 13px;background:#11213a}.v144-sale-zero .accent{background:#322a17;border-color:#7e672d}.v144-sale-zero b,.v144-sale-zero span{display:block}.v144-sale-zero b{font-size:27px;color:#7ce5cf}.v144-sale-zero .accent b{color:#f0cf65}.v144-sale-zero span{font-size:8px;color:rgba(255,255,255,.52)}.v144-sale-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.v144-sale-actions>a{font-size:9px;color:#8ce6d3;font-weight:900}.v144-sale-note{display:block;margin-top:17px;font-size:7px;line-height:1.5;color:rgba(255,255,255,.32)} .v144-sale-visual{min-height:610px;position:relative;display:grid;place-items:center}.v144-product-cover{position:relative;z-index:2;width:min(82%,430px);aspect-ratio:4/5;padding:31px;background:linear-gradient(160deg,#121f3a,#0d1425);border:3px solid #4a6090;border-radius:8px;box-shadow:20px 22px 0 #080d18,0 30px 55px rgba(0,0,0,.35);transform:rotate(2deg);display:flex;flex-direction:column;justify-content:center}.v144-product-cover>span{font-size:7px;color:#7ce4cf;font-weight:950;letter-spacing:.13em}.v144-cover-bolt{font-size:44px;margin:22px 0}.v144-product-cover h2{font-size:64px;line-height:.82;letter-spacing:-.07em;margin:0;color:#ffe27a}.v144-product-cover p{font-size:10px;margin:18px 0 4px;color:#9badcf;letter-spacing:.13em}.v144-product-cover strong{font-size:34px;color:#fff;letter-spacing:.03em}.v144-cover-letters{display:flex;gap:6px;margin-top:23px}.v144-cover-letters i{font-style:normal;width:32px;height:32px;display:grid;place-items:center;border:2px solid #6579aa;border-radius:7px 2px 7px 7px;color:#ffe589;font-size:9px;font-weight:950} .v144-floating-card{position:absolute;z-index:3;width:235px;padding:14px;border:3px solid;border-radius:14px 4px 14px 14px;box-shadow:0 6px 0 rgba(0,0,0,.2)}.v144-floating-card small,.v144-floating-card b{display:block}.v144-floating-card small{font-size:7px;font-weight:950;letter-spacing:.1em}.v144-floating-card b{font-size:11px;line-height:1.4;margin-top:4px}.v144-floating-card.red{left:0;top:115px;background:#ffe8e4;color:#642621;border-color:#c86b63;transform:rotate(-2deg)}.v144-floating-card.red small{color:#b8473e}.v144-floating-card.green{right:0;bottom:85px;background:#e4f6eb;color:#15382a;border-color:#6cac88;transform:rotate(1deg)}.v144-floating-card.green small{color:#0b7c54} /* PROBLEM */ .v144-problem{background:#f5efe5}.v144-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.v144-problem-card{min-height:260px;padding:22px;background:#fffaf2;border:3px solid #b8aa96;border-radius:19px 6px 19px 19px;box-shadow:0 7px 0 #d1c4b3}.v144-problem-card>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#173d2d;color:#68e2ac;font-size:9px;font-weight:950}.v144-problem-card h3{font-size:27px;line-height:1.04;letter-spacing:-.045em;margin:22px 0 9px}.v144-problem-card p{font-size:11px;line-height:1.55;color:#6c655d} .v144-cta-strip{margin-top:28px;padding:20px 22px;background:#101929;color:white;border:3px solid #425c8c;border-radius:17px 6px 17px 17px;box-shadow:0 7px 0 #080d18;display:flex;align-items:center;justify-content:space-between;gap:22px}.v144-cta-strip small,.v144-cta-strip b{display:block}.v144-cta-strip small{font-size:7px;color:#7ce4cf;font-weight:950;letter-spacing:.11em}.v144-cta-strip b{font-size:17px;margin-top:4px}.v144-cta-strip.yellow{background:#fff0bd;color:#4a3810;border-color:#b98f2c;box-shadow:0 7px 0 #d9bd66}.v144-cta-strip.yellow small{color:#725615} /* CERCLE */ .v144-cercle{background:#7657d6}.v144-cercle-head>span{color:#fff0ad}.v144-cercle-head h2{color:white}.v144-cercle-head h2 em{font-style:normal;color:#fff0ad}.v144-cercle-head p{color:rgba(255,255,255,.66)} .v144-circle-track{display:grid;grid-template-columns:repeat(11,auto);gap:8px;align-items:center}.v144-circle-track>i{font-style:normal;color:#fff1ad;font-size:17px;font-weight:950}.v144-circle-node{min-width:130px;min-height:135px;padding:16px;display:flex;flex-direction:column;justify-content:center;border:3px solid rgba(255,255,255,.28);border-radius:16px 5px 16px 16px;background:rgba(24,17,58,.23)}.v144-circle-node b{font-size:34px;line-height:1;color:#fff0ad}.v144-circle-node span{font-size:10px;font-weight:900;margin-top:9px}.v144-cercle-promise{margin:28px auto 0;max-width:820px;padding:22px 24px;display:grid;grid-template-columns:60px 1fr;gap:16px;align-items:center;background:#fff8e5;color:#16231d;border:3px solid #3e2f86;border-radius:17px 5px 17px 17px;box-shadow:0 7px 0 #4d35a8}.v144-cercle-promise .big{font-size:36px}.v144-cercle-promise small,.v144-cercle-promise b{display:block}.v144-cercle-promise small{font-size:7px;color:#6a51b5;font-weight:950;letter-spacing:.1em}.v144-cercle-promise b{font-size:16px;margin-top:5px}.v144-cercle-promise p{font-size:10px;line-height:1.5;color:#665e55;margin:5px 0 0} /* MISSIONS */ .v144-missions{background:#fff8e7}.v144-mission-list{display:grid;gap:16px}.v144-mission{display:grid;grid-template-columns:100px 1fr .6fr;gap:25px;align-items:center;padding:25px;border:3px solid;border-radius:20px 6px 20px 20px;box-shadow:0 8px 0}.v144-mission.m1{background:#e6f6ec;border-color:#90c2a3;box-shadow:0 8px 0 #c6ddcf}.v144-mission.m2{background:#e9efff;border-color:#97aae0;box-shadow:0 8px 0 #c9d3ee}.v144-mission.m3{background:#f0eaff;border-color:#b29adb;box-shadow:0 8px 0 #d5c5ea}.v144-mission.m4{background:#fff0bd;border-color:#c29a3b;box-shadow:0 8px 0 #e2cd91}.v144-mission.m5{background:#ffe9e4;border-color:#d99d95;box-shadow:0 8px 0 #ebd0cb}.v144-mission.m6{background:#e7f7f4;border-color:#91c9bf;box-shadow:0 8px 0 #c7e3dd}.v144-mission-letter{font-size:78px;line-height:1;font-weight:950;letter-spacing:-.08em;opacity:.25;text-align:center}.v144-mission-main small,.v144-mission-work small{font-size:7px;font-weight:950;letter-spacing:.11em}.v144-mission-main h3{font-size:31px;line-height:1.04;letter-spacing:-.045em;margin:7px 0 9px}.v144-mission-main p{font-size:11px;line-height:1.55;color:#5f605a;margin:0}.v144-mission-work{padding:15px;background:rgba(255,255,255,.66);border:2px solid rgba(55,65,60,.16);border-radius:13px 4px 13px 13px}.v144-mission-work b{display:block;font-size:11px;line-height:1.45;margin-top:6px} /* COMPARE */ .v144-before-after{background:#f5efe5}.v144-compare{display:grid;grid-template-columns:1fr 90px 1fr;gap:18px;align-items:stretch}.v144-compare>article{padding:28px;border:3px solid;border-radius:20px 6px 20px 20px;box-shadow:0 8px 0}.v144-compare .bad{background:#ffe9e5;border-color:#dda19a;box-shadow:0 8px 0 #ead0cc}.v144-compare .good{background:#e4f5ea;border-color:#97c5aa;box-shadow:0 8px 0 #c7ded0}.v144-compare small{font-size:8px;font-weight:950;letter-spacing:.1em}.v144-compare .bad small{color:#ad463e}.v144-compare .good small{color:#0b7c54}.v144-compare h3{font-size:30px;line-height:1.05;letter-spacing:-.045em;margin:14px 0 19px}.v144-compare ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.v144-compare li{font-size:11px;line-height:1.45;padding-left:19px;position:relative}.v144-compare .bad li:before{content:"×";position:absolute;left:0;color:#b94d43;font-weight:950}.v144-compare .good li:before{content:"✓";position:absolute;left:0;color:#0b7c54;font-weight:950}.v144-verdict{margin-top:20px;padding:13px;background:rgba(255,255,255,.65);border:2px solid rgba(60,60,50,.15);border-radius:11px 4px 11px 11px;font-size:10px;font-weight:900}.v144-vs{align-self:center;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#173d2d;color:#f0ca60;border:3px solid #4d765f;box-shadow:0 6px 0 #d0c1ad;font-weight:950}.v144-center-cta{text-align:center;margin-top:30px}.v144-center-cta h3{font-size:30px;letter-spacing:-.04em;margin:0 0 16px} /* CAMPUS PREVIEW */ .v144-campus-preview{background:#081712}.v144-campus-head{display:grid;grid-template-columns:1fr .8fr;gap:55px;align-items:end;margin-bottom:32px}.v144-campus-head span{color:#68e1aa}.v144-campus-head h2{color:white}.v144-campus-head>p{color:rgba(255,255,255,.52);margin:0} .v144-dashboard{display:grid;grid-template-columns:210px 1fr;background:#f7f3ea;color:#16231d;border:3px solid #3e654f;border-radius:21px 7px 21px 21px;box-shadow:0 9px 0 #020806;overflow:hidden}.v144-dashboard aside{padding:22px 17px;background:#0e2a1e;color:white;display:flex;flex-direction:column;gap:9px}.v144-dashboard aside>b{font-size:18px;margin-bottom:18px}.v144-dashboard aside>span{padding:9px;border:2px solid transparent;border-radius:9px 3px 9px 9px;font-size:8px;color:rgba(255,255,255,.52)}.v144-dashboard aside>span.active{background:#153c2b;border-color:#3f6a51;color:#6fe4ad}.v144-dashboard .xp{margin-top:auto;padding:11px;background:#fff0bd;color:#5b4515;border:2px solid #b68e2b;border-radius:10px 3px 10px 10px;font-size:9px;font-weight:950}.v144-dashboard .main{padding:26px}.v144-dashboard .top{display:flex;align-items:center;justify-content:space-between;gap:20px}.v144-dashboard .top small{font-size:7px;color:#0b7c54;font-weight:950;letter-spacing:.1em}.v144-dashboard .top h3{font-size:28px;margin:6px 0 0}.v144-dashboard .top>b{font-size:23px;color:#7657d6}.v144-dashboard-track{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:23px 0}.v144-dashboard-track span{padding:11px 6px;text-align:center;background:#eee7dc;border:2px solid #d0c3b2;border-radius:10px 3px 10px 10px;font-size:9px;font-weight:950;color:#746c64}.v144-dashboard-track .done{background:#e0f2e7;border-color:#8fbea1;color:#0b7c54}.v144-dashboard-track .current{background:#fff0bd;border-color:#bd9433;color:#6b5115}.v144-dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.v144-dashboard-grid>div{padding:17px;border:3px solid;border-radius:14px 4px 14px 14px}.v144-dashboard-grid .mission{background:white;border-color:#c5b8a7}.v144-dashboard-grid .reward{background:#f0eaff;border-color:#b39ddd}.v144-dashboard-grid small{font-size:7px;font-weight:950;letter-spacing:.1em;color:#0b7c54}.v144-dashboard-grid h4{font-size:18px;line-height:1.3;margin:7px 0 8px}.v144-dashboard-grid p{font-size:10px;line-height:1.5;color:#6b655d}.v144-dashboard-grid .reward b{display:block;font-size:10px;padding:7px 0;border-bottom:2px solid rgba(50,45,70,.1)}.v144-dashboard-grid .reward b:last-child{border-bottom:0} /* FOR WHO */ .v144-forwho{background:#efe8ff}.v144-forwho-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.v144-forwho-grid>div>span{color:#6b4faa}.v144-forwho p{color:#625b6d}.v144-forwho-list{display:grid;gap:10px}.v144-forwho-list>div{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:14px 15px;background:#fffaff;border:3px solid #b29bd6;border-radius:14px 5px 14px 14px;box-shadow:0 5px 0 #d4c3e8}.v144-forwho-list span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#7657d6;color:white;font-weight:950}.v144-forwho-list p{font-size:10px;line-height:1.45;margin:0;font-weight:800} /* OFFER */ .v144-offer{background:#fff0bd}.v144-offer-card{display:grid;grid-template-columns:1fr .45fr;gap:44px;padding:37px;background:#fffaf2;border:4px solid #9d8b72;border-radius:24px 8px 24px 24px;box-shadow:0 10px 0 #c8baa5}.v144-offer-card>div>small{font-size:8px;color:#0b7c54;font-weight:950;letter-spacing:.11em}.v144-offer-card h2{font-size:clamp(40px,5vw,65px);line-height:.97;letter-spacing:-.06em;margin:8px 0 12px}.v144-offer-card p{font-size:13px;line-height:1.6;color:#6b655d;max-width:680px}.v144-includes{display:grid;gap:8px;margin-top:20px}.v144-includes span{padding:9px 0;border-bottom:2px solid #e2d6c7;font-size:10px;font-weight:900}.v144-offer-action{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px}.v144-offer-stamp{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#7657d6;color:white;border:4px solid #4f36a1;box-shadow:0 7px 0 #c6b4ed;font-size:12px;font-weight:950;transform:rotate(4deg)}.v144-offer-action small{font-size:8px;line-height:1.5;color:#7d7469} /* FAQ + FINAL */ .v144-faq{background:#e7f5ec}.v144-faq .faq-list{max-width:920px}.v144-final{padding:80px 0 115px;background:#08111e}.v144-final-card{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end;padding:42px;background:radial-gradient(460px 260px at 82% 25%,rgba(118,87,214,.18),transparent 70%),#101929;border:3px solid #425c8c;border-radius:24px 8px 24px 24px;box-shadow:0 9px 0 #050812}.v144-final-card small{font-size:8px;color:#7ce4cf;font-weight:950;letter-spacing:.11em}.v144-final-card h2{font-size:clamp(46px,6vw,77px);line-height:.9;letter-spacing:-.067em;margin:9px 0 13px}.v144-final-card h2 em{font-style:normal;color:#ffe27a}.v144-final-card p{font-size:12px;line-height:1.55;color:rgba(255,255,255,.49);max-width:700px} .v144-sticky-buy{position:fixed;left:50%;bottom:15px;transform:translateX(-50%);z-index:120;width:min(940px,calc(100% - 24px));display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 11px 10px 16px;background:rgba(8,17,30,.96);backdrop-filter:blur(10px);border:2px solid #49618e;border-radius:15px 5px 15px 15px;box-shadow:0 7px 0 rgba(0,0,0,.28),0 16px 40px rgba(0,0,0,.25);color:white}.v144-sticky-buy small,.v144-sticky-buy b{display:block}.v144-sticky-buy small{font-size:6px;color:#7ce4cf;letter-spacing:.1em}.v144-sticky-buy b{font-size:9px;margin-top:3px} /* responsive */ @media(max-width:1050px){ .v144-home-offer-card,.v144-catalog-card,.v144-sale-hero-grid,.v144-forwho-grid,.v144-offer-card,.v144-campus-head{grid-template-columns:1fr} .v144-sale-visual{max-width:680px;width:100%;margin:auto} .v144-problem-grid{grid-template-columns:1fr} .v144-circle-track{grid-template-columns:1fr}.v144-circle-track>i{transform:rotate(90deg);justify-self:center} .v144-mission{grid-template-columns:80px 1fr}.v144-mission-work{grid-column:1/3} .v144-compare{grid-template-columns:1fr}.v144-vs{justify-self:center} .v144-dashboard{grid-template-columns:1fr}.v144-dashboard aside{display:grid;grid-template-columns:repeat(5,auto);align-items:center}.v144-dashboard aside>b{margin:0}.v144-dashboard .xp{margin:0} } @media(max-width:680px){ .v144-home-offer-head{align-items:flex-start;flex-direction:column}.v144-home-product{min-height:360px;padding:24px}.v144-home-product h3{font-size:58px}.v144-home-offer-copy{padding:23px 18px}.v144-home-offer-copy h3{font-size:38px}.v144-home-before-after{grid-template-columns:1fr}.v144-home-before-after .arrow{transform:rotate(90deg);justify-self:center} .v144-catalog-hero{padding:125px 0 58px}.v144-catalog-hero h1{font-size:48px}.v144-catalog-product{min-height:370px;padding:24px}.v144-catalog-product h2{font-size:53px}.v144-catalog-copy{padding:24px 19px}.v144-catalog-copy h2{font-size:38px} .v144-sale-hero{padding:126px 0 74px}.v144-sale-copy h1{font-size:48px}.v144-sale-lead{font-size:15px}.v144-sale-zero{grid-template-columns:1fr}.v144-sale-visual{min-height:500px}.v144-product-cover{width:80%;padding:23px}.v144-product-cover h2{font-size:50px}.v144-floating-card{width:180px;padding:10px;border-width:2px}.v144-floating-card.red{top:70px}.v144-floating-card.green{bottom:35px} .v144-section-head h2,.v144-cercle-head h2,.v144-campus-head h2,.v144-forwho h2{font-size:39px} .v144-cta-strip{flex-direction:column;align-items:flex-start;padding:15px} .v144-cercle-promise{grid-template-columns:42px 1fr;padding:15px} .v144-mission{grid-template-columns:1fr;padding:17px;gap:11px;border-width:2px;box-shadow:0 5px 0}.v144-mission-letter{text-align:left;font-size:58px}.v144-mission-work{grid-column:auto}.v144-mission-main h3{font-size:26px} .v144-compare>article{padding:18px;border-width:2px;box-shadow:0 5px 0}.v144-compare h3{font-size:25px} .v144-dashboard aside{grid-template-columns:1fr 1fr;padding:14px}.v144-dashboard .main{padding:15px}.v144-dashboard-track{grid-template-columns:repeat(3,1fr)}.v144-dashboard-grid{grid-template-columns:1fr} .v144-offer-card{padding:22px;border-width:2px;box-shadow:0 6px 0}.v144-offer-card h2{font-size:37px}.v144-offer-stamp{width:95px;height:95px;border-width:2px;font-size:9px} .v144-final-card{grid-template-columns:1fr;padding:25px 20px}.v144-final-card h2{font-size:42px} .v144-sticky-buy>div{display:none}.v144-sticky-buy .btn{width:100%;justify-content:center} } @media(prefers-reduced-motion:reduce){.v144-reveal{opacity:1!important;transform:none!important;transition:none!important}} /* V1.45 - Sales page redesign VIEWERS ÉCLAIR */ :root{ --v145-bg:#f5efe5; --v145-ink:#15231c; --v145-muted:#6f685f; --v145-yellow:#ffd85c; --v145-yellow-soft:#fff0bd; --v145-purple:#7757d8; --v145-blue:#0e1930; --v145-blue-2:#12213c; --v145-red:#d86a5e; --v145-red-soft:#ffe9e5; --v145-mint:#71e3af; --v145-mint-soft:#e5f5eb; --v145-border:#b9aa96; --v145-shadow:#c8baa5; } .v145-sale-hero, .v145-campus, .v145-final{color:#fff} .v145-head{max-width:920px;margin-bottom:34px} .v145-head>span,.v145-campus-head span{display:block;font-size:9px;font-weight:950;letter-spacing:.13em;color:#0b7c54} .v145-head h2,.v145-campus-head h2{font-size:clamp(46px,5.8vw,76px);line-height:.94;letter-spacing:-.065em;margin:9px 0 15px} .v145-head h2 em{font-style:normal;color:#0b7c54} .v145-head p,.v145-campus-head p{font-size:15px;line-height:1.64;color:var(--v145-muted);max-width:760px;margin:0} .v145-reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease} .v145-reveal.is-visible{opacity:1;transform:none} /* Hero */ .v145-sale-hero{ padding:146px 0 96px; background: radial-gradient(540px 320px at 85% 18%, rgba(119,87,216,.18), transparent 72%), radial-gradient(360px 230px at 8% 5%, rgba(255,216,92,.12), transparent 72%), #07111f; } .v145-hero-grid{ display:grid; grid-template-columns:1.02fr .98fr; gap:58px; align-items:center; } .v145-topline{ display:flex; gap:8px; flex-wrap:wrap; } .v145-topline span{ padding:7px 10px; border:2px solid #395377; border-radius:999px; background:#13233c; color:#89ead5; font-size:7px; font-weight:950; letter-spacing:.11em; } .v145-kicker{ font-size:10px; color:#e1e6f3; font-weight:900; margin:22px 0 15px; } .v145-copy h1{ font-size:clamp(56px,6.9vw,90px); line-height:.87; letter-spacing:-.076em; margin:0 0 20px; } .v145-copy h1 em{ font-style:normal; color:#ffe58e; } .v145-lead{ font-size:17px; line-height:1.66; color:rgba(255,255,255,.72); max-width:700px; } .v145-proof{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:24px 0; } .v145-proof>div{ padding:15px 14px 14px; background:#101d33; border:3px solid #334b72; border-radius:15px 5px 15px 15px; box-shadow:0 7px 0 #07101d; } .v145-proof>div.accent{ background:#fff0bd; border-color:#b98f2c; box-shadow:0 7px 0 #746126; } .v145-proof b,.v145-proof span{display:block} .v145-proof b{font-size:34px;line-height:1} .v145-proof span{margin-top:7px;font-size:10px;color:#d2d9e6} .v145-proof .accent b,.v145-proof .accent span{color:#4d3a10} .v145-actions{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; } .v145-actions a{ font-size:10px; color:#fff2ba; font-weight:900; } .v145-note{ display:block; max-width:640px; font-size:10px; line-height:1.55; color:rgba(255,255,255,.48); margin-top:18px; } .v145-visual{ position:relative; min-height:620px; display:grid; place-items:center; } .v145-visual-frame{ width:min(92%,560px); padding:30px 24px 22px; background:linear-gradient(160deg,#111f39,#0b1325); border:3px solid #425f8f; border-radius:30px 10px 30px 30px; box-shadow:0 16px 0 #050811,0 28px 58px rgba(0,0,0,.34); } .v145-visual-frame img{ width:100%; height:auto; display:block; } .v145-float{ position:absolute; z-index:3; width:220px; padding:14px; border-radius:16px 5px 16px 16px; border:3px solid; box-shadow:0 7px 0 rgba(0,0,0,.18); } .v145-float small,.v145-float b{display:block} .v145-float small{font-size:7px;font-weight:950;letter-spacing:.1em} .v145-float b{margin-top:4px;font-size:11px;line-height:1.45} .v145-float.one{ left:0; top:120px; background:var(--v145-red-soft); color:#61231d; border-color:#cf7b72; transform:rotate(-3deg); } .v145-float.two{ right:10px; bottom:44px; background:#e7f6ec; color:#173425; border-color:#8dbca0; transform:rotate(2deg); } /* Why */ .v145-why{background:var(--v145-bg)} .v145-why-layout{ display:grid; grid-template-columns:1fr .8fr 1fr; gap:16px; align-items:stretch; } .v145-why-card{ min-height:260px; padding:23px; background:#fffaf2; border:3px solid var(--v145-border); border-radius:20px 6px 20px 20px; box-shadow:0 8px 0 #d1c4b3; } .v145-why-card span{ width:38px;height:38px;border-radius:50%;display:grid;place-items:center; background:#173d2d;color:#68e2ac;font-size:9px;font-weight:950; } .v145-why-card h3{ font-size:29px;line-height:1.02;letter-spacing:-.05em;margin:22px 0 12px; } .v145-why-card p{ font-size:12px;line-height:1.62;color:var(--v145-muted);margin:0; } .v145-why-center{ padding:26px 24px; background:linear-gradient(180deg,#fff7da,#fff0bd); border:3px solid #c69d39; border-radius:20px 6px 20px 20px; box-shadow:0 8px 0 #e0cf97; display:flex; flex-direction:column; justify-content:center; } .v145-why-center small{ font-size:8px;font-weight:950;letter-spacing:.12em;color:#7a5f1d; } .v145-why-center b{ font-size:30px;line-height:1.03;letter-spacing:-.05em;color:#47360e;margin:10px 0 12px; } .v145-why-center p{ font-size:12px;line-height:1.6;color:#6f5e3a;margin:0; } .v145-cta-row{ margin-top:28px; padding:20px 22px; background:#101929; color:white; border:3px solid #425c8c; border-radius:18px 6px 18px 18px; box-shadow:0 7px 0 #080d18; display:flex; justify-content:space-between; gap:22px; align-items:center; } .v145-cta-row small,.v145-cta-row b{display:block} .v145-cta-row small{font-size:7px;color:#7ce4cf;font-weight:950;letter-spacing:.11em} .v145-cta-row b{margin-top:4px;font-size:17px} /* Different */ .v145-different{background:#fff8e7} .v145-three-cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .v145-step{ min-height:260px; padding:24px; background:#fffaf2; border:3px solid var(--v145-border); border-radius:20px 6px 20px 20px; box-shadow:0 7px 0 var(--v145-shadow); } .v145-step small{ font-size:8px;font-weight:950;letter-spacing:.11em;color:#0b7c54; } .v145-step h3{ font-size:38px;line-height:.98;letter-spacing:-.05em;margin:16px 0 13px; } .v145-step p{ font-size:12px;line-height:1.62;color:var(--v145-muted);margin:0; } /* Method */ .v145-method{background:#0f1a31;color:white} .v145-method .v145-head>span{color:#78e4d0} .v145-method .v145-head h2{color:white} .v145-method .v145-head h2 em{color:#ffe58d} .v145-method .v145-head p{color:rgba(255,255,255,.6)} .v145-method-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; } .v145-method-card{ display:grid; grid-template-columns:72px 1fr; gap:16px; align-items:center; padding:18px; border:3px solid; border-radius:18px 6px 18px 18px; box-shadow:0 7px 0 rgba(0,0,0,.2); } .v145-method-card .letter{ width:58px;height:58px;border-radius:14px 5px 14px 14px; display:grid;place-items:center;font-size:25px;font-weight:950; background:rgba(255,255,255,.08); } .v145-method-card small{ display:block;font-size:8px;font-weight:950;letter-spacing:.11em;margin-bottom:5px; } .v145-method-card b{ font-size:15px;line-height:1.4; } .v145-method-card.c{background:#143729;border-color:#4a765f} .v145-method-card.e{background:#22204f;border-color:#6760be} .v145-method-card.r{background:#2c2049;border-color:#8264c1} .v145-method-card.c2{background:#443112;border-color:#ab8731} .v145-method-card.l{background:#153545;border-color:#4e90a9} .v145-method-card.e2{background:#3a1826;border-color:#9e536b} .v145-method-note{ margin-top:18px; padding:17px 18px; background:#fff0bd; color:#4f3d11; border:3px solid #b78f2d; border-radius:17px 6px 17px 17px; box-shadow:0 7px 0 #725e23; } .v145-method-note small,.v145-method-note b{display:block} .v145-method-note small{font-size:8px;font-weight:950;letter-spacing:.11em} .v145-method-note b{margin-top:6px;font-size:17px} /* Compare */ .v145-compare{background:var(--v145-bg)} .v145-compare-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; } .v145-compare-card{ padding:28px; border:3px solid; border-radius:21px 7px 21px 21px; box-shadow:0 8px 0; } .v145-compare-card.old{ background:var(--v145-red-soft); border-color:#dda19a; box-shadow:0 8px 0 #ead0cc; } .v145-compare-card.new{ background:var(--v145-mint-soft); border-color:#97c5aa; box-shadow:0 8px 0 #c7ded0; } .v145-compare-card small{ font-size:8px;font-weight:950;letter-spacing:.11em; } .v145-compare-card.old small{color:#ab5147} .v145-compare-card.new small{color:#0b7d55} .v145-compare-card h3{ font-size:38px;line-height:.98;letter-spacing:-.05em;margin:14px 0; } .v145-compare-card ul{ margin:0;padding-left:18px; } .v145-compare-card li{ font-size:12px;line-height:1.6; color:#584f48; margin:8px 0; } .v145-center-cta{ margin-top:26px; text-align:center; } .v145-center-cta h3{ font-size:34px;line-height:1.05;letter-spacing:-.045em;margin:0 0 16px; } /* Campus preview */ .v145-campus{ background:#081712; } .v145-campus-head{ display:grid; grid-template-columns:1fr .82fr; gap:54px; align-items:end; margin-bottom:34px; } .v145-campus-head span{color:#68e1aa} .v145-campus-head h2{color:white} .v145-campus-head p{color:rgba(255,255,255,.54);margin:0} .v145-dashboard{ display:grid; grid-template-columns:220px 1fr; background:#f7f3ea; color:#16231d; border:3px solid #3e654f; border-radius:22px 7px 22px 22px; box-shadow:0 9px 0 #020806; overflow:hidden; } .v145-dashboard aside{ padding:22px 17px; background:#0e2a1e; color:white; display:flex; flex-direction:column; gap:10px; } .v145-dashboard aside>b{font-size:19px;margin-bottom:16px} .v145-dashboard aside>span{ padding:9px; border:2px solid transparent; border-radius:9px 3px 9px 9px; font-size:8px; color:rgba(255,255,255,.56); } .v145-dashboard aside>span.active{ background:#173e2d; border-color:#47755c; color:#8de9be; } .v145-dashboard .xp{ margin-top:auto; padding:12px; background:#fff0bd; color:#4e3b10; border:2px solid #c49d35; border-radius:13px 5px 13px 13px; font-size:10px; font-weight:950; } .v145-dashboard .main{ padding:24px; } .v145-dashboard .top{ display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px; } .v145-dashboard .top small{ font-size:8px;color:#0b7d55;font-weight:950;letter-spacing:.11em; } .v145-dashboard .top h3{ font-size:34px;line-height:1;letter-spacing:-.045em;margin:7px 0 0; } .v145-dashboard .top>b{ font-size:17px;color:#675d54; } .v145-dashboard .track{ display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:18px; } .v145-dashboard .track span{ padding:13px 8px; border:2px solid #d1c4b4; border-radius:12px 4px 12px 12px; background:#efe8dd; font-size:10px; font-weight:950; color:#7b746a; text-align:center; } .v145-dashboard .track span.done{ background:#e4f4eb;border-color:#8ab89e;color:#0b7d55; } .v145-dashboard .track span.current{ background:#fff0bd;border-color:#c59d37;color:#684f14; } .v145-dashboard .grid{ display:grid; grid-template-columns:1.08fr .92fr; gap:14px; } .v145-dashboard .mission, .v145-dashboard .reward{ padding:16px; border-radius:16px 5px 16px 16px; } .v145-dashboard .mission{ background:#fff; border:3px solid #c7baa8; box-shadow:0 6px 0 #e4dacc; } .v145-dashboard .reward{ background:#e7f4ec; border:3px solid #95c3a8; box-shadow:0 6px 0 #c7ded1; } .v145-dashboard .mission small, .v145-dashboard .reward small{ display:block; font-size:8px; color:#0b7d55; font-weight:950; letter-spacing:.11em; } .v145-dashboard .mission h4{ font-size:18px;line-height:1.34;margin:8px 0 8px; } .v145-dashboard .mission p, .v145-dashboard .reward b{ font-size:11px;line-height:1.55;color:#625b52; } .v145-dashboard .reward b{ display:block; margin-top:9px; } /* Offer */ .v145-offer{background:#fff0bd} .v145-offer-card{ display:grid; grid-template-columns:1fr .45fr; gap:40px; padding:36px; background:#fffaf2; border:4px solid #9d8b72; border-radius:25px 8px 25px 25px; box-shadow:0 10px 0 #c8baa5; } .v145-offer-left small{ font-size:8px; color:#0b7c54; font-weight:950; letter-spacing:.11em; } .v145-offer-left h2{ font-size:clamp(42px,5.2vw,66px); line-height:.96; letter-spacing:-.06em; margin:8px 0 12px; } .v145-offer-left p{ font-size:14px; line-height:1.62; color:var(--v145-muted); max-width:660px; } .v145-includes{ display:flex; gap:8px; flex-wrap:wrap; margin-top:20px; } .v145-includes span{ padding:8px 10px; border:2px solid #d1c3b2; border-radius:999px; background:#f4ede2; font-size:8px; font-weight:900; color:#625a51; } .v145-offer-right{ display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:16px; } .v145-offer-stamp{ width:108px;height:108px; border-radius:50%; display:grid; place-items:center; text-align:center; background:#fff0bd; border:3px solid #c59d35; box-shadow:0 6px 0 #dbc472; color:#6a5316; font-size:11px; font-weight:950; line-height:1.15; } .v145-offer-right small{ font-size:10px; line-height:1.5; color:#786f65; max-width:250px; } /* FAQ */ .v145-faq{background:#e7f5ec} .v145-faq .faq-list{max-width:920px} /* Final + sticky */ .v145-final{ padding:80px 0 120px; background:#08111e; } .v145-final-card{ display:grid; grid-template-columns:1fr auto; gap:42px; align-items:end; padding:42px; background: radial-gradient(420px 220px at 85% 25%, rgba(119,87,216,.18), transparent 72%), #101929; border:3px solid #425c8c; border-radius:24px 8px 24px 24px; box-shadow:0 9px 0 #050812; } .v145-final-card small{ font-size:8px; color:#7ce4cf; font-weight:950; letter-spacing:.11em; } .v145-final-card h2{ font-size:clamp(42px,5.2vw,68px); line-height:.95; letter-spacing:-.062em; margin:9px 0 12px; } .v145-final-card h2 em{ font-style:normal; color:#ffe58d; } .v145-final-card p{ max-width:720px; font-size:13px; line-height:1.58; color:rgba(255,255,255,.6); margin:0; } .v145-sticky-buy{ position:fixed; left:50%; bottom:15px; transform:translateX(-50%); z-index:120; width:min(940px, calc(100% - 24px)); display:flex; justify-content:space-between; align-items:center; gap:18px; padding:10px 11px 10px 16px; background:rgba(8,17,30,.96); backdrop-filter:blur(10px); border:2px solid #49618e; border-radius:15px 5px 15px 15px; box-shadow:0 7px 0 rgba(0,0,0,.28),0 16px 40px rgba(0,0,0,.25); color:white; } .v145-sticky-buy small,.v145-sticky-buy b{display:block} .v145-sticky-buy small{ font-size:6px; color:#7ce4cf; font-weight:950; letter-spacing:.11em; } .v145-sticky-buy b{ margin-top:3px; font-size:11px; color:white; } /* responsive */ @media(max-width:1050px){ .v145-hero-grid, .v145-offer-card, .v145-campus-head{ grid-template-columns:1fr; } .v145-why-layout, .v145-three-cols, .v145-compare-grid{ grid-template-columns:1fr; } .v145-method-grid{ grid-template-columns:1fr; } .v145-dashboard{ grid-template-columns:1fr; } .v145-dashboard aside{ display:grid; grid-template-columns:repeat(5,auto); align-items:center; } .v145-dashboard aside>b, .v145-dashboard .xp{ margin:0; } } @media(max-width:680px){ .v145-sale-hero{ padding:126px 0 76px; } .v145-copy h1{ font-size:48px; } .v145-lead{ font-size:15px; } .v145-proof{ grid-template-columns:1fr; } .v145-proof>div{ border-width:2px; box-shadow:0 5px 0 #07101d; } .v145-proof>div.accent{ box-shadow:0 5px 0 #746126; } .v145-visual{ min-height:480px; } .v145-visual-frame{ width:88%; padding:18px 16px 14px; border-width:2px; border-radius:20px 7px 20px 20px; box-shadow:0 10px 0 #050811,0 18px 30px rgba(0,0,0,.25); } .v145-float{ width:165px; padding:10px; border-width:2px; box-shadow:0 5px 0 rgba(0,0,0,.14); } .v145-float.one{top:72px} .v145-float.two{bottom:20px} .v145-head h2,.v145-campus-head h2{ font-size:39px; } .v145-cta-row{ flex-direction:column; align-items:flex-start; padding:15px; } .v145-step, .v145-why-card, .v145-why-center{ min-height:auto; padding:18px; border-width:2px; box-shadow:0 5px 0; } .v145-step h3, .v145-compare-card h3{ font-size:28px; } .v145-method-card{ grid-template-columns:56px 1fr; gap:12px; padding:14px; border-width:2px; box-shadow:0 5px 0 rgba(0,0,0,.16); } .v145-method-card .letter{ width:46px; height:46px; font-size:22px; } .v145-method-note{ padding:14px; border-width:2px; box-shadow:0 5px 0 #725e23; } .v145-compare-card{ padding:19px; border-width:2px; box-shadow:0 5px 0; } .v145-center-cta h3{ font-size:28px; } .v145-campus-head{ gap:18px; } .v145-dashboard aside{ grid-template-columns:1fr 1fr; padding:14px; } .v145-dashboard .main{ padding:15px; } .v145-dashboard .top{ margin-bottom:14px; } .v145-dashboard .top h3{ font-size:28px; } .v145-dashboard .track{ grid-template-columns:repeat(3,1fr); } .v145-dashboard .grid{ grid-template-columns:1fr; } .v145-dashboard .mission, .v145-dashboard .reward{ padding:14px; border-width:2px; box-shadow:0 4px 0; } .v145-offer-card{ padding:22px; gap:24px; border-width:2px; box-shadow:0 6px 0 #c8baa5; } .v145-offer-left h2{ font-size:37px; } .v145-offer-stamp{ width:96px;height:96px;border-width:2px;box-shadow:0 4px 0 #dbc472;font-size:10px; } .v145-final-card{ grid-template-columns:1fr; padding:25px 20px; } .v145-final-card h2{ font-size:41px; } .v145-sticky-buy>div{ display:none; } .v145-sticky-buy .btn{ width:100%; justify-content:center; } } @media(prefers-reduced-motion:reduce){ .v145-reveal{opacity:1 !important;transform:none !important;transition:none !important} } /* V1.46 - image formation global + campus section more impactful */ /* Generic visual for formation image blocks */ .v146-formation-visual, .v146-sale-image-wrap{ position:relative; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; } .v146-visual-kicker{ position:absolute; top:16px; left:16px; z-index:3; padding:7px 10px; background:rgba(255,255,255,.12); border:2px solid rgba(255,255,255,.18); border-radius:999px; color:#9de9d8; font-size:7px; font-weight:950; letter-spacing:.11em; backdrop-filter:blur(8px); } .v146-formation-visual img, .v146-sale-image-wrap img{ display:block; width:min(100%, 470px); max-height:100%; object-fit:contain; margin:28px auto 0; filter:drop-shadow(0 18px 32px rgba(0,0,0,.26)); } .v146-visual-caption{ margin-top:10px; text-align:center; } .v146-visual-caption small, .v146-visual-caption b{ display:block; } .v146-visual-caption small{ font-size:9px; color:#7be3cf; font-weight:950; letter-spacing:.12em; } .v146-visual-caption b{ margin-top:4px; font-size:14px; line-height:1.35; color:#fff1a8; } .v146-formation-visual-catalog .v146-visual-caption b{ color:#ffe27b; } .v144-home-product, .v144-catalog-product{ align-items:center; text-align:center; } .v144-home-product{ min-height:450px; padding:22px; } .v144-catalog-product{ min-height:500px; padding:22px; } .v145-visual-frame{ display:flex; align-items:center; justify-content:center; } .v146-sale-image-wrap{ min-height:520px; } .v145-copy h1{ max-width:900px; } /* Campus compare replacement */ .v146-campus{ background:#081712; color:white; } .v146-campus-head{ max-width:930px; margin-bottom:30px; } .v146-campus-head>span{ display:block; font-size:9px; font-weight:950; letter-spacing:.13em; color:#68e1aa; } .v146-campus-head h2{ font-size:clamp(46px,5.8vw,74px); line-height:.94; letter-spacing:-.065em; margin:9px 0 15px; } .v146-campus-head h2 em{ font-style:normal; color:#ffe58d; } .v146-campus-head p{ max-width:780px; font-size:15px; line-height:1.64; color:rgba(255,255,255,.6); margin:0; } .v146-campus-compare{ display:grid; grid-template-columns:1fr 1fr; gap:18px; } .v146-campus-col{ padding:26px; border:3px solid; border-radius:24px 8px 24px 24px; box-shadow:0 9px 0 rgba(0,0,0,.18); } .v146-campus-col.before{ background:#fff0ed; border-color:#d9a39b; color:#4a221f; } .v146-campus-col.after{ background:#e7f6ec; border-color:#94c3a8; color:#173425; } .v146-col-top small{ font-size:8px; font-weight:950; letter-spacing:.11em; } .v146-campus-col.before .v146-col-top small{color:#b34f45} .v146-campus-col.after .v146-col-top small{color:#0b7d55} .v146-col-top h3{ font-size:clamp(32px,4vw,48px); line-height:.98; letter-spacing:-.05em; margin:12px 0 0; } .v146-rect-list{ display:grid; gap:12px; margin-top:24px; } .v146-rect{ padding:16px; border:2px solid rgba(0,0,0,.08); border-radius:16px 5px 16px 16px; background:rgba(255,255,255,.55); box-shadow:0 5px 0 rgba(0,0,0,.06); } .v146-rect b{ display:block; font-size:14px; line-height:1.35; } .v146-rect p{ margin:6px 0 0; font-size:11px; line-height:1.55; color:inherit; opacity:.78; } .v146-campus-bottom{ margin-top:24px; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:18px; background:#101929; border:3px solid #425c8c; border-radius:18px 6px 18px 18px; box-shadow:0 7px 0 #050812; } .v146-campus-bottom small, .v146-campus-bottom b{ display:block; } .v146-campus-bottom small{ font-size:7px; color:#7ce4cf; font-weight:950; letter-spacing:.11em; } .v146-campus-bottom b{ margin-top:4px; font-size:18px; color:#fff; } /* Responsive */ @media(max-width:1050px){ .v146-campus-compare{ grid-template-columns:1fr; } } @media(max-width:680px){ .v144-home-product{ min-height:330px; padding:18px; } .v144-catalog-product{ min-height:360px; padding:18px; } .v146-visual-kicker{ top:10px; left:10px; padding:6px 8px; border-width:1px; font-size:6px; } .v146-formation-visual img, .v146-sale-image-wrap img{ width:min(100%, 290px); margin-top:22px; } .v146-visual-caption small{ font-size:7px; } .v146-visual-caption b{ font-size:11px; } .v146-sale-image-wrap{ min-height:380px; } .v146-campus-head h2{ font-size:39px; } .v146-campus-col{ padding:18px; border-width:2px; box-shadow:0 5px 0 rgba(0,0,0,.16); } .v146-col-top h3{ font-size:30px; } .v146-rect{ padding:13px; border-width:1px; } .v146-rect b{ font-size:12px; } .v146-rect p{ font-size:10px; } .v146-campus-bottom{ flex-direction:column; align-items:flex-start; padding:15px; border-width:2px; box-shadow:0 5px 0 #050812; } .v146-campus-bottom b{ font-size:15px; } } /* V1.47 — titre page formation lisible + onglet corrigé */ .v145-copy h1{ max-width:760px !important; margin:0 0 24px !important; line-height:1 !important; letter-spacing:-.052em !important; } .v147-title-main, .v147-title-method{ display:inline-block; max-width:100%; white-space:normal; overflow-wrap:normal; word-break:normal; } .v147-title-main{ font-size:clamp(46px,5.4vw,72px); line-height:.96; color:#fff; font-weight:950; } .v147-title-method{ margin-top:8px; font-size:clamp(28px,3.3vw,45px); line-height:1.05; letter-spacing:-.035em; color:#f1cc68; font-weight:900; } .v145-kicker{ max-width:690px; font-size:8px !important; line-height:1.45; letter-spacing:.075em; color:#89ead5 !important; } .v145-lead{ max-width:660px; } /* Prevent hero copy from ever colliding with the visual */ .v145-hero-grid{ align-items:center !important; } .v145-copy{ min-width:0; overflow:visible; } .v145-visual{ min-width:0; } @media(max-width:1050px){ .v145-copy h1{ max-width:820px !important; } .v147-title-main{ font-size:56px; } .v147-title-method{ font-size:34px; } } @media(max-width:680px){ .v145-copy h1{ margin-bottom:18px !important; line-height:1 !important; } .v147-title-main{ display:block; font-size:42px; line-height:.98; } .v147-title-method{ display:block; margin-top:8px; font-size:25px; line-height:1.08; letter-spacing:-.025em; } .v145-kicker{ font-size:7px !important; line-height:1.4; margin:17px 0 11px !important; } .v145-lead{ font-size:14px !important; line-height:1.58 !important; } } /* V1.48 — page de vente avec montée en désir, moins de texte et contraste de mise en page */ .v148-hero, .v148-mechanism, .v148-campus, .v148-final{color:white} .v148-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease} .v148-reveal.is-visible{opacity:1;transform:none} /* HERO */ .v148-hero{ padding:145px 0 92px; background: radial-gradient(560px 340px at 82% 18%,rgba(119,87,216,.19),transparent 72%), #08111f; } .v148-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center} .v148-badges{display:flex;gap:8px;flex-wrap:wrap} .v148-badges span{padding:7px 9px;border:2px solid #3b557b;border-radius:999px;background:#13223b;color:#8ce8d5;font-size:7px;font-weight:950;letter-spacing:.1em} .v148-hero-copy h1{margin:24px 0 20px;max-width:760px;line-height:1} .v148-hero-copy h1 span{display:block;font-size:clamp(49px,5.6vw,74px);line-height:.95;letter-spacing:-.06em} .v148-hero-copy h1 em{display:block;margin-top:8px;font-size:clamp(28px,3.2vw,43px);line-height:1.02;letter-spacing:-.035em;font-style:normal;color:#f0cb67} .v148-hero-promise{max-width:670px;font-size:18px;line-height:1.62;color:rgba(255,255,255,.7)} .v148-hero-promise strong{color:#fff} .v148-hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0} .v148-hero-proof>div{padding:14px;border:2px solid #354e74;background:#111f37;border-radius:14px 5px 14px 14px} .v148-hero-proof b,.v148-hero-proof span{display:block}.v148-hero-proof b{font-size:27px;color:#7ce4cf}.v148-hero-proof span{font-size:9px;color:#cbd4e4;margin-top:5px} .v148-hero-cta{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.v148-hero-cta>a{font-size:9px;color:#ffeaa2;font-weight:900} .v148-hero-copy>small{display:block;margin-top:17px;font-size:8px;line-height:1.5;color:rgba(255,255,255,.42);max-width:620px} .v148-hero-visual{position:relative;min-height:590px;display:grid;place-items:center} .v148-hero-image{width:min(92%,560px);padding:25px;background:#101c33;border:3px solid #45618f;border-radius:29px 10px 29px 29px;box-shadow:0 14px 0 #050812,0 28px 55px rgba(0,0,0,.3)} .v148-hero-image img{display:block;width:100%;height:auto} .v148-hero-chip{position:absolute;width:210px;padding:13px;border:3px solid;border-radius:14px 5px 14px 14px;box-shadow:0 6px 0 rgba(0,0,0,.18)} .v148-hero-chip small,.v148-hero-chip b{display:block}.v148-hero-chip small{font-size:7px;font-weight:950;letter-spacing:.1em}.v148-hero-chip b{font-size:11px;line-height:1.4;margin-top:4px} .v148-hero-chip.chip-a{left:0;top:105px;background:#ffe9e5;color:#61231d;border-color:#cf7b72;transform:rotate(-2deg)} .v148-hero-chip.chip-b{right:0;bottom:55px;background:#e7f6ec;color:#173425;border-color:#8dbca0;transform:rotate(2deg)} /* DREAM */ .v148-dream{background:#fff0bd} .v148-dream-intro{max-width:900px;margin-bottom:30px}.v148-dream-intro>span,.v148-tension-title>span,.v148-mechanism-head>span,.v148-projection-head>span,.v148-vs-head>span,.v148-campus-head span{font-size:9px;font-weight:950;letter-spacing:.13em;color:#0b7c54} .v148-dream-intro h2,.v148-tension-title h2,.v148-mechanism-head h2,.v148-projection-head h2,.v148-vs-head h2,.v148-campus-head h2{font-size:clamp(46px,5.8vw,75px);line-height:.94;letter-spacing:-.065em;margin:9px 0 14px} .v148-dream-intro p,.v148-mechanism-head p,.v148-vs-head p,.v148-campus-head p{font-size:15px;line-height:1.62;color:#6d655b;max-width:760px} .v148-dream-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center} .v148-dream-moment{min-height:180px;padding:22px;background:#fffaf1;border:3px solid #c8ac65;border-radius:19px 6px 19px 19px;box-shadow:0 7px 0 #e0ca89;display:flex;flex-direction:column;justify-content:center} .v148-dream-moment.accent{background:#173d2d;color:white;border-color:#4f765f;box-shadow:0 7px 0 #c3a74f}.v148-dream-moment small{font-size:7px;font-weight:950;letter-spacing:.11em;color:#7c5f18}.v148-dream-moment.accent small{color:#70e5b0}.v148-dream-moment b{font-size:20px;line-height:1.2;margin-top:8px}.v148-dream-arrow{font-size:22px;font-weight:950;color:#0b7c54} .v148-dream-cta{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 22px;background:#fff8df;border:3px solid #c59d38;border-radius:17px 6px 17px 17px}.v148-dream-cta p{margin:0;font-size:13px;line-height:1.5;color:#56471f;max-width:760px} /* TENSION */ .v148-tension{background:#f5efe5}.v148-tension-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.v148-tension-title strong{display:block;font-size:22px;line-height:1.25;color:#0b7c54;max-width:520px}.v148-tension-list{display:grid;gap:10px}.v148-tension-row{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:17px 0;border-bottom:2px solid #d7cbbb}.v148-tension-row span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#173d2d;color:#6de2ad;font-size:8px;font-weight:950}.v148-tension-row b{font-size:18px}.v148-tension-row p{font-size:11px;line-height:1.5;color:#756d64;margin:5px 0 0} /* MECHANISM */ .v148-mechanism{background:#7657d6}.v148-mechanism-head{max-width:920px}.v148-mechanism-head>span{color:#fff0ad}.v148-mechanism-head h2{color:white}.v148-mechanism-head p{color:rgba(255,255,255,.66)} .v148-mechanism-stage{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:13px;align-items:center;margin-top:30px}.v148-pillar{min-height:230px;padding:24px;border:3px solid rgba(255,255,255,.27);border-radius:20px 7px 20px 20px;background:rgba(30,20,68,.24);display:flex;flex-direction:column;justify-content:center}.v148-pillar small{font-size:8px;font-weight:950;color:#fff0ad}.v148-pillar h3{font-size:34px;line-height:1;margin:10px 0}.v148-pillar p{font-size:11px;line-height:1.55;color:rgba(255,255,255,.68)}.v148-plus{font-size:28px;color:#fff0ad;font-weight:950} .v148-cercle-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.v148-cercle-strip span{padding:8px 10px;border:2px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.08);font-size:8px;font-weight:900} .v148-mechanism-note{margin-top:24px;padding:18px 20px;background:#fff8df;color:#1f251e;border:3px solid #3e2e86;border-radius:17px 6px 17px 17px;box-shadow:0 7px 0 #4d35a8}.v148-mechanism-note b{font-size:17px}.v148-mechanism-note p{margin:5px 0 0;font-size:11px;line-height:1.5;color:#6d6259} /* PROJECTION */ .v148-projection{background:#fffaf2}.v148-projection-head{max-width:900px}.v148-projection-head h2 em{font-style:normal;color:#0b7c54}.v148-projection-grid{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:15px;margin-top:30px}.v148-projection-card{min-height:280px;padding:24px;border:3px solid #b8aa96;border-radius:20px 6px 20px 20px;box-shadow:0 8px 0 #d1c4b3;background:#f8f1e6;display:flex;flex-direction:column;justify-content:center}.v148-projection-card.center{background:#101929;color:white;border-color:#425c8c;box-shadow:0 8px 0 #080d18;transform:translateY(-10px)}.v148-projection-card.success{background:#e5f5eb;border-color:#97c5aa;box-shadow:0 8px 0 #c7ded0}.v148-projection-card small{font-size:8px;font-weight:950;letter-spacing:.11em;color:#0b7c54}.v148-projection-card.center small{color:#7ce4cf}.v148-projection-card h3{font-size:28px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 12px}.v148-projection-card p{font-size:11px;line-height:1.55;color:#6d655d;margin:0}.v148-projection-card.center p{color:rgba(255,255,255,.55)} .v148-projection-cta{text-align:center;margin-top:30px}.v148-projection-cta h3{font-size:34px;line-height:1.05;letter-spacing:-.045em;margin:0 0 17px} /* VS */ .v148-vs{background:#efe8ff}.v148-vs-head{max-width:900px;margin-bottom:30px}.v148-vs-head>span{color:#6c4caf}.v148-vs-head p{margin:0}.v148-vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v148-vs-card{padding:28px;border:3px solid;border-radius:21px 7px 21px 21px;box-shadow:0 8px 0}.v148-vs-card.old{background:#ffe9e5;border-color:#dda19a;box-shadow:0 8px 0 #ead0cc}.v148-vs-card.new{background:#e4f5ea;border-color:#97c5aa;box-shadow:0 8px 0 #c7ded0}.v148-vs-card small{font-size:8px;font-weight:950;letter-spacing:.11em}.v148-vs-card.old small{color:#ad5147}.v148-vs-card.new small{color:#0b7d55}.v148-vs-card h3{font-size:36px;line-height:1;letter-spacing:-.05em;margin:13px 0 20px}.v148-vs-lines{display:grid;gap:9px}.v148-vs-lines span{padding:11px 0;border-bottom:2px solid rgba(55,50,45,.1);font-size:11px;font-weight:850} /* CAMPUS */ .v148-campus{background:#081712}.v148-campus-head{display:grid;grid-template-columns:1fr .8fr;gap:55px;align-items:end;margin-bottom:30px}.v148-campus-head>div>span{color:#68e1aa}.v148-campus-head h2{color:white}.v148-campus-head p{color:rgba(255,255,255,.55);margin:0} .v148-campus-shell{display:grid;grid-template-columns:210px 1fr;background:#f7f3ea;color:#16231d;border:3px solid #3e654f;border-radius:21px 7px 21px 21px;box-shadow:0 9px 0 #020806;overflow:hidden}.v148-campus-shell aside{padding:20px 16px;background:#0e2a1e;color:white;display:flex;flex-direction:column;gap:10px}.v148-campus-shell aside>b{font-size:18px;margin-bottom:14px}.v148-campus-shell aside>span{padding:9px;border:2px solid transparent;border-radius:9px 3px 9px 9px;font-size:8px;color:rgba(255,255,255,.55)}.v148-campus-shell aside>span.active{background:#173e2d;border-color:#47755c;color:#8de9be}.v148-campus-shell .xp{margin-top:auto;padding:11px;background:#fff0bd;color:#4e3b10;border:2px solid #c49d35;border-radius:12px 4px 12px 12px;font-size:9px;font-weight:950}.v148-campus-main{padding:24px}.v148-campus-top{display:flex;align-items:end;justify-content:space-between;gap:20px}.v148-campus-top small{font-size:8px;color:#0b7d55;font-weight:950;letter-spacing:.1em}.v148-campus-top h3{font-size:31px;margin:6px 0 0}.v148-campus-top>span{font-size:9px;font-weight:900;color:#675f56}.v148-campus-progress{height:11px;background:#ded5c8;border:2px solid #c2b6a5;border-radius:999px;margin:19px 0}.v148-campus-progress i{display:block;width:50%;height:100%;background:#24c886;border-radius:999px}.v148-campus-focus{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.v148-campus-focus>div{padding:16px;border:3px solid;border-radius:14px 5px 14px 14px}.v148-campus-focus>div:first-child{background:#fff;border-color:#c7baa8}.v148-unlock{background:#fff0bd;border-color:#c49a33!important}.v148-campus-focus small{font-size:7px;color:#0b7d55;font-weight:950;letter-spacing:.1em}.v148-campus-focus h4{font-size:18px;line-height:1.3;margin:7px 0 0}.v148-unlock b{display:block;margin-top:8px;font-size:12px}.v148-campus-cta{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.v148-campus-cta p{font-size:12px;color:rgba(255,255,255,.58);margin:0}.v148-campus-cta p b{color:white} /* OFFER */ .v148-offer{background:#fff0bd}.v148-offer-card{display:grid;grid-template-columns:1fr .42fr;gap:42px;padding:36px;background:#fffaf2;border:4px solid #9d8b72;border-radius:24px 8px 24px 24px;box-shadow:0 10px 0 #c8baa5}.v148-offer-copy>small{font-size:8px;color:#0b7c54;font-weight:950;letter-spacing:.11em}.v148-offer-copy h2{font-size:clamp(42px,5.2vw,65px);line-height:.96;letter-spacing:-.06em;margin:8px 0 12px}.v148-offer-copy h2 em{font-style:normal;color:#7657d6}.v148-offer-copy p{font-size:13px;line-height:1.6;color:#6d655d;max-width:660px}.v148-includes{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.v148-includes span{padding:8px 10px;border:2px solid #d1c3b2;border-radius:999px;background:#f4ede2;font-size:8px;font-weight:900}.v148-offer-action{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.v148-offer-badge{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#7657d6;color:white;border:3px solid #4f36a1;box-shadow:0 6px 0 #c6b4ed;font-size:11px;font-weight:950}.v148-offer-action small{font-size:9px;line-height:1.5;color:#7c7368} /* FAQ + FINAL */ .v148-faq{background:#e7f5ec}.v148-faq .faq-list{max-width:920px} .v148-final{padding:82px 0 120px;background:#08111f}.v148-final-card{max-width:1050px;margin:auto;padding:46px 42px;text-align:center;background:radial-gradient(450px 230px at 50% 15%,rgba(119,87,216,.17),transparent 72%),#101929;border:3px solid #425c8c;border-radius:25px 8px 25px 25px;box-shadow:0 9px 0 #050812}.v148-final-card>small{font-size:8px;color:#7ce4cf;font-weight:950;letter-spacing:.12em}.v148-final-card h2{font-size:clamp(46px,5.8vw,76px);line-height:.92;letter-spacing:-.066em;margin:10px auto 14px;max-width:950px}.v148-final-card h2 em{font-style:normal;color:#ffe58d}.v148-final-card p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.58);max-width:700px;margin:0 auto 20px} .v148-sticky{position:fixed;left:50%;bottom:15px;transform:translateX(-50%);z-index:120;width:min(940px,calc(100% - 24px));display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 11px 10px 16px;background:rgba(8,17,30,.96);backdrop-filter:blur(10px);border:2px solid #49618e;border-radius:15px 5px 15px 15px;box-shadow:0 7px 0 rgba(0,0,0,.28),0 16px 40px rgba(0,0,0,.25);color:white}.v148-sticky small,.v148-sticky b{display:block}.v148-sticky small{font-size:6px;color:#7ce4cf;font-weight:950;letter-spacing:.1em}.v148-sticky b{font-size:10px;margin-top:3px} @media(max-width:1050px){ .v148-hero-grid,.v148-tension-grid,.v148-campus-head,.v148-offer-card{grid-template-columns:1fr} .v148-dream-flow,.v148-mechanism-stage{grid-template-columns:1fr} .v148-dream-arrow,.v148-plus{transform:rotate(90deg);justify-self:center} .v148-projection-grid,.v148-vs-grid{grid-template-columns:1fr} .v148-projection-card.center{transform:none} .v148-campus-shell{grid-template-columns:1fr}.v148-campus-shell aside{display:grid;grid-template-columns:repeat(5,auto);align-items:center}.v148-campus-shell aside>b,.v148-campus-shell .xp{margin:0} } @media(max-width:680px){ .v148-hero{padding:125px 0 74px}.v148-hero-copy h1 span{font-size:43px}.v148-hero-copy h1 em{font-size:25px}.v148-hero-promise{font-size:15px}.v148-hero-proof{grid-template-columns:1fr}.v148-hero-visual{min-height:470px}.v148-hero-image{width:88%;padding:16px;border-width:2px;box-shadow:0 9px 0 #050812,0 18px 28px rgba(0,0,0,.24)}.v148-hero-chip{width:165px;padding:9px;border-width:2px;box-shadow:0 4px 0 rgba(0,0,0,.15)}.v148-hero-chip.chip-a{top:68px}.v148-hero-chip.chip-b{bottom:22px} .v148-dream-intro h2,.v148-tension-title h2,.v148-mechanism-head h2,.v148-projection-head h2,.v148-vs-head h2,.v148-campus-head h2{font-size:39px} .v148-dream-moment{min-height:auto;padding:17px;border-width:2px;box-shadow:0 5px 0 #e0ca89}.v148-dream-cta{flex-direction:column;align-items:flex-start;padding:15px;border-width:2px} .v148-tension-grid{gap:30px}.v148-tension-title strong{font-size:18px} .v148-pillar{min-height:auto;padding:18px;border-width:2px}.v148-pillar h3{font-size:28px}.v148-mechanism-note{border-width:2px;box-shadow:0 5px 0 #4d35a8} .v148-projection-card,.v148-vs-card{min-height:auto;padding:18px;border-width:2px;box-shadow:0 5px 0}.v148-projection-card h3,.v148-vs-card h3{font-size:28px}.v148-projection-cta h3{font-size:28px} .v148-campus-shell aside{grid-template-columns:1fr 1fr;padding:14px}.v148-campus-main{padding:15px}.v148-campus-top h3{font-size:26px}.v148-campus-focus{grid-template-columns:1fr}.v148-campus-focus>div{border-width:2px}.v148-campus-cta{flex-direction:column;align-items:flex-start} .v148-offer-card{padding:22px;border-width:2px;box-shadow:0 6px 0 #c8baa5}.v148-offer-copy h2{font-size:37px}.v148-offer-badge{width:92px;height:92px;border-width:2px;box-shadow:0 4px 0 #c6b4ed} .v148-final-card{padding:28px 20px;border-width:2px}.v148-final-card h2{font-size:41px} .v148-sticky>div{display:none}.v148-sticky .btn{width:100%;justify-content:center} } @media(prefers-reduced-motion:reduce){.v148-reveal{opacity:1!important;transform:none!important;transition:none!important}} /* V1.49 — corrections stratégiques + montée en vente */ /* shared heads */ .v149-dream-head, .v149-projection-head, .v149-compare-head, .v149-application-head{ max-width:930px; margin-bottom:32px; } .v149-dream-head>span, .v149-projection-head>span, .v149-compare-head>span, .v149-application-head>span{ font-size:9px; font-weight:950; letter-spacing:.13em; color:#0b7c54; } .v149-dream-head h2, .v149-projection-head h2, .v149-compare-head h2, .v149-application-head h2{ font-size:clamp(46px,5.7vw,74px); line-height:.94; letter-spacing:-.064em; margin:9px 0 14px; } .v149-dream-head p, .v149-projection-head p, .v149-compare-head p, .v149-application-head p{ max-width:780px; font-size:15px; line-height:1.62; color:#6d655d; margin:0; } /* dream acquisition */ .v149-dream{background:#fff0bd} .v149-acquisition-path{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:12px; align-items:center; } .v149-path-card{ min-height:235px; padding:22px; background:#fffaf2; border:3px solid #c8aa61; border-radius:20px 7px 20px 20px; box-shadow:0 7px 0 #e1ca88; display:flex; flex-direction:column; justify-content:center; } .v149-path-card.highlight{ background:#173d2d; color:white; border-color:#4f765f; box-shadow:0 7px 0 #c19d3a; } .v149-path-card small{ font-size:7px; color:#7b5e17; font-weight:950; letter-spacing:.11em; } .v149-path-card.highlight small{color:#72e5b2} .v149-path-card h3{ font-size:26px; line-height:1.05; letter-spacing:-.045em; margin:10px 0; } .v149-path-card p{ font-size:11px; line-height:1.55; color:#6c6150; margin:0; } .v149-path-card.highlight p{color:rgba(255,255,255,.62)} .v149-path-arrow{font-size:22px;color:#0b7c54;font-weight:950} .v149-dream-cta{ margin-top:26px; padding:19px 20px; display:flex; align-items:center; justify-content:space-between; gap:22px; background:#fff8df; border:3px solid #c49b35; border-radius:17px 6px 17px 17px; } .v149-dream-cta small,.v149-dream-cta b{display:block} .v149-dream-cta small{ font-size:7px;color:#0b7c54;font-weight:950;letter-spacing:.11em } .v149-dream-cta b{ margin-top:4px; font-size:15px; line-height:1.4; max-width:760px; } /* projection */ .v149-projection{background:#fffaf2} .v149-projection-head h2 em{ font-style:normal; color:#0b7c54; } .v149-result-grid{ display:grid; grid-template-columns:1fr 1.05fr 1fr; gap:15px; } .v149-result-card{ min-height:290px; padding:24px; border:3px solid; border-radius:20px 6px 20px 20px; box-shadow:0 8px 0; display:flex; flex-direction:column; justify-content:center; } .v149-result-card.before{ background:#ffe9e5; border-color:#dda19a; box-shadow:0 8px 0 #ead0cc; } .v149-result-card.middle{ background:#101929; color:white; border-color:#425c8c; box-shadow:0 8px 0 #080d18; transform:translateY(-10px); } .v149-result-card.after{ background:#e4f5ea; border-color:#97c5aa; box-shadow:0 8px 0 #c7ded0; } .v149-result-card small{ font-size:8px; font-weight:950; letter-spacing:.11em; color:#0b7c54; } .v149-result-card.before small{color:#ad5147} .v149-result-card.middle small{color:#7ce4cf} .v149-result-card h3{ font-size:28px; line-height:1.04; letter-spacing:-.045em; margin:10px 0 11px; } .v149-result-card p{ font-size:11px; line-height:1.55; color:#675f57; margin:0; } .v149-result-card.middle p{color:rgba(255,255,255,.56)} .v149-advantage{ margin-top:30px; padding:22px 24px; display:flex; justify-content:space-between; align-items:center; gap:24px; background:#7657d6; color:white; border:3px solid #4f36a1; border-radius:19px 6px 19px 19px; box-shadow:0 8px 0 #c5b4eb; } .v149-advantage small{ font-size:7px; color:#fff0ad; font-weight:950; letter-spacing:.11em; } .v149-advantage h3{ font-size:30px; line-height:1.02; margin:5px 0 5px; } .v149-advantage p{ margin:0; font-size:11px; color:rgba(255,255,255,.65); } /* comparison */ .v149-compare{background:#f5efe5} .v149-compare-board{ display:grid; grid-template-columns:1fr 1fr; gap:0 16px; } .v149-compare-title{ padding:20px 22px; border:3px solid; border-bottom:0; } .v149-compare-title.old{ background:#ffe9e5; border-color:#dda19a; border-radius:20px 7px 0 0; } .v149-compare-title.new{ background:#e4f5ea; border-color:#97c5aa; border-radius:20px 7px 0 0; } .v149-compare-title small{ font-size:8px; font-weight:950; letter-spacing:.11em; } .v149-compare-title.old small{color:#ad5147} .v149-compare-title.new small{color:#0b7c54} .v149-compare-title h3{ font-size:34px; margin:8px 0 0; letter-spacing:-.05em; } .v149-row{ display:grid; grid-template-columns:40px 1fr; gap:12px; align-items:center; padding:15px 18px; border-left:3px solid; border-right:3px solid; border-bottom:2px solid rgba(80,70,60,.11); } .v149-row.old{ background:#fff3f0; border-color:#dda19a; } .v149-row.new{ background:#eef8f2; border-color:#97c5aa; } .v149-row span{ width:32px;height:32px;border-radius:50%; display:grid;place-items:center; font-size:15px;font-weight:950; } .v149-row.old span{ background:#f8d4cf;color:#b94e44;border:2px solid #d99d95; } .v149-row.new span{ background:#d7efdf;color:#0b7c54;border:2px solid #8fbea1; } .v149-row p{ margin:0; font-size:11px; line-height:1.5; font-weight:850; color:#5f574f; } .v149-compare-footer{ padding:18px 20px; border:3px solid; border-top:0; box-shadow:0 7px 0; } .v149-compare-footer.old{ background:#ffe9e5; border-color:#dda19a; box-shadow:0 7px 0 #ead0cc; border-radius:0 0 20px 20px; } .v149-compare-footer.new{ background:#e4f5ea; border-color:#97c5aa; box-shadow:0 7px 0 #c7ded0; border-radius:0 0 20px 20px; } .v149-compare-footer small,.v149-compare-footer b{display:block} .v149-compare-footer small{font-size:7px;font-weight:950;letter-spacing:.1em} .v149-compare-footer.old small{color:#ad5147} .v149-compare-footer.new small{color:#0b7c54} .v149-compare-footer b{font-size:15px;margin-top:5px} .v149-compare-cta{ margin-top:30px; text-align:center; } .v149-compare-cta h3{ font-size:32px; line-height:1.05; letter-spacing:-.045em; margin:0 0 16px; } /* application section */ .v149-application{ background:#081712; color:white; } .v149-application-head>span{color:#68e1aa} .v149-application-head h2{color:white} .v149-application-head h2 em{font-style:normal;color:#ffe58d} .v149-application-head p{color:rgba(255,255,255,.58)} .v149-loop{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:13px; align-items:center; } .v149-loop article{ min-height:245px; padding:23px; background:#102b20; border:3px solid #365f49; border-radius:19px 6px 19px 19px; display:flex; flex-direction:column; justify-content:center; } .v149-loop article.focus{ background:#fff0bd; color:#49360f; border-color:#c49b35; } .v149-loop article>span{ width:38px;height:38px;border-radius:50%; display:grid;place-items:center; background:#173d2d; color:#6de2ad; border:2px solid #4c765f; font-size:8px;font-weight:950; } .v149-loop article.focus>span{ background:#7657d6; color:white; border-color:#4f36a1; } .v149-loop small{ margin-top:18px; font-size:7px; font-weight:950; letter-spacing:.11em; color:#6de2ad; } .v149-loop article.focus small{color:#7657d6} .v149-loop h3{ font-size:29px; margin:7px 0 9px; letter-spacing:-.045em; } .v149-loop p{ margin:0; font-size:11px; line-height:1.55; color:rgba(255,255,255,.54); } .v149-loop article.focus p{color:#6c5b31} .v149-loop-arrow{font-size:22px;color:#ffe58d;font-weight:950} .v149-application-result{ margin-top:24px; display:grid; grid-template-columns:90px 1fr auto; gap:20px; align-items:center; padding:21px 22px; background:#101929; border:3px solid #425c8c; border-radius:18px 6px 18px 18px; box-shadow:0 7px 0 #050812; } .v149-result-number{ width:76px;height:76px;border-radius:50%; display:grid;place-items:center; background:#7657d6; border:3px solid #9b83e4; font-size:34px; font-weight:950; } .v149-application-result small{ font-size:7px;color:#7ce4cf;font-weight:950;letter-spacing:.11em; } .v149-application-result h3{ font-size:21px; margin:5px 0 5px; } .v149-application-result p{ margin:0; font-size:10px; line-height:1.5; color:rgba(255,255,255,.5); } /* guarantee */ .v149-guarantee{ background:#fff0bd; } .v149-guarantee-card{ display:grid; grid-template-columns:90px 1fr 180px; gap:24px; align-items:center; padding:30px; background:#fffaf2; border:4px solid #9e8a67; border-radius:24px 8px 24px 24px; box-shadow:0 10px 0 #d2bd77; } .v149-shield{ width:78px;height:78px;border-radius:50%; display:grid;place-items:center; background:#173d2d; color:#6ee4ae; border:3px solid #4d765f; font-size:28px; font-weight:950; } .v149-guarantee-copy>small{ font-size:8px; color:#0b7c54; font-weight:950; letter-spacing:.12em; } .v149-guarantee-copy h2{ font-size:clamp(34px,4.4vw,52px); line-height:.98; letter-spacing:-.055em; margin:8px 0 10px; } .v149-guarantee-copy>p{ margin:0; font-size:13px; line-height:1.6; color:#6d655d; max-width:720px; } .v149-guarantee-extra{ margin-top:15px; padding-top:14px; border-top:2px solid #dfd1bf; } .v149-guarantee-extra b,.v149-guarantee-extra span{display:block} .v149-guarantee-extra b{font-size:11px} .v149-guarantee-extra span{font-size:9px;line-height:1.5;color:#7a7167;margin-top:4px} .v149-guarantee-side{ padding:18px; text-align:center; background:#7657d6; color:white; border:3px solid #4f36a1; border-radius:18px 6px 18px 18px; box-shadow:0 6px 0 #c5b4eb; } .v149-guarantee-side b,.v149-guarantee-side span{display:block} .v149-guarantee-side b{font-size:29px} .v149-guarantee-side span{font-size:9px;line-height:1.4;color:#e7defe;margin-top:4px} /* responsive */ @media(max-width:1050px){ .v149-acquisition-path, .v149-result-grid, .v149-loop{ grid-template-columns:1fr; } .v149-path-arrow, .v149-loop-arrow{ transform:rotate(90deg); justify-self:center; } .v149-result-card.middle{transform:none} .v149-application-result{ grid-template-columns:75px 1fr; } .v149-application-result .btn{ grid-column:1/3; justify-self:start; } .v149-guarantee-card{ grid-template-columns:80px 1fr; } .v149-guarantee-side{ grid-column:1/3; } } @media(max-width:680px){ .v149-dream-head h2, .v149-projection-head h2, .v149-compare-head h2, .v149-application-head h2{ font-size:39px; } .v149-path-card{ min-height:auto; padding:17px; border-width:2px; box-shadow:0 5px 0 #e1ca88; } .v149-dream-cta, .v149-advantage{ flex-direction:column; align-items:flex-start; padding:15px; border-width:2px; } .v149-result-card{ min-height:auto; padding:18px; border-width:2px; box-shadow:0 5px 0; } .v149-result-card h3{font-size:25px} .v149-advantage h3{font-size:25px} .v149-compare-board{ grid-template-columns:1fr; gap:12px; } .v149-compare-title.old, .v149-compare-title.new, .v149-row.old, .v149-row.new, .v149-compare-footer.old, .v149-compare-footer.new{ border:2px solid; } .v149-compare-title.old, .v149-compare-title.new{ border-radius:15px 5px 0 0; } .v149-row{ padding:12px; } .v149-loop article{ min-height:auto; padding:18px; border-width:2px; } .v149-application-result{ grid-template-columns:1fr; padding:16px; border-width:2px; } .v149-result-number{ width:58px;height:58px;font-size:26px; } .v149-application-result .btn{ grid-column:auto; } .v149-guarantee-card{ grid-template-columns:1fr; padding:20px; border-width:2px; box-shadow:0 6px 0 #d2bd77; } .v149-shield{ width:58px;height:58px;font-size:22px; } .v149-guarantee-copy h2{ font-size:35px; } .v149-guarantee-side{ grid-column:auto; width:100%; } } /* V1.50 - image hero accueil simplifiée + avis anonymes */ main[data-page="accueil"] .v19-hero-collage{ min-height: 560px; max-width: 760px; width: 100%; margin: auto; } main[data-page="accueil"] .v19-photo-main{ left: 0; right: 0; top: 0; width: 100%; max-width: 690px; height: 470px; margin: 0 auto; } main[data-page="accueil"] .v19-photo-main > img{} main[data-page="accueil"] .v19-photo-main figcaption{ left: 18px; right: 18px; bottom: 18px; } main[data-page="accueil"] .v19-handnote{ right: auto; left: 18px; bottom: 0; width: min(46%, 340px); transform: rotate(-1deg); } main[data-page="accueil"] .v19-floating-progress{ left: auto; right: 18px; top: 24px; } main[data-page="accueil"] .v19-review-story{ grid-template-columns: 220px 1fr; } main[data-page="accueil"] .v19-review-story.inverse{ grid-template-columns: 1fr 220px; } main[data-page="accueil"] .v150-anon-visual{ height: 100%; min-height: 260px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; background: radial-gradient(circle at 50% 22%, rgba(255,255,255,.45), transparent 24%), linear-gradient(180deg, #f4ecdf 0%, #e9ddcc 100%); color: #10211a; text-align: center; } main[data-page="accueil"] .v19-review-story:not(.inverse) .v150-anon-visual{ border-right: 3px solid #b8aa96; } main[data-page="accueil"] .v19-review-story.inverse .v150-anon-visual{ border-left: 3px solid #b8aa96; } main[data-page="accueil"] .v150-anon-circle{ width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; background: #173d2d; color: #73e4b1; border: 3px solid #4f765f; box-shadow: 0 6px 0 rgba(0,0,0,.08); font-size: 28px; font-weight: 900; } main[data-page="accueil"] .v150-anon-visual b{ font-size: 13px; letter-spacing: .08em; color: #0b8256; } main[data-page="accueil"] .v150-anon-visual small{ font-size: 8px; text-transform: uppercase; letter-spacing: .12em; color: #7d7367; } @media (max-width: 980px){ main[data-page="accueil"] .v19-hero-collage{ min-height: 500px; } main[data-page="accueil"] .v19-photo-main{ max-width: 100%; height: 410px; } main[data-page="accueil"] .v19-handnote{ width: min(58%, 360px); } } @media (max-width: 680px){ main[data-page="accueil"] .v19-hero-collage{ min-height: auto; padding-bottom: 150px; } main[data-page="accueil"] .v19-photo-main{ position: relative; width: 100%; height: 360px; left: auto; right: auto; top: auto; } main[data-page="accueil"] .v19-photo-main > img{} main[data-page="accueil"] .v19-handnote{ left: 12px; right: 12px; width: auto; bottom: 16px; } main[data-page="accueil"] .v19-floating-progress{ top: 14px; right: 12px; width: 138px; } main[data-page="accueil"] .v19-review-story, main[data-page="accueil"] .v19-review-story.inverse{ grid-template-columns: 1fr; } main[data-page="accueil"] .v150-anon-visual{ min-height: 150px; border-right: 0 !important; border-left: 0 !important; border-bottom: 3px solid #b8aa96; } main[data-page="accueil"] .v19-review-story.inverse .v150-anon-visual{ order: -1; } }