select {
  display: block;
  width: 100%;
  margin-top: 7px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fcfbf8;
  color: var(--ink);
  font: inherit;
}

.remove { min-width: 82px; padding: 0 8px !important; font-size: .72rem; }

@media (max-width: 760px) { .remove { width: 100%; } }

.personal-results { margin-top:12px; }
.main-result{margin:24px 0 12px;padding:24px 22px;border:1px solid #e4ca79;background:#fff7e3;box-shadow:0 12px 26px rgba(74,57,17,.09)}
.main-result small { display:block; max-width:440px; margin-top:6px; color:#746334; font-size:.78rem; font-weight:500; line-height:1.4; }
.main-result strong{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.045em}
.personal-results .row{padding:9px 0;font-size:.9rem}.personal-results .row span{font-weight:650}.network-bridge{margin:22px 0 10px;color:#645536;font-weight:750;font-size:1.03rem}
.value-prop { margin:16px 0 20px; padding:18px; border:1px solid #dec98c; border-radius:16px; background:#fff9ec; color:#5f5130; line-height:1.5; font-size:.92rem; }
.value-prop h3{margin:0 0 13px;font-size:1rem;color:var(--navy)}.value-prop div{display:grid;gap:8px}.value-prop p {margin:0;padding:10px 12px;border-left:3px solid var(--gold);background:#fffdf7;border-radius:0 10px 10px 0;}
.sync-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:9px 0 14px; font-size:.8rem; color:var(--green); font-weight:700; }
.sync-row .secondary { padding:8px 10px; font-size:.76rem; }
.sync-row .is-manual { color:var(--muted); }
@media (max-width:760px) { .sync-row{align-items:flex-start; flex-direction:column}.main-result{padding:20px 17px}.main-result strong{align-self:flex-start}.value-prop{padding:15px}.value-prop p{padding:9px 10px} }

@media (max-width:760px) {
  .steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; overflow:visible; }
  .steps button { min-width:0; padding:10px 5px; white-space:normal; font-size:.67rem; line-height:1.18; }
}
.hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.language-label select{margin:0;width:auto;padding:7px 9px;border-color:#ffffff44;background:#ffffff16;color:#fff;font-size:.75rem;font-weight:800}.language-label option{color:var(--ink);background:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.brand{display:flex;align-items:center;gap:11px}.logo-shell{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:15px;background:#fbfaf7;padding:6px;box-shadow:0 3px 12px #0002}.logo-shell img{width:100%;height:100%;object-fit:contain}.language-menu{position:relative}.language-menu button{border:1px solid #ffffff44;border-radius:10px;background:#ffffff14;color:#fff;padding:8px 10px;font:700 .78rem system-ui;cursor:pointer}.language-options{position:absolute;right:0;top:calc(100% + 7px);z-index:10;min-width:145px;padding:5px;border-radius:12px;background:#fff;box-shadow:0 12px 30px #0004}.language-options button{display:block;width:100%;border:0;background:transparent;color:var(--ink);text-align:left}.language-options button:hover,.language-options button:focus{background:#f3ede0;outline:none}
.apply-card{margin:22px 0 0;padding:28px;border-radius:22px;background:var(--navy);color:#fff;box-shadow:0 16px 36px rgba(17,27,46,.15)}.apply-card h2{font-size:clamp(1.25rem,3vw,1.65rem)}.apply-card p{max-width:700px;color:#dce2ed;line-height:1.55}.apply-card .next{display:inline-block;background:#ead7a1;color:#453613;text-decoration:none;margin-top:8px}footer{padding:32px 10px 8px;text-align:center;color:#6c6252;font-size:.9rem}footer p{margin:0 0 8px;font-weight:700}footer a{color:var(--navy);font-weight:800}

/* Final art direction: quiet editorial contrast, with the results as the focal point. */
body{background:radial-gradient(circle at 8% 0,#fffdfa 0,transparent 28%),linear-gradient(180deg,#fbf8f2 0,#f1e9dc 100%)}
.shell{max-width:1160px;padding-top:32px}.hero{position:relative;overflow:hidden;padding:36px 38px 38px;border-radius:30px;background:radial-gradient(circle at 88% 10%,rgba(234,215,161,.2),transparent 25%),linear-gradient(135deg,#111b2e,#192742)}.hero:after{content:"";position:absolute;width:220px;height:220px;right:-72px;bottom:-115px;border:1px solid rgba(234,215,161,.25);border-radius:50%}.hero h1{max-width:850px;letter-spacing:-.045em;line-height:.98}.hero p{max-width:680px;font-size:1.04rem}.hero-top{position:relative;z-index:1;margin-bottom:25px}.brand #productName{font-size:.78rem;letter-spacing:.15em}.logo-shell{width:48px;height:48px;border-radius:16px;transition:transform .25s ease,box-shadow .25s ease}.logo-shell:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0004}
.steps{padding:20px 0 16px}.steps button{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.steps button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #111b2015}.panel{border-radius:26px;padding:28px;box-shadow:0 18px 45px rgba(24,30,44,.07)}.panel h2{font-size:1.45rem;letter-spacing:-.025em}.form-grid{gap:16px}.form-grid label{padding:0 2px}.form-grid input{background:#fffdf9;transition:border-color .2s ease,box-shadow .2s ease}.form-grid input:hover{border-color:#d7b969}
.funnel{gap:12px;margin:24px 0}.tile,.summary-grid div{background:linear-gradient(145deg,#fffefa,#f7f2e9);border-color:#e8dece;transition:transform .22s ease,box-shadow .22s ease}.tile:hover,.summary-grid div:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(34,38,46,.06)}.tile strong{font-size:1.2rem}.main-result{position:relative;overflow:hidden;margin-top:30px;padding:28px 24px;border-radius:20px;background:linear-gradient(115deg,#fff8e7,#f7e7ae);box-shadow:0 16px 34px rgba(122,88,18,.12)}.main-result:after{content:"";position:absolute;inset:auto -55px -80px auto;width:200px;height:200px;border:1px solid #cda64455;border-radius:50%}.main-result strong{position:relative;z-index:1}.personal-results{padding:11px 18px;border-radius:18px;background:#fffefa}.network-bridge{padding-top:8px}.next{transition:transform .2s ease,box-shadow .2s ease}.next:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(17,27,46,.18)}
.value-prop{border-radius:18px;background:linear-gradient(145deg,#fffdf7,#f8edcf);box-shadow:inset 0 1px #fff}.partner{transition:box-shadow .2s ease,transform .2s ease}.partner:focus-within{box-shadow:0 8px 22px rgba(17,27,46,.08)}.apply-card{position:relative;overflow:hidden;margin-top:42px;padding:38px;border-radius:28px;background:radial-gradient(circle at 90% 20%,rgba(234,215,161,.18),transparent 30%),linear-gradient(135deg,#111b2e,#192742)}.apply-card:before{content:"Une expérience Iyaly";display:block;margin-bottom:12px;color:#ead7a1;font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.apply-card h2{max-width:720px;font-size:clamp(1.65rem,4vw,2.35rem);letter-spacing:-.035em}.apply-card .next{padding:14px 18px;border-radius:14px;font-size:.95rem}footer{padding:40px 10px 18px}footer p{font-size:1rem}
@media(max-width:760px){.shell{padding-top:0;padding-bottom:max(38px,env(safe-area-inset-bottom))}.hero{margin:0 -12px;padding:22px 19px 25px;border-radius:0 0 28px 28px}.hero-top{margin-bottom:18px}.brand #productName{font-size:.67rem;letter-spacing:.1em}.logo-shell{width:46px;height:46px;flex-basis:46px;padding:4px}.hero h1{font-size:1.88rem;letter-spacing:-.04em}.hero p{font-size:.94rem}.panel{padding:19px;border-radius:22px}.main-result{padding:22px 18px}.apply-card{margin:28px 0 0;padding:28px 22px;border-radius:24px}.apply-card h2{font-size:1.55rem}.apply-card .next{display:block;width:100%;text-align:center}.tile:hover,.summary-grid div:hover,.next:hover{transform:none}}
@media(max-width:420px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.steps button{min-height:44px;padding:8px 7px;font-size:.73rem}.hero-top{align-items:flex-start}.brand{min-width:0}.brand #productName{line-height:1.2}.language-menu{flex:0 0 auto}.language-options{right:0;min-width:140px}.form-grid input{font-size:16px}.network-summary{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.row strong{font-size:1.05rem}}

@media(max-width:760px){.language-menu{align-self:flex-start}.language-options{position:static;margin-top:8px;min-width:142px}.language-options button{padding:10px}.hero-top:has(.language-options:not([hidden])){align-items:flex-start}}

/* Signature pass: a quieter hierarchy, tactile surfaces, and a decisive final invitation. */
:root{--surface:#fffdfa;--surface-soft:#f8f3ea;--shadow-soft:0 18px 42px rgba(17,27,46,.075)}
.shell{padding-bottom:72px}.hero{box-shadow:0 24px 55px rgba(17,27,46,.16)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03),transparent 50%);pointer-events:none}.hero h1{margin-bottom:14px;text-wrap:balance}.hero p{line-height:1.52}.steps button{border:1px solid transparent}.steps button.active{box-shadow:0 8px 18px rgba(17,27,46,.17)}
.panel{background:rgba(255,255,255,.94);box-shadow:var(--shadow-soft)}.panel>.intro{max-width:690px;line-height:1.6}.form-grid{padding:18px;border-radius:20px;background:var(--surface-soft);border:1px solid #eee3d1}.form-grid label{letter-spacing:.005em}.form-grid input{min-height:52px;border-radius:14px;box-shadow:inset 0 1px 0 #fff}.funnel .tile{min-height:88px;display:flex;flex-direction:column;justify-content:center}.tile span{letter-spacing:.015em}.tile strong{letter-spacing:-.025em}
.main-result{border-width:1px}.main-result span{font-weight:800;color:#594616}.main-result small{font-weight:550}.personal-results .row{padding:12px 0}.personal-results .row strong{color:#1b2840}.value-prop{padding:21px}.value-prop h3{font-size:1.08rem}.value-prop p{transition:background .2s ease,border-color .2s ease}.value-prop p:hover{background:#fff;border-left-color:#aa7c20}.partner{background:#fffdfa}.partner input,.partner select{background:#fff}.network-total{margin-top:28px}.results{background:#fffdfa}.summary-grid{margin-top:20px}.summary-grid div{min-height:84px;display:flex;flex-direction:column;justify-content:center}.breakdown{border-radius:16px;background:#fffdfa;padding:4px 14px}
.apply-card{box-shadow:0 28px 52px rgba(17,27,46,.2)}.apply-card:after{content:"";position:absolute;width:220px;height:220px;right:-72px;bottom:-120px;border:1px solid rgba(234,215,161,.22);border-radius:50%}.apply-card>*{position:relative;z-index:1}.apply-card p{font-size:1.02rem}.apply-card .next{box-shadow:0 8px 18px rgba(0,0,0,.2)}footer{position:relative;padding-top:46px}footer:before{content:"";position:absolute;top:25px;left:50%;width:48px;height:1px;background:#c89b3c;transform:translateX(-50%)}
@media(max-width:760px){.shell{padding-bottom:max(54px,env(safe-area-inset-bottom))}.form-grid{padding:13px}.funnel .tile{min-height:82px}.main-result strong{font-size:clamp(1.9rem,9vw,2.4rem)}.personal-results .row{padding:11px 0}.value-prop{padding:17px}.apply-card p{font-size:.98rem}.breakdown{padding:4px 10px}}

/* Network learning module: editorial guidance without affecting the simulator engine. */
.network-learning{margin:22px 0;padding:22px;border:1px solid #e9dcc5;border-radius:20px;background:linear-gradient(145deg,#fffefa,#f7f1e6);box-shadow:0 10px 24px rgba(28,35,48,.05)}
.network-learning-copy{max-width:760px;margin:0 auto 16px;text-align:center}.network-learning h3{margin:0 0 8px;color:var(--navy);font-size:1.16rem;letter-spacing:-.02em}.network-learning p{margin:0;color:#655b4a;line-height:1.58}
.network-infographic-trigger{display:block;width:100%;padding:12px;border:1px solid #dfd3bf;border-radius:17px;background:#fffdfa;color:var(--navy);cursor:zoom-in;box-shadow:0 8px 20px rgba(27,40,64,.07);transition:transform .2s ease,box-shadow .2s ease}.network-infographic-trigger:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(27,40,64,.12)}.network-infographic-trigger:focus-visible,.compensation-details summary:focus-visible,.infographic-close:focus-visible{outline:3px solid #c89b3c;outline-offset:3px}.network-infographic-trigger img{display:block;width:100%;max-width:100%;height:auto;max-height:680px;margin:auto;border-radius:10px;object-fit:contain}.network-infographic-trigger span{display:block;margin-top:10px;color:#71664f;font-size:.78rem;font-weight:700}
.compensation-details{margin:18px 0 24px;border:1px solid #e7dbc8;border-radius:18px;background:#fffdfa;overflow:hidden}.compensation-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;color:var(--navy);cursor:pointer;list-style:none}.compensation-details summary::-webkit-details-marker{display:none}.compensation-details summary:after{content:'⌄';font-size:1.3rem;line-height:1;color:#ab7b21;transition:transform .2s ease}.compensation-details[open] summary:after{transform:rotate(180deg)}.compensation-details summary strong,.compensation-details summary small{display:block}.compensation-details summary strong{font-size:1rem}.compensation-details summary small{max-width:760px;margin-top:4px;color:#71664f;font-size:.82rem;font-weight:550;line-height:1.4}.compensation-content{padding:0 19px 20px;border-top:1px solid #eee3d3;color:#5f5749;line-height:1.58}.compensation-content>p:first-child{margin:17px 0 14px}.compensation-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compensation-examples div{padding:12px;border:1px solid #ecd9a8;border-radius:12px;background:#fff7e4;color:#654b15;font-size:.88rem;font-weight:750}.compensation-notice{margin:14px 0;color:#756b5b;font-size:.79rem}.compensation-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.compensation-tiers div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #eee4d5;border-radius:10px;background:#fff}.compensation-tiers span{font-size:.81rem}.compensation-tiers strong{color:#8a6416;font-size:.87rem;white-space:nowrap}
.results .result-hint{display:block;max-width:600px;margin-top:4px;color:#776d5c;font-size:.76rem;font-weight:500;line-height:1.35}.final-notice{max-width:840px;margin:28px auto 0;padding:0 16px;color:#706756;font-size:.78rem;line-height:1.55;text-align:center}.infographic-modal[hidden]{display:none}.infographic-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(10,18,31,.82)}.infographic-modal-dialog{position:relative;display:grid;place-items:center;width:min(1440px,100%);max-height:calc(100vh - 40px)}.infographic-modal img{display:block;max-width:100%;max-height:calc(100vh - 40px);width:auto;height:auto;border-radius:12px;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.45)}.infographic-close{position:absolute;z-index:1;top:10px;right:10px;width:42px;height:42px;border:1px solid #fff8;border-radius:50%;background:#111b2eee;color:#fff;font-size:1.75rem;line-height:1;cursor:pointer}.infographic-close:hover{background:#111b2e}.infographic-modal-open{overflow:hidden}
@media(max-width:760px){.network-learning{margin:18px 0;padding:15px}.network-learning-copy{text-align:left}.network-infographic-trigger{padding:8px}.network-infographic-trigger:hover{transform:none}.compensation-details summary{padding:15px}.compensation-content{padding:0 15px 16px}.compensation-examples,.compensation-tiers{grid-template-columns:1fr}.compensation-tiers div{padding:9px 10px}.infographic-modal{padding:12px}.infographic-modal-dialog,.infographic-modal img{max-height:calc(100vh - 24px)}.infographic-close{top:6px;right:6px}.final-notice{margin-top:24px;padding:0 10px;font-size:.76rem}}

/* Version 1.1.0: compact sharing controls, using the established simulator surfaces. */
.compensation-tier{position:relative;display:grid!important;grid-template-columns:1fr auto!important}.compensation-tier .dividend{grid-column:1/-1;margin-top:2px;color:#7b6630;font-size:.73rem;font-weight:750}.creator-presentation{max-width:620px;margin-top:18px;padding:14px 16px;border:1px solid rgba(234,215,161,.35);border-radius:16px;background:rgba(255,255,255,.08)}.creator-presentation p{margin:0;color:#fff;font-size:.9rem}.creator-presentation p+p{margin-top:8px;color:#dfe5ed;font-size:.82rem}.creator-whatsapp{display:inline-block;margin-top:10px;padding:9px 12px;border-radius:10px;background:#ead7a1;color:#453613;font-size:.82rem;font-weight:850;text-decoration:none}.share-form{margin-top:20px}.share-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-grid label:nth-child(3),.share-grid label:nth-child(4){grid-column:span 1}.share-help,.share-error{margin:14px 0 0;font-size:.82rem;line-height:1.5}.share-help{color:var(--muted)}.share-error{min-height:1.3em;color:var(--red);font-weight:700}.consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;color:#5f5749;font-size:.82rem;line-height:1.45}.consent input{display:inline-block;width:18px;height:18px;min-width:18px;margin:1px 0 0}.share-form .next:disabled{cursor:not-allowed;opacity:.52;transform:none;box-shadow:none}.share-success{margin-top:22px;padding:18px;border:1px solid #dec98c;border-radius:18px;background:#fff9ec}.share-success>p:first-child{margin:0 0 12px;color:#5f5130;font-weight:800}.share-success input{background:#fff}.share-success>div{display:flex;gap:8px;flex-wrap:wrap}.share-success .next{display:inline-block;margin-top:12px;text-decoration:none}.share-success .secondary{margin-top:12px;border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.share-copy-feedback{min-height:1.2em;margin:9px 0 0!important;color:var(--green);font-size:.8rem;font-weight:750}
@media(max-width:760px){.steps{grid-template-columns:repeat(5,minmax(0,1fr))}.steps button{font-size:.64rem}.share-grid{grid-template-columns:1fr}.share-grid label:nth-child(3),.share-grid label:nth-child(4){grid-column:auto}.creator-presentation{margin-top:15px;padding:13px}.share-success>div{display:grid;grid-template-columns:1fr}.share-success .next,.share-success .secondary{width:100%;margin-top:8px;text-align:center}}
@media(max-width:420px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.steps button:last-child{grid-column:span 2}}