/* NaRa Academy v0.25.5 — Premium Sales Landing
   Final additive layer over v0.25.4/0.25.4.1. */

:root{--n255-cream:#fffaf2;--n255-card:#fffdf9;--n255-line:#eadfce;--n255-muted:#796e66;--n255-shadow:0 22px 65px rgba(49,31,21,.08)}

/* Header */
.n254-header{padding:14px max(22px,calc((100vw - 1500px)/2));border-bottom:1px solid rgba(255,255,255,.08)}
.n254-header-row{min-height:72px;display:grid;grid-template-columns:minmax(300px,1fr) auto auto;align-items:center;gap:22px}
.n254-brand{gap:13px;min-width:0}
.n254-brand img{width:62px;height:62px;border-radius:9px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.n255-brand-copy{display:grid;gap:1px;min-width:0}
.n255-brand-name{font:700 clamp(27px,2vw,37px) Georgia,"Times New Roman",serif;white-space:nowrap}
.n255-brand-name b{color:var(--nara-gold)}
.n255-brand-copy small{font:600 12px/1.2 Inter,system-ui,sans-serif;color:rgba(255,255,255,.68);letter-spacing:.01em}
.n254-controls{margin:0;display:flex;align-items:center;justify-content:center;gap:8px}
.n254-seg{border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.035)}
.n254-seg a{height:40px;min-width:auto;padding:0 13px;font-size:11px;border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.8)}
.n254-seg a.active{background:rgba(255,255,255,.96);color:#38251d}
.n254-account{min-height:48px;border-color:color-mix(in srgb,var(--nara-gold) 52%,transparent);padding:0 21px;background:rgba(255,255,255,.025)}
.n254-menu-btn{display:none}

/* Hero — desktop follows approved split composition. */
main{width:min(1500px,calc(100% - 44px));margin-top:30px}
.n254-hero.n255-hero{min-height:600px;border-radius:34px;background:var(--n255-cream);border-color:var(--n255-line);box-shadow:var(--n255-shadow)}
@media(min-width:881px){
 .n254-hero.n255-hero.has-media{grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr)!important}
 .n254-hero.n255-hero .n254-hero-copy{padding:clamp(42px,4.6vw,76px);position:relative;background:linear-gradient(125deg,#fffdf8,#fffaf1)}
 .n254-hero.n255-hero .n254-hero-copy:after{content:"";position:absolute;right:-48px;top:0;bottom:0;width:96px;background:#fffaf2;border-radius:0 55% 55% 0/0 50% 50% 0;z-index:1;pointer-events:none}
 .n254-hero.n255-hero .n254-hero-copy>*{position:relative;z-index:2}
 .n254-hero.n255-hero .n254-hero-media{position:relative;z-index:0;overflow:hidden}
 .n254-hero.n255-hero .n254-hero-media img{object-position:center center;transform:scale(1.015)}
}
.n254-hero h1{font-size:clamp(54px,5.1vw,78px);line-height:.96;letter-spacing:-.038em;max-width:10.8ch;margin:22px 0 20px}
.n254-hero h1:after{content:"";display:block;width:min(250px,58%);height:3px;margin-top:18px;background:linear-gradient(90deg,var(--nara-gold),transparent);border-radius:99px}
.n254-lead{font-size:clamp(17px,1.4vw,22px);max-width:560px;color:#70655d}
.n254-sublead{margin-top:15px}
.n254-pill{background:#fff3d9;border:1px solid #f0dba8;box-shadow:0 8px 22px rgba(160,112,26,.06)}
.n254-hero-stats{margin-top:25px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.n254-hero-stats span{padding:4px 16px;border-right:1px solid #eadfce;align-items:flex-start}
.n254-hero-stats span:first-child{padding-left:0}.n254-hero-stats span:last-child{border-right:0}
.n254-hero-stats i{font-style:normal;color:var(--nara-gold);font-size:20px;line-height:1}
.n254-hero-stats b{font-size:12px;line-height:1.3;color:#55483f}
.n254-hero-actions{margin-top:28px;gap:11px}
.n254-hero-actions a{min-width:205px;min-height:54px;border-radius:13px}
.n254-hero-actions a:not(.primary){background:#fffdf8}.n254-hero-actions a span{margin-left:10px}

/* Featured course */
.n254-featured.n255-featured{margin-top:22px;margin-bottom:46px;padding:16px 20px;grid-template-columns:280px minmax(0,1fr) 260px;border-radius:26px;box-shadow:0 16px 45px rgba(49,31,21,.05)}
.n255-featured .n254-featured-media{height:190px;border-radius:20px}
.n255-featured .n254-featured-copy h2{font-size:clamp(34px,3vw,48px);line-height:1.02;margin:9px 0 10px}
.n255-featured .n254-featured-copy p{max-width:700px}
.n255-featured .n254-featured-buy strong{font-size:31px}
.n255-featured .n254-featured-buy .primary{min-height:50px}

/* Tariffs */
.n255-tariffs{margin-top:42px}
.n255-tariffs .n254-section-head{margin-bottom:20px;display:block}
.n255-tariffs .n254-section-head h2{font-size:clamp(40px,3.5vw,56px)}
.n255-tariff-subtitle{margin:8px 0 0;color:#887d74;font-size:14px;line-height:1.45}
.n254-plan-grid{gap:16px}
.n254-plan{border-radius:22px;padding:24px 18px 18px;min-height:420px;background:linear-gradient(180deg,#fff,#fffdf9);box-shadow:0 10px 30px rgba(55,36,24,.025);overflow:visible}
.n254-plan.is-popular{padding-top:56px}
.n254-plan.selected{padding:23px 17px 17px;min-height:420px;border:2px solid var(--nara-gold);box-shadow:0 18px 50px color-mix(in srgb,var(--nara-gold) 16%,transparent)}
.n254-plan.is-popular.selected{padding-top:55px}
.n254-plan-badge{top:14px;left:18px;max-width:calc(100% - 70px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}
.n254-plan-radio{top:18px;right:18px}
.n254-plan-icon{margin-bottom:13px;background:#fffaf0}
.n254-plan h3{font-size:clamp(23px,1.7vw,29px);line-height:1.05;margin-right:35px;overflow-wrap:break-word}
.n254-plan-term{margin-top:3px}.n254-plan>strong{font-size:30px;margin:17px 0 7px}
.n255-lifetime-chip{width:max-content;max-width:100%;margin:0 0 8px;padding:5px 9px;border-radius:999px;background:#3f2c23;color:#fff;font-size:10px;font-weight:850}
.n254-plan ul{gap:8px;margin:8px 0 18px}.n254-plan li{font-size:12px;line-height:1.38}
.n254-plan-select{margin-top:auto;background:#fffdf9}
.n254-plan.selected .n254-plan-select{box-shadow:0 10px 24px color-mix(in srgb,var(--nara-gold) 18%,transparent)}
.n254-plan-summary{position:relative!important;bottom:auto!important;margin-top:18px;grid-template-columns:58px minmax(0,1fr) minmax(260px,420px);border-radius:22px;padding:14px 17px;background:#fffdf9}
.n254-summary-btn{min-height:56px}.n254-plan-summary p{font-size:10px;color:#8b8077}

/* Trust strip */
.n255-trust{margin-top:20px;margin-bottom:50px;padding:14px 12px;border-radius:20px;background:#fff9ef}
.n255-trust>div{padding:7px 18px}.n255-trust i{width:38px;height:38px}

/* Larger screens */
@media(min-width:1600px){
 .n254-header-row{grid-template-columns:minmax(330px,1fr) auto auto}.n254-hero.n255-hero{min-height:640px}.n254-featured.n255-featured{grid-template-columns:320px minmax(0,1fr) 280px}.n255-featured .n254-featured-media{height:210px}
}

/* Tablet */
@media(max-width:1100px){
 .n254-header-row{grid-template-columns:minmax(260px,1fr) auto}.n254-controls{grid-column:1/-1;justify-content:flex-start;margin-top:0}.n254-header-actions{grid-column:2;grid-row:1}
 .n254-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.n254-plan{min-height:390px}
}

/* Mobile: hero photo becomes true background with readable overlay. */
@media(max-width:700px){
 body{overflow-x:hidden}.n255-has-tariffs{padding-bottom:22px}
 .n254-header{padding:10px 12px!important}.n254-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:58px}
 .n254-brand{gap:8px!important;min-width:0}.n254-brand img{width:44px!important;height:44px!important}.n255-brand-name{font-size:clamp(20px,6vw,25px);overflow:hidden;text-overflow:ellipsis}.n255-brand-copy small{display:none}
 .n254-header-actions{grid-column:2;grid-row:1;gap:5px}.n254-account{min-height:42px;padding:0 11px;font-size:11px;border-radius:12px}.n254-menu-btn{display:block!important;width:42px!important;height:42px!important;padding:8px!important}
 .n254-controls{display:none;grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:7px;flex-wrap:wrap;padding-top:4px}.n254-controls.open{display:flex}.n254-seg{max-width:100%;overflow-x:auto}.n254-seg a{height:35px;padding:0 9px;min-width:44px;font-size:10px}
 main{width:calc(100% - 20px)!important;margin-top:14px!important}
 .n254-hero.n255-hero.has-media{position:relative!important;display:block!important;min-height:670px!important;border-radius:26px!important;overflow:hidden!important;background:#2d1c15!important}
 .n254-hero.n255-hero.has-media .n254-hero-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border:0!important;z-index:0!important}
 .n254-hero.n255-hero.has-media .n254-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,19,13,.18) 0%,rgba(31,19,13,.52) 38%,rgba(31,19,13,.92) 100%)}
 .n254-hero.n255-hero.has-media .n254-hero-media img{width:100%;height:100%;object-fit:cover;object-position:62% center}
 .n254-hero.n255-hero.has-media .n254-hero-copy{position:relative!important;z-index:2!important;min-height:670px!important;padding:30px 20px 25px!important;display:flex!important;justify-content:flex-end!important;color:#fff;background:linear-gradient(90deg,rgba(27,16,11,.25),transparent 65%)}
 .n254-hero.n255-hero.has-media .n254-pill{align-self:flex-start;margin-bottom:auto;background:rgba(255,248,230,.94);color:#a66f14;border-color:rgba(255,255,255,.3)}
 .n254-hero.n255-hero.has-media h1{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.28);font-size:clamp(42px,12vw,56px)!important;line-height:.96!important;margin:20px 0 15px!important;max-width:10ch!important}
 .n254-hero.n255-hero.has-media h1:after{background:linear-gradient(90deg,#e0aa3b,transparent);margin-top:14px}
 .n254-hero.n255-hero.has-media .n254-lead,.n254-hero.n255-hero.has-media .n254-sublead{color:rgba(255,255,255,.86)!important;text-shadow:0 1px 8px rgba(0,0,0,.25)}
 .n254-hero.n255-hero.has-media .n254-sublead{font-size:12px!important}
 .n254-hero.n255-hero.has-media .n254-hero-stats{grid-template-columns:1fr!important;gap:6px!important;margin-top:18px!important}
 .n254-hero.n255-hero.has-media .n254-hero-stats span{padding:8px 10px!important;border:1px solid rgba(255,255,255,.19)!important;border-radius:12px;background:rgba(36,23,16,.48);backdrop-filter:blur(8px)}
 .n254-hero.n255-hero.has-media .n254-hero-stats b{color:#fff}.n254-hero.n255-hero.has-media .n254-hero-stats i{color:#e3b052}
 .n254-hero.n255-hero.has-media .n254-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:18px!important}
 .n254-hero.n255-hero.has-media .n254-hero-actions a{min-width:0!important;min-height:50px!important;padding:0 10px!important;font-size:12px!important;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.93);color:#39261d}
 .n254-hero.n255-hero.has-media .n254-hero-actions .primary{background:var(--nara-gold)!important;color:#fff!important}
 .n254-hero.n255-hero.no-media{border-radius:26px!important}

 .n254-featured.n255-featured{margin:14px 0 34px;padding:12px;grid-template-columns:110px minmax(0,1fr);gap:12px;border-radius:22px}
 .n255-featured .n254-featured-media{height:130px;border-radius:17px}.n255-featured .n254-featured-copy{padding:0}.n255-featured .n254-featured-copy h2{font-size:27px!important;margin:7px 0}.n255-featured .n254-featured-copy p{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .n255-featured .n254-featured-buy{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px;padding:2px 0 0}.n255-featured .n254-featured-buy small,.n255-featured .n254-featured-buy strong{grid-column:1}.n255-featured .n254-featured-buy strong{font-size:25px}.n255-featured .n254-featured-buy .primary{grid-column:2;grid-row:1/3}.n255-featured .n254-featured-buy .link{grid-column:1/-1}

 .n255-tariffs{margin-top:34px}.n255-tariffs .n254-section-head h2{font-size:clamp(34px,9vw,42px)!important}.n255-tariff-subtitle{font-size:12px;line-height:1.45}
 .n254-plan-grid{grid-template-columns:1fr!important;gap:12px!important}.n254-plan{min-height:0!important;padding:22px 17px 17px!important;border-radius:20px!important}.n254-plan.is-popular{padding-top:54px!important}.n254-plan.selected{padding:21px 16px 16px!important}.n254-plan.is-popular.selected{padding-top:53px!important}
 .n254-plan-badge{top:12px!important;left:16px!important;right:52px!important;max-width:none!important;width:max-content;white-space:nowrap;font-size:9px;padding:6px 9px}
 .n254-plan h3{font-size:27px!important;overflow-wrap:normal!important;word-break:normal!important}.n254-plan>strong{font-size:29px!important;margin:13px 0 6px}.n254-plan ul{gap:7px;margin-bottom:14px}.n254-plan li{font-size:12px}.n254-plan-select{min-height:48px}
 .n254-plan-summary{position:sticky!important;bottom:max(8px,env(safe-area-inset-bottom))!important;z-index:25!important;grid-template-columns:44px minmax(0,1fr)!important;padding:11px!important;border-radius:19px!important;box-shadow:0 16px 48px rgba(42,25,16,.22)}.n254-summary-icon{width:43px!important;height:43px!important}.n254-summary-copy b{font-size:19px!important}.n254-summary-copy span{font-size:12px}.n254-summary-btn{grid-column:1/-1;min-height:52px!important}.n254-plan-summary p{grid-column:1/-1!important;margin-top:0}
 .n255-trust{grid-template-columns:1fr 1fr!important;margin-top:18px!important;padding:8px!important}.n255-trust>div{border-right:0!important;border-bottom:1px solid #eadfce;padding:10px!important}.n255-trust>div:nth-child(odd){border-right:1px solid #eadfce!important}.n255-trust>div:nth-last-child(-n+2){border-bottom:0}.n255-trust b{font-size:11px}.n255-trust small{font-size:9px}
}

@media(max-width:390px){
 .n254-account{padding:0 9px;font-size:10px}.n255-brand-name{font-size:20px}.n254-hero.n255-hero.has-media{min-height:640px!important}.n254-hero.n255-hero.has-media .n254-hero-copy{min-height:640px!important}.n254-hero.n255-hero.has-media h1{font-size:39px!important}.n254-hero.n255-hero.has-media .n254-hero-actions{grid-template-columns:1fr!important}.n254-featured.n255-featured{grid-template-columns:90px minmax(0,1fr)}.n255-featured .n254-featured-media{height:110px}.n255-featured .n254-featured-copy h2{font-size:24px!important}.n255-trust{grid-template-columns:1fr!important}.n255-trust>div{border-right:0!important;border-bottom:1px solid #eadfce!important}.n255-trust>div:last-child{border-bottom:0!important}
}