.hero { min-height: 810px; position: relative; overflow: hidden; padding: 168px 0 112px; background: radial-gradient(circle at 73% 37%, rgba(255,255,255,.84), transparent 26%), linear-gradient(118deg, #fffaf2 0%, #fff7e9 56%, #f7e8cd 100%); }
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .2; background-image: radial-gradient(rgba(93,64,55,.22) .6px, transparent .7px); background-size: 9px 9px; mask-image: linear-gradient(to right, #000, transparent 55%); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 76px; }.hero-copy { padding-top: 15px; }
.hero h1 { max-width: 690px; margin-bottom: 30px; font-size: clamp(3.6rem, 6.2vw, 6.5rem); letter-spacing: -.06em; }.hero h1 em { color: var(--sun-deep); font-weight: 400; }.hero-lead { max-width: 620px; margin-bottom: 34px; color: var(--earth-soft); font-size: 1.08rem; line-height: 1.8; }.hero-actions { display: flex; align-items: center; gap: 28px; }.text-link { border-bottom: 1px solid rgba(93,64,55,.35); padding: 10px 0 5px; color: var(--earth); font-size: .84rem; font-weight: 700; }.trust-line { display: flex; flex-wrap: wrap; gap: 22px; margin: 36px 0 0; padding: 0; color: var(--earth-soft); font-size: .72rem; list-style: none; }.trust-line span { color: var(--sage); font-weight: 900; }
.hero-orbit { position: absolute; border: 1px solid rgba(142,36,170,.09); border-radius: 50%; }.hero-orbit-one { width: 490px; height: 490px; right: -220px; top: 120px; }.hero-orbit-two { width: 320px; height: 320px; right: -130px; top: 205px; }.hero-ground { position: absolute; z-index: 1; bottom: -60px; left: -5%; width: 110%; height: 150px; opacity: .3; border-top: 1px solid rgba(93,64,55,.2); border-radius: 50% 50% 0 0; transform: rotate(-2deg); }
.hero-visual { position: relative; }.route-map-card { position: relative; z-index: 2; padding: 30px; border: 1px solid rgba(93,64,55,.11); border-radius: 8px; background: rgba(255,254,253,.9); box-shadow: var(--shadow); backdrop-filter: blur(12px); transform: rotate(1.3deg); }.route-map-card::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 12px; width: 1px; background: rgba(255,167,38,.24); }.map-topline { display: flex; justify-content: space-between; color: var(--earth-soft); font-size: .65rem; letter-spacing: .12em; }.soft-label { color: var(--violet); font-weight: 900; }
.compass-wrap { display: grid; grid-template-columns: 145px 1fr; align-items: center; gap: 24px; min-height: 195px; }.compass-wrap strong { display: block; margin-bottom: 8px; font-family: var(--serif); font-size: 1.9rem; }.compass-wrap p { margin: 0; color: var(--earth-soft); font-size: .78rem; }.compass-wrap .map-kicker { margin-bottom: 3px; color: var(--earth); font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.compass-rings { position: relative; width: 126px; height: 126px; border: 1px solid rgba(93,64,55,.2); border-radius: 50%; background: radial-gradient(circle, transparent 35%, rgba(255,167,38,.05) 36%, transparent 37%); }.compass-rings::before, .compass-rings::after { content: ""; position: absolute; border: 1px solid rgba(93,64,55,.13); border-radius: 50%; inset: 16px; }.compass-rings::after { inset: 32px; }.compass-axis { position: absolute; top: 50%; left: 9px; right: 9px; height: 1px; background: rgba(93,64,55,.12); }.axis-two { transform: rotate(45deg); }.axis-three { transform: rotate(90deg); }.axis-four { transform: rotate(135deg); }.compass-needle { position: absolute; z-index: 2; left: 60px; top: 20px; width: 6px; height: 48px; border-radius: 50% 50% 4px 4px; background: var(--sun); transform: rotate(26deg); transform-origin: bottom; }.compass-center { position: absolute; z-index: 3; top: 58px; left: 58px; width: 10px; height: 10px; border: 3px solid white; border-radius: 50%; background: var(--earth); box-shadow: 0 0 0 1px var(--earth); }
.next-step-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; margin-bottom: 25px; padding: 16px; border-radius: 5px; background: var(--sun-soft); }.step-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; color: white; background: var(--sun-deep); }.next-step-card small { color: var(--earth-soft); font-size: .56rem; font-weight: 800; letter-spacing: .08em; }.next-step-card p { margin: 2px 0 0; color: var(--earth); font-size: .75rem; font-weight: 750; line-height: 1.35; }.trail-copy { display: flex; justify-content: space-between; margin-bottom: 9px; color: var(--earth-soft); font-size: .66rem; }.trail-copy strong { color: var(--earth); }.trail-line { height: 5px; border-radius: 10px; background: var(--paper-deep); }.trail-line span { display: block; width: 40%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--earth), var(--sun)); }
.floating-note { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(93,64,55,.1); border-radius: 5px; background: rgba(255,255,255,.94); box-shadow: 0 18px 40px rgba(70,43,32,.12); color: var(--earth); font-family: var(--serif); }.note-one { left: -48px; bottom: 45px; padding: 13px 17px; font-size: .77rem; transform: rotate(-2deg); }.note-one span { color: var(--violet); }.note-two { right: -35px; top: 72px; padding: 13px 16px; font-family: var(--sans); }.note-two strong { color: var(--sun-deep); font-family: var(--serif); font-size: 1.7rem; line-height: 1; }.note-two span { font-size: .57rem; line-height: 1.3; text-transform: uppercase; }
.statement-section { background: var(--white); }.statement-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 130px; }.statement-intro h2 { max-width: 690px; }.statement-copy { padding-top: 47px; }.statement-copy > p:not(.large-copy) { color: var(--earth-soft); }.manifesto-signature { display: flex; align-items: center; gap: 15px; margin-top: 34px; padding-top: 25px; border-top: 1px solid var(--line); }.signature-mark { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid var(--earth); border-radius: 50%; color: var(--earth); font-family: var(--serif); font-size: .84rem; font-style: italic; }.manifesto-signature strong, .manifesto-signature small { display: block; }.manifesto-signature strong { font-family: var(--serif); }.manifesto-signature small { color: var(--earth-soft); font-size: .67rem; }
.method-section { background: var(--paper-deep); }.method-steps { display: grid; grid-template-columns: 1fr 70px 1fr 70px 1fr; align-items: center; }.method-card { min-height: 350px; position: relative; padding: 42px 32px 34px; border: 1px solid var(--line); border-radius: 5px; background: rgba(255,253,248,.58); text-align: center; }.method-card.featured { border-color: rgba(255,167,38,.35); background: var(--white); box-shadow: 0 20px 55px rgba(92,60,42,.08); transform: translateY(-12px); }.method-number { position: absolute; top: 17px; left: 19px; color: rgba(93,64,55,.36); font-family: var(--serif); font-size: .75rem; }.method-symbol { display: grid; width: 82px; height: 82px; place-items: center; margin: 0 auto 26px; border: 1px solid rgba(93,64,55,.15); border-radius: 50%; color: var(--sun-deep); font-family: var(--serif); font-size: 2.3rem; }.method-card h3 { margin-bottom: 14px; font-size: 1.8rem; }.method-card p { min-height: 78px; color: var(--earth-soft); font-size: .82rem; }.method-caption { color: var(--violet); font-size: .58rem; font-weight: 900; letter-spacing: .18em; }.method-path { display: flex; align-items: center; color: rgba(93,64,55,.27); font-size: 1.2rem; }.method-path b { color: var(--sun-deep); font-weight: 400; }
.tools-section { background: var(--white); }.tool-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }.tool-card { min-height: 380px; position: relative; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--paper); transition: transform .3s ease, box-shadow .3s ease, border .3s ease; }.tool-card::after { content: ""; position: absolute; width: 170px; height: 170px; right: -75px; bottom: -75px; border: 1px solid rgba(255,167,38,.2); border-radius: 50%; transition: transform .35s ease; }.tool-card:hover { transform: translateY(-7px); border-color: rgba(255,167,38,.46); box-shadow: 0 24px 55px rgba(70,43,32,.1); }.tool-card:hover::after { transform: scale(1.25); }.tool-meta { display: flex; justify-content: space-between; color: var(--earth-soft); font-size: .62rem; letter-spacing: .12em; }.tool-mark { display: grid; width: 76px; height: 76px; place-items: center; margin: 38px 0 25px; border-radius: 50%; color: var(--violet); background: var(--sun-soft); font-family: var(--serif); font-size: 2.1rem; }.tool-card:nth-child(2) .tool-mark { color: var(--sun-deep); background: var(--sage-soft); }.tool-card:nth-child(3) .tool-mark { color:#355f7a;background:#e6f0f5}.tool-card:nth-child(4) .tool-mark { color: var(--earth); background: #efe3ef; }.tool-card h3 { margin-bottom: 14px; font-size: 1.7rem; }.tool-card p { color: var(--earth-soft); font-size: .82rem; }.tool-link { position: absolute; left: 28px; bottom: 26px; color: var(--earth); font-size: .75rem; font-weight: 800; }.tool-link b { margin-left: 10px; color: var(--sun-deep); }
.paths-section { color: white; background: var(--earth-dark); }.paths-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 110px; align-items: center; }.paths-copy h2 { color: white; }.paths-copy > p:not(.eyebrow) { max-width: 490px; margin-bottom: 34px; color: rgba(255,255,255,.64); }.path-list { display: flex; flex-direction: column; }.path-item { display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 18px; min-height: 108px; border-bottom: 1px solid rgba(255,255,255,.13); }.path-item:first-child { border-top: 1px solid rgba(255,255,255,.13); }.path-index { color: rgba(255,255,255,.36); font-family: var(--serif); font-size: .8rem; }.path-item small { color: var(--sun); font-size: .58rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }.path-item h3 { margin: 3px 0 0; color: white; font-size: 1.65rem; }.path-arrow { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(255,255,255,.23); border-radius: 50%; color: var(--sun); }.path-note { margin: 20px 0 0; color: rgba(255,255,255,.45); font-size: .65rem; }
.daily-section { overflow: hidden; background: var(--white); }.daily-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 120px; }.daily-preview { min-height: 650px; position: relative; display: grid; place-items: center; }.daily-sun { position: absolute; width: 530px; height: 530px; border-radius: 50%; background: var(--sun-soft); }.phone-shell { position: relative; z-index: 2; width: 335px; min-height: 610px; padding: 14px 20px 25px; border: 8px solid var(--earth-dark); border-radius: 34px; background: var(--paper); box-shadow: 0 30px 70px rgba(58,35,28,.2); transform: rotate(-2deg); }.phone-top { display: flex; justify-content: space-between; color: var(--earth); font-size: .55rem; }.phone-greeting { padding: 30px 5px 18px; }.phone-greeting small { color: var(--sun-deep); font-size: .53rem; font-weight: 900; letter-spacing: .12em; }.phone-greeting h3 { margin: 7px 0 5px; font-size: 2.05rem; }.phone-greeting p { color: var(--earth-soft); font-size: .7rem; }.mood-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-bottom: 17px; }.mood-row > span { display: grid; place-items: center; gap: 3px; min-height: 65px; border: 1px solid var(--line); border-radius: 5px; color: var(--earth-soft); }.mood-row > span.active { border-color: var(--sun); color: var(--sun-deep); background: var(--sun-soft); }.mood-row small { font-size: .48rem; }.ritual-card { padding: 19px; border-radius: 7px; color: white; background: var(--earth); }.ritual-card > div:first-child { display: flex; align-items: center; gap: 8px; color: var(--sun); }.ritual-card small { font-size: .5rem; font-weight: 800; letter-spacing: .09em; }.ritual-card strong { display: block; margin: 13px 0; font-family: var(--serif); font-size: 1.25rem; }.mini-progress { height: 3px; margin-bottom: 17px; border-radius: 3px; background: rgba(255,255,255,.2); }.mini-progress span { display: block; width: 36%; height: 100%; background: var(--sun); }.ritual-card button { display: flex; justify-content: space-between; width: 100%; border: 0; padding: 9px 12px; color: var(--earth-dark); background: var(--sun); font-size: .65rem; font-weight: 800; }.quote-card { margin-top: 15px; padding: 15px; border: 1px solid var(--line); border-radius: 6px; color: var(--earth-soft); background: white; font-family: var(--serif); font-size: .73rem; font-style: italic; text-align: center; }.daily-copy h2 { max-width: 590px; }.feature-list { margin: 36px 0 0; padding: 0; list-style: none; }.feature-list li { display: grid; grid-template-columns: 38px 1fr; gap: 18px; padding: 20px 0; border-top: 1px solid var(--line); }.feature-list li > span { color: var(--sun-deep); font-family: var(--serif); font-size: .8rem; }.feature-list strong { font-family: var(--serif); font-size: 1.05rem; }.feature-list p { margin: 3px 0 0; color: var(--earth-soft); font-size: .75rem; }
.ai-section { background: #f1e8f1; }.ai-grid { display: grid; grid-template-columns: .83fr 1.17fr; gap: 100px; align-items: center; }.ai-copy h2 { font-size: clamp(2.6rem, 4.4vw, 4.3rem); }.ai-copy > p:not(.eyebrow) { color: var(--earth-soft); }.ai-rules { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }.ai-rules span { padding: 7px 10px; border: 1px solid rgba(142,36,170,.18); border-radius: 20px; color: var(--violet); background: rgba(255,255,255,.45); font-size: .62rem; font-weight: 800; }.conversation-card { padding: 25px; border: 1px solid rgba(93,64,55,.1); border-radius: 10px; background: rgba(255,255,255,.76); box-shadow: 0 25px 65px rgba(78,49,78,.13); }.conversation-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }.soul-dot { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; color: white; background: var(--violet); font-family: var(--serif); font-size: .72rem; }.conversation-head strong, .conversation-head small { display: block; }.conversation-head strong { font-family: var(--serif); }.conversation-head small { color: var(--earth-soft); font-size: .58rem; }.message { max-width: 82%; margin-top: 22px; padding: 14px 16px; border-radius: 9px; font-size: .78rem; line-height: 1.6; }.user-message { margin-left: auto; color: white; background: var(--earth); border-bottom-right-radius: 2px; }.ai-message { display: flex; gap: 10px; color: var(--earth); background: var(--paper); border-bottom-left-radius: 2px; }.ai-message > span { color: var(--violet); }.prompt-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }.prompt-chips span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 20px; color: var(--earth-soft); background: white; font-size: .6rem; }.conversation-input { display: flex; justify-content: space-between; margin-top: 20px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 6px; color: var(--earth-soft); background: white; font-size: .72rem; }.conversation-input b { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; color: white; background: var(--violet); }.ai-disclaimer { margin: 13px 0 0; color: var(--earth-soft); font-size: .52rem; text-align: center; }
.pricing-section { background: var(--paper); }.pricing-grid { display: grid; grid-template-columns: .72fr 1.28fr; align-items: stretch; max-width: 1040px; margin: 0 auto; }.price-card { padding: 44px; border: 1px solid var(--line); background: var(--white); }.free-card { margin: 25px 0; border-right: 0; }.premium-card { position: relative; border-color: var(--earth); color: white; background: var(--earth); box-shadow: 0 25px 65px rgba(70,43,32,.17); }.price-name { font-size: .66rem; font-weight: 900; letter-spacing: .15em; }.premium-card .price-name { color: var(--sun); }.price { display: flex; flex-direction: column; margin: 18px 0; }.price strong { font-family: var(--serif); font-size: 3.25rem; font-weight: 500; line-height: 1; }.price span { color: var(--earth-soft); font-size: .66rem; }.premium-card .price span, .premium-card > p { color: rgba(255,255,255,.65); }.price-card ul { margin: 28px 0 32px; padding: 0; list-style: none; }.price-card li { position: relative; padding: 8px 0 8px 23px; font-size: .75rem; }.price-card li::before { content: "✓"; position: absolute; left: 0; color: var(--sun-deep); font-weight: 900; }.premium-card li::before { color: var(--sun); }.premium-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.premium-card > small { display: block; margin-top: 14px; color: rgba(255,255,255,.5); font-size: .55rem; text-align: center; }.recommended { position: absolute; top: 0; right: 25px; padding: 8px 12px; color: var(--earth-dark); background: var(--sun); font-size: .53rem; font-weight: 900; letter-spacing: .12em; }
.trust-section { color: white; background: var(--earth); }.trust-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; }.trust-grid h2 { color: white; }.trust-principles article { display: grid; grid-template-columns: 45px 1fr; column-gap: 20px; padding: 25px 0; border-top: 1px solid rgba(255,255,255,.15); }.trust-principles article > span { grid-row: 1 / 3; color: var(--sun); font-family: var(--serif); }.trust-principles h3 { margin-bottom: 7px; color: white; font-size: 1.35rem; }.trust-principles p { margin: 0; color: rgba(255,255,255,.58); font-size: .76rem; }
.faq-section { background: var(--white); }.faq-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 100px; }.faq-grid > div:first-child > p:last-child { color: var(--earth-soft); }.faq-list details { border-top: 1px solid var(--line); }.faq-list details:last-child { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; justify-content: space-between; gap: 20px; padding: 24px 0; cursor: pointer; color: var(--earth); font-family: var(--serif); font-size: 1.2rem; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--sun-deep); }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 720px; padding: 0 35px 22px 0; color: var(--earth-soft); font-size: .78rem; }
.final-cta { position: relative; overflow: hidden; padding: 120px 0; text-align: center; color: white; background: var(--earth-dark); }.final-cta::before, .final-cta::after { content: ""; position: absolute; width: 430px; height: 430px; border: 1px solid rgba(255,167,38,.1); border-radius: 50%; }.final-cta::before { left: -240px; top: -230px; }.final-cta::after { right: -220px; bottom: -250px; }.final-cta-inner { position: relative; z-index: 2; display: flex; align-items: center; flex-direction: column; }.cta-sun { margin-bottom: 18px; color: var(--sun); font-size: 2.5rem; }.final-cta h2 { color: white; }.final-cta p:not(.eyebrow) { margin-bottom: 30px; color: rgba(255,255,255,.62); }
@media (max-width: 1000px) { .hero { min-height: auto; padding-bottom: 95px; }.hero-grid { grid-template-columns: 1fr; gap: 70px; }.hero-copy { max-width: 760px; }.hero-visual { width: min(600px, 90%); margin: auto; }.statement-grid, .paths-grid, .daily-grid, .ai-grid, .trust-grid, .faq-grid { grid-template-columns: 1fr; gap: 58px; }.statement-copy { padding-top: 0; }.method-steps { grid-template-columns: 1fr; gap: 18px; }.method-path { display: none; }.method-card { min-height: auto; }.method-card.featured { transform: none; }.daily-copy { order: -1; }.tool-grid { grid-template-columns: 1fr 1fr; }.pricing-grid { grid-template-columns: 1fr; max-width: 680px; }.free-card { margin: 0; border-right: 1px solid var(--line); border-bottom: 0; }.faq-grid > div:first-child { max-width: 600px; } }
@media (max-width: 620px) { .hero { padding-top: 125px; }.hero h1 { font-size: 3.25rem; }.hero-actions { align-items: stretch; flex-direction: column; gap: 12px; }.text-link { align-self: flex-start; }.trust-line { display: grid; gap: 7px; }.hero-visual { width: 100%; }.route-map-card { padding: 21px; }.compass-wrap { grid-template-columns: 105px 1fr; }.compass-rings { width: 95px; height: 95px; }.compass-needle { left: 45px; top: 15px; height: 36px; }.compass-center { top: 43px; left: 43px; }.note-one { left: -4px; bottom: -35px; }.note-two { display: none; }.statement-grid { gap: 25px; }.tool-grid { grid-template-columns: 1fr; }.tool-card:last-child { grid-column: auto; }.paths-grid { gap: 45px; }.path-item { grid-template-columns: 38px 1fr auto; }.daily-preview { min-height: 555px; }.daily-sun { width: 390px; height: 390px; }.phone-shell { width: 290px; min-height: 530px; }.ai-grid { gap: 40px; }.message { max-width: 91%; }.pricing-grid { margin-inline: -4px; }.price-card { padding: 34px 24px; }.premium-columns { grid-template-columns: 1fr; gap: 0; }.trust-grid { gap: 30px; }.faq-grid { gap: 28px; }.final-cta { padding: 90px 0; } }

