/* Final interaction layer: calm depth, clearer hierarchy and generous breathing room. */
:root{--ease-out:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:150px}
body{overflow-x:clip}
.experience-site main{isolation:isolate}
.experience-site .section,.experience-site .spacious-section{position:relative}
.experience-site .section[id],.experience-site [id]{scroll-margin-top:150px}
.experience-site .btn,.experience-site .inline-link,.experience-site .text-link,.experience-site .support-big{position:relative;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),background-color .25s,color .25s}
.experience-site .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -18px #36251d88}
.experience-site a:focus-visible,.experience-site button:focus-visible{outline:3px solid #d66843;outline-offset:4px}
.theme-forge a:focus-visible,.theme-forge button:focus-visible{outline-color:#ff985a}
.experience-site .home-tool,.experience-site .pricing-tool,.experience-site .price-card,.experience-site .lesson-card,.experience-site .screen-index-card{--spot-x:50%;--spot-y:50%;position:relative;isolation:isolate}
.experience-site .home-tool:after,.experience-site .pricing-tool:after,.experience-site .price-card:after,.experience-site .lesson-card:after,.experience-site .screen-index-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(440px circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.5),transparent 60%);transition:opacity .45s}
.experience-site .home-tool:hover:after,.experience-site .pricing-tool:hover:after,.experience-site .price-card:hover:after,.experience-site .lesson-card:hover:after,.experience-site .screen-index-card:hover:after{opacity:.65}
.theme-forge .price-card:after,.theme-forge .lesson-card:after,.theme-forge .screen-index-card:after,.home-tool.dark:after,.pricing-tool.dark:after{background:radial-gradient(440px circle at var(--spot-x) var(--spot-y),rgba(255,141,78,.1),transparent 62%)}

.payment-methods{margin-top:clamp(48px,7vw,88px);padding-top:clamp(38px,5vw,64px);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:clamp(36px,7vw,96px);align-items:start}
.payment-methods h2{font:500 clamp(28px,3vw,42px)/1.12 var(--display);letter-spacing:-.045em;margin:18px 0}
.payment-methods>div>p{max-width:390px;color:#7b6d63;line-height:1.8;font-size:14px}
.payment-method-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.payment-method-list article{border:1px solid #ded3c8;border-radius:16px;padding:24px;background:#fffaf4;min-height:170px}
.payment-method-list h3{font:600 18px var(--display);letter-spacing:-.025em;margin:0 0 12px}
.payment-method-list p{font-size:13px;line-height:1.65;color:#796d65;margin:0 0 18px}
.payment-method-list small{display:block;font-size:11px;line-height:1.7;color:#9b8778}
.theme-forge .payment-methods{border-color:#383039}.theme-forge .payment-methods>div>p{color:#b3a6af}.theme-forge .payment-method-list article{background:#171419;border-color:#3b333a}.theme-forge .payment-method-list p{color:#b8acb5}.theme-forge .payment-method-list small{color:#987f8e}

.lesson-video-frame{position:relative;width:min(520px,48vw);aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#171519;flex:none;box-shadow:0 18px 40px -25px #1a0d085e}
.lesson-video-frame iframe,.lesson-video-frame video{display:block;width:100%;height:100%;border:0;object-fit:cover}
.video-placeholder.has-video{align-items:center;padding:22px}.video-placeholder.has-video .video-icon{display:none}.video-ready{color:#386c4d;text-decoration:none}.theme-forge .video-ready{color:#add18b}

.legal-section{padding-top:34px!important}
.legal-layout{display:grid;grid-template-columns:250px minmax(0,720px);justify-content:center;gap:clamp(55px,9vw,130px);align-items:start}
.legal-layout aside{position:sticky;top:165px;border-top:1px solid #d8cec4;padding-top:22px;display:grid;gap:10px}
.legal-layout aside span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#9c7a67}.legal-layout aside strong{font-size:14px}.legal-layout aside a{font-size:13px;color:#a4472d;margin-top:20px}
.legal-copy{display:grid;gap:44px}.legal-copy section{padding-bottom:44px;border-bottom:1px solid #e0d7cd}.legal-copy h2{font:500 clamp(25px,3vw,36px)/1.15 var(--display);letter-spacing:-.04em;margin:0 0 19px}.legal-copy p{font-size:15px;line-height:1.9;color:#6f655e;margin:0 0 17px}.error-page{min-height:70vh;display:grid;align-items:center;padding-bottom:90px}.error-page .overview-actions{margin-top:35px}

@media (hover:hover) and (pointer:fine){.experience-site [data-polish-card]{transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}.experience-site [data-polish-card]:hover{transform:translateY(-4px)}}
@media(max-width:800px){html{scroll-padding-top:125px}.payment-methods{grid-template-columns:1fr;gap:28px}.payment-method-list{grid-template-columns:1fr 1fr}.lesson-video-frame{width:100%}.video-placeholder.has-video{align-items:flex-start;flex-direction:column}.legal-layout{grid-template-columns:1fr;gap:40px}.legal-layout aside{position:static;grid-template-columns:1fr 1fr}.legal-layout aside a{grid-column:1/-1;margin-top:5px}}
@media(max-width:560px){.payment-method-list{grid-template-columns:1fr}.payment-method-list article{min-height:0}.legal-copy{gap:34px}.legal-copy section{padding-bottom:34px}.legal-copy p{font-size:14px}.experience-site .footer-links{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.experience-site .btn,.experience-site [data-polish-card]{transition:none!important;transform:none!important}.experience-site .home-tool:after,.experience-site .pricing-tool:after,.experience-site .price-card:after,.experience-site .lesson-card:after,.experience-site .screen-index-card:after{display:none}}