/* Tuuteez premium learning studio — forest redesign */
:root{
  --tz-ivory:#f6f2e8;
  --tz-white:#ffffff;
  --tz-forest:#173f2d;
  --tz-forest-hover:#20563d;
  --tz-forest-deep:#102f22;
  --tz-charcoal:#242a26;
  --tz-body:#5b665f;
  --tz-sage:#9fb39f;
  --tz-sage-soft:#e7eee5;
  --tz-amber:#d5a14b;
  --tz-amber-soft:#f7e8c8;
  --tz-line:#dce3da;
  --tz-radius-sm:12px;
  --tz-radius-md:18px;
  --tz-radius-lg:28px;
  --tz-shadow:0 16px 42px rgba(23,63,45,.08);
}

body{background:var(--tz-ivory);color:var(--tz-charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,a,input,select{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(213,161,75,.7);outline-offset:4px}

/* Entrance experience */
.intro>.wordmark .brand-image{filter:drop-shadow(0 5px 18px rgba(0,0,0,.2))}
.skipintro{color:#fff;border-color:rgba(255,255,255,.36);font-weight:600}
.intro-foot{color:rgba(255,255,255,.62)}
.sound-toggle{border-color:rgba(255,255,255,.22)!important;color:rgba(255,255,255,.78)!important}
.world-picker{background:var(--tz-ivory)!important;color:var(--tz-charcoal)!important}
.world-picker fieldset,.world-bottom{border-color:var(--tz-line)!important}
.world-picker .option-buttons button,.world-picker select{background:var(--tz-white)!important;border-color:var(--tz-line)!important;color:var(--tz-charcoal)!important;border-radius:999px!important}
.world-picker .option-buttons button.chosen{background:var(--tz-forest)!important;border-color:var(--tz-forest)!important;color:#fff!important}
.world-bottom .button{background:var(--tz-forest)!important;color:#fff!important}

/* Foundation */
#website{
  --paper:var(--tz-ivory);
  --ink:var(--tz-charcoal);
  --border:var(--tz-line);
  background:var(--tz-ivory);
  color:var(--tz-charcoal);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#website h1,#website h2,#website h3,#website h4,#website .subject strong,#website .pricing-page h3{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--tz-charcoal);
  font-weight:650;
  letter-spacing:-.042em;
}
#website h2,#website .section h2,#website .simple-how h2{font-size:clamp(34px,3.3vw,48px);line-height:1.12}
#website p{color:var(--tz-body)}
#website .eyebrow,#website .platform-eyebrow{color:var(--tz-forest);font-weight:700;letter-spacing:.14em}
#website .fine,#website .margin-note{color:#758078}
#website .section,#website .simple-how,#website .platform-section{padding:88px max(6%,calc((100vw - 1180px)/2));border-top:1px solid var(--tz-line)}

/* Navigation and actions */
#website header{
  height:78px;
  padding:0 max(4%,calc((100vw - 1240px)/2));
  background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--tz-line);
  box-shadow:0 8px 30px rgba(23,63,45,.04);
  backdrop-filter:blur(14px);
}
#website header nav{gap:26px;font-size:14px;font-weight:500}
#website header nav a{color:#465049}
#website header nav a:after{height:2px;background:var(--tz-forest);border-radius:999px}
#website header nav a:hover,#website header nav a[aria-current="location"]{color:var(--tz-forest)}
#website .button,#website header .button.small,#website #howContinue,#website .check-button,#website .pricing-pro .plan-cta,#website .pricing-pro .featured-plan .plan-cta,#website .why-anchor .button,#website .why-close .button{
  min-height:44px;
  padding:11px 20px;
  border:1px solid var(--tz-forest);
  border-radius:999px;
  background:var(--tz-forest);
  color:#fff;
  box-shadow:none;
  font:650 14px/1.25 Inter,sans-serif;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}
#website .button:hover,#website #howContinue:hover,#website .check-button:hover,#website .pricing-pro .plan-cta:hover,#website .pricing-pro .featured-plan .plan-cta:hover{
  background:var(--tz-forest-hover);border-color:var(--tz-forest-hover);color:#fff;transform:translateY(-1px)
}
#website .atelier-hero .button{background:var(--tz-forest);border-color:var(--tz-forest);color:#fff;border-radius:999px;box-shadow:none;padding:11px 20px}
#website .atelier-hero .button:hover{background:var(--tz-forest-hover);border-color:var(--tz-forest-hover);color:#fff}
#website .text-link{color:var(--tz-forest);border-color:rgba(23,63,45,.35);font-weight:600}