.commerce-page { background: var(--paper); }
.commerce-hero { padding: 175px 0 90px; text-align: center; background: radial-gradient(circle at 50% 20%, #fff 0, transparent 34%), linear-gradient(145deg, var(--paper), var(--sun-soft)); }
.commerce-hero .container { max-width: 920px; display: flex; align-items: center; flex-direction: column; }
.commerce-hero h1 { margin-bottom: 25px; font-size: clamp(3.2rem, 6vw, 6rem); letter-spacing: -.055em; }
.commerce-hero h1 em { color: var(--sun-deep); font-weight: 400; }
.commerce-hero .container > p:last-child { max-width: 760px; color: var(--earth-soft); font-family: var(--serif); font-size: 1.18rem; }
.commerce-price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.commerce-price-grid > article { position: relative; display: flex; flex-direction: column; min-height: 570px; border: 1px solid var(--line); border-radius: 10px; padding: 38px 30px; background: var(--white); }
.commerce-price-grid > article.selected { border-color: var(--earth); color: white; background: var(--earth); box-shadow: var(--shadow); transform: translateY(-14px); }
.commerce-price-grid .selected .price-name { color: var(--sun); }
.commerce-price-grid .selected .price span, .commerce-price-grid .selected > p { color: rgba(255,255,255,.67); }
.commerce-price-grid > article > p:not(.price-name) { min-height: 52px; color: var(--earth-soft); font-size: .78rem; }
.commerce-price-grid ul { flex: 1; margin: 23px 0 30px; padding: 0; list-style: none; }
.commerce-price-grid li { position: relative; padding: 7px 0 7px 22px; font-size: .74rem; }
.commerce-price-grid li::before { content: "✓"; position: absolute; left: 0; color: var(--sun-deep); font-weight: 900; }
.commerce-price-grid .selected li::before { color: var(--sun); }
.commerce-price-grid article > small { display: block; margin-top: 13px; color: var(--earth-soft); font-size: .55rem; text-align: center; }
.commerce-price-grid .selected > small { color: rgba(255,255,255,.54); }
.saving { position: absolute; top: 0; right: 25px; padding: 8px 11px; color: white; background: var(--violet); font-size: .52rem; font-weight: 900; letter-spacing: .1em; }
.pricing-action { display: grid; gap: 8px; }
.pricing-action button:disabled { opacity: .65; cursor: wait; }
.pricing-action .form-message { margin: 0; }
.pricing-reassurance { display: flex; flex-wrap: wrap; justify-content: center; gap: 13px 25px; margin-top: 38px; color: var(--earth-soft); font-size: .65rem; }
.pricing-reassurance span::first-letter { color: var(--sage); }
.pricing-outcomes { padding: 110px 0; color: white; background: var(--earth-dark); }
.pricing-outcomes > .container { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; }
.pricing-outcomes h2, .pricing-outcomes h3 { color: white; }
.pricing-outcomes > .container > div:last-child { display: grid; gap: 0; }
.pricing-outcomes article { display: grid; grid-template-columns: 50px 1fr; padding: 23px 0; border-top: 1px solid rgba(255,255,255,.14); }
.pricing-outcomes article strong { grid-row: 1 / 3; color: var(--sun); font-family: var(--serif); }
.pricing-outcomes article h3 { margin-bottom: 5px; }
.pricing-outcomes article p { margin: 0; color: rgba(255,255,255,.58); font-size: .75rem; }
.payment-state-page { min-height: 100vh; display: grid; place-items: center; padding: 35px 18px; background: radial-gradient(circle at 50% 20%, white, transparent 35%), linear-gradient(145deg, var(--paper), var(--sun-soft)); }
.payment-state-page > section { width: min(620px, 100%); border: 1px solid var(--line); border-radius: 14px; padding: clamp(30px, 6vw, 60px); background: rgba(255,254,253,.93); box-shadow: var(--shadow); text-align: center; }
.payment-state-page .eyebrow { justify-content: center; }
.payment-state-page h1 { font-size: clamp(2.4rem, 5vw, 4rem); }
.payment-state-page section > p:not(.eyebrow) { margin-bottom: 28px; color: var(--earth-soft); }
.payment-mark { display: grid; width: 72px; height: 72px; place-items: center; margin: 0 auto 25px; border-radius: 50%; color: var(--earth-dark); background: var(--sun); font-size: .73rem; font-weight: 900; letter-spacing: .06em; }
.payment-secondary { display: inline-block; margin-top: 18px; border-bottom: 1px solid var(--line); color: var(--earth-soft); font-size: .72rem; }
.simulation-summary { display: flex; justify-content: space-between; gap: 25px; margin-bottom: 25px; border: 1px solid var(--line); border-radius: 7px; padding: 16px; background: var(--paper); }
.simulation-summary span { color: var(--earth-soft); font-size: .7rem; }
.simulation-summary strong { font-family: var(--serif); }
@media (max-width: 950px) { .commerce-price-grid { grid-template-columns: 1fr; max-width: 650px; margin: auto; }.commerce-price-grid > article { min-height: 0; }.commerce-price-grid > article.selected { transform: none; }.pricing-outcomes > .container { grid-template-columns: 1fr; gap: 45px; } }
@media (max-width: 620px) { .commerce-hero { padding: 130px 0 70px; }.commerce-price-grid > article { padding: 32px 23px; }.pricing-reassurance { align-items: flex-start; flex-direction: column; }.pricing-outcomes { padding: 80px 0; } }
.public-demo-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f8efe3}.public-demo-shell>aside{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:34px 22px;color:#fff;background:#2f211d}.demo-brand{display:grid;margin-bottom:50px;font:400 23px Georgia,serif;letter-spacing:.04em}.demo-brand>span{display:inline;color:#ffa726}.demo-brand small{margin-top:4px;color:#d0bfb4;font:700 8px Arial,sans-serif;letter-spacing:.18em}.public-demo-shell>aside nav{display:grid;gap:6px}.public-demo-shell>aside nav button{display:flex;align-items:center;gap:12px;border:0;border-radius:7px;padding:13px 14px;color:#cdbeb6;background:transparent;text-align:left;cursor:pointer}.public-demo-shell>aside nav button i{display:grid;width:27px;height:27px;place-items:center;border:1px solid #70584d;border-radius:50%;color:#ffa726;font-style:normal}.public-demo-shell>aside nav button.active{color:#2f211d;background:#ffa726;font-weight:800}.public-demo-shell>aside nav button.active i{border-color:#5d4037;color:#5d4037}.demo-profile{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid #513c34;padding-top:20px}.demo-profile>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#2f211d;background:#f8efe3;font:700 11px Arial}.demo-profile strong,.demo-profile small{display:block}.demo-profile strong{font:400 14px Georgia,serif}.demo-profile small{color:#a9968d;font-size:9px}.public-demo-shell>main{display:flex;flex-direction:column;min-width:0;padding:clamp(28px,4vw,62px)}.public-demo-shell>main>header{display:flex;justify-content:space-between;gap:25px;margin-bottom:34px}.public-demo-shell>main>header small{color:#c47a2e;font-size:9px;font-weight:900;letter-spacing:.15em}.public-demo-shell>main>header h1{margin:7px 0;font-size:clamp(2.4rem,4.7vw,4.7rem);letter-spacing:-.045em}.public-demo-shell>main>header p{color:#80685f}.demo-badge{align-self:flex-start;border:1px solid #dfbf91;border-radius:20px;padding:7px 11px;color:#91601d;background:#fff2d5;font-size:8px;font-weight:900;letter-spacing:.12em}.demo-today{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.demo-today>article,.demo-path>article,.demo-ritual>div,.demo-ritual>aside,.demo-coach{border:1px solid #e1d3c3;border-radius:11px;padding:clamp(24px,3vw,38px);background:#fffdf9;box-shadow:0 20px 55px #5d40370b}.demo-mood small,.demo-next small,.demo-progress small,.demo-path article>small,.demo-ritual small{color:#c47a2e;font-size:8px;font-weight:900;letter-spacing:.13em}.demo-mood h2,.demo-next h2{font-size:1.8rem}.demo-mood>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-mood span{display:grid;place-items:center;gap:5px;border:1px solid #e4d8ca;border-radius:8px;padding:17px;color:#8b756b}.demo-mood span.selected{border-color:#ffa726;color:#b26b09;background:#fff2d5}.demo-mood b{font-size:9px}.demo-next{color:#fff!important;background:#5d4037!important}.demo-next small{color:#ffa726}.demo-next h2{color:#fff}.demo-next button,.demo-path article button,.demo-ritual button{display:flex;justify-content:space-between;width:100%;border:0;border-radius:5px;padding:13px 15px;color:#2f211d;background:#ffa726;font-size:11px;font-weight:900;cursor:pointer}.demo-progress{grid-column:1/-1;display:flex;align-items:center;gap:22px}.demo-progress>span{font:400 50px Georgia,serif;color:#8e24aa}.demo-progress h3{margin:3px 0 5px}.demo-progress p{margin:0;color:#80685f;font-size:11px}.demo-path-line{display:flex;justify-content:space-between;position:relative;margin-bottom:28px}.demo-path-line:before{content:"";position:absolute;top:16px;left:5%;right:5%;height:1px;background:#d7c9ba}.demo-path-line span{position:relative;z-index:1;display:grid;justify-items:center;gap:5px;color:#9b887f}.demo-path-line i{display:grid;width:33px;height:33px;place-items:center;border:1px solid #d7c9ba;border-radius:50%;background:#f8efe3;font:normal 10px Arial}.demo-path-line b{font-size:9px}.demo-path-line .done i{color:#fff;border-color:#71806a;background:#71806a}.demo-path-line .active i{color:#2f211d;border-color:#ffa726;background:#ffa726}.demo-path article{max-width:850px;margin:auto}.demo-path article h2{font-size:clamp(2rem,4vw,3.4rem)}.demo-path article p{color:#80685f}.demo-path textarea{width:100%;margin:13px 0 20px;border:1px solid #ddd0c2;border-radius:7px;padding:16px;color:#5d4037;background:#fffaf2;font:italic 15px Georgia,serif;resize:none}.demo-ritual{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.demo-ritual>div h2{font-size:2.5rem}.demo-ritual label{display:grid;gap:7px;margin:16px 0}.demo-ritual label span{color:#80685f;font-size:8px;font-weight:900;letter-spacing:.1em}.demo-ritual input{border:0;border-bottom:1px solid #dbcdbc;padding:9px 0;color:#5d4037;background:transparent;font:italic 15px Georgia,serif}.demo-ritual>aside{display:grid;align-content:center;text-align:center;color:#fff;background:#5d4037}.demo-ritual>aside strong{color:#ffa726;font:400 80px Georgia,serif;line-height:1}.demo-ritual>aside span{font:400 18px Georgia,serif}.demo-ritual>aside p{margin:20px 0 0;color:#cdbeb6;font-size:10px}.demo-coach{max-width:850px;margin:auto}.demo-coach>header{display:flex;align-items:center;gap:11px;border-bottom:1px solid #e2d6c9;padding-bottom:18px}.demo-coach>header>span,.demo-chat .guide>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#fff;background:#8e24aa;font:400 10px Georgia,serif}.demo-coach>header strong,.demo-coach>header small{display:block}.demo-coach>header small,.demo-coach>small{color:#907d74;font-size:8px}.demo-chat{display:grid;gap:13px;padding:26px 0}.demo-chat p{max-width:78%;margin:0;border-radius:9px;padding:13px 15px;font-size:12px}.demo-chat .member{justify-self:end;color:#fff;background:#5d4037}.demo-chat .guide{display:flex;align-items:flex-start;gap:10px;background:#f8efe3}.demo-chat .guide>span{flex:0 0 auto;width:24px;height:24px;background:#8e24aa}.demo-chat .muted{opacity:.45}.public-demo-shell>main>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:34px}.public-demo-shell>main>footer strong,.public-demo-shell>main>footer span{display:block}.public-demo-shell>main>footer strong{font:400 17px Georgia,serif}.public-demo-shell>main>footer span{color:#80685f;font-size:10px}
@media(max-width:850px){.public-demo-shell{grid-template-columns:1fr}.public-demo-shell>aside{position:static;width:100%;height:auto;padding:16px}.demo-brand{margin:0 0 14px}.public-demo-shell>aside nav{display:flex;overflow-x:auto}.public-demo-shell>aside nav button{flex:0 0 auto}.demo-profile{display:none}.demo-today,.demo-ritual{grid-template-columns:1fr}.public-demo-shell>main>footer{align-items:stretch;flex-direction:column}.public-demo-shell>main>footer .button{width:100%}}
@media(max-width:560px){.public-demo-shell>main{padding:24px 14px}.public-demo-shell>main>header{display:grid}.demo-mood>div{grid-template-columns:1fr}.demo-path-line b{display:none}.demo-path>article,.demo-ritual>div,.demo-ritual>aside,.demo-coach{padding:22px 18px}.demo-chat p{max-width:92%}}
.testimonial-section{background:var(--white)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial-grid blockquote{position:relative;margin:0;border:1px solid var(--line);border-radius:9px;padding:35px 28px;background:var(--paper)}.testimonial-grid blockquote>span{color:var(--sun);font:400 54px/1 Georgia,serif}.testimonial-grid blockquote>p{min-height:140px;color:var(--earth);font:italic 1rem/1.65 Georgia,serif}.testimonial-grid footer{border-top:1px solid var(--line);padding-top:16px}.testimonial-grid footer strong,.testimonial-grid footer small{display:block}.testimonial-grid footer strong{font-family:var(--serif)}.testimonial-grid footer small{margin-top:3px;color:var(--earth-soft);font-size:.62rem}@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.testimonial-grid{grid-template-columns:1fr}.testimonial-grid blockquote>p{min-height:0}}

/* Guide éditorial mis en avant sur la page d’accueil */
.home-guide-section { overflow: hidden; padding: 112px 0; color: rgba(255,255,255,.7); background: #30221e; }
.home-guide-grid { display: grid; grid-template-columns: minmax(420px, 1.08fr) minmax(0, .92fr); align-items: center; gap: clamp(60px, 8vw, 115px); }
.home-guide-grid figure { position: relative; margin: 0; }
.home-guide-grid figure::before { content: ""; position: absolute; inset: -24px 35px 25px -24px; border: 1px solid rgba(255,167,38,.25); border-radius: 52% 48% 45% 55% / 48% 55% 45% 52%; transform: rotate(-2deg); }
.home-guide-grid figure img { position: relative; display: block; width: 100%; aspect-ratio: 1.22; border-radius: 51% 49% 47% 53% / 44% 55% 45% 56%; object-fit: cover; box-shadow: 0 35px 90px rgba(0,0,0,.25); }
.home-guide-grid figcaption { position: absolute; right: -22px; bottom: 7%; display: flex; align-items: center; gap: 10px; border-radius: 50%; width: 116px; height: 116px; justify-content: center; color: var(--earth-dark); background: var(--sun); box-shadow: 0 18px 44px rgba(0,0,0,.22); transform: rotate(5deg); }
.home-guide-grid figcaption span { font-family: var(--serif); font-size: 2rem; }
.home-guide-grid figcaption small { font-size: .47rem; font-weight: 900; letter-spacing: .09em; line-height: 1.35; }
.home-guide-grid h2 { margin-bottom: 25px; color: white; font-size: clamp(3rem, 5.2vw, 5.35rem); letter-spacing: -.055em; }
.home-guide-grid h2 em { color: var(--sun); font-weight: 400; }
.home-guide-grid > div > p:not(.eyebrow) { max-width: 620px; color: rgba(255,255,255,.62); font-family: var(--serif); font-size: 1.04rem; line-height: 1.75; }
.home-guide-grid ul { margin: 30px 0 34px; padding: 0; border-top: 1px solid rgba(255,255,255,.14); list-style: none; }
.home-guide-grid li { display: grid; grid-template-columns: 38px 1fr; gap: 13px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.78); font-size: .75rem; }
.home-guide-grid li span { color: var(--sun); font-family: var(--serif); }
.home-guide-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.home-guide-actions > a:last-child { border-bottom: 1px solid rgba(255,255,255,.3); padding: 8px 0 4px; color: white; font-size: .68rem; font-weight: 800; }

/* Démonstration produit réellement interactive */
.demo-page { min-width: 0; background: #f8efe3; }
.demo-panel[hidden], .demo-coach-response[hidden] { display: none !important; }
.public-demo-shell > aside nav button > span { flex: 1; }
.public-demo-shell > aside nav button > b { display: grid; width: 21px; height: 21px; place-items: center; border: 1px solid #70584d; border-radius: 50%; color: #a9968d; font-size: 8px; }
.public-demo-shell > aside nav button > b.done { border-color: #71806a; color: white; background: #71806a; }
.public-demo-shell > aside nav button.active > b { border-color: rgba(47,33,29,.32); color: #2f211d; }
.demo-side-progress { margin: 32px 3px 0; }
.demo-side-progress > div { height: 3px; overflow: hidden; border-radius: 4px; background: #513c34; }
.demo-side-progress > div span { display: block; width: 0; height: 100%; border-radius: inherit; background: #ffa726; transition: width .35s ease; }
.demo-side-progress p { margin: 9px 0 0; color: #a9968d; font-size: 9px; }
.demo-side-progress strong { color: #f2dfd4; }
.demo-header-actions { display: flex; align-items: flex-end; flex-direction: column; gap: 9px; }
.demo-header-actions > button { border: 0; border-bottom: 1px solid #cdbeb6; padding: 3px 0; color: #80685f; background: transparent; cursor: pointer; font-size: 9px; }
.demo-panel { animation: demo-panel-in .38s ease both; }
@keyframes demo-panel-in { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } }
.demo-mood > p { margin: -7px 0 21px; color: #80685f; font-size: 11px; }
.demo-mood > div > button { display: grid; min-width: 0; place-items: center; gap: 5px; border: 1px solid #e4d8ca; border-radius: 8px; padding: 17px 8px; color: #8b756b; background: #fffaf2; cursor: pointer; transition: border .2s ease, transform .2s ease, background .2s ease; }
.demo-mood > div > button:hover { transform: translateY(-2px); border-color: #d8b77f; }
.demo-mood > div > button.selected { border-color: #ffa726; color: #9a5c08; background: #fff2d5; box-shadow: inset 0 0 0 1px rgba(255,167,38,.2); }
.demo-mood > div > button > span { display: block; width: auto; height: auto; border: 0; padding: 0; color: inherit; background: transparent; font-size: 1.2rem; }
.demo-mood > div > button > b { font-size: 10px; }
.demo-mood > div > button > small { color: #9b887f; font-size: 8px; letter-spacing: 0; }
.demo-next { display: flex; align-items: flex-start; flex-direction: column; }
.demo-next-time { display: inline-block; margin: 13px 0 9px; border-radius: 20px; padding: 5px 8px; color: #2f211d; background: #ffa726; font-size: 8px; font-weight: 900; }
.demo-next > p { flex: 1; color: #d5c7c0; font-size: 11px; }
.demo-next button:disabled, .demo-path article > button:disabled, .demo-ritual > div > button:disabled { opacity: .42; cursor: not-allowed; }
.demo-progress { flex-wrap: wrap; }
.demo-progress > div:nth-child(2) { flex: 1; }
.demo-mini-chart { display: flex; align-items: flex-end; gap: 5px; height: 48px; margin-left: auto; }
.demo-mini-chart i { width: 7px; border-radius: 5px; background: #eadfd2; }
.demo-mini-chart i:nth-child(1) { height: 18px; }.demo-mini-chart i:nth-child(2) { height: 25px; }.demo-mini-chart i:nth-child(3) { height: 14px; }.demo-mini-chart i:nth-child(4) { height: 37px; background: #ffa726; }.demo-mini-chart i:nth-child(5) { height: 28px; }.demo-mini-chart i:nth-child(6) { height: 42px; background: #8e24aa; }.demo-mini-chart i:nth-child(7) { height: 33px; }
.demo-hypotheses { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin: 27px 0; }
.demo-hypotheses button { display: flex; align-items: flex-start; flex-direction: column; min-height: 115px; border: 1px solid #ddd0c2; border-radius: 7px; padding: 14px; color: #5d4037; background: #fffaf2; cursor: pointer; text-align: left; }
.demo-hypotheses button:hover, .demo-hypotheses button.selected { border-color: #ffa726; background: #fff2d5; }
.demo-hypotheses span { color: #c47a2e; font: 400 13px Georgia,serif; }
.demo-hypotheses strong { margin: auto 0 5px; font: 400 15px Georgia,serif; }
.demo-hypotheses small { color: #907d74; font-size: 8px; }
.demo-path article > label { display: block; color: #c47a2e; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.demo-inline-feedback { margin: -10px 0 19px; color: #80685f; font-size: 9px; line-height: 1.5; }
.demo-ritual > div > p { margin-top: -10px; color: #80685f; font-size: 11px; }
.demo-ritual input:focus, .demo-path textarea:focus { outline: 0; border-color: #ffa726; box-shadow: 0 3px 0 rgba(255,167,38,.15); }
.demo-ritual-orbit { display: flex; align-items: baseline; justify-content: center; }
.demo-ritual > aside h3 { margin: 18px 0 5px; color: white; font-size: 1.65rem; }
.demo-ritual > aside > small { margin-top: 24px; color: #a9968d; font-size: 8px; line-height: 1.5; }
.demo-coach > header > i { margin-left: auto; border-radius: 20px; padding: 5px 8px; color: #4e684d; background: #e8eee2; font-size: 7px; font-style: normal; font-weight: 900; }
.demo-coach-choices { display: flex; flex-wrap: wrap; gap: 7px; margin: 1px 0 24px 34px; }
.demo-coach-choices button { border: 1px solid #ddd0c2; border-radius: 25px; padding: 8px 11px; color: #5d4037; background: #fffaf2; cursor: pointer; font-size: 9px; }
.demo-coach-choices button:hover, .demo-coach-choices button.selected { border-color: #8e24aa; color: #8e24aa; background: #fbf2fc; }
.demo-coach-response { display: grid; gap: 13px; padding-bottom: 23px; }
.demo-coach-response > p { max-width: 78%; margin: 0; border-radius: 9px; padding: 13px 15px; font-size: 12px; }
.demo-coach-response .member { justify-self: end; color: white; background: #5d4037; }
.demo-coach-response .guide { display: flex; align-items: flex-start; gap: 10px; background: #f8efe3; }
.demo-coach-response .guide > span { display: grid; flex: 0 0 auto; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: white; background: #8e24aa; }
.demo-coach-response > div { margin-left: 34px; border-left: 2px solid #ffa726; padding: 12px 15px; background: #fff8e9; }
.demo-coach-response > div small { color: #c47a2e; font-size: 7px; font-weight: 900; letter-spacing: .11em; }
.demo-coach-response > div p { margin: 5px 0 0; color: #80685f; font-size: 10px; }

@media (max-width: 1000px) {
  .home-guide-grid { grid-template-columns: 1fr; }
  .home-guide-grid > div { order: -1; }
  .home-guide-grid figure { width: min(650px, 90%); margin-inline: auto; }
}
@media (max-width: 850px) {
  .public-demo-shell { width: 100%; max-width: 100vw; grid-template-columns: minmax(0,1fr); }
  .public-demo-shell > aside, .public-demo-shell > main { width: 100%; min-width: 0; max-width: 100vw; overflow: hidden; }
  .public-demo-shell > aside nav { width: 100%; max-width: 100%; }
  .public-demo-shell > main > header, .demo-panel { min-width: 0; }
  .demo-side-progress { display: none; }
  .public-demo-shell > aside nav button > b { display: none; }
  .demo-header-actions { align-items: flex-start; }
}
@media (max-width: 620px) {
  .home-guide-section { padding: 80px 0; }
  .home-guide-grid { gap: 58px; }
  .home-guide-grid figure { width: 92%; }
  .home-guide-grid figcaption { right: -15px; width: 95px; height: 95px; }
  .home-guide-grid h2 { font-size: 3.45rem; }
  .home-guide-actions { align-items: stretch; flex-direction: column; }
  .home-guide-actions .button { width: 100%; }
  .home-guide-actions > a:last-child { align-self: flex-start; }
  .demo-hypotheses { grid-template-columns: 1fr; }
  .demo-hypotheses button { min-height: 88px; }
  .demo-mini-chart { display: none; }
  .demo-coach-choices { margin-left: 0; }
  .demo-coach-response > p { max-width: 92%; }
  .demo-coach-response > div { margin-left: 0; }
}
.home-guides-strip{border-bottom:1px solid var(--line);background:var(--white)}.home-guides-strip .container{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}.home-guides-strip span{display:flex;grid-column:1/-1;align-items:center;border-bottom:1px solid var(--line);padding:17px 0;color:var(--sun-deep);font-size:.53rem;font-weight:900;letter-spacing:.11em}.home-guides-strip a{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:10px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 18px;color:var(--earth);font-family:var(--serif);font-size:.76rem;transition:background .2s ease}.home-guides-strip a:nth-of-type(4n+1){border-left:0}.home-guides-strip a:hover{background:var(--paper)}.home-guides-strip b{color:var(--sun-deep)}
@media(max-width:900px){.home-guides-strip .container{grid-template-columns:1fr 1fr}.home-guides-strip a:nth-of-type(4n+1){border-left:1px solid var(--line)}.home-guides-strip a:nth-of-type(odd){border-left:0}}
@media(max-width:560px){.home-guides-strip .container{grid-template-columns:1fr}.home-guides-strip a{border-left:0;border-bottom:1px solid var(--line);padding-inline:0}}
/* Formation signature */
.home-course-feature { padding: 115px 0; background: var(--earth-dark); color: rgba(255,255,255,.76); }
.home-course-feature-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 85px; align-items: center; }
.home-course-picture { position: relative; margin: 0; }
.home-course-picture::before { content: ""; position: absolute; inset: 20px -18px -20px 20px; border: 1px solid rgba(255,255,255,.2); }
.home-course-picture img { position: relative; z-index: 1; display: block; width: 100%; aspect-ratio: 16/11; object-fit: cover; box-shadow: 0 28px 70px rgba(0,0,0,.25); }
.home-course-picture > span { position: absolute; z-index: 2; right: -26px; bottom: -28px; padding: 17px 22px; background: var(--sun); color: var(--earth-dark); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.home-course-picture > span b { margin-right: 8px; font-family: var(--serif); font-size: 2rem; font-weight: 500; }
.home-course-feature h2 { color: white; font-size: clamp(3rem,5vw,5.2rem); }
.home-course-feature h2 em { color: var(--sun); font-weight: inherit; }
.home-course-feature-grid > div:last-child > p:not(.eyebrow) { font-size: 1.05rem; }
.home-course-feature ul { margin: 30px 0; padding: 0; list-style: none; }
.home-course-feature li { padding: 12px 0; border-top: 1px solid rgba(255,255,255,.14); color: white; }
.home-course-feature li::before { content: "✓"; margin-right: 12px; color: var(--sun); }
.home-course-feature-grid > div:last-child > div { display: flex; align-items: center; gap: 24px; }
.home-course-feature-grid > div:last-child > div > a:last-child { padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,.5); color: white; font-size: .78rem; font-weight: 800; }
@media (max-width: 900px) { .home-course-feature-grid { grid-template-columns: 1fr; gap: 60px; }.home-course-picture { max-width: 720px; } }
@media (max-width: 600px) { .home-course-feature { padding: 82px 0; }.home-course-feature-grid > div:last-child > div { align-items: stretch; flex-direction: column; }.home-course-picture > span { right: -7px; } }