:root{--text-soft: #c4c5c2;--text-dim: #969b9e;--line: rgba(255, 255, 255, .11);--line-strong: rgba(255, 255, 255, .2);--focus-ring: #ff8154}
html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
:where(body,body *){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
:where(a,button,summary,svg,.brand,.check-icon){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
::selection{color:#fff;background:#ff632e8c}
:where(a,button,summary):focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}
.site-header{position:relative!important;inset:auto!important;width:100%!important;z-index:100!important;border-bottom:0!important;background:#000000f0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.brand-copy strong{font-size:14px;letter-spacing:.09em}
.site-header nav a{font-size:14px}
.journal-entry-link{min-height:46px!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:0 16px!important;color:#fff!important;border:1px solid rgba(197,150,114,.62)!important;border-radius:999px!important;background:linear-gradient(145deg,#c5967233,#5f3c2752)!important;box-shadow:0 10px 28px #0003,inset 0 1px #ffffff14!important;font-size:13px!important;line-height:1.2!important}
.journal-entry-link svg{display:block!important;width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.journal-entry-link:hover{border-color:#e0b38ee6!important;background:linear-gradient(145deg,#c5967247,#5f3c2775)!important;transform:translateY(-1px)}
.hero{min-height:560px;padding:72px 0 80px}
.hero h1{text-wrap:balance}
.hero-lead{max-width:700px;margin-inline:auto;color:var(--text-soft);font-size:18px;line-height:1.68;text-wrap:pretty}
.button{min-height:50px;padding-inline:22px;font-size:14px}
.button>svg{transform:none}
.section{padding-block:80px}
.section-heading{margin-bottom:46px}
.plan-label,.section-kicker{font-size:12px;line-height:1.4}
.faq-intro>p,.heading-split>p,.process-copy>p,.section-heading>p{color:var(--text-soft);font-size:16px;line-height:1.72}
.about-copy p{max-width:660px;margin-bottom:17px;font-size:16px;line-height:1.72}
.about-social-link{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin-top:12px;color:var(--accent-bright);font-size:12px;font-weight:650;line-height:1.4}
.about-social-link strong{color:var(--text);font-weight:780}
.about-social-link:hover strong{text-decoration:underline;text-underline-offset:4px}
.about-years span{font-size:11px;line-height:1.25}
.principles-grid{gap:20px}
.principle-card{min-height:270px;padding:30px;cursor:default}
.principle-card p,.process-list p{font-size:15px;line-height:1.7}
.card-number,.process-list li>span{font-size:14px}
.process-grid{gap:clamp(52px,7vw,96px)}
.plans-grid{gap:24px}
.plan-card{min-height:0;padding:36px}
.plan-card-top p{max-width:340px;font-size:15px;line-height:1.65}
.plan-information-title small,.plan-price>span{color:var(--text-dim);font-size:11px;line-height:1.4}
.benefit-panel .feature-list li,.feature-list li,.plan-information-body .feature-list li{color:#e0dfdc;font-size:15px;line-height:1.62}
.plan-information{scroll-margin-top:0}
.plan-information summary{min-height:104px}
.plan-information-body{gap:30px}
.plan-curriculum-link{min-height:46px;font-size:14px}
.content-showcase-grid{gap:18px}
.content-sample-card,.content-sample-image{aspect-ratio:16/9}
.content-sample-image{display:block;width:100%;height:auto;object-fit:cover}
.content-swipe-hint{font-size:13px!important}
.curriculum-module{font-size:12px}
.curriculum-accordion summary{min-height:96px}
.curriculum-accordion summary>strong{font-size:17px}
.curriculum-accordion summary small{font-size:12px}
.curriculum-accordion li strong{font-size:15px;line-height:1.55}
.curriculum-accordion li small{font-size:11px}
.faq-list summary{min-height:76px;font-size:16px;line-height:1.45}
.faq-list details p{max-width:680px;font-size:15px;line-height:1.72}
.footer-brand-stack{display:contents}
.footer-brand,.site-header .brand{pointer-events:none}
@media(min-width:861px){.footer-top{grid-template-columns:minmax(0,1fr) auto}
}
.footer-bottom{min-height:66px;font-size:12px}
.footer-identity-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.footer-identity-links a{color:#a5a7a5;font-weight:620;transition:color .18s ease}
.footer-identity-links a:hover{color:var(--accent-bright)}
@media(max-width:620px){.footer-top{justify-items:center}
.footer-brand-stack{display:flex;width:max-content;max-width:100%;flex-direction:column;align-items:center;gap:22px}
.footer-identity-links{flex-direction:column;align-items:flex-start;gap:8px}
}
.error-page{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 70% 34%,rgba(255,99,46,.12),transparent 32%),var(--bg-deep)}
.error-page main{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}
.error-header{border-bottom:1px solid var(--line)}
.error-header .header-inner{min-height:76px}
.error-content{width:min(calc(100% - 48px),820px);margin-inline:auto;padding-block:96px;text-align:center;align-self:center}
.error-code{display:block;margin-bottom:18px;color:var(--accent-bright);font-size:13px;font-weight:850;letter-spacing:.18em}
.error-content h1{margin:0;font-size:clamp(48px,8vw,82px);line-height:1;letter-spacing:-.045em}
.error-content p{max-width:560px;margin:24px auto 32px;color:var(--text-soft);font-size:17px;line-height:1.7}
.error-content .button{min-width:210px}
@media(max-width:860px){.section{padding-block:68px}
.hero{min-height:520px;padding-block:64px 72px}
.principle-card{min-height:0}
.benefits-grid,.plans-grid{max-width:680px}
}
@media(max-width:620px){html{scroll-padding-top:20px}
.header-inner{gap:12px;min-height:68px}
.brand-mark{width:38px;height:38px}
.brand-copy strong{font-size:10px;letter-spacing:.065em}
.journal-entry-link{min-height:42px!important;padding-inline:12px!important;font-size:12px!important}
.journal-entry-link svg{width:16px;height:16px}
.hero{min-height:500px;padding-block:58px 64px}
.hero h1{font-size:clamp(42px,12.2vw,56px)}
.hero-lead{font-size:16px;line-height:1.65}
.hero-actions .hero-plans-button{width:clamp(220px,62%,260px);max-width:100%;min-height:46px;margin-inline:auto;padding-inline:18px;font-size:13px}
.section{padding-block:56px}
.section-heading{margin-bottom:34px}
.about-copy p,.faq-intro>p,.heading-split>p,.process-copy>p,.section-heading>p{font-size:15px}
.benefit-panel,.plan-card,.principle-card{padding:24px}
.benefit-panel .feature-list li,.faq-list details p,.feature-list li,.plan-card-top p,.plan-information-body .feature-list li,.principle-card p,.process-list p{font-size:14px}
.plan-information summary{min-height:94px}
.content-swipe-hint{font-size:12px!important}
.curriculum-accordion summary>strong,.faq-list summary{font-size:15px}
.curriculum-accordion li strong{font-size:14px}
.error-content{width:min(calc(100% - 32px),820px);padding-block:72px}
.error-content p{font-size:15px}
}
@media(max-width:390px){.journal-entry-link{gap:7px!important;padding-inline:10px!important}
.journal-entry-link span{max-width:104px;overflow:hidden;text-overflow:ellipsis}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,:after,:before{scroll-behavior:auto!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}
.journal-entry-link:hover{transform:none}
}
.header-tools{display:flex;flex:0 0 auto;align-items:center;gap:10px}
.header-tools .header-action-link{position:relative;display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:0 17px;color:#f8f5f1;border:1px solid rgba(197,150,114,.56);border-radius:999px;background:linear-gradient(145deg,#c5967226,#5f3c273d);box-shadow:inset 0 1px #ffffff12;white-space:nowrap;font-size:13px;font-weight:780;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.header-tools .header-action-link:hover{border-color:#e0b38eeb;background:linear-gradient(145deg,#c5967238,#5f3c2752);transform:translateY(-1px)}
.header-tools .header-action-link svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.header-tools .chart-entry-link svg{color:#ff632e}
@media(max-width:1180px){.site-header nav{display:none}
}
@media(max-width:620px){.header-tools{gap:7px}
.header-tools .chart-entry-link{width:42px;min-height:42px;padding:0}
.header-tools .chart-entry-link span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header-tools .journal-entry-link{width:42px;min-height:42px;padding:0!important}
.header-tools .journal-entry-link .journal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}
@media(prefers-reduced-motion:reduce){.header-tools .header-action-link:hover{transform:none}
}
.menu-toggle,.mobile-nav-only{display:none}
.menu-toggle{position:relative;width:46px;min-height:46px;padding:0;place-items:center;align-content:center;gap:5px;color:var(--text);border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);cursor:pointer}
.menu-toggle>span{display:block;width:19px;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.menu-toggle.is-open>span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle.is-open>span:nth-child(2){opacity:0}
.menu-toggle.is-open>span:last-child{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1180px){.menu-toggle{display:grid}
.site-header .primary-nav.is-open{position:absolute;z-index:120;top:calc(100% + 1px);left:50%;display:flex!important;width:min(calc(100% - 32px),680px);flex-direction:column;align-items:stretch;gap:4px;padding:12px;border:1px solid var(--line-strong);border-radius:0 0 16px 16px;background:#080a0bfa;box-shadow:0 26px 60px #0000008f;transform:translate(-50%)}
.site-header .primary-nav.is-open a{display:flex;min-height:46px;align-items:center;padding:0 14px;border-radius:9px;font-size:14px}
.site-header .primary-nav.is-open a:focus-visible,.site-header .primary-nav.is-open a:hover{color:#fff;background:#ff632e1c}
.site-header .primary-nav.is-open a:after{display:none}
.site-header .primary-nav.is-open .mobile-nav-only{display:flex}
}
@media(max-width:620px){.menu-toggle{width:42px;min-height:42px;border-radius:11px}
}
@media(max-width:360px){.site-header .brand-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}
html.chart-access-blocked .chart-entry-link,html.chart-access-blocked .mobile-nav-only,html.is-handheld-device .menu-toggle,html.is-handheld-device .site-header .primary-nav{display:none!important}
html.is-handheld-device .header-tools{margin-left:auto}
html.is-handheld-device .header-tools .journal-entry-link{width:auto!important;min-width:0;min-height:44px!important;gap:8px!important;padding:0 clamp(12px,3.5vw,18px)!important;font-size:clamp(10px,2.8vw,13px)!important}
html.is-handheld-device .header-tools .journal-entry-link .journal-label{position:static;display:inline;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:nowrap;border:0}
@media(max-width:360px){html.is-handheld-device .site-header .brand-copy{position:static;display:inline-flex;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
html.is-handheld-device .site-header .brand{gap:7px}
html.is-handheld-device .site-header .brand-mark{width:34px;height:34px}
html.is-handheld-device .site-header .brand-copy strong{font-size:8px;letter-spacing:.045em}
html.is-handheld-device .header-tools .journal-entry-link{min-height:40px!important;gap:6px!important;padding-inline:10px!important;font-size:10px!important}
}
.card-number{color:#9b9d9f}
.button-primary{color:#fff;background:#c94a1a}
.button-primary:hover{background:#b83e12}
.button-primary:focus-visible{outline-color:#fff}
.content-showcase-grid:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}
.about-photo{background-image:none!important}
.about-profile-image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 31%}
.about-photo:before{z-index:1}
.about-photo:after{z-index:2}
@media(max-width:860px){.about-profile-image{object-position:50% 27%}
}
@media(max-width:620px){.about-profile-image{object-position:50% 24%}
}
.hero-plans-button{width:min(100%,420px);min-width:320px;min-height:60px;border:1px solid rgba(255,139,101,.82);border-radius:999px;color:#ff9a76;background:linear-gradient(180deg,#67372794,#311b159e);box-shadow:0 0 0 1px #ff632e0f,0 14px 42px #ff632e33,inset 0 1px #ffffff14;font-size:14px;font-weight:850;letter-spacing:.14em}
.hero-plans-button:hover{color:#ffc1aa;border-color:#ffa785;background:linear-gradient(180deg,#7c402ca8,#3d1f17b3);box-shadow:0 0 0 1px #ff632e1a,0 18px 48px #ff632e47,inset 0 1px #ffffff1a}
.hero-plans-button:focus-visible{outline-color:#ff9a76}
@media(max-width:620px){.hero-actions .hero-plans-button{width:clamp(220px,62%,260px);min-width:0;min-height:54px;padding-inline:18px;font-size:13px;letter-spacing:.13em}
}
.hero .hero-actions{margin-top:58px}
.hero-plans-button,.hero-plans-button:hover{color:#fff}
@media(max-width:620px){.hero .hero-actions{margin-top:64px}
}
.curriculum-heading,.curriculum-heading>div,.curriculum-heading h2{overflow:visible}
.curriculum-heading h2{display:inline-block;line-height:1.1!important;padding-bottom:.14em;text-wrap:balance}
.footer-top{border-bottom:0!important;padding-bottom:26px}
.footer-bottom{padding-top:0}
@media(max-width:620px){.curriculum-heading h2{line-height:1.12!important;padding-bottom:.16em}
.footer-top{padding-bottom:18px}
}
:root{--ui-action-primary: #c74616;--ui-action-primary-hover: #ce4918;--ui-action-primary-border: #f07849;--ui-action-secondary: #111315;--ui-action-secondary-hover: #171a1d;--ui-action-secondary-border: rgba(255, 99, 46, .52);--ui-action-aux: #0e1113;--ui-action-aux-hover: #171a1d;--ui-action-aux-border: rgba(255, 255, 255, .16)}
.button-primary{color:#fff!important;border-color:var(--ui-action-primary-border)!important;background:var(--ui-action-primary)!important;box-shadow:0 14px 34px #d14b1a42!important}
.button-primary:hover{color:#fff!important;border-color:#ff936b!important;background:var(--ui-action-primary-hover)!important;box-shadow:0 17px 40px #e55a2452!important}
.hero-plans-button{color:#fff!important;background:linear-gradient(180deg,#dc541f,#c74616)!important;border-color:#ff8b65e6!important;box-shadow:0 16px 42px #d14b1a45,inset 0 1px #ffffff1a!important}
.hero-plans-button:hover{color:#fff!important;background:linear-gradient(180deg,#ea602b,#d44c18)!important;border-color:#ff9d79!important}
.button-info{color:#fff!important;border-color:var(--ui-action-secondary-border)!important;background:var(--ui-action-secondary)!important;box-shadow:inset 0 1px #ffffff0d!important}
.button-info:hover{color:#fff!important;border-color:#ff8154d1!important;background:linear-gradient(145deg,rgba(255,99,46,.12),var(--ui-action-secondary-hover))!important}
.header-tools .header-action-link{color:#fff!important;border-color:var(--ui-action-secondary-border)!important;background:var(--ui-action-secondary)!important;box-shadow:inset 0 1px #ffffff0f!important}
.header-tools .header-action-link:hover{border-color:#ff8154d1!important;background:linear-gradient(145deg,rgba(255,99,46,.12),var(--ui-action-secondary-hover))!important}
.menu-toggle{color:#f4f2ee!important;border-color:var(--ui-action-aux-border)!important;background:var(--ui-action-aux)!important}
.menu-toggle:hover{background:var(--ui-action-aux-hover)!important}
.button,.header-tools .header-action-link,.menu-toggle{transform:translateZ(0)!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:auto}
@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.button,.header-tools .header-action-link,.menu-toggle{transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .18s ease,background-color .18s ease!important}
.button:hover,.header-tools .header-action-link:hover,.menu-toggle:hover{transform:translate3d(0,-2px,0)!important}
.button:active,.header-tools .header-action-link:active,.menu-toggle:active{transform:translate3d(0,1px,0) scale(.995)!important;transition-duration:.06s!important}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.button,.button:hover,.button:active,.header-tools .header-action-link,.header-tools .header-action-link:hover,.header-tools .header-action-link:active,.menu-toggle,.menu-toggle:hover,.menu-toggle:active{transform:none!important;will-change:auto!important}
}
.process-refined li{align-items:start}
.process-refined li>span{box-shadow:0 0 0 1px #ff632e14,0 10px 22px #0000002e;background:var(--bg-deep);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.process-refined li>div{padding:18px 24px 18px 22px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:linear-gradient(180deg,#ffffff05,#ffffff02);box-shadow:0 18px 38px #0000002e,inset 0 1px #ffffff0a;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.process-refined li:hover>span{border-color:#ff632e7a;box-shadow:0 0 0 1px #ff632e14,0 14px 28px #0003}
.process-refined li:hover>div{border-color:#ff632e24;background:linear-gradient(180deg,#ff632e0a,#ffffff03);box-shadow:0 22px 44px #0003,inset 0 1px #ffffff0d}
@media(max-width:860px){.process-refined li>div{padding:16px 18px;border-radius:16px}
}
.header-tools .header-action-link{min-height:46px!important;padding:0 16px!important;border:1px solid rgba(197,150,114,.6)!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(180deg,#73423099,#43271eb8)!important;box-shadow:0 12px 26px #0000002e,inset 0 1px #ffffff14,inset 0 -2px #0000002e!important}
.header-tools .header-action-link:hover{border-color:#e0b38eeb!important;background:linear-gradient(180deg,#804a36ad,#4d2d22c7)!important;box-shadow:0 14px 30px #0003,inset 0 1px #ffffff1a,inset 0 -2px #0003!important;transform:none!important}
.header-tools .header-action-link:active{box-shadow:0 8px 18px #00000029,inset 0 2px #00000029,inset 0 1px #ffffff0a!important}
.hero-plans-button,.hero-plans-button.button-primary{border:1px solid rgba(255,139,101,.82)!important;color:#fff!important;background:linear-gradient(180deg,#67372794,#311b159e)!important;box-shadow:0 0 0 1px #ff632e0f,0 16px 38px #ff632e2e,inset 0 1px #ffffff14,inset 0 -2px #0000002e!important}
.hero-plans-button:hover,.hero-plans-button.button-primary:hover{border-color:#ffa785f5!important;color:#fff!important;background:linear-gradient(180deg,#7c402ca8,#3d1f17b3)!important;box-shadow:0 0 0 1px #ff632e1a,0 18px 44px #ff632e38,inset 0 1px #ffffff1a,inset 0 -2px #0003!important;transform:none!important}
.button-primary:not(.hero-plans-button){background:linear-gradient(180deg,#b6502cf5,#96391df5)!important;border:1px solid rgba(221,112,69,.6)!important;color:#fff!important;box-shadow:0 12px 28px #0000002e,inset 0 1px #ffffff14,inset 0 -2px #0000002e!important}
.button-primary:not(.hero-plans-button):hover{background:linear-gradient(180deg,#c74616fa,#a84122fa)!important;border-color:#e87f56b3!important;box-shadow:0 14px 30px #0003,inset 0 1px #ffffff1a,inset 0 -2px #0003!important;transform:none!important}
@media(max-width:620px){.header-tools .header-action-link{min-height:42px!important}
}
.hero-plans-button,.hero-plans-button.button-primary,.plan-actions .button,.plan-actions .button-primary,.plan-actions .button-info{transform:none!important;filter:none!important;box-shadow:none!important}
.hero-plans-button:before,.hero-plans-button:after,.plan-actions .button:before,.plan-actions .button:after,.plan-actions .button-primary:before,.plan-actions .button-primary:after,.plan-actions .button-info:before,.plan-actions .button-info:after{content:none!important}
.hero-plans-button,.hero-plans-button.button-primary{border:1px solid rgba(255,139,101,.78)!important;color:#fff!important;background:linear-gradient(180deg,#61342594,#2e191499)!important}
.hero-plans-button:hover,.hero-plans-button.button-primary:hover{border-color:#ffa785eb!important;color:#fff!important;background:linear-gradient(180deg,#6c3a29a8,#351d16ad)!important}
.plan-actions .button-primary{border:1px solid rgba(220,105,61,.84)!important;color:#fff!important;background:#c74616!important}
.plan-actions .button-primary:hover{border-color:#e97d53f2!important;background:#ce4918!important}
.plan-actions .button-info{border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;background:#ffffff03!important}
.plan-actions .button-info:hover{border-color:#ff8b658a!important;color:#fff!important;background:#ff632e0d!important}
.hero-plans-button:active,.plan-actions .button:active,.plan-actions .button-primary:active,.plan-actions .button-info:active{transform:none!important;box-shadow:none!important}
.button-primary:active,.hero-plans-button:active{background:#ad4726!important}
.hero{isolation:isolate;background:radial-gradient(circle at 78% 52%,rgba(255,99,46,.14),transparent 32%),#000!important}
.hero:before{content:"";position:absolute;z-index:0;width:min(1120px,78vw);aspect-ratio:16/9;right:-7vw;top:50%;transform:translateY(-48%);background:url(/assets/orange-waves.svg) center/contain no-repeat;opacity:.9;pointer-events:none;user-select:none;-webkit-user-select:none;filter:saturate(1.08) contrast(1.04);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 48%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 48%,#000 100%)}
.hero:after{z-index:1}
.hero .hero-grid,.hero .hero-copy{position:relative;z-index:2}
.button:before,.button:after,.button-primary:before,.button-primary:after,.hero-plans-button:before,.hero-plans-button:after,.header-action-link:before,.header-action-link:after{content:none!important;display:none!important}
.button,.button:hover,.button:active,.button-primary,.button-primary:hover,.button-primary:active,.hero-plans-button,.hero-plans-button:hover,.hero-plans-button:active{transform:none!important;transform-style:flat!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.button svg,.button:hover svg,.button:active svg{transform:none!important}
@media(max-width:860px){.hero:before{width:122vw;right:-52vw;top:53%;opacity:.6;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 14%,#000 44%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 14%,#000 44%,#000 100%)}
}
@media(max-width:620px){.hero:before{width:155vw;right:-82vw;top:54%;opacity:.52}
}
@media(prefers-reduced-motion:reduce){.hero:before{filter:none}
}
.plan-actions .button,.plan-actions .button-primary,.plan-actions .button-info{position:relative;overflow:hidden;isolation:isolate}
.plan-actions .button>span,.plan-actions .button-primary>span,.plan-actions .button-info>span{position:relative;z-index:2}
.plan-actions .button:before,.plan-actions .button-primary:before,.plan-actions .button-info:before{content:""!important;display:block!important;position:absolute;top:-18%;left:-34%;width:28%;height:136%;z-index:1;pointer-events:none;opacity:.62;transform:translate(-180%) skew(-24deg);background:linear-gradient(90deg,#fff0,#ffffff0d 18%,#ffffff38,#ffffff12 82%,#fff0);filter:blur(.2px);animation:planButtonSweep 4.8s ease-in-out infinite;will-change:transform,opacity}
.plan-actions .button:nth-child(2):before,.plan-actions .button-primary:nth-child(2):before,.plan-actions .button-info:nth-child(2):before{animation-delay:1.15s}
@keyframes planButtonSweep{0%,16%{transform:translate(-185%) skew(-24deg);opacity:0}
26%{opacity:.72}
46%{transform:translate(420%) skew(-24deg);opacity:.12}
to{transform:translate(420%) skew(-24deg);opacity:0}
}
@media(prefers-reduced-motion:reduce){.plan-actions .button:before,.plan-actions .button-primary:before,.plan-actions .button-info:before{animation:none;opacity:0}
}
.hero-plans-button,.hero-plans-button.button-primary{position:relative;overflow:hidden;isolation:isolate}
.hero-plans-button>span,.hero-plans-button.button-primary>span{position:relative;z-index:2}
.hero-plans-button:before,.hero-plans-button.button-primary:before{content:""!important;display:block!important;position:absolute;top:-18%;left:-34%;width:28%;height:136%;z-index:1;pointer-events:none;opacity:.6;transform:translate(-185%) skew(-24deg);background:linear-gradient(90deg,#fff0,#ffffff0d 18%,#ffffff3d,#ffffff14 82%,#fff0);filter:blur(.2px);animation:heroPlanButtonSweep 4.8s ease-in-out infinite;will-change:transform,opacity}
@keyframes heroPlanButtonSweep{0%,16%{transform:translate(-185%) skew(-24deg);opacity:0}
26%{opacity:.72}
46%{transform:translate(420%) skew(-24deg);opacity:.12}
to{transform:translate(420%) skew(-24deg);opacity:0}
}
@media(prefers-reduced-motion:reduce){.hero-plans-button:before,.hero-plans-button.button-primary:before{animation:none;opacity:0}
}
.hero-plans-button,.plan-actions .button,.button-info{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
.hero-plans-button:focus,.hero-plans-button:focus-visible,.plan-actions .button:focus,.plan-actions .button:focus-visible,.button-info:focus,.button-info:focus-visible{outline:none!important;box-shadow:inherit}
.hero-plans-button::-moz-focus-inner,.plan-actions .button::-moz-focus-inner,.button-info::-moz-focus-inner{border:0}
@media(max-width:620px){.footer-top{justify-items:start!important;padding-bottom:10px!important}
.footer-brand-stack{display:flex!important;width:100%!important;max-width:none!important;align-items:flex-start!important;gap:0!important}
.footer-brand{width:100%;justify-content:flex-start!important;margin:0!important;transform:translateY(-20px)}
.footer-bottom{padding-top:0!important}
}
.hero-plans-button:focus-visible,.plan-actions .button:focus-visible,.button-info:focus-visible{outline:2px solid rgba(255,129,84,.78)!important;outline-offset:3px!important}
.plan-price strong{font-size:30px}
.footer-brand{transform:translateY(-12px)}
.about-years{right:34px;left:auto}
.plan-information-body h3{color:var(--text);letter-spacing:-.015em;margin:0 0 20px;font-size:16px}
@media(max-width:620px){.plan-price strong{font-size:28px}
.footer-brand{transform:translateY(-14px)}
.about-years{right:20px;left:auto}
}

.plans-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 20px;
  max-width: 1180px;
}


.plans-grid .plan-card {
  height: 100%;
  min-height: 0;
  padding: 32px 27px 28px;
}


.plans-grid .plan-card h3 {
  font-size: clamp(35px, 2.8vw, 40px);
  text-wrap: balance;
}


.plans-grid .plan-card-top p {
  min-height: 70px;
  font-size: 14px;
}


.plans-grid .feature-list {
  gap: 14px;
}


.plans-grid .feature-list li {
  font-size: 14px;
  line-height: 1.55;
}


.plans-section .check-icon,
.plan-information-section .check-icon {
  border-color: rgba(77, 214, 139, 0.46);
  background: rgba(77, 214, 139, 0.1);
}


.plans-section .check-icon svg,
.plan-information-section .check-icon svg {
  stroke: #58df98;
}


.plan-card--pro {
  border-color: rgba(255, 112, 60, 0.76);
  background: radial-gradient(circle at 88% 5%, rgba(255, 99, 46, 0.13), transparent 31%), linear-gradient(145deg, rgba(255, 99, 46, 0.055), transparent 45%), var(--surface);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(255, 99, 46, 0.1), 0 0 36px rgba(255, 99, 46, 0.08), inset 0 1px rgba(255, 255, 255, 0.08);
}


.plan-popular-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  display: inline-flex;
  min-height: 28px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 10px;
  color: #fff;
  border: 1px solid rgba(255, 151, 111, 0.92);
  border-radius: 999px;
  background: linear-gradient(180deg, #e25722, #b93811);
  box-shadow: 0 9px 24px rgba(210, 67, 20, 0.3), inset 0 1px rgba(255, 255, 255, 0.2);
  font-size: 9px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.11em;
  white-space: nowrap;
}


.plan-popular-badge svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  fill: currentColor;
}


.plan-card--vip {
  border-color: var(--line);
  background: var(--surface);
  box-shadow: 0 16px 44px var(--shadow-soft), inset 0 1px rgba(255, 255, 255, 0.06);
}

.plans-grid .plan-card:not(.plan-card--pro):hover {
  border-color: var(--line-strong);
  background: var(--surface);
  box-shadow: 0 20px 52px var(--shadow-soft), inset 0 1px rgba(255, 255, 255, 0.07);
}


.plan-card--vip .plan-label,
.plan-card--vip .plan-price small {
  color: #ff956f;
}


@media (max-width: 1100px) {
  .plans-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 820px;
  }


  .plans-grid .plan-card--vip {
    grid-column: 1 / -1;
    width: min(100%, 400px);
    justify-self: center;
  }

}


@media (max-width: 740px) {
  .plans-section .section-heading h2 {
    font-size: clamp(34px, 10.2vw, 42px);
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }


  .plans-grid {
    grid-template-columns: 1fr;
    max-width: 620px;
  }


  .plans-grid .plan-card,
  .plans-grid .plan-card--vip {
    grid-column: auto;
    width: 100%;
  }


  .plans-grid .plan-card {
    padding: 28px 23px 24px;
  }


  .plans-grid .plan-card h3 {
    font-size: clamp(39px, 12vw, 46px);
  }


  .plans-grid .plan-card-top p {
    min-height: 0;
  }


  .plan-popular-badge {
    min-height: 27px;
    gap: 5px;
    padding: 6px 9px;
    font-size: 8.5px;
    letter-spacing: 0.1em;
  }

}



@media (max-width: 620px) {
  .content-swipe-hint {
    position: relative;
    width: max-content;
    max-width: 100%;
    min-height: 0;
    justify-content: center;
    gap: 10px;
    margin: 12px auto 0;
    padding: 4px 0;
    color: rgba(255, 255, 255, 0.82) !important;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font-size: 12px !important;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
  }


  .content-swipe-hint::before {
    display: none;
    content: none;
  }


  .content-swipe-hint > span,
  .content-swipe-hint > svg {
    position: relative;
    z-index: 1;
  }


  .content-swipe-hint > span {
    white-space: nowrap;
    color: transparent !important;
    background: linear-gradient(90deg, #aaa 0%, #ddd 34%, #fff 47%, #ff9a76 50%, #fff 53%, #ddd 66%, #aaa 100%);
    background-size: 260% 100%;
    background-position: 120% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: contentSwipeTextShine 4.2s ease-in-out infinite;
    will-change: background-position;
  }


  .content-swipe-hint > svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    fill: none;
    stroke: #fff;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: contentSwipeHintArrow 1.45s ease-in-out infinite;
  }

}


@keyframes contentSwipeTextShine {
  0%,
  20% {
    background-position: 120% 50%;
  }


  55% {
    background-position: -20% 50%;
  }


  100% {
    background-position: -20% 50%;
  }

}


@keyframes contentSwipeHintArrow {
  0%,
  100% {
    opacity: 0.7;
    transform: translateX(0);
  }


  50% {
    opacity: 1;
    transform: translateX(4px);
  }

}


@media (prefers-reduced-motion: reduce) {
  .content-swipe-hint > span,
  .content-swipe-hint > svg {
    animation: none;
  }


  .content-swipe-hint > span {
    color: #ddd !important;
    background: none;
    -webkit-text-fill-color: #ddd;
  }

}


.button.reference-cta-button,
.button-primary.reference-cta-button,
.button.reference-cta-button:active,
.button-primary.reference-cta-button:active,
.button.reference-cta-button:focus,
.button-primary.reference-cta-button:focus {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255, 139, 101, 0.82) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(97, 52, 37, 0.58), rgba(46, 25, 20, 0.6)) !important;
  background-image: linear-gradient(180deg, rgba(97, 52, 37, 0.58), rgba(46, 25, 20, 0.6)) !important;
  color: #fff !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}

.button.reference-cta-button:hover,
.button-primary.reference-cta-button:hover {
  border-color: rgba(255, 167, 133, 0.92) !important;
  background: linear-gradient(180deg, rgba(108, 58, 41, 0.66), rgba(53, 29, 22, 0.68)) !important;
  background-image: linear-gradient(180deg, rgba(108, 58, 41, 0.66), rgba(53, 29, 22, 0.68)) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.button.reference-cta-button:focus-visible,
.button-primary.reference-cta-button:focus-visible {
  outline: 0 !important;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.42) !important;
}

.reference-cta-button > span {
  position: relative;
  z-index: 2;
}

.reference-cta-button::after {
  display: none !important;
  content: none !important;
}

.reference-cta-button::before {
  position: absolute !important;
  top: -18% !important;
  left: -34% !important;
  z-index: 1 !important;
  display: block !important;
  width: 28% !important;
  height: 136% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05) 18%, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.08) 82%, transparent) !important;
  content: "" !important;
  pointer-events: none;
  opacity: 0;
  filter: blur(0.2px);
  transform: translateX(-185%) skewX(-24deg);
  animation: referenceCtaSweep 4.8s ease-in-out infinite;
  will-change: transform, opacity;
}

@keyframes referenceCtaSweep {
  0%,
  16% {
    opacity: 0;
    transform: translateX(-185%) skewX(-24deg);
  }

  26% {
    opacity: 0.68;
  }

  46% {
    opacity: 0.1;
    transform: translateX(420%) skewX(-24deg);
  }

  100% {
    opacity: 0;
    transform: translateX(420%) skewX(-24deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .reference-cta-button::before {
    animation: none;
    opacity: 0;
  }
}


.mobile-student-label {
  display: block;
}

.site-header .header-inner {
  min-height: 78px;
  gap: 18px;
}

.site-header .brand {
  min-width: 0;
  align-items: flex-start;
  gap: 0;
  pointer-events: none;
}

.site-header .brand-mark {
  display: none !important;
}

.site-header .brand-copy {
  display: flex !important;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  line-height: 1;
}

.site-header .brand-copy .mobile-student-label {
  display: block;
  order: 1;
  max-width: none;
  overflow: visible;
  color: #ff8154;
  font-size: clamp(8px, 2.35vw, 10px);
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.14em;
  white-space: nowrap;
  text-overflow: clip;
}

.site-header .brand-copy strong {
  display: block;
  order: 2;
  max-width: none;
  overflow: visible;
  color: #f7f5f1;
  font-size: clamp(9px, 2.7vw, 12px);
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.09em;
  white-space: nowrap;
  text-overflow: clip;
}

.site-header .header-tools .journal-entry-link {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px;
  min-height: 48px !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 1px solid rgba(255, 99, 46, 0.58) !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 50% 36%, rgba(255, 99, 46, 0.12), transparent 60%),
    #111315 !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.07),
    0 10px 28px rgba(0, 0, 0, 0.28) !important;
}

.site-header .header-tools .journal-entry-link:hover {
  border-color: rgba(255, 129, 84, 0.82) !important;
  background:
    radial-gradient(circle at 50% 36%, rgba(255, 99, 46, 0.17), transparent 62%),
    #151719 !important;
}

.site-header .header-tools .journal-entry-link:active {
  background: #191b1e !important;
}

.site-header .header-tools .journal-entry-link svg {
  display: block !important;
  width: 23px;
  height: 23px;
  flex: 0 0 auto;
  color: #f7f5f1;
  stroke-width: 1.75;
}

.site-header .header-tools .journal-entry-link .journal-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html.is-handheld-device .site-header .brand {
  flex: 1 1 auto;
}

html.is-handheld-device .site-header .header-tools {
  flex: 0 0 auto;
  margin-left: auto;
}

html.is-handheld-device .site-header .header-tools .journal-entry-link {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px;
  min-height: 48px !important;
  padding: 0 !important;
  gap: 0 !important;
}

html.is-handheld-device
  .site-header
  .header-tools
  .journal-entry-link
  .journal-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 360px) {
  .site-header .header-inner {
    min-height: 72px;
    gap: 12px;
  }

  .site-header .brand-copy {
    gap: 6px;
  }

  .site-header .brand-copy .mobile-student-label {
    font-size: 7.5px;
    letter-spacing: 0.11em;
  }

  .site-header .brand-copy strong {
    font-size: 8.5px;
    letter-spacing: 0.065em;
  }

  .site-header .header-tools .journal-entry-link {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px;
    min-height: 44px !important;
    border-radius: 14px !important;
  }

  html.is-handheld-device .site-header .header-tools .journal-entry-link {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px;
    min-height: 44px !important;
    padding: 0 !important;
  }

  .site-header .header-tools .journal-entry-link svg {
    width: 21px;
    height: 21px;
  }
}



:where(
  a.button,
  button,
  .header-action-link,
  .menu-toggle,
  .access-close,
  .access-submit,
  .access-password-toggle
) {
  -webkit-tap-highlight-color: transparent;
}


.site-header .header-tools .journal-entry-link,
.site-header .header-tools .journal-entry-link:hover,
.site-header .header-tools .journal-entry-link:active,
.site-header .header-tools .journal-entry-link:focus,
.site-header .header-tools .journal-entry-link:focus-visible {
  border-color: rgba(255, 255, 255, 0.24) !important;
  background: #111315 !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.28),
    inset 0 1px rgba(255, 255, 255, 0.07) !important;
  transform: none !important;
}

.site-header .header-tools .journal-entry-link:focus-visible {
  border-color: rgba(255, 255, 255, 0.48) !important;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.28),
    inset 0 0 0 1px rgba(255, 255, 255, 0.18),
    inset 0 1px rgba(255, 255, 255, 0.08) !important;
}


.hero-plans-button,
.plan-actions .button,
.plan-actions .button-primary,
.plan-actions .button-info {
  filter: none !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.hero-plans-button::before,
.hero-plans-button::after,
.plan-actions .button::after,
.plan-actions .button-primary::after,
.plan-actions .button-info::after {
  display: none !important;
  content: none !important;
}

.hero-plans-button:is(:focus, :focus-visible, :active),
.plan-actions .button:is(:focus, :focus-visible, :active),
.plan-actions .button-primary:is(:focus, :focus-visible, :active),
.plan-actions .button-info:is(:focus, :focus-visible, :active) {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .hero-plans-button:hover,
  .plan-actions .button:hover,
  .plan-actions .button-primary:hover,
  .plan-actions .button-info:hover {
    outline: 0 !important;
    box-shadow: none !important;
  }
}


.access-submit,
.access-submit:hover,
.access-submit:focus,
.access-submit:focus-visible,
.access-submit:active {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

.access-submit:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.46) !important;
}


.access-close,
.access-close:hover,
.access-close:active,
.access-close:focus,
.access-close:focus-visible {
  color: #e0e1df !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: #121416 !important;
  filter: none !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.access-close:focus-visible {
  border-color: rgba(255, 255, 255, 0.48) !important;
}


.plan-card .plan-actions .button,
.plan-card .plan-actions .button-primary,
.plan-card .plan-actions .button-info {
  width: min(100%, 270px);
  min-width: 0;
  min-height: 50px;
  margin-inline: auto;
  padding-inline: 18px;
  font-size: 13px;
}

@media (max-width: 620px) {
  .plan-card .plan-actions .button,
  .plan-card .plan-actions .button-primary,
  .plan-card .plan-actions .button-info {
    width: min(100%, 250px);
  }
}


.section-intro,
.process-section,
.feedback-teaser-section,
.plans-section,
.plan-information-section,
.benefits-section,
.curriculum-section {
  border-bottom: 0 !important;
}


.access-close {
  min-width: 44px;
  width: 44px;
  min-height: 44px;
  height: 44px;
  touch-action: manipulation;
}

body.access-modal-open {
  overscroll-behavior: none;
}

@media (prefers-reduced-motion: reduce) {
  .access-close,
  .access-submit {
    animation: none !important;
    transition: none !important;
  }
}


@media (max-width: 620px) {
  .content-swipe-hint > span {
    color: transparent !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
  }
}

@media (max-width: 620px) and (prefers-reduced-motion: reduce) {
  .content-swipe-hint > span {
    color: #ddd !important;
    background: none !important;
    -webkit-text-fill-color: #ddd !important;
  }
}


.access-dialog,
.access-modal.is-open .access-dialog {
  transform: none;
}


:where(a, button, summary):focus-visible {
  outline: 3px solid #ff8154 !important;
  outline-offset: 3px !important;
}


:where(input, select, textarea):focus,
:where(input, select, textarea):focus-visible {
  outline: 0 !important;
  outline-offset: 0 !important;
  -webkit-tap-highlight-color: transparent;
}

.access-input-shell input:focus,
.access-input-shell input:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
@media (max-width: 860px), (pointer: coarse) {
  .access-modal {
    inset: 0;
    width: auto;
    height: auto;
    min-height: 0;
    transition: none;
  }

  .access-dialog,
  .access-modal.is-open .access-dialog {
    transform: none;
    transition: none;
  }
}


.plan-payment-options {
  display: grid;
  gap: 8px;
  margin: 13px 0 20px;
}
.plan-payment-options p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0;
  color: var(--text-soft);
  font-size: 12px;
  line-height: 1.45;
}
.plan-payment-options p span {
  min-width: 0;
}
.plan-payment-options p strong {
  flex: 0 0 auto;
  color: var(--text);
  font-size: 12px;
  font-weight: 780;
  white-space: nowrap;
}
.plan-card--pro .plan-payment-options p strong {
  color: #fff;
}
@media (max-width: 620px) {
  .plan-payment-options {
    gap: 7px;
    margin: 12px 0 18px;
  }
  .plan-payment-options p {
    font-size: 11.5px;
  }
  .plan-payment-options p strong {
    font-size: 11.5px;
  }
}
body,body :not(input):not(textarea):not(select):not(option):not([contenteditable=true]),html{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}body :not(input):not(textarea):not(select):not(option):not([contenteditable=true])::selection,body::selection{color:inherit;background:0 0}[contenteditable=true],input,option,select,textarea{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}canvas,img,svg,video{-webkit-user-drag:none}
html,body,img,picture,video,canvas{touch-action: pan-x pan-y;}html.journal-page,html.journal-page body{touch-action: pan-y;}
:root {
  --feedback-black: #000;
  --feedback-orange: #ff632e;
}

html,
body.feedback-page,
.feedback-page main {
  background: var(--feedback-black);
}

.feedback-page {
  overflow-x: hidden;
}

.feedback-page .site-header {
  background: rgba(0, 0, 0, 0.94);
}

.feedback-page .primary-nav a[aria-current="page"] {
  color: #fff;
}

.feedback-page .primary-nav a[aria-current="page"]::after {
  transform: scaleX(1);
}

.feedback-hero {
  display: flex;
  min-height: clamp(460px, 58vw, 650px);
  align-items: center;
  padding: clamp(100px, 14vw, 166px) 0 clamp(84px, 12vw, 138px);
  background: #000;
  position: relative;
  overflow: hidden;
}

.feedback-hero::before { display: none; content: none; }

.feedback-hero::after { display: none; content: none; }

.feedback-hero-inner {
  z-index: 1;
  position: relative;
}

.feedback-hero h1 {
  max-width: 900px;
  margin: 20px 0 24px;
  color: #f7f5f1;
  font-size: clamp(48px, 6vw, 82px);
  font-weight: 790;
  line-height: 0.99;
  letter-spacing: -0.052em;
}

.feedback-hero h1 em {
  color: var(--feedback-orange);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -0.04em;
}

.feedback-hero p {
  max-width: 690px;
  margin: 0;
  color: var(--text-soft);
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.75;
}

.feedback-gallery-section {
  padding: clamp(76px, 9vw, 120px) 0 clamp(92px, 11vw, 148px);
  background: #000;
}

.feedback-gallery-heading {
  max-width: 760px;
  margin-bottom: clamp(50px, 7vw, 78px);
}

.feedback-gallery-heading h2,
.feedback-cta h2 {
  margin: 14px 0 0;
  color: #f7f5f1;
  font-size: clamp(38px, 4.5vw, 62px);
  font-weight: 760;
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.feedback-gallery {
  display: flex;
  width: min(100%, 820px);
  margin-inline: auto;
  flex-direction: column;
  align-items: center;
  gap: clamp(30px, 4vw, 44px);
}

.feedback-entry {
  display: block;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  break-inside: avoid;
  page-break-inside: avoid;
}

/* Desktop: dois relatos lado a lado, em fluxo tipo mural para evitar grandes vazios
   quando um feedback é muito mais comprido que o outro. Em telas menores a
   galeria continua em uma única coluna para preservar a leitura. */
@media (min-width: 1080px) {
  .feedback-gallery {
    display: block;
    width: min(100%, 1180px);
    column-count: 2;
    column-gap: clamp(28px, 3vw, 44px);
  }

  .feedback-entry {
    display: inline-block;
    width: 100%;
    max-width: none;
    margin: 0 0 clamp(30px, 3vw, 42px);
    vertical-align: top;
    break-inside: avoid-column;
    page-break-inside: avoid;
  }

  .feedback-entry::before {
    margin-bottom: 11px;
  }
}

.feedback-entry::before {
  display: block;
  width: 30px;
  height: 2px;
  margin-bottom: 12px;
  background: var(--feedback-orange);
  content: "";
}

.feedback-entry img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  background: #000;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.feedback-knowledge {
  padding-top: clamp(62px, 8vw, 108px);
  text-align: center;
}

.feedback-knowledge p {
  margin: 0;
  color: #f4f1ed;
  font-size: clamp(34px, 4.2vw, 56px);
  font-weight: 680;
  line-height: 1.04;
  letter-spacing: -0.042em;
  text-wrap: balance;
}

.feedback-knowledge em {
  color: #ff7443;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

.feedback-cta {
  padding: clamp(86px, 11vw, 142px) 0;
  background: #000;
  background-image: none;
  border-top: 0;
  text-align: center;
}

.feedback-cta-inner {
  display: flex;
  max-width: 820px;
  flex-direction: column;
  align-items: center;
}

.feedback-cta p {
  max-width: 600px;
  margin: 22px auto 32px;
  color: var(--text-soft);
  font-size: 15px;
  line-height: 1.75;
}

.feedback-cta .button {
  width: min(100%, 270px);
  min-width: 0;
}

@media (max-width: 620px) {
  .feedback-hero {
    min-height: 520px;
    padding-top: 92px;
    padding-bottom: 82px;
    background: #000;
  }

  .feedback-hero::before {
    width: 100%;
    opacity: 0.13;
  }

  .feedback-hero h1 {
    font-size: clamp(44px, 13vw, 60px);
  }

  .feedback-gallery {
    width: 100%;
    gap: 34px;
  }

  .feedback-entry {
    width: 100%;
    margin-inline: auto;
  }

  .feedback-entry::before {
    margin-bottom: 10px;
  }

  .feedback-cta .button {
    width: min(100%, 250px);
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .feedback-page * {
    scroll-behavior: auto !important;
  }
}

.feedback-entry img{margin-inline:auto;object-position:center center;}