/* PlannerCikgu opening surface: scoped so checkout and admin retain their UI. */
.sales-page{--ink:#12233d;--muted:#566375;--green:#ee634e;--deep:#cf4835;--mint:#eaf3e7;--line:#e8e4da;background:#fffaf0;color:var(--ink)}
.sales-page .wrap{max-width:1200px;padding-left:36px;padding-right:36px}
.sales-page .top{background:#fff;border-bottom:1px solid #f1ede6}
.sales-page .nav{min-height:76px}
.sales-page .brand{font-size:1.7rem;letter-spacing:-.055em;color:#12233d}
.sales-page .brand span{color:#ee634e}
.sales-page nav a{color:#12233d;font-weight:700}
.sales-page .nav-order{background:#ee634e;border-radius:12px;color:#fff;padding:11px 22px}
.sales-page .sales-hero{position:relative;padding:38px 0 48px;background:#fffaf0 url('/assets/planner2027/hero-desk.webp') center bottom/cover no-repeat}
.sales-page .sales-hero-grid{position:relative;grid-template-columns:minmax(0,1.35fr) minmax(310px,.85fr);gap:48px;min-height:540px;align-items:center}
.sales-page .sales-intro{position:relative;z-index:1}
.sales-page .sales-intro h1{font-size:clamp(3.6rem,6.2vw,5.4rem);line-height:1.04;letter-spacing:-.06em;max-width:650px;margin:0 0 22px;color:#10223a;font-weight:850}
.sales-page .sales-tagline{font-size:clamp(1.15rem,1.9vw,1.55rem);font-weight:750;line-height:1.35;color:#12233d;margin:0 0 14px;letter-spacing:-.025em}
.sales-page .sales-copy{font-size:1rem;line-height:1.65;color:#425067;max-width:550px;margin:0 0 20px}
.hero-offer{display:flex;gap:18px;align-items:center;margin:0 0 22px}
.hero-offer .hero-price{font-size:4rem;line-height:1;letter-spacing:-.065em;font-weight:850;color:#e85239;margin:0;white-space:nowrap}
.hero-price>span{font-size:.75em;letter-spacing:-.055em;margin-right:2px}
.hero-offer>div{border-left:2px solid #eea17c;padding-left:18px}
.hero-offer strong{font-size:1.16rem;font-weight:750}
.hero-offer>div p{font-size:.78rem;line-height:1.5;max-width:190px;margin:4px 0 0;color:#586374}
.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
.sales-page .hero-actions .sales-button{background:#ee634e;border-color:#ee634e;color:#fff;border-radius:12px;padding:14px 24px;min-height:54px;font-size:1rem;gap:25px;box-shadow:0 8px 20px #e852391a}
.sales-page .hero-actions .sales-button:hover{background:#d9503b;border-color:#d9503b;transform:translateY(-1px)}
.hero-secondary{font-size:.94rem;color:#12233d;text-decoration:underline;text-underline-offset:5px;font-weight:750}
.hero-facts{font-size:.87rem;font-weight:700;margin:22px 0 0;line-height:1.6;color:#28384d}
.hero-facts span{color:#dca53d;padding:0 7px}
.sales-page .sales-photo.sales-video{position:relative;isolation:isolate;width:100%;max-width:340px;padding:28px 34px 16px;justify-self:center;background:#ffde83;border-radius:180px 180px 30px 30px;margin:0}
.sales-video:before{content:'';position:absolute;z-index:-1;inset:4px -15px 130px 13px;border:2px solid #ee765c;border-radius:70px 55px 70px 55px;transform:rotate(8deg);pointer-events:none}
.sales-page .sales-video video{position:relative;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;display:block;background:#112135;border:2px solid #fff;border-radius:20px;box-shadow:0 10px 25px #5c411217}
.video-sound-button{display:block;position:relative;max-width:100%;margin:15px auto 0;border:1.5px solid #28384d;background:#fff7d6;color:#12233d;border-radius:30px;padding:9px 15px;font-family:inherit;font-size:.8rem;font-weight:700;line-height:1.3;cursor:pointer}
.video-sound-button:hover{background:#fff}
.sales-page .sales-video figcaption{font-size:.69rem;line-height:1.5;margin:9px -18px 0;color:#4f4938;text-align:center;min-height:21px}
.first-impression-features{position:relative;background:#fffaf0;margin-top:-1px;padding:0 0 30px}
.feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:white;border:1px solid #eee8de;border-radius:20px;padding:24px 20px;box-shadow:0 6px 24px #1e2a3710}
.feature-strip>div{display:flex;gap:14px;justify-content:center;align-items:center;font-size:1.05rem;font-weight:750;line-height:1.4;padding:0 16px}
.feature-strip>div+div{border-left:1px solid #e8e4da}
.feature-strip svg{width:35px;height:35px;flex:0 0 35px;fill:none;stroke:#ee6b51;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-strip>div:nth-child(2) svg{stroke:#e9b83d}.feature-strip>div:nth-child(3) svg{stroke:#71ab92}
.sales-page .sales-benefits{border-top:0}
.sales-page .sales-section{padding:65px 0}
.sales-page .section-label{color:#c94d35}
.sales-page .benefit-number{background:#fff0cd;color:#9b6321}
.sales-page .content-note{border-color:#edc46d}
.sales-page .planner-gallery-section{background:#f3f7ef}
.sales-page .planner-gallery figure{border-color:#e2e9da}
.sales-page .sales-pricing{background:#ffdf8d;color:#12233d}
.sales-page .sales-pricing .sales-button{background:#ee634e;border-color:#ee634e;color:#fff}
.sales-page .sales-pricing .sales-caption{color:#4e514b}
.sales-page a:focus-visible,.sales-page button:focus-visible,.sales-page video:focus-visible{outline:3px solid #163d68;outline-offset:5px}
@media(min-width:1500px){.sales-page .sales-hero{background-size:100% auto}}
@media(max-width:1000px){.sales-page .wrap{padding-left:28px;padding-right:28px}.sales-page .sales-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:28px}.sales-page .sales-intro h1{font-size:4rem}.sales-page .sales-photo.sales-video{padding:25px 30px 16px}.hero-actions{gap:16px}.hero-facts{font-size:.78rem}.feature-strip>div{font-size:.9rem;padding:0 9px;gap:10px}}
@media(max-width:680px){.sales-page .wrap{padding-left:22px;padding-right:22px}.sales-page .nav{min-height:0;gap:13px;padding-top:16px;padding-bottom:15px}.sales-page .brand{font-size:1.6rem}.sales-page nav{gap:12px}.sales-page nav a{font-size:.8rem}.sales-page .nav-order{padding:8px 15px}.sales-page .sales-hero{padding:32px 0 36px;background-size:auto 100%;background-position:center bottom}.sales-page .sales-hero-grid{grid-template-columns:1fr;gap:30px;min-height:0}.sales-page .sales-intro h1{font-size:clamp(2.9rem,12vw,4rem);line-height:1.02;max-width:520px;margin-bottom:17px}.sales-page .sales-tagline{font-size:1.14rem;max-width:380px}.sales-page .sales-copy{font-size:.93rem;line-height:1.65;margin-bottom:19px}.hero-offer{gap:16px;margin-bottom:21px}.hero-offer .hero-price{font-size:3.5rem}.hero-offer>div{padding-left:15px}.hero-offer>div p{font-size:.72rem;max-width:155px}.hero-actions{gap:21px}.sales-page .hero-actions .sales-button{font-size:.94rem;min-height:50px;padding:12px 20px;gap:20px}.hero-secondary{font-size:.84rem}.hero-facts{font-size:.75rem;margin-top:18px}.hero-facts span{padding:0 4px}.sales-page .sales-photo.sales-video{max-width:300px;padding:26px 30px 15px;border-radius:145px 145px 25px 25px}.sales-video:before{inset:5px -9px 115px 10px}.first-impression-features{padding-bottom:20px}.feature-strip{grid-template-columns:1fr;padding:6px 21px;border-radius:16px}.feature-strip>div{justify-content:flex-start;padding:14px 4px;font-size:.96rem}.feature-strip>div+div{border-left:0;border-top:1px solid #eee8de}.feature-strip svg{width:29px;height:29px;flex-basis:29px}.sales-page .sales-section{padding:42px 0}}
@media(prefers-reduced-motion:reduce){.sales-page *{scroll-behavior:auto!important;transition:none!important}.sales-page .hero-actions .sales-button:hover{transform:none}}