/* Shared glass surfaces: warm light, black typography, amber actions. */
:root{--glass:linear-gradient(130deg,#ffffffa6,#ffffff45 55%,#fff7e94d);--glass-shadow:0 16px 48px -24px #34291328,0 3px 12px #34291305;--glass-blur:blur(20px) saturate(140%)}
body{background:#f7f5f0;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 12%,#ffe3a35c,transparent 38%),radial-gradient(ellipse at 5% 55%,#e3ded65c,transparent 40%),radial-gradient(ellipse at 80% 90%,#ffd68038,transparent 40%),linear-gradient(145deg,#faf9f5,#f4f1e9)}
.hero{position:relative;isolation:isolate}
.hero:before{content:none}
.hero h1{color:#111}
.circled:before{border-color:#efc56880}
.button,.button.outline,.play,.floating-sticker,.offer,.offer-symbol,.steps article,.faq-list>details,dialog,.demo-tabs,select,input{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}
.button{border:0;background:linear-gradient(145deg,#ffe7a8ed,#ffc64ade);box-shadow:0 6px 18px -8px #b5842450,inset 0 2px 4px #ffffff75,inset 0 -2px 5px #c58d1920;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{background:linear-gradient(145deg,#ffedc0,#ffc044);box-shadow:0 10px 24px -10px #b5842460,inset 0 2px 4px #fff8}
.button.outline{border:0;background:var(--glass);box-shadow:var(--glass-shadow);color:#111}
.button.outline:hover{background:#ffffffbd}
.showcase{padding:16px;background:var(--glass);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);border:0;border-radius:28px;box-shadow:0 28px 65px -28px #28231940,0 4px 14px #28231908}
.showcase-top{color:#4a4741;padding:1px 5px 15px}
.showcase-top i{background:#cb911d}
.video-art{border-radius:17px}
.editor-bar{color:#454039;padding:14px 5px 0;height:46px}
.wave i{background:#a39a89}.wave i:nth-child(-n+12){background:#b98623}
.play{border:0;background:linear-gradient(135deg,#ffffff70,#ffffff1f);box-shadow:0 6px 25px #0002,inset 0 1px 2px #ffffff40}
.floating-sticker{border:0;border-radius:22px;background:linear-gradient(135deg,#fff1cbbf,#ffe3a370);box-shadow:var(--glass-shadow)}
.ribbon{opacity:.38;filter:blur(2px)}
.benefit-strip{border:0;padding:21px 24px;margin-top:30px;border-radius:999px;background:var(--glass);box-shadow:0 8px 28px -18px #34291318;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.offer{position:relative;border:0;border-radius:30px;background:var(--glass);box-shadow:var(--glass-shadow);transition:transform .25s,box-shadow .25s}
.offer-course{background:linear-gradient(130deg,#fff9e7b0,#ffedc754 55%,#fffdf852)}
.offer:hover{transform:translateY(-3px);box-shadow:0 22px 50px -24px #34291338}
.offer-symbol{border:0;border-radius:16px;background:linear-gradient(145deg,#fff4d9c9,#ffe0a273);box-shadow:0 4px 12px #8b681312}
.offer-format{border-top-color:#2320180d}
.offer summary{background:linear-gradient(135deg,#ffffffbf,#ffffff55);color:#111;box-shadow:0 4px 15px #34291309;transition:background .2s}
.offer summary:hover{background:#ffffffd9}
.offer summary:after{content:'\2197'}.offer details[open] summary:after{content:'\2212'}
.niche-card{border-radius:28px;box-shadow:0 15px 35px -18px #28231940;padding:18px}
.card-label{align-self:flex-start;padding:9px 12px;border-radius:999px;background:#ffffff20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.niche-card>div{padding:21px 18px 16px;border-radius:21px;background:linear-gradient(135deg,#ffffff2c,#ffffff0d);backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%);box-shadow:0 5px 18px #0000000a}
.niche-card div>span{border-top:0;padding-top:5px}.niche-card h3{margin-bottom:17px;font-size:28px}
.workflow{max-width:1090px;margin:15px auto 0;padding:65px 40px;background:linear-gradient(145deg,#ffffff60,#fff4d730 65%,#ffffff30);border-radius:38px;box-shadow:var(--glass-shadow)}
.steps{gap:18px;margin-top:40px}
.steps article{padding:25px;border-radius:25px;background:var(--glass);box-shadow:0 6px 24px -14px #34291314}
.step-no{border:0;padding-bottom:12px}.step-no span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffff70;font-size:24px}
.steps h3{margin-top:16px;font-size:20px}
.faq-list>details,.faq-list>details:first-child{padding:22px 24px;margin-bottom:10px;border:0;border-radius:22px;background:var(--glass);box-shadow:0 8px 25px -16px #34291318}
.faq-list>details[open]{background:linear-gradient(135deg,#ffffffb0,#fff7e775)}
.faq-list summary{line-height:1.6}.faq-list summary:after{align-self:center;line-height:1}
.closing{max-width:1050px;margin:0 auto 25px;padding:75px 30px;border-radius:40px;background:linear-gradient(135deg,#ffffff99,#ffe7ac70 65%,#ffffff59);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.closing-star{color:#e4b65e35;pointer-events:none}
dialog{border:0;border-radius:30px;background:linear-gradient(135deg,#fffdf6f0,#faf4e4e6);box-shadow:0 30px 100px #17120a30}
dialog::backdrop{background:#28241c45;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
select,input{border:1px solid #22222210;border-radius:14px;background:#ffffff75;box-shadow:0 3px 12px #34291304}
select:focus-visible,input:focus-visible{outline:2px solid #ad7919;outline-offset:3px}
.demo-tabs{gap:5px;padding:5px;background:#ffffff5c;border-radius:999px;box-shadow:0 5px 16px #34291307}
.demo-tabs button{border:0;border-radius:999px;background:transparent}
.demo-tabs [aria-selected=true]{background:linear-gradient(145deg,#ffe9b6e0,#ffd477a1);box-shadow:0 2px 8px #b584241a}
.close{width:36px;height:36px;right:14px;top:14px;background:#ffffff70;border-radius:50%;font-size:23px;line-height:1}
footer{border:0}
@media(max-width:1100px){.workflow{width:calc(100% - 48px)}.closing{width:calc(100% - 48px)}}
@media(max-width:760px){:root{--glass-blur:blur(12px) saturate(130%)}.showcase{padding:10px;border-radius:22px}.showcase-top{padding:2px 3px 10px}.video-art{border-radius:14px}.editor-bar{height:37px;padding-top:10px}.floating-sticker{padding:12px 15px;border-radius:16px}.benefit-strip{padding:16px 15px;border-radius:23px;gap:12px}.offer{border-radius:25px}.niche-card{border-radius:25px}.niche-card>div{padding:17px;border-radius:19px}.workflow{width:calc(100% - 32px);padding:45px 20px;border-radius:30px}.steps{gap:13px;margin-top:30px}.steps article{padding:22px}.faq-list>details,.faq-list>details:first-child{padding:20px;border-radius:20px}.closing{width:calc(100% - 32px);padding:55px 22px;border-radius:30px}dialog{border-radius:25px}.hero-actions{flex-wrap:wrap}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.offer,.steps article,.faq-list>details,.button.outline,.showcase,.benefit-strip{background:#fcfaf5}.niche-card>div{background:#171717b8}dialog{background:#fcfaf5}}
@media(prefers-reduced-transparency:reduce){.offer,.steps article,.faq-list>details,.button.outline,.showcase,.benefit-strip,dialog,.closing,.workflow{background:#fcfaf5;backdrop-filter:none;-webkit-backdrop-filter:none}.niche-card>div{background:#171717d9;backdrop-filter:none;-webkit-backdrop-filter:none}body:before{display:none}}

/* Hugeicons: consistent rounded SVGs in every control. */
.hugeicon{display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}
.button .hugeicon,.header-cta .hugeicon{width:18px;height:18px}
.micro .hugeicon,.editor-tag .hugeicon{width:14px;height:14px}
.benefit-strip>span,.editor-tag,.text-button,.video-bottom>span:last-child{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.benefit-strip .hugeicon{width:17px;height:17px}
.hand-note .hugeicon{width:40px;height:40px}
.floating-sticker .hugeicon{width:30px;height:30px}
.play,.close{display:grid;place-items:center;padding:0}
.play .hugeicon{width:25px;height:25px}
.play-small{display:inline-flex}.play-small .hugeicon{width:15px;height:15px}
.closing-star .hugeicon{width:170px;height:170px}
summary:after{display:none!important}
.disclosure-icons{display:inline-flex;align-items:center;flex-shrink:0;align-self:center}
.disclosure-icons .hugeicon:last-child{display:none}
details[open]>summary .disclosure-icons .hugeicon:first-child{display:none}
details[open]>summary .disclosure-icons .hugeicon:last-child{display:block}
@media(max-width:760px){.closing-star .hugeicon{width:100px;height:100px}.benefit-strip>span{gap:5px}.benefit-strip .hugeicon{width:14px;height:14px}.play .hugeicon{width:20px;height:20px}}

.hero-video-stage{overflow:hidden;border-radius:17px;background:#111}.hero-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.hero-video:focus-visible{outline:3px solid #d69c28;outline-offset:-3px}@media(max-width:760px){.hero-video-stage{border-radius:14px}}

.hero-copy{max-width:700px;margin-inline:auto;text-wrap:pretty}

/* Responsive hero heading */
.hero h1{font-size:64px;font-weight:700;line-height:1.15;max-width:900px;text-align:center;margin-inline:auto;letter-spacing:-2.4px}
@media(max-width:1100px){.hero h1{font-size:48px;letter-spacing:-1.8px}}
@media(max-width:600px){.hero h1{font-size:36px;letter-spacing:-1.2px}.hero h1 .circled{white-space:normal}}
@media(max-width:380px){.hero h1{font-size:32px;letter-spacing:-1px}}

/* Keep the hero close to the floating navigation. */
.hero{padding-top:28px}
.hero h1{margin-top:16px}
@media(max-width:760px){.hero{padding-top:22px}.hero h1{margin-top:12px}}

.hero-media{max-width:910px;margin:40px auto 0;position:relative}@media(max-width:760px){.hero-media{margin-top:30px}}

/* High contrast benefits beneath the film. */
.benefit-strip{display:grid;grid-template-columns:1fr 1.16fr 1fr;max-width:910px;gap:0;margin:26px auto 0;padding:26px 12px;border:0;border-radius:24px;background:radial-gradient(ellipse at 100% 0%,#8a672d45,transparent 65%),linear-gradient(135deg,#252421ed,#151515f5);color:#fff;box-shadow:0 14px 35px -20px #17171765;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.benefit-item{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 17px;text-align:left;min-width:0}
.benefit-item+.benefit-item{border-left:1px solid #ffffff1c}
.benefit-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:14px;color:#111;background:linear-gradient(145deg,#ffe8a9,#ffd166);box-shadow:inset 0 1px 1px #ffffff90,0 4px 12px #0002}
.benefit-strip .benefit-icon .hugeicon{width:22px;height:22px}
.benefit-item strong{font-family:'Inter',sans-serif;font-size:13px;line-height:1.65;font-weight:600;letter-spacing:-.15px}
.benefit-item strong>span{color:#f4d997;font-size:11px;font-weight:450;letter-spacing:0}
@media(max-width:900px){.benefit-strip{padding:22px 8px}.benefit-item{padding:0 12px;gap:10px}.benefit-icon{width:36px;height:36px;border-radius:12px}.benefit-item strong{font-size:12px}.benefit-item strong>span{font-size:10px}}
@media(max-width:650px){.benefit-strip{grid-template-columns:1fr;padding:8px 22px;border-radius:23px;margin-top:20px}.benefit-item{justify-content:flex-start;padding:17px 0;gap:16px}.benefit-item+.benefit-item{border-left:0;border-top:1px solid #ffffff15}.benefit-item strong{font-size:14px;line-height:1.55}.benefit-item strong>span{font-size:12px}.benefit-item:first-child br{display:none}.benefit-icon{width:40px;height:40px}}

.hero-title-shell{position:relative;max-width:1200px;margin-inline:auto;padding-inline:72px}@media(max-width:760px){.hero-title-shell{padding-inline:35px}}@media(max-width:600px){.hero-title-shell{padding-inline:18px}}

.hero-actions .button:not(.outline){background:#111;color:#fff;border:0;box-shadow:none}.hero-actions .button:not(.outline):hover{background:#292929;color:#fff;box-shadow:none}
@media(max-width:600px){
  .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:420px;width:100%;margin:25px auto 16px}
  .hero-actions .button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:50px;width:100%;padding:14px 16px;font-size:14px;line-height:1.3;font-weight:600;gap:10px;white-space:nowrap;border-radius:999px}
  .hero-actions .button>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}
  .hero-actions .button .hugeicon,.hero-actions .play-small .hugeicon{display:block;width:17px;height:17px}
}
@media(max-width:360px){.hero-actions{gap:9px}.hero-actions .button{padding:13px 11px;font-size:13px;gap:8px;min-height:48px}}

html{scroll-padding-top:calc(var(--announcement-height,0px) + 100px)}

.introduction{max-width:1050px;padding-top:55px;padding-bottom:55px}
.introduction-heading{text-align:center}
.introduction-heading h2{font-size:43px;line-height:1.16;letter-spacing:-1.6px}
.introduction-heading p{font-size:14px;line-height:1.7;color:#66615a}
.introduction .hero-media{margin-top:28px}
@media(max-width:760px){.introduction{padding-top:40px;padding-bottom:40px}.introduction-heading h2{font-size:33px;letter-spacing:-1.1px}.introduction-heading p{font-size:12px}}

.hero-offer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px;margin:25px auto 0;max-width:540px}
.hero-price{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.hero-price del{font:450 17px 'Geist',sans-serif;color:#8a8070;text-decoration-thickness:1.5px}
.hero-price strong{font:750 34px/1.1 'Geist',sans-serif;letter-spacing:-1.2px;color:#111}
.unlimited-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 13px;border-radius:999px;background:linear-gradient(135deg,#ffe9ae,#ffda83ad);color:#4a3811;font-size:11px;font-weight:550;line-height:1.4;box-shadow:0 3px 12px #8b681309}
.hero-offer+.hero-actions{margin-top:18px}
@media(max-width:600px){.hero-offer{gap:10px 13px;margin-top:21px}.hero-price{gap:8px}.hero-price del{font-size:15px}.hero-price strong{font-size:29px}.unlimited-chip{font-size:10px;padding:8px 11px;gap:5px}.unlimited-chip .hugeicon{width:15px;height:15px}.hero-offer+.hero-actions{margin-top:17px}}

@media(max-width:600px){.hero-actions{display:flex;justify-content:center}.hero-actions .button{width:auto;min-width:180px;max-width:100%}}