/* Palette issue des PNG officiels : marine #003060, terre cuite #C07050,
   pêche #F0B090 ; nuances claires et foncées dérivées pour le contraste. */
:root{color:#12344e;background:#fdfcf9;--green:#003060;--lime:#f4d4bd;--muted:#5b6e7d;--line:#dce3e8;--secretel:#003060;--ypsilea:#c07050;--ypsilea-text:#85412d}
body{background:#fdfcf9;color:#12344e}a{color:#003060}.shell{padding-top:28px}header{max-width:1260px;padding:24px 36px;border-color:#e1e6e9}.event{color:#566d7c}.event strong{color:#123c60}
.official-brands{gap:23px;flex-shrink:0}.brand-separator{background:#d8dfe3;height:50px}.logo-crop{position:relative;display:inline-block;overflow:hidden;flex-shrink:0}.logo-crop img{position:absolute;display:block;height:auto;max-width:none}.logo-secretel{width:218px;aspect-ratio:1380/440}.logo-secretel img{width:156.7391304%;left:-5.7971014%;top:-31.8181818%}.logo-ypsilea{width:270px;aspect-ratio:1910/410}.logo-ypsilea img{width:113.7172775%;left:-7.3298429%;top:-36.5853659%}.compact-header{padding-top:16px;padding-bottom:16px}.compact-header .logo-secretel{width:151px}.compact-header .logo-ypsilea{width:185px}.compact-header .brand-separator{height:35px}.thanks .official-brands{margin:36px auto;flex-wrap:wrap}
.eyebrow,.tag{color:#85513c}.pill{border-color:#decabb;background:#fffaf5;color:#6d4637}.dot{background:#c07050}.hero{min-height:535px;gap:55px}.hero h1{font-weight:600;color:#003060;font-size:clamp(42px,4.8vw,62px)}.hero h1 em{color:#a2593b}.lead,.intro,.small,.side-note,.feature p{color:#5b6e7d}.primary{background:#003060;color:#fff}.primary:hover{background:#164d77}.secondary{background:#eaf0f5;color:#123c60}.secondary:hover{background:#dee9f0}.hero-art{background:#f3e6da;min-height:410px;box-shadow:none;border:1px solid #eadbce}.hero-art:before{border-color:#e5c8b1;box-shadow:0 0 0 40px #f0dfcf,0 0 0 80px #f6ebe0}.art-top{color:#79503b}.art-card{border-color:#e7dbd1;box-shadow:0 12px 30px #153f6010}.art-card h3{color:#123c60}.art-row{border-color:#edf0f3}.num{background:#eaf0f5;color:#003060}.art-symbol{font-size:17px}.art-row:nth-of-type(2) .num{color:#85412d;background:#f8e4d6}.art-foot{color:#6f4e3c}.check{background:#003060;color:#fff}.features,.footer{border-color:#dce3e8}.feature .symbol{color:#a65e3e}.footer{color:#5b6e7d}.panel{border-color:#dce3e8;box-shadow:0 5px 24px #10345504}.panel h1{color:#003060}.steps li{color:#65798b}.steps li.active{color:#003060}.steps li.active .num{background:#003060;color:#fff}.steps li.done .num{background:#f1d5bf;color:#75452f}.progress-label{color:#5b6e7d}progress{color:#c07050;accent-color:#c07050;background:#e7edf1}progress::-webkit-progress-bar{background:#e7edf1}progress::-webkit-progress-value{background:#c07050}progress::-moz-progress-bar{background:#c07050}
.choice{border-color:#d5e0e8;min-height:58px;background:#fff;transition:background .14s,border-color .14s}.choice:hover{background:#f3f7fa;border-color:#a9bdcb}.choice:has(input:checked){background:#eaf2f8;border-color:#376789;box-shadow:inset 0 0 0 1px #376789}.choice input{accent-color:#003060}.choice.ypsilea-choice:has(input:checked){background:#f9ebe1;border-color:#b26c49;box-shadow:inset 0 0 0 1px #b26c49}.choice.ypsilea-choice input{accent-color:#9a5034}.field input,.field textarea,.field select,.filters input,.filters select{border-color:#cad7e0;color:#12344e}.field input:focus,.field textarea:focus{border-color:#376789}.other-field{background:#f7f1eb}.substep{background:#f8e9dd;color:#85412d}.notice{background:#f2f5f7;color:#25445a}.notice p{margin-bottom:8px}.banner{background:#f7e5d6;color:#6e412f}.network{background:#fff1db;color:#684818}
.diagnostic-intro h1{color:#003060}.need-card{background:#f7fafc;border-color:#d9e5ed;border-left:4px solid #003060}.need-card.ypsilea-axis{background:#fffaf5;border-color:#ebdbcf;border-left:4px solid #c07050}.need-card h2{color:#123c60}.need-card.ypsilea-axis h2{color:#85412d}.need-card .stake,.diagnosis details{color:#5b6e7d}.offer-group{background:#f0f6fa;border-color:#cddfea;border-top:4px solid #003060}.offer-group h3{color:#003060}.offer-group li{border-color:#d5e2ea}.offer-group .match-reason{color:#4d677b}.ypsilea-offer{background:#fff7f0;border-color:#ebd4c3;border-top-color:#c07050}.ypsilea-offer h3{color:#85412d}.ypsilea-offer li{border-color:#edddcf}.ypsilea-offer .match-reason{color:#805846}.horizon-note{margin-top:26px}.company-tag{background:#eaf1f6;color:#003060}.company-tag.ypsilea-tag{background:#fae7d7;color:#85412d}.stat.opportunity{background:#eaf2f8}.stat.ypsilea-stat{background:#faecdf}.stat.ypsilea-stat strong{color:#85412d}.stat{border-color:#dce3e8}.table-wrap{border-color:#dce3e8}th{color:#5b6e7d}td,th{border-color:#e6ebee}.chart-card{border-color:#dce3e8}.metric strong{color:#003060}meter::-webkit-meter-bar{background:#e9eef2}meter::-webkit-meter-optimum-value{background:#396c91}meter::-moz-meter-bar{background:#396c91}.chart-card:nth-child(2) meter::-webkit-meter-optimum-value{background:#c07050}
.secondary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:16px 0 25px}.secondary-stats>div{display:grid;grid-template-columns:auto 1fr;column-gap:13px;background:#fff;border:1px solid #e4e0da;border-radius:11px;padding:17px}.secondary-stats strong{font-size:28px;grid-row:1/3;color:#85412d}.secondary-stats span{font-size:12px;font-weight:650}.secondary-stats small{font-size:10px;color:#5b6e7d;margin-top:3px}.quick-filters{display:flex;gap:9px;flex-wrap:wrap}.quick-filters button{font-size:12px;padding:10px 15px;min-height:44px}.open-needs-section{margin:30px 0;border:1px solid #e8d5c6;border-radius:14px;background:#fffaf6;padding:24px}.open-needs-section h2{font-size:23px;margin:10px 0;color:#75452f}.open-need{background:#fff;border:1px solid #e9ddd3;border-radius:9px;margin:12px 0;padding:15px}.open-need summary{font-weight:650;font-size:13px;cursor:pointer;min-height:32px}.open-need dt{font-size:12px;font-weight:650;margin-top:14px}.open-need dd{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;margin:8px 0 18px}.open-need .tag{margin-left:8px;font-size:9px}.demo-toolbar{background:#003060}.demo-label span{color:#dce8ee}.demo-tabs button{border-color:#7193ad;color:#fff}.demo-tabs button[aria-pressed=true]{background:#f2c5a6;color:#12344e;border-color:#f2c5a6}.demo-tabs .demo-reset{color:#e6d1bd}.demo-explanation{background:#f8e8db;color:#70442e}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c07050;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.panel form{animation:step-in .18s ease-out}@keyframes step-in{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){.welcome-header{gap:18px}.welcome-header .logo-secretel{width:175px}.welcome-header .logo-ypsilea{width:215px}.official-brands{gap:17px}.hero{gap:28px}.event{font-size:11px}.secondary-stats{gap:10px}.secondary-stats>div{padding:12px}.hero h1{font-size:49px}}
@media(min-width:651px) and (max-width:850px){header{padding:22px}.welcome-header{flex-wrap:wrap}.welcome-header .event{text-align:left;width:100%}.hero{min-height:540px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-art{padding:20px;min-height:395px}.art-card{padding:20px}.wizard{grid-template-columns:125px 1fr;gap:20px}.panel{padding:25px}.choice{font-size:12px;padding:12px}.compact-header .event{max-width:220px}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){header{padding:18px;flex-wrap:wrap;gap:14px}.official-brands{gap:13px;justify-content:center;width:100%}.welcome-header .logo-secretel{width:137px}.welcome-header .logo-ypsilea{width:166px}.brand-separator{height:36px}.welcome-header .event{max-width:none;width:100%;text-align:center;font-size:10px}.compact-header{padding:12px 16px;justify-content:center}.compact-header .logo-secretel{width:116px}.compact-header .logo-ypsilea{width:141px}.compact-header .event{display:none}.compact-header .brand-separator{height:28px}.hero{min-height:0;gap:25px}.hero h1{font-size:43px}.hero-art{min-height:0}.hero .start{width:100%;justify-content:space-between}.thanks .official-brands{gap:12px}.thanks .logo-secretel{width:124px}.thanks .logo-ypsilea{width:150px}.thanks .brand-separator{display:none}.secondary-stats{grid-template-columns:1fr;gap:8px}.secondary-stats>div{padding:13px}.secondary-stats strong{font-size:25px}.open-needs-section{padding:17px}.open-needs-section h2{font-size:21px}.quick-filters{display:grid;grid-template-columns:1fr}.quick-filters button{width:100%}.choices{gap:10px}.choice{font-size:14px;min-height:59px}.panel{padding:22px 18px}.lead{font-size:16px}.hero .small{font-size:11px}.diagnostic-intro h1{font-size:29px}}