/* Hero */
#website .book-hero{background:var(--tz-ivory);border-color:var(--tz-line)}
#website .book-intro{color:var(--tz-forest);font-weight:700;letter-spacing:.15em}
#website .book-equation{background:transparent!important;border:0!important;color:var(--tz-charcoal)!important;box-shadow:none!important;text-shadow:none!important;border-radius:0!important}
#website .book-equation:after{content:"";display:block;width:44%;height:1px;margin-top:7px;background:linear-gradient(90deg,var(--tz-amber),transparent);opacity:.58}
#website .book-equation:not(:has(small)):after{display:none}
#website .book-equation small{color:var(--tz-forest)!important}
#website .book-invitation{color:var(--tz-charcoal)}
#website .book-invitation .text-link{color:var(--tz-forest)}
#website .book-levels{color:#78817b;letter-spacing:.13em}

/* How it works */
#website .simple-how{background:var(--tz-white);grid-template-columns:.78fr 1.3fr;gap:72px}
#website .how-heading>p,#website .how-footnote,#website .how-path button{color:var(--tz-body)}
#website .how-paper{background:var(--tz-ivory);border:1px solid var(--tz-line);border-radius:var(--tz-radius-lg);box-shadow:none;padding:34px}
#website .how-path{border-color:var(--tz-line)}
#website .how-path button[aria-current]{color:var(--tz-forest);border-color:var(--tz-forest)}
#website .how-conversation,#website .how-experiment{background:var(--tz-white);border:1px solid var(--tz-line);border-radius:var(--tz-radius-md)}
#website #howAnswers button{background:var(--tz-white);color:var(--tz-charcoal);border:1px solid var(--tz-line);border-radius:999px}
#website #howAnswers button:hover,#website #howAnswers button.chosen{background:var(--tz-sage-soft);border-color:var(--tz-sage);color:var(--tz-forest)}

