/* HOWTOBECOMEAANTHE – design tokens and the few effects Elementor widgets can't express on their own.
   Everything else (colours, type, spacing, layout) is set in Elementor and stays visually editable. */

:root{
  --hta-bg:#080808; --hta-panel:#111111; --hta-panel2:#171717; --hta-text:#f8f8f6;
  --hta-muted:#aaa9a7; --hta-red:#ff2635; --hta-line:#292929; --hta-cream:#f2f0e8;
  --hta-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--hta-bg);color:var(--hta-text);font-family:var(--hta-font);overflow-x:hidden;margin:0}
.screen-reader-text{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px 12px;z-index:100000}

/* Fallback header/footer (used only if no Elementor header/footer is active) */
.hta-fallback-header,.hta-fallback-footer{background:#080808;border-bottom:1px solid #ffffff12;padding:16px 4%}
.hta-fallback-footer{border-top:1px solid var(--hta-line);border-bottom:0;color:#888;font-size:12px}
.hta-fallback-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;max-width:1220px;margin:auto}
.hta-fallback-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;font-size:12px;letter-spacing:1.2px;text-decoration:none}
.hta-fallback-brand img{object-fit:cover}
.hta-fallback-menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.hta-fallback-menu a{color:#c5c5c5;font-size:12px;text-decoration:none}
.hta-plain{max-width:850px;margin:60px auto;padding:0 22px;line-height:1.7}
.hta-plain a{color:var(--hta-red)}
.hta-plain-btn{display:inline-block;background:var(--hta-red);color:#fff!important;padding:14px 20px;text-decoration:none;font-weight:800}

/* Sticky blurred header (Elementor sticky is on; this adds the blur + hairline from the original) */
.hta-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}
.hta-header .elementor-nav-menu a{transition:color .2s}

/* Announcement bar accent */
.hta-announcement .elementor-widget-container{letter-spacing:2px;text-transform:uppercase}

/* Buttons: lift on hover like the original */
.hta-btn .elementor-button{transition:transform .2s,box-shadow .2s,border-color .2s}
.hta-btn .elementor-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff26352b}
.hta-btn-ghost .elementor-button:hover{box-shadow:none;border-color:#aaa!important}

/* Hero decoration */
.hta-hero{position:relative;isolation:isolate;overflow:hidden}
.hta-hero::before{content:"";position:absolute;z-index:-2;width:780px;height:780px;border-radius:50%;right:-120px;top:-190px;background:radial-gradient(circle,#ff26351b 0%,#ff263508 35%,transparent 70%);pointer-events:none}
.hta-hero-about{background:radial-gradient(ellipse at 88% 25%,#ff26351b,transparent 38%),#090909}
.hta-hero-sales{background:radial-gradient(ellipse at 77% 30%,#ff26351d,transparent 36%),linear-gradient(135deg,#0c0c0c,#080808 65%)}
.hta-gridline{position:absolute!important;inset:0;z-index:-1;opacity:.15;pointer-events:none;
  background-image:linear-gradient(#777 1px,transparent 1px),linear-gradient(90deg,#777 1px,transparent 1px);
  background-size:70px 70px;-webkit-mask-image:linear-gradient(to right,transparent,#000 55%,#000);mask-image:linear-gradient(to right,transparent,#000 55%,#000)}
.hta-bgword{position:absolute!important;z-index:-1;right:-25px;bottom:-65px;pointer-events:none;white-space:nowrap}

/* Home hero visual: orbs, shapes, book, floating cards */
.hta-visual{position:relative;perspective:1000px}
.hta-orb{position:absolute!important;border:1px solid #ffffff14;border-radius:50%;width:400px;height:400px;transform:rotateX(68deg) rotateZ(-25deg);box-shadow:0 0 80px #ff263509;pointer-events:none;left:50%;top:50%;margin:-200px 0 0 -200px}
.hta-orb-two{width:330px;height:330px;margin:-165px 0 0 -165px;transform:rotateX(68deg) rotateZ(35deg);border-color:#ff263532}
.hta-shape{position:absolute!important;background:linear-gradient(135deg,#222,#0b0b0b);border:1px solid #ffffff18;transform:rotate(35deg);box-shadow:0 20px 70px #000;pointer-events:none}
.hta-shape-1{width:100px;height:100px;right:3%;top:14%}
.hta-shape-2{width:48px;height:48px;left:8%;bottom:17%;background:#ff2635;opacity:.85;transform:rotate(45deg)}
.hta-book{position:relative;transform:rotateY(-16deg) rotateZ(-4deg);transform-style:preserve-3d;box-shadow:23px 18px 0 #ff2635,40px 38px 60px #000c}
.hta-book::before{content:"";position:absolute;left:0;top:0;bottom:0;width:17px;background:linear-gradient(90deg,#999,#eee 40%,#c9c8c1);transform:translateX(-17px) rotateY(-90deg);transform-origin:right;pointer-events:none}
.hta-book::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:#c7c6bf;transform:rotateX(90deg);transform-origin:top;pointer-events:none}
.hta-book-foot{position:absolute!important;bottom:23px;left:26px;width:78%;border-top:1px solid #aaa}
.hta-floatcard{position:absolute!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 50px #0008;z-index:3}
.hta-fc1{left:0;top:21%}
.hta-fc2{right:0;bottom:17%}

/* About hero art */
.hta-art{position:relative;overflow:hidden;box-shadow:0 30px 100px #0008}
.hta-art-grid{position:absolute!important;inset:0;pointer-events:none;
  background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);
  background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}
.hta-ring{position:absolute!important;width:300px;height:300px;border:1px solid #ff26354d;border-radius:50%;right:-70px;top:-60px;box-shadow:0 0 0 28px #ff263508,0 0 0 60px #ff263505;pointer-events:none}

/* Author portrait placeholder rings */
.hta-portrait{position:relative;overflow:hidden}
.hta-portrait::before,.hta-portrait::after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ff26353b;border-radius:50%;left:50%;top:50%;margin:-140px 0 0 -140px;pointer-events:none}
.hta-portrait::after{width:200px;height:200px;margin:-100px 0 0 -100px}
.hta-portrait > *{position:relative;z-index:1}

/* Sales hero cover */
.hta-stage{position:relative;perspective:1000px}
.hta-halo{position:absolute!important;width:330px;height:330px;border:1px solid #ff263554;border-radius:50%;box-shadow:0 0 0 35px #ff263508,0 0 0 75px #ff263505;transform:rotateX(60deg);left:50%;top:50%;margin:-165px 0 0 -165px;pointer-events:none}
.hta-cover{position:relative;z-index:2;transform:rotateY(-13deg) rotateX(3deg);filter:drop-shadow(20px 24px 25px #000b)}
.hta-cover img{border:1px solid #ffffff30;max-width:330px;height:auto}
.hta-covertag{position:absolute!important;bottom:25px;right:0;z-index:3}

/* Sales: language + bundle selectors */
.hta-langbtn .elementor-button{cursor:pointer}
.hta-langbtn.is-active .elementor-button{background:#ff2635!important;color:#fff!important;border-color:#ff2635!important}
.hta-bundle{cursor:pointer;transition:border-color .2s,box-shadow .2s}
.hta-bundle:hover,.hta-bundle.is-selected{border-color:#ff2635!important;box-shadow:0 0 0 1px #ff2635}
.hta-bundleopts select{width:100%;padding:13px;background:#151515;color:#fff;border:1px solid #333;font-size:14px;font-family:inherit}
.hta-bundleopts label{display:block;margin:8px 0;font-size:13px;color:#ddd}
.hta-bundlesummary{color:#f5f5f5;font-size:14px;margin:18px 0}
.hta-bundle-checkout .elementor-button[disabled],.hta-bundle-checkout .elementor-button.is-disabled{opacity:.45;pointer-events:none}

/* Scroll-reveal fallback for containers that use class instead of Elementor animation */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hta-book,.hta-cover{transform:none}}

/* Responsive tidy-ups beyond Elementor's own breakpoints */
@media (max-width:1024px){
  .hta-hero::before{width:520px;height:520px}
  .hta-visual{min-height:410px}
}
@media (max-width:767px){
  .hta-visual{transform:scale(.9)}
  .hta-floatcard{padding:10px}
  .hta-cover img{max-width:245px}
  .hta-orb{width:300px;height:300px;margin:-150px 0 0 -150px}
}

/* Small label pinned to the author portrait placeholder */
.hta-portrait-label{position:absolute!important;bottom:20px;left:22px;z-index:2}