/* Fluid layouts, character portraits, touch navigation and enlarged text. */
:root{--gutter:clamp(1rem,5.5vw,7rem)}
html{scroll-padding-top:2rem}body{min-width:0}img{max-width:100%}button,a,select{touch-action:manipulation}button,select,.button{min-height:44px}p,li{overflow-wrap:break-word}h1,h2,h3{overflow-wrap:anywhere}main,section,article,nav,footer,.section-heading>*,.class-copy{min-width:0}
header{padding:0 var(--gutter);height:90px;gap:clamp(.75rem,1.6vw,2rem)}header .brand{flex-shrink:0}header nav{gap:clamp(.8rem,1.4vw,1.8rem);margin-left:auto}header nav a{font-size:.875rem;min-height:44px;display:flex;align-items:center}header .small{flex-shrink:0}.menu-toggle,.mobile-plan{display:none!important}.language-control{padding:4px 8px}.language-control select{min-width:0;font-size:.875rem;width:106px}.brand-sub{display:none}
.hero{min-height:800px;min-height:clamp(760px,90svh,1000px);padding-bottom:120px}.hero-content{padding:clamp(150px,16vh,210px) var(--gutter) 0;max-width:1000px}.hero-content h1{font-size:clamp(3.5rem,6.6vw,6.5rem);line-height:1.04;letter-spacing:-.02em}.hero-content>p{font-size:1rem;max-width:38rem}.hero-actions{flex-wrap:wrap}.hero-meta{font-size:.75rem;letter-spacing:.1em;line-height:1.7}.hero-caption{right:var(--gutter);max-width:23%;bottom:70px}.scroll{left:var(--gutter);font-size:.75rem}.ticker{flex-wrap:wrap;justify-content:center;white-space:normal;font-size:.75rem;line-height:1.7;gap:12px 24px;padding:20px var(--gutter)}
.section{padding:clamp(64px,7vw,112px) var(--gutter);width:100%;max-width:1720px}.section-heading{gap:2rem;align-items:flex-end}.section-heading p,.reviews p,.offer>p,.class-copy>p,.feature p{font-size:1rem;line-height:1.75}h2{font-size:clamp(2.3rem,3.8vw,3.6rem);line-height:1.12}.eyebrow{font-size:.75rem;line-height:1.6;letter-spacing:.15em}
.class-tabs{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;border:0;margin-bottom:22px}.class-tabs button{position:relative;padding:0;gap:0;border:1px solid #ffffff18;border-radius:5px;overflow:hidden;background:#17101e;transition:border-color .2s,box-shadow .2s;isolation:isolate}.class-thumb{display:block;width:100%;height:clamp(92px,10vw,145px);object-fit:cover;object-position:50% 20%;opacity:.58;filter:saturate(.75);transition:opacity .25s,filter .25s,transform .3s}.class-tabs button .class-tab-name{display:flex;align-items:center;justify-content:center;width:100%;min-height:45px;padding:8px 4px;font-size:.8125rem;line-height:1.3;color:#c1b4ce;background:#100b15;border-top:1px solid #ffffff0c;overflow-wrap:normal;hyphens:auto}.class-tabs button.active{border-color:#c396ff;box-shadow:0 0 24px #a566ed20;background:#21152d}.class-tabs button.active .class-tab-name{background:#241633;color:#efe2ff}.class-tabs button.active .class-thumb,.class-tabs button:hover .class-thumb{opacity:1;filter:saturate(1)}.class-tabs button:hover .class-thumb{transform:scale(1.045)}.class-tabs button:focus-visible{outline-offset:3px}
.class-stage{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:600px;border-radius:6px;overflow:hidden;transform-style:flat}.class-visual{height:auto;min-height:600px;position:relative;background:#100b17;border-right:1px solid var(--border);isolation:isolate}.class-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 24%;transition:filter .2s;will-change:auto}.character-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0f0a16 0%,transparent 32%,#0e081212 80%);pointer-events:none}.visual-label{bottom:24px;left:24px;right:24px;color:#d9c1f0;z-index:2;font-size:.75rem;letter-spacing:.13em;gap:16px;line-height:1.5}.class-copy{padding:clamp(28px,3.4vw,56px);display:flex;flex-direction:column;justify-content:center}.class-copy h3{font-size:clamp(2.8rem,4vw,4.5rem);line-height:1.1;margin:14px 0 20px}.class-copy .eyebrow{font-size:.75rem}.mode-switch{flex-wrap:wrap;gap:8px;margin:25px 0 15px}.mode-switch button,.demo-filters button{font-size:.875rem}.class-copy li{font-size:1rem;line-height:1.6;margin:12px 0}.text-link{font-size:.875rem;line-height:1.6;gap:12px;min-height:44px}.small-note{font-size:.75rem;line-height:1.7;color:#a393b2}
.features-grid,.demo-grid,.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature{padding:clamp(24px,2.5vw,40px)}.feature-number{font-size:.75rem;line-height:1.6;letter-spacing:.12em}.feature h3{font-size:1.4rem;line-height:1.3}.tags{flex-wrap:wrap}.tags span{font-size:.75rem}.demo-filters{flex-wrap:wrap;flex-shrink:0}.demo-thumb{height:auto;aspect-ratio:16/10;border-radius:4px}.demo-title{font-size:1.125rem;line-height:1.4;gap:12px}.demo-sub{font-size:.875rem;line-height:1.7;display:block}.pill,.video-status{font-size:.75rem;line-height:1.5}.video-status{right:14px;bottom:12px;letter-spacing:.1em}.reviews{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(25px,5vw,70px)}.review-empty{padding:clamp(24px,3vw,42px)}.review-empty h3{line-height:1.4}.outlined-label{font-size:.75rem}.offer h2{font-size:clamp(3rem,5vw,5rem)}.price-card{padding:clamp(24px,2.5vw,40px)}.price-card h3{font-size:1.4rem;line-height:1.3}.price-card>p{font-size:1rem;line-height:1.65;min-height:0}.price-card li{font-size:1rem;line-height:1.5}.price-card .order{font-size:.875rem;line-height:1.5}.price-select{font-size:.875rem}.price-select select{max-width:100%;min-width:0;font-size:1rem}.billing{max-width:100%;flex-wrap:wrap}.billing button{font-size:1rem}.price{flex-wrap:wrap}.price small{font-size:.875rem}.button{font-size:.875rem;line-height:1.5}.watch{font-size:.875rem;min-height:44px}.play{flex-shrink:0}
footer{flex-wrap:wrap;padding:32px var(--gutter);gap:24px}footer p,footer>span,footer>a:last-child{font-size:.75rem;line-height:1.7}footer>span{max-width:30rem}dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:clamp(28px,5vw,48px);width:min(560px,calc(100% - 32px))}dialog h2{font-size:clamp(1.8rem,5vw,2.4rem)}dialog p{overflow-wrap:anywhere}.close{width:44px;height:44px;right:5px;top:4px}
@media(min-width:1720px){.hero-content{margin-left:max(0px,calc((100vw - 1720px)/2));padding-left:var(--gutter)}.features-section{max-width:1720px}.hero-art{background-position:70% 36%}}
@media(max-width:1100px){header{height:80px}header .small{display:none!important}header nav{display:none;position:absolute;left:var(--gutter);right:var(--gutter);top:calc(100% - 1px);padding:14px;background:#130d1ff7;border:1px solid #b492ff55;border-radius:0 0 8px 8px;box-shadow:0 20px 50px #0009;max-height:calc(100dvh - 100px);overflow:auto;backdrop-filter:blur(18px)}header nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}header nav a,header nav a:nth-child(n){display:flex!important;padding:12px 16px;font-size:1rem;line-height:1.4;border-radius:4px;overflow-wrap:anywhere}header nav a:hover{background:#b492ff15}header .language-control{margin-left:auto}.menu-toggle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;min-width:44px;background:#171020;border:1px solid #b492ff44;border-radius:4px;padding:10px}.menu-toggle span{width:20px;height:2px;background:#d4b7fb;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.class-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.class-thumb{height:150px}.class-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}.class-visual{min-height:560px}.section-heading{align-items:flex-start;flex-direction:column}.features-grid{gap:16px}.feature{padding:24px}.reviews{gap:30px}.hero-caption{display:none}.hero-content{max-width:860px}.brand-sub{display:none}}
@media(max-width:900px){.features-grid,.pricing-grid{grid-template-columns:1fr}.feature{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:28px;padding:30px}.feature-number{grid-column:1/-1}.feature-symbol,.dodge-visual,.slider-art{grid-column:1;grid-row:2/5;align-self:center}.feature h3,.feature p,.feature .tags{grid-column:2}.feature h3{margin-top:24px}.feature .tags{margin-top:15px}.price-card{padding:32px}.demo-grid{gap:16px}.demo-thumb{aspect-ratio:4/3}.demo-title{font-size:1rem}.demo-sub{font-size:.8125rem}.video-status{font-size:.625rem;letter-spacing:.04em}.class-copy{padding:28px}.class-copy li{font-size:.9375rem}.reviews{grid-template-columns:1fr}}
@media(max-width:760px){.class-stage{grid-template-columns:1fr}.class-visual{min-height:0;height:auto;aspect-ratio:4/4.4;border-right:0;border-bottom:1px solid var(--border)}.class-art{object-position:50% 22%}.class-copy{padding:32px;display:block}.class-copy h3{font-size:3rem}.class-thumb{height:clamp(92px,20vw,150px)}.class-tabs button .class-tab-name{font-size:.8125rem;min-height:44px}.hero-content{padding-top:145px;max-width:100%}.hero-content h1{font-size:clamp(3.2rem,9vw,5rem)}.hero-content>p{max-width:34rem}.hero-art{background-position:67% center;opacity:.75}.hero-shade{background:linear-gradient(90deg,#09080eef,#09080e50),linear-gradient(0deg,#09080e,transparent 85%)}.hero{min-height:740px}.demo-grid{grid-template-columns:1fr}.demo-thumb{aspect-ratio:16/9}.video-status{font-size:.75rem}.demo-title{font-size:1.2rem}.demo-sub{font-size:.875rem}.hero-meta span:last-child{display:inline}.hero-meta i{display:none}.hero-meta{gap:12px 20px}.ticker{justify-content:flex-start;gap:10px 16px}.ticker b{display:none}.ticker span{flex:1 1 35%;font-size:.6875rem}.section{padding-block:64px}}
@media(max-width:480px){:root{--gutter:18px}header{height:76px;gap:8px}.brand{font-size:clamp(.85rem,4vw,1.1rem);letter-spacing:1px;gap:7px}.brandmark{width:28px;height:30px;font-size:24px}.language-control{padding:2px 5px;gap:3px}.language-control>span{font-size:18px}.language-control select{width:clamp(66px,18vw,90px);font-size:.8125rem}.menu-toggle{width:42px;min-width:42px;padding:9px}header nav.open{grid-template-columns:1fr;left:12px;right:12px}.hero-content{padding-top:130px;padding-right:var(--gutter)}.hero-content h1{font-size:clamp(2.8rem,12vw,3.9rem);margin-block:24px}.hero-content>p{font-size:1rem;line-height:1.7}.hero-content .desktop{display:none}.hero-actions{gap:16px;align-items:stretch}.hero-actions .button{width:100%}.watch{justify-content:center}.hero{min-height:0;padding-bottom:100px}.hero-meta{font-size:.6875rem;letter-spacing:.05em;margin-top:22px}.scroll{bottom:28px}.section-heading{margin-bottom:28px;gap:18px}.section h2{font-size:2.35rem}.class-tabs{gap:7px}.class-thumb{height:clamp(76px,23vw,112px)}.class-tabs button .class-tab-name{font-size:.6875rem;padding:7px 2px;min-height:38px;letter-spacing:0}.class-visual{aspect-ratio:4/5}.visual-label{font-size:.625rem;left:18px;right:18px;bottom:18px}.class-copy{padding:26px 22px}.class-copy h3{font-size:2.8rem}.class-copy li{font-size:.9375rem}.class-copy .eyebrow{font-size:.6875rem}.mode-switch button{flex:1 1 40%;padding:10px 7px;font-size:.8125rem}.feature{display:block;padding:26px}.feature h3{margin-top:0}.feature-symbol,.dodge-visual,.slider-art{height:95px}.feature-number{font-size:.6875rem}.feature h3{font-size:1.3rem}.demo-filters{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.demo-filters button{font-size:.75rem;padding:8px 4px}.review-empty{padding:26px}.offer h2{font-size:3rem}.price-card{padding:26px}.price-card h3{font-size:1.4rem}.billing button{padding:10px 22px}footer .brand{font-size:1rem}footer>span{width:100%}}
@media(max-width:359px){:root{--gutter:14px}.class-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.class-thumb{height:125px}.class-tabs button .class-tab-name{font-size:.875rem;min-height:44px}.hero-content h1{font-size:2.8rem}.hero-meta{font-size:.625rem}.class-copy{padding:24px 18px}.class-copy h3{font-size:2.5rem}.demo-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions .watch{font-size:.8125rem}.feature,.price-card{padding:22px}}
@media(max-height:500px) and (orientation:landscape){header{height:66px}.hero-content{padding-top:110px}.hero{min-height:0}.class-visual{max-height:520px}.class-art{object-position:50% 18%}dialog{max-height:calc(100dvh - 16px)}}
@media(hover:none),(pointer:coarse){.tilt{transform:none!important}.class-tabs button:hover .class-thumb{transform:none}.button:hover{transform:none}.class-thumb{opacity:.8}.class-tabs button.active .class-thumb{opacity:1}}
@media(prefers-reduced-motion:reduce){.class-art,.class-thumb,.menu-toggle span{transition:none!important}}
.class-art{object-position:50% 5%}.class-thumb{object-position:50% 0%}@media(max-width:760px){.class-art{object-position:50% 12%}}
@media(max-width:359px){header{display:grid;grid-template-columns:minmax(0,1fr) 44px;height:auto;min-height:76px;padding-top:10px;padding-bottom:10px;gap:8px 10px}header .brand{grid-column:1;grid-row:1}header .menu-toggle{grid-column:2;grid-row:1}header .language-control{grid-column:1/-1;grid-row:2;margin:0;justify-content:center}header .language-control select{width:calc(100% - 35px);text-align:center}header nav{top:100%}.hero-content{padding-top:174px}}
.class-video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.class-video-grid .demo-thumb{position:relative;aspect-ratio:4/3;background:#17101f;filter:none}.class-video-grid .demo-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;opacity:.75;transition:transform .3s}.class-video-grid .demo-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08040fce,transparent 65%);pointer-events:none}.class-video-grid .play,.class-video-grid .pill,.class-video-grid .video-status{z-index:1}.class-video-grid .demo-title{font-size:1.05rem;gap:8px}.class-video-grid .video-status{font-size:.625rem}.class-video-grid .demo-card:hover img{transform:scale(1.035)}@media(max-width:1100px){.class-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.class-video-grid{grid-template-columns:1fr;gap:28px}.class-video-grid .demo-thumb{aspect-ratio:16/9}.class-video-grid .video-status{font-size:.75rem}.class-video-grid .demo-title{font-size:1.2rem}}
dialog.video-dialog{width:min(1120px,calc(100% - 24px));padding:30px 24px 24px}dialog.video-dialog h2{margin:12px 0 20px;font-size:clamp(1.5rem,4vw,2.25rem)}#class-player{display:block;width:100%;max-height:70dvh;aspect-ratio:16/9;background:#000;border-radius:4px;object-fit:contain}dialog.video-dialog #modal-copy:empty,dialog.video-dialog #copy-status:empty{display:none}.demo-card[data-video-class="0"] .demo-thumb img{object-position:center}@media(max-width:480px){dialog.video-dialog{padding:30px 12px 12px}.video-dialog .eyebrow{padding-right:30px}}@media(orientation:landscape) and (max-height:500px){dialog.video-dialog{padding:12px}.video-dialog .eyebrow{display:none}dialog.video-dialog h2{margin:0 40px 10px 0;font-size:1.25rem}#class-player{max-height:70dvh}}
.class-media-column{display:grid;grid-template-rows:minmax(520px,1fr) auto;min-width:0;background:#100b18;border-right:1px solid var(--border)}.class-media-column .class-visual{min-height:520px;border:0}.class-video{padding:25px;border-top:1px solid #b492ff30;scroll-margin-top:25px;background:linear-gradient(125deg,#241331,#100b18)}.class-video>.eyebrow{font-size:.6875rem;letter-spacing:.12em;margin-bottom:15px}.class-video .demo-card{display:flex;width:100%;gap:16px;align-items:center;min-height:90px}.class-video-thumb{width:130px;aspect-ratio:16/10;flex-shrink:0;position:relative;display:grid;place-items:center;border:1px solid #b492ff40;border-radius:4px;overflow:hidden}.class-video-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;opacity:.65}.class-video-thumb .play{z-index:1;background:#0a0618aa}.class-video-text{display:grid;gap:8px;min-width:0;text-align:left}.class-video-text strong{font-size:1.2rem;font-weight:500;color:#f0e3ff;overflow-wrap:anywhere}.class-video-text>span{font-size:.875rem;color:#bf9aef;line-height:1.4}#class-video-time{font-size:.75rem;color:#a796b7;margin-left:auto}.meta-build{border-left:2px solid #ad7bea;background:#a26be809;padding:14px 16px;margin-top:22px}.meta-build strong{font-size:.875rem;color:#d2b4f7;line-height:1.5}.meta-build p{font-size:.8125rem;line-height:1.7;color:#a99db6;margin-top:7px}#class-mode-description{font-size:.9375rem;line-height:1.7;margin:6px 0 12px;color:#c2b3cf}.class-copy{padding:clamp(26px,3vw,48px)}.class-copy #class-features li{font-size:.875rem;margin:8px 0}.class-automation{border-top:1px solid var(--border);padding-top:20px;margin:0 0 22px}.class-automation strong{font-size:.875rem;line-height:1.7;color:#dbc0ff}.class-automation p{font-size:.8125rem;line-height:1.7;margin-top:8px;color:#ae9ebb}.class-automation>span{display:block;font-size:.6875rem;letter-spacing:.05em;color:#c99ccd;margin-top:15px}.class-copy h3{margin-bottom:16px}.class-copy .text-link{margin-top:auto}@media(max-width:1100px){.class-video{padding:20px}.class-video .demo-card{gap:12px}.class-video-thumb{width:100px}.class-video-text strong{font-size:1rem}.class-video-text>span{font-size:.8125rem}#class-video-time{display:none}.class-copy{padding:28px}}@media(max-width:760px){.class-media-column{display:contents}.class-media-column .class-visual{order:0;min-height:0;border-bottom:1px solid var(--border)}.class-copy{order:1}.class-video{order:2;border-top:1px solid #b492ff30;padding:26px}.class-video-thumb{width:140px}.class-video-text strong{font-size:1.2rem}#class-video-time{display:block}.class-copy .text-link{margin-top:0}}@media(max-width:480px){.class-video{padding:22px}.class-video .demo-card{gap:14px}.class-video-thumb{width:110px}.class-video-text strong{font-size:1rem}#class-video-time{display:none}.class-copy{padding:26px 22px}.meta-build{padding:12px}.class-copy>p{font-size:.9375rem}.class-automation strong{font-size:.8125rem}.class-video-text>span{font-size:.8125rem}}@media(max-width:359px){.class-video-thumb{width:95px}.class-video{padding:20px 16px}}

/* Detailed class logic */
#class-features li{line-height:1.65;padding-block:9px} .profile-details{border-top:1px solid #ffffff18;margin:20px 0;padding-top:16px}.profile-details summary{cursor:pointer;color:#d8bbff;font-weight:600}.profile-details p{font-size:14px;line-height:1.8;color:#aaa1b5;margin-top:12px}.class-media-column{align-self:start}.autofarm-section{border-top:1px solid #ffffff14}.autofarm-intro{max-width:750px;color:#b0a6bd;line-height:1.8}.autofarm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:32px 0}.autofarm-grid article{background:linear-gradient(145deg,#21132b,#100d18);border:1px solid #ffffff16;border-radius:16px;padding:25px}.autofarm-grid h3{font-size:20px;line-height:1.35;margin:20px 0 12px}.autofarm-grid p{font-size:14px;line-height:1.8;color:#b0a6bd}@media(max-width:1100px){.autofarm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.autofarm-grid{grid-template-columns:1fr}.autofarm-grid article{padding:22px}}