/* Subjects */
#website .subjects{--subject-accent:#3d684e;--subject-soft:#e2ece0;background:var(--tz-white);overflow:hidden}
#website .subjects[data-active-subject="1"]{--subject-accent:#52728a;--subject-soft:#e2ebef}
#website .subjects[data-active-subject="2"]{--subject-accent:#9a6a2d;--subject-soft:#f3e8d2}
#website .subjects[data-active-subject="3"]{--subject-accent:#607c57;--subject-soft:#e3ecdd}
#website .subject-heading{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:48px;margin:18px 0 42px}
#website .subject-heading h2{max-width:560px}
#website .subject-heading p,#website .subject small{color:var(--tz-body)}
#website .subject-heading p{font-size:16px;line-height:1.7;max-width:360px;justify-self:end}
#website .subject-worlds{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#website .subject{position:relative;min-width:0;padding:10px 10px 16px;background:#f8faf7;border:1px solid var(--tz-line);border-radius:20px;text-align:left;overflow:hidden;transition:background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
#website .subject:before{content:"0" counter(subject-card);counter-increment:subject-card;position:absolute;z-index:3;top:20px;left:20px;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:rgba(255,255,255,.88);color:var(--tz-charcoal);font-size:11px;font-weight:700;letter-spacing:.06em;border:1px solid rgba(23,63,45,.12)}
#website .subject-worlds{counter-reset:subject-card}
#website .subject:hover{background:var(--tz-white);border-color:#c7d5c5;transform:translateY(-4px);box-shadow:0 14px 34px rgba(23,63,45,.08)}
#website .subject-art{height:210px;margin-bottom:18px;border:0;border-radius:14px;box-shadow:none;overflow:hidden;filter:saturate(.68);transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s ease}
#website .subject:hover .subject-art{transform:scale(1.025);filter:saturate(.92)}
#website .subject small{display:block;min-height:30px;margin:0 6px 6px;font-size:10px;line-height:1.4;letter-spacing:.08em}
#website .subject strong{display:flex;align-items:center;justify-content:space-between;margin:0 6px;font-size:20px;color:var(--tz-charcoal)}
#website .subject strong span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--tz-line);border-radius:50%;font-size:14px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
#website .subject.selected{background:var(--subject-soft);border-color:var(--subject-accent);box-shadow:none;transform:translateY(-3px)}
#website .subject.selected:after{content:"EXPLORING";position:absolute;z-index:3;top:22px;right:18px;padding:6px 9px;border-radius:999px;background:var(--subject-accent);color:#fff;font-size:9px;font-weight:700;letter-spacing:.1em}
#website .subject.selected .subject-art{border-color:transparent;filter:saturate(.92)}
#website .subject.selected strong,#website .subject.selected small{color:var(--subject-accent)}
#website .subject.selected strong span{background:var(--subject-accent);border-color:var(--subject-accent);color:#fff}
#website .subject-explore{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;margin-top:28px;background:linear-gradient(135deg,var(--subject-soft),#fff 145%);border:1px solid color-mix(in srgb,var(--subject-accent) 24%,var(--tz-line));border-radius:28px;padding:38px;transition:background-color .3s ease,border-color .3s ease}
#website .subject-explore.switching>div{animation:subjectPanelIn .38s ease both}
#website .subject-explore .eyebrow{color:var(--subject-accent)}
#website .subject-explore h3{font-size:clamp(28px,3vw,42px);line-height:1.12;margin:16px 0;max-width:520px}
#website .subject-explore p{font-size:16px;line-height:1.75;max-width:520px}
#website .experiment{position:relative;display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:230px;padding:30px;background:rgba(255,255,255,.9);border:1px solid rgba(23,63,45,.11);border-radius:20px;box-shadow:0 12px 32px rgba(23,63,45,.06)}
#website .experiment:before{content:"TRY IT NOW";font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--subject-accent)}
#website .experiment label{font-size:14px;font-weight:600;color:var(--tz-charcoal)}
#website .experiment input{width:100%;height:5px;accent-color:var(--subject-accent);cursor:pointer}
#website .experiment output{display:block;min-height:70px;padding:18px;background:var(--subject-soft);border-radius:14px;color:var(--subject-accent);font:600 clamp(21px,2.2vw,30px)/1.3 Inter,sans-serif;letter-spacing:-.03em;text-align:center}
@keyframes subjectPanelIn{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Why Tuuteez */
#website .why-next{background:var(--tz-white)}
#website .why-heading{gap:72px;margin-bottom:48px}
#website .why-heading h2 span{color:var(--tz-forest)}
#website .why-heading>p{color:var(--tz-body)}
#website .why-editorial{gap:72px}
#website .why-anchor{background:var(--tz-sage-soft);border:1px solid #d3dfd2;border-radius:var(--tz-radius-lg);padding:32px}
#website .why-anchor h3{color:var(--tz-forest)}
#website .why-chapter{border-color:var(--tz-line)}
#website .why-chapter summary{border-radius:var(--tz-radius-sm);transition:background-color .2s ease,color .2s ease}
#website .why-chapter summary:hover{background:var(--tz-sage-soft);color:var(--tz-forest)}
#website .why-chapter[open] summary{color:var(--tz-forest)}
#website .why-chapter-body{padding:4px 0 28px}
#website .why-example{background:var(--tz-ivory);border:1px solid var(--tz-line);border-radius:var(--tz-radius-md)}
#website .why-memory li,#website .why-parent>div,#website .why-everyday,#website .why-close{border-color:var(--tz-line)}
#website .why-memory b,#website .why-parent dt{color:var(--tz-forest)}
#website .why-fraction i{background:var(--tz-amber);border-color:#bd8736}
#website .why-close .button{background:var(--tz-forest);color:#fff}

/* Lumi demo */
#website .demo-section{background:linear-gradient(135deg,#eef3eb 0%,var(--tz-ivory) 54%,#f8ecd3 150%);color:var(--tz-charcoal);border-color:var(--tz-line)}
#website .demo-section h2{color:var(--tz-charcoal)}
#website .demo-section .eyebrow{color:var(--tz-forest)}
#website .demo-section .section-top>span:last-child{color:var(--tz-amber)}
#website .demo-grid>div>p,#website .demo-section .fine{color:var(--tz-body)}
#website .question{background:rgba(255,255,255,.72);color:var(--tz-charcoal);border:1px solid var(--tz-line);border-radius:var(--tz-radius-sm);padding:15px 16px;margin-bottom:10px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
#website .question:hover{background:var(--tz-white);border-color:var(--tz-sage);color:var(--tz-forest);padding-left:16px;transform:translateY(-1px)}
#website .question.selected{background:var(--tz-sage-soft);color:var(--tz-forest);border-color:var(--tz-sage)}
#website .tutor{background:var(--tz-white);color:var(--tz-charcoal);border:1px solid #d5dfd3;border-radius:var(--tz-radius-lg);box-shadow:0 18px 46px rgba(23,63,45,.10);padding:30px}
#website .tutor-head{border-color:var(--tz-line)}
#website .tutor-head span{color:var(--tz-body)}
#website .tutor-head button{border:1px solid var(--tz-line);border-radius:999px;color:var(--tz-forest)}
#website .student-message{background:var(--tz-sage-soft);color:var(--tz-charcoal);border-radius:14px 14px 3px 14px}
#website .lumi-label{color:var(--tz-forest)}
#website .response,#website .demo-grid>.tutor>.response{color:var(--tz-charcoal)}
#website .concept-diagram{background:var(--tz-ivory);border:1px solid var(--tz-line);border-radius:var(--tz-radius-md)}
#website .capabilities{color:var(--tz-forest);border-color:#cdd9cc}

/* Personalisation and progress */
#website .profile{background:var(--tz-ivory)}
#website .profile-map{background:var(--tz-white);border:1px solid var(--tz-line);border-radius:var(--tz-radius-lg);padding:28px;box-shadow:var(--tz-shadow)}
#website .profile-core{color:var(--tz-forest);border-color:var(--tz-line)}
#website .profile-tag{background:var(--tz-white);color:var(--tz-charcoal);border:1px solid var(--tz-line);border-radius:var(--tz-radius-sm);box-shadow:none}
#website .profile-tag:hover{background:var(--tz-sage-soft);border-color:var(--tz-sage)}
#website #profileDetail{color:var(--tz-body)}
#website .journey{background:var(--tz-sage-soft)}
#website .level{background:var(--tz-white);border:1px solid #cfdbce;border-radius:var(--tz-radius-md);padding:22px 18px}
#website .level:hover{border-color:var(--tz-forest);transform:translateY(-2px)}
#website .level-disc{background:var(--tz-sage-soft);color:var(--tz-forest);box-shadow:none}
#website .current{border-color:var(--tz-amber);box-shadow:0 10px 28px rgba(213,161,75,.14)}
#website .current .level-disc{background:var(--tz-amber-soft);color:#765313}
#website .locked .level-disc{background:#edf0ec;color:#818983}
#website .journey-detail{background:var(--tz-white);border:1px solid #cfdbce;border-radius:var(--tz-radius-md)}
#website .journey-detail a{color:var(--tz-forest)}

/* Parents */
#website .parents{background:var(--tz-ivory)}
#website .report{background:var(--tz-white);border:1px solid var(--tz-line);border-radius:var(--tz-radius-lg);box-shadow:var(--tz-shadow);padding:32px}
#website .journal-ribbon{color:var(--tz-forest);font-weight:700}
#website .report-top strong,#website .report-metrics strong{color:var(--tz-charcoal)}
#website .report-metrics>div{background:var(--tz-ivory);border-radius:var(--tz-radius-sm);padding:16px}
#website .report-row{border-color:var(--tz-line)}
#website .report-row span{color:var(--tz-forest)}
#website .report-footer{background:var(--tz-amber-soft);color:#654915;border-radius:var(--tz-radius-sm)}

/* Pricing */
#website .pricing-pro{background:var(--tz-white)}
#website .pricing-pro .pricing-intro>p{color:var(--tz-body)}
#website .pricing-pro .billing-toggle{background:var(--tz-ivory);border:1px solid var(--tz-line);box-shadow:none}
#website .pricing-pro .billing-toggle button{color:var(--tz-body)}
#website .pricing-pro .billing-toggle button[aria-pressed=true]{background:var(--tz-forest);color:#fff}
#website .pricing-pro .pro-plans{gap:18px}
#website .pricing-pro .pro-plan,#website .pricing-pro .pro-plan.featured-plan,#website .pricing-pro .pro-plan.senior-plan{background:var(--tz-white);border:1px solid var(--tz-line);border-radius:var(--tz-radius-lg);box-shadow:0 12px 32px rgba(23,63,45,.06);padding:28px 26px}
#website .pricing-pro .pro-plan.featured-plan{border-color:var(--tz-sage);background:linear-gradient(180deg,#fbfdfb,var(--tz-white))}
#website .plan-class,#website .pricing-pro .monthly-equivalent{color:var(--tz-forest)}
#website .plan-fit,#website .pricing-pro .plan-summary,#website .plan-highlights li,#website .plan-detail-body dd{color:var(--tz-body)}
#website .plan-highlights li,#website .plan-details,#website .plan-detail-body dl>div{border-color:var(--tz-line)}
#website .plan-highlights li:before,#website .plan-detail-body dt{color:var(--tz-forest)}
#website .plan-details summary{color:var(--tz-forest)}
#website .plan-detail-icon{border-color:var(--tz-sage)}
#website .plan-detail-icon:before,#website .plan-detail-icon:after{background:var(--tz-forest)}
#website .plan-details[open] .plan-detail-icon{background:var(--tz-sage-soft);border-color:var(--tz-sage)}
#website .plan-assurance{color:var(--tz-forest)}
#website .pricing-pro .pricing-note{color:#78817b}

/* Platform CTA and footer */
#website .platform-section{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:center;gap:72px;background:linear-gradient(135deg,#eef3eb 0%,var(--tz-ivory) 64%,var(--tz-amber-soft) 145%);border:1px solid #d4dfd3;border-radius:32px;margin:72px max(3%,calc((100vw - 1280px)/2));padding:64px clamp(30px,5vw,72px);overflow:hidden}
#website .platform-section:before{content:"";position:absolute;width:280px;height:280px;right:-145px;top:-165px;border:1px solid rgba(23,63,45,.14);border-radius:50%;box-shadow:0 0 0 36px rgba(23,63,45,.025),0 0 0 72px rgba(213,161,75,.025);pointer-events:none}
#website .platform-copy{position:relative;z-index:1;max-width:560px}
#website .platform-section h2{color:var(--tz-charcoal);font-size:clamp(38px,4.4vw,62px);line-height:1.04;letter-spacing:-.055em;margin:16px 0 22px;max-width:520px}
#website .platform-section p{color:var(--tz-body);font-size:17px;line-height:1.7}
#website .platform-options{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
#website .platform-button{min-width:0;background:rgba(255,255,255,.86);border:1px solid #d4ddd2;color:var(--tz-charcoal);border-radius:16px;box-shadow:none;padding:16px 18px;min-height:82px;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
#website .platform-button:not(:disabled):hover{transform:translateY(-2px);border-color:var(--tz-sage);box-shadow:0 10px 28px rgba(23,63,45,.08)}
#website .platform-button small{color:var(--tz-body);font-size:12px}
#website .platform-button strong{font-size:17px;color:inherit}
#website .platform-web{grid-column:1/-1;background:var(--tz-forest);border-color:var(--tz-forest);color:#fff;min-height:92px}
#website .platform-web small{color:#d8e5dc}
#website .platform-web:hover{background:var(--tz-forest-hover);border-color:var(--tz-forest-hover)}
#website .platform-icon{flex:0 0 auto}
#website .about{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr) auto;align-items:center;gap:clamp(32px,6vw,90px);padding:64px max(6%,calc((100vw - 1180px)/2));background:linear-gradient(110deg,#dbe6d6 0%,#e7eee3 62%,#f1ead8 145%);border-color:#c6d3c2;color:var(--tz-charcoal)}
#website .about .wordmark{padding-right:clamp(28px,5vw,72px);border-right:1px solid rgba(23,63,45,.16)}
#website .about .brand-image{width:190px;height:auto;filter:none}
#website .about p{display:flex;flex-direction:column;gap:10px;max-width:650px;color:var(--tz-charcoal);margin:0}
#website .about p strong{font:600 clamp(24px,2.5vw,36px)/1.25 Inter,sans-serif;letter-spacing:-.035em;color:var(--tz-charcoal)}
#website .about p span{font-size:14px;letter-spacing:.05em;color:#617166}
#website .about>a{display:inline-flex;align-items:center;justify-content:center;min-width:108px;height:44px;padding:0 16px;border:1px solid rgba(23,63,45,.22);border-radius:999px;color:var(--tz-forest);background:rgba(255,255,255,.4);font-weight:600;transition:background-color .2s ease,border-color .2s ease}
#website .about>a:hover{background:rgba(255,255,255,.78);border-color:rgba(23,63,45,.38)}
#website footer{background:#cfddcb;border-color:#bccdb8;color:#536258}
#website footer a,#website footer button,#website .legal-links a{color:var(--tz-forest)}
#website .guide-bubble{background:var(--tz-white);color:var(--tz-charcoal);border:1px solid var(--tz-line);border-radius:var(--tz-radius-md);box-shadow:var(--tz-shadow)}
#website .guide-top,#website .guide-actions button,#website #guideProgress{color:var(--tz-forest)}

/* Lumi's living light: a bright core, warm breathing bloom and drifting embers. */
#website .guide-lantern{--lumi-breath:.9;isolation:isolate;overflow:visible}
/* The host and ember wrapper must never inherit the old green label surface. */
#website .guide-lantern,#website .guide-lantern.has-character,#website .guide-lantern canvas{background:transparent;border:0;box-shadow:none}
#website .guide-lantern .lumi-aura,#website .guide-lantern .lumi-sparks{padding:0;border:0;box-shadow:none}
#website .guide-lantern .lumi-sparks{background:transparent;border-radius:0}
#website .guide-lantern .lumi-aura{position:absolute;z-index:-1;left:50%;top:48%;width:104px;height:104px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(var(--lumi-breath));background:radial-gradient(circle,rgba(255,248,188,.8) 0 9%,rgba(255,205,92,.5) 25%,rgba(224,151,38,.22) 48%,rgba(201,129,27,0) 73%);filter:blur(8px);opacity:.92;animation:lumiAuraDrift 3.2s ease-in-out infinite;transition:filter .25s ease,opacity .25s ease}
#website .guide-lantern:before{content:"";position:absolute;z-index:0;left:50%;top:44%;width:42px;height:58px;border-radius:48% 52% 45% 55%;pointer-events:none;transform:translate(-50%,-50%) scale(var(--lumi-breath));background:radial-gradient(ellipse at 50% 58%,rgba(255,255,231,.92) 0 13%,rgba(255,224,112,.58) 32%,rgba(245,166,44,.18) 60%,transparent 76%);filter:blur(7px);mix-blend-mode:screen;animation:lumiCoreLive 1.7s ease-in-out infinite alternate}
#website .guide-lantern canvas,#website .guide-lantern>img{z-index:2;filter:drop-shadow(0 0 3px rgba(255,249,199,.95)) drop-shadow(0 0 10px rgba(247,184,60,.72)) drop-shadow(0 0 22px rgba(213,139,25,.44))!important}
#website .guide-lantern .lumi-sparks{position:absolute;z-index:1;inset:-12px 5px 20px;pointer-events:none;overflow:visible}
#website .guide-lantern .lumi-sparks i{position:absolute;left:var(--x,50%);bottom:18px;width:3px;height:3px;border-radius:50%;background:#fff4ad;box-shadow:0 0 4px #fff8ce,0 0 9px #e9a632;opacity:0;animation:lumiEmber 3.4s ease-out infinite}
#website .guide-lantern .lumi-sparks i:nth-child(1){--x:24%;--drift:-8px}#website .guide-lantern .lumi-sparks i:nth-child(2){--x:35%;--drift:7px}#website .guide-lantern .lumi-sparks i:nth-child(3){--x:44%;--drift:-4px}#website .guide-lantern .lumi-sparks i:nth-child(4){--x:51%;--drift:8px}#website .guide-lantern .lumi-sparks i:nth-child(5){--x:60%;--drift:-7px}#website .guide-lantern .lumi-sparks i:nth-child(6){--x:69%;--drift:5px}#website .guide-lantern .lumi-sparks i:nth-child(7){--x:77%;--drift:-5px}
#website .guide-lantern .lumi-signature{z-index:3}
#website .guide-lantern:hover .lumi-aura,#website .guide-lantern:focus-visible .lumi-aura{opacity:1;filter:blur(7px) saturate(1.2)}
#website .guide-lantern:hover canvas,#website .guide-lantern:focus-visible canvas{filter:drop-shadow(0 0 4px rgba(255,255,222,1)) drop-shadow(0 0 14px rgba(255,194,62,.9)) drop-shadow(0 0 30px rgba(213,139,25,.56))!important}
@keyframes lumiAuraDrift{0%,100%{margin-left:-2px;margin-top:2px}45%{margin-left:3px;margin-top:-3px}72%{margin-left:-1px;margin-top:-5px}}
@keyframes lumiCoreLive{0%{opacity:.62;border-radius:54% 46% 50% 50%}100%{opacity:1;border-radius:43% 57% 46% 54%}}
@keyframes lumiEmber{0%{opacity:0;transform:translate3d(0,8px,0) scale(.4)}14%{opacity:.95}58%{opacity:.55}100%{opacity:0;transform:translate3d(var(--drift),-92px,0) scale(.1)}}

@media(max-width:1000px){
  #website header nav{gap:15px;font-size:13px}
  #website .simple-how,#website .why-heading,#website .why-editorial,#website .demo-grid{gap:36px}
  #website .section,#website .simple-how,#website .platform-section{padding-top:72px;padding-bottom:72px}
  #website .subject-worlds{grid-template-columns:repeat(2,1fr)}
  #website .subject-art{height:190px}
  #website .platform-section{grid-template-columns:1fr;gap:38px;margin-left:3%;margin-right:3%}
  #website .about{grid-template-columns:190px 1fr;gap:32px}
  #website .about>a{grid-column:2;justify-self:start}
}
@media(max-width:760px){
  #website header{height:72px;padding:0 5%}
  #website header nav{background:var(--tz-white);border-bottom:1px solid var(--tz-line)}
  #website .section,#website .simple-how{padding:56px 6%}
  #website .platform-section{padding:42px 6%;margin:38px 3%;border-radius:24px;gap:30px}
  #website .platform-section h2{font-size:clamp(36px,11vw,50px)}
  #website .how-paper,#website .why-anchor,#website .tutor,#website .report,#website .profile-map{border-radius:22px;padding:24px}
  #website .journey-path{grid-template-columns:1fr}
  #website .subject-heading{grid-template-columns:1fr;gap:18px;margin-bottom:30px}
  #website .subject-heading p{justify-self:start}
  #website .subject-worlds{gap:12px}
  #website .subject{padding:8px 8px 14px;border-radius:16px}
  #website .subject-art{height:145px;border-radius:11px}
  #website .subject small{font-size:8px;min-height:25px;margin-left:3px;margin-right:3px}
  #website .subject strong{font-size:16px;margin-left:3px;margin-right:3px}
  #website .subject:before{top:15px;left:15px;width:26px;height:26px}
  #website .subject.selected:after{top:16px;right:13px;font-size:7px}
  #website .subject-explore{grid-template-columns:1fr;gap:28px;padding:26px 20px;border-radius:22px}
  #website .experiment{min-height:210px;padding:22px}
  #website .pricing-pro .pro-plan,#website .pricing-pro .pro-plan.featured-plan,#website .pricing-pro .pro-plan.senior-plan{border-radius:22px}
  #website .platform-options{width:100%;grid-template-columns:1fr}
  #website .platform-button{width:100%}
  #website .platform-web{grid-column:auto}
  #website .about{grid-template-columns:1fr;gap:24px;padding:48px 6%}
  #website .about .wordmark{border-right:0;border-bottom:1px solid rgba(23,63,45,.16);padding:0 0 24px}
  #website .about p strong{font-size:28px}
  #website .about>a{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){#website *,#website *:before,#website *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}#website .guide-lantern .lumi-sparks{display:none}#website .guide-lantern .lumi-aura{transform:translate(-50%,-50%) scale(.9)}}