/* Tactile 3D surfaces + energetic motion. The approved logo is unchanged. */
/* A frosted reading surface keeps both ebooks' introductions legible over motion. */
.ebook-browser #intro{box-sizing:border-box;padding:30px 34px;background:rgba(255,254,244,.9);color:#183e32;border:1px solid rgba(255,255,247,.95);border-radius:18px;box-shadow:inset 0 1px 0 #fff,0 5px 0 #9bb68c80,0 15px 32px #103e3629;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.ebook-browser #intro :is(p,li){color:inherit}
.ebook-browser.dark-mode #intro{background:rgba(15,43,33,.93);color:#edf4e5;border-color:#719c7f99;box-shadow:inset 0 1px 0 #b4dbad33,0 5px 0 #0c3027,0 15px 32px #031c244d}
@media(max-width:650px){.ebook-browser #intro{padding:22px 18px;border-radius:14px}.ebook-browser #intro>div[style*="display:grid"]{grid-template-columns:minmax(0,1fr)!important}}
:root{--ti-sculpted:linear-gradient(125deg,#fffef2 0%,#fffff8 44%,#edf2dc 100%);--ti-edge:#c5cea5;--ti-panel-shadow:inset 0 2px 1px #fff,inset 2px 0 1px #ffffffb0,inset 0 -3px 5px #a0b18039,0 4px 0 #d4ddba,0 7px 0 #8caa80,0 15px 23px #0e473d2b,0 30px 55px #0c473d1a}
.ti-atmosphere{background-image:url('assets/nature-tech-energy.webp')}
.ti-atmosphere::before{inset:-7%;animation:ti-energy-breathe 10s ease-in-out infinite alternate!important}
@keyframes ti-energy-breathe{from{transform:scale(1) translate3d(-1%,0,0)}to{transform:scale(1.085) translate3d(2%,-2%,0)}}
.ti-atmosphere .ti-aurora{background:radial-gradient(ellipse at center,#1be7b887,#42e9cb39 40%,transparent 68%);animation:ti-energy-aurora 7.5s ease-in-out infinite alternate!important;filter:blur(13px)}
.ti-atmosphere .ti-aurora.second{background:radial-gradient(ellipse at center,#cdf65880,#c0f09b2e 42%,transparent 68%);animation-duration:11s!important;animation-delay:-4s!important}
@keyframes ti-energy-aurora{from{transform:translate3d(-15%,-8%,0) rotate(-28deg);opacity:.3}to{transform:translate3d(14%,25%,0) rotate(18deg);opacity:.85}}
.ti-atmosphere .ti-orbit{border-width:2px;border-color:#a0ffe6ab;box-shadow:0 0 15px #7effd97a,inset 0 0 13px #bdffe43d;animation-duration:14s!important}
.ti-atmosphere .ti-orbit.second{border-color:#e8f5987d;animation-duration:20s!important}
.ti-atmosphere .ti-particle{width:var(--size,5px);height:var(--size,5px);background:#fff2a6;box-shadow:0 0 11px 3px #ffd86691;animation:ti-energy-float var(--duration) ease-in-out infinite!important;animation-delay:var(--delay)!important}
@keyframes ti-energy-float{0%{transform:translate3d(-15px,35px,0) scale(.5);opacity:0}30%{opacity:.75}70%{transform:translate3d(40px,-70px,0) scale(1.1);opacity:.85}100%{transform:translate3d(5px,-130px,0) scale(.4);opacity:0}}
.ti-parallax{position:absolute;inset:-6%;pointer-events:none;transform:translate3d(var(--ti-px,0px),var(--ti-py,0px),0);transition:transform .5s ease-out}
.ti-stream{position:absolute;left:-45%;top:-5%;width:145%;height:48%;pointer-events:none;border-radius:50%;border-top:3px solid #b4ffe2c7;border-left:1px solid #cdffd190;box-shadow:0 -5px 24px #60ffbd70,inset 0 8px 22px #c5ffc339;animation:ti-stream-surge 8s ease-in-out infinite!important;opacity:0}
.ti-stream.second{top:20%;left:-25%;border-color:#f1fca4ae;box-shadow:0 -5px 23px #e1f85d56,inset 0 8px 20px #ffefa82e;animation-duration:11s!important;animation-delay:-5s!important}
.ti-stream.third{top:55%;left:-40%;border-color:#72f3f4a6;box-shadow:0 -5px 22px #3eefdc6b;animation-duration:13s!important;animation-delay:-9s!important}
@keyframes ti-stream-surge{0%{transform:translate3d(-18%,-20%,0) rotate(-35deg);opacity:0}25%{opacity:.6}65%{opacity:.8}100%{transform:translate3d(42%,65%,0) rotate(5deg);opacity:0}}
:is(.ti-effects-off,.ti-effects-paused) .ti-atmosphere::before,:is(.ti-effects-off,.ti-effects-paused) .ti-atmosphere :is(i,.ti-parallax){animation-play-state:paused!important}
.ti-effects-off .ti-atmosphere .ti-parallax{opacity:0;transform:none;transition:none}
.workspace-sidebar{border:1px solid #dfeab37a;border-right:3px solid #b6c999;border-radius:0 20px 20px 0;background:linear-gradient(155deg,#084e3dd9,#023b30f2 60%,#064b39d4),url('assets/nature-tech-energy.webp') left bottom/auto 110%;box-shadow:inset -2px 0 1px #edffc778,inset -6px 0 9px #00c9942b,4px 0 0 #315f4280,12px 0 27px #033b3338}
.workspace-sidebar-top{position:relative;isolation:isolate;padding:26px 24px}
.workspace-sidebar-top::before{content:'';position:absolute;inset:10px 10px 5px;border:1px solid #b9dcb27d;border-radius:16px;z-index:-1;background:linear-gradient(140deg,#97da8840,#073c33 60%,#0f704344);box-shadow:inset 0 3px 5px #cff0b54d,inset 0 -5px 8px #052a2866,0 4px 0 #023b2d,0 8px 17px #032c2b33}
.workspace-nav a{border-color:#bedfa56d;box-shadow:inset 0 2px 1px #ddffbd40,inset 0 -2px 3px #052f3159,0 4px 0 #032f26,0 6px 8px #032c2a32}
.workspace-nav a[aria-current]{background:linear-gradient(140deg,#0a9d79,#005f58);border-color:#86eed0;box-shadow:inset 0 2px 2px #a1ffd682,inset 0 -3px 4px #0054427a,0 4px 0 #013f36,0 0 10px #2affe16b}
.workspace-topbar,.workspace-content>.tools-header{background:linear-gradient(125deg,#fbfff0dc,#e4f4e1d6 60%,#cfeadddb);border:1px solid #d8edb8;border-radius:0 0 14px 14px;box-shadow:inset 0 -2px 2px #ffffffb3,0 3px 0 #79a68150,0 7px 18px #13493b1f}
.workspace-page :is(.studio-heading h1,.browse-heading h1,.reader-heading h1){text-shadow:0 2px 0 #ffffed,0 4px 8px #153c2526}
.workspace-page .studio-heading .studio-buy>span{color:#f4f8da;text-shadow:0 1px 3px #153b35}
.workspace-page :is(.studio-builder,.studio-output,.course-card,.free-resource),.ebook-browser .browse-idea{position:relative;isolation:isolate;background:var(--ti-sculpted)!important;border:2px solid var(--ti-edge);border-radius:17px;box-shadow:var(--ti-panel-shadow)!important}
.workspace-page :is(.studio-builder,.studio-output,.course-card,.free-resource)::before,.ebook-browser .browse-idea::after{content:'';position:absolute;inset:4px;z-index:-1;pointer-events:none;border:1px solid #fffef3c2;border-radius:12px;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #98ad713d}
.workspace-page .studio-output{padding:24px}
.workspace-page .studio-layout{gap:25px}
.workspace-page .studio-steps{background:linear-gradient(#fffdef,#d6dfc5);border:0;border-bottom:2px solid #bbcbae;box-shadow:inset 0 2px 4px #7b8d673d,inset 0 -1px 0 #ffffff}
.workspace-page .studio-steps button{background:linear-gradient(#fffef5,#e9efdc);border:1px solid #b4c49c;color:#476442;box-shadow:inset 0 2px 1px #fff,0 4px 0 #8eaa7a,0 5px 8px #28482a26!important}
.workspace-page .studio-steps [aria-selected=true]{border-color:#3cccad;color:#124e3b;background:linear-gradient(#fff,#e5faf0);box-shadow:inset 0 1px 0 #fff,0 4px 0 #208c71,0 0 8px #28e4aa66!important}
.workspace-page .studio-category-switch{gap:18px;margin-bottom:29px}
.workspace-page .studio-category-switch button{border:2px solid #b5c797;background:linear-gradient(125deg,#fffff5,#f9f9eb 50%,#d8e2c4);box-shadow:inset 0 3px 2px #fff,inset 3px 0 2px #fff,inset 0 -3px 5px #98ad7975,0 5px 0 #c2cea5,0 8px 0 #728e62,0 13px 17px #133d3033!important;border-radius:16px!important;text-shadow:0 1px 0 #fff;padding:20px 22px}
.workspace-page .studio-category-switch button[aria-pressed=true]{border-color:#9eefb9;background:radial-gradient(ellipse at 15% 0%,#72ebaa66,transparent 55%),linear-gradient(135deg,#078061,#005148 65%,#04a484);box-shadow:inset 0 3px 2px #d1fbd994,inset 3px 0 2px #caffc775,inset 0 -3px 5px #022e2894,0 5px 0 #b7bb78,0 8px 0 #526c49,0 14px 17px #03372e42,0 0 12px #41f9bd47!important;text-shadow:0 2px 2px #002f2a}
.workspace-page .studio-category-switch button[aria-pressed=true]::after{border:1px solid #c0f8c4;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;background:#daf5c21c;box-shadow:inset 0 2px 3px #dfffcc40,0 2px 3px #002f27;color:#efffd9}
.workspace-page .studio-step :is(input:not([type=checkbox]),select,textarea){background:linear-gradient(125deg,#f1f4e9,#fcfff6);border:1px solid #abc093;border-radius:10px;box-shadow:inset 0 2px 3px #607c4436,inset 2px 0 3px #799c5223,0 2px 0 #fff,0 4px 7px #2b542c12;color:#234d35}
.workspace-page .studio-step :is(input,select,textarea):focus{border-color:#098f72;outline:2px solid #75dba461;outline-offset:2px;box-shadow:inset 0 2px 3px #3b7d5c26,0 0 11px #24c99b31}
.workspace-page .studio-step .field label{color:#244633}
.workspace-page .studio-step>p,.workspace-page .studio-output>p{color:#596c47}
.workspace-page .studio-output textarea{background:radial-gradient(ellipse at left top,#165438 0%,transparent 75%),linear-gradient(135deg,#063629,#123b2d);border:3px solid #118c66;border-radius:14px;box-shadow:inset 0 4px 10px #001c19b8,inset 3px 0 5px #002c2175,0 2px 0 #fffef0,0 5px 0 #7ca97c,0 0 10px #39cf9354;color:#edf9db;padding:19px}
.workspace-page .studio-checks label{border:1px solid #ccd9b2;background:linear-gradient(#fcfff1,#e9efd9);padding:11px;border-radius:9px;box-shadow:inset 0 1px 0 #fff,0 3px 0 #b3c39e;align-items:center;color:#38573a}
.workspace-page .studio-checks label:has(input:checked){background:linear-gradient(#d6f7ce,#e4f2d8);border-color:#47a884;box-shadow:inset 0 2px 4px #2e825934,0 2px 0 #94bd7c}
.workspace-page .studio-builder-footer{background:linear-gradient(#fcfff0,#e4ecd6);box-shadow:inset 0 2px 3px #6c8a4b1c}
.workspace-page .studio-product-card{border:2px solid #76c895;background:radial-gradient(ellipse at left top,#42db9861,transparent 65%),linear-gradient(125deg,#085b43,#047d6c);border-radius:16px;box-shadow:inset 0 2px 2px #caffbf75,inset 0 -3px 6px #002b2963,0 5px 0 #365d45,0 8px 0 #bbbf7b,0 18px 29px #123c323d}
.workspace-page .studio-product-mark{background:linear-gradient(135deg,#ecf1bd,#bfd394);border:1px solid #e7f2bf;box-shadow:inset 0 3px 1px #fcffd4,inset 0 -3px 5px #71894161,0 5px 0 #4d7b4c,0 8px 12px #043d373b}
.workspace-page .browse-search{background:linear-gradient(110deg,#edf6e6,#fffff1);box-shadow:inset 0 2px 4px #28583e2b,0 2px 0 #fff,0 5px 10px #09433521}
.workspace-page .browse-filters{background:linear-gradient(#f3f5de,#ccddbf);box-shadow:inset 0 2px 4px #537c413f,0 3px 0 #9ab285,0 7px 12px #12453226}
.workspace-page .reader-heading{background:linear-gradient(125deg,#f1fae3dc,#e2f6d0c4);box-shadow:inset 0 2px 1px #ffffed,0 3px 0 #7fa87b80}
.ebook-browser .top-bar{background:linear-gradient(125deg,#fafee8e6,#d2eaccde)!important;box-shadow:inset 0 2px 0 #fff,0 3px 0 #86a77a,0 6px 14px #144b3724}
.ebook-browser .browse-idea{margin-bottom:7px}
.ebook-browser .browse-idea h3{text-shadow:0 1px 0 #fff}
.ebook-browser .search-container input{background:linear-gradient(#e7f0da,#fffff2)!important;box-shadow:inset 0 2px 4px #42683a42,0 2px 0 #fff,0 4px 7px #204d2521!important}
.ebook-browser .idea-details .prompt-wrapper{border:2px solid #9ec487;border-radius:12px;box-shadow:inset 0 2px 3px #06362170,0 3px 0 #91a26f!important;overflow:hidden}
.ebook-browser.dark-mode .ti-atmosphere{background-image:linear-gradient(#06372ba8,#06372ba8),url('assets/nature-tech-energy.webp')}
.ebook-browser.dark-mode .browse-idea{background:linear-gradient(135deg,#23553e,#153e30)!important;border-color:#72a879;box-shadow:inset 0 2px 0 #87c3936e,inset 0 -3px 3px #092a2245,0 5px 0 #123a2a,0 8px 0 #5e7445,0 17px 28px #061e209e!important}
.ebook-browser.dark-mode .browse-idea h3{text-shadow:none}
.ebook-browser.dark-mode .top-bar{background:linear-gradient(#1c563ce6,#0d3c2fe6)!important}
.course-detail .card{border:1px solid #bece9e;box-shadow:var(--ti-panel-shadow);background:var(--ti-sculpted)}
.course-detail .course-panel{border:2px solid #d5dda080;box-shadow:inset 0 3px 2px #faffc45c,inset 0 -5px 8px #142f2794,0 5px 0 #718565,0 9px 0 #b3b374,0 20px 42px #10362950}
.form-side .form-content{background:var(--ti-sculpted);border:2px solid #b9cca1;border-radius:19px;padding:35px 28px;box-shadow:var(--ti-panel-shadow)}
@media(hover:hover) and (pointer:fine){.workspace-page .course-card,.workspace-page .free-resource,.ebook-browser .browse-idea{transition:box-shadow .22s}.workspace-page .course-card:hover,.workspace-page .free-resource:hover,.ebook-browser .browse-idea:hover{box-shadow:inset 0 2px 0 #fff,0 5px 0 #d4ddba,0 8px 0 #80a177,0 19px 31px #0e473d40!important}}
@media(max-width:900px){.workspace-sidebar{border-radius:0 16px 16px 0}.workspace-page .studio-layout{gap:28px}.ti-atmosphere .ti-aurora{filter:none}.ti-parallax{transition:none}}
@media(max-width:620px){.workspace-page .studio-category-switch{gap:13px}.workspace-page .studio-category-switch button{padding:17px 14px}.workspace-page .studio-category-switch button[aria-pressed=true]::after{width:19px;height:19px;right:9px;top:9px}.workspace-page .studio-output{padding:21px 17px}.workspace-page .studio-layout{gap:27px}.ti-atmosphere .ti-particle{display:block}.ti-atmosphere .ti-particle:nth-child(n+18){display:none}.ti-atmosphere .ti-orbit.second,.ti-parallax .ti-stream.third{display:none}.ti-atmosphere .ti-orbit{animation-duration:18s!important}.ti-stream{animation-duration:11s!important}.form-side .form-content{padding:28px 18px}.workspace-page .studio-steps{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){html:not(.ti-motion-on) .ti-atmosphere::before,html:not(.ti-motion-on) .ti-atmosphere :is(i,.ti-parallax){animation:none!important;transition:none!important;transform:none!important}html:not(.ti-motion-on) .ti-atmosphere .ti-particle,html:not(.ti-motion-on) .ti-atmosphere .ti-stream{display:none!important}.workspace-page .course-card,.workspace-page .free-resource,.ebook-browser .browse-idea{transition:none}}
.workspace-sidebar-top .ti-brand{position:relative;z-index:1}
.workspace-page .studio-output{position:sticky;top:88px}
.workspace-page .browse-section-title{background:linear-gradient(125deg,#f4fce6dc,#e4f1d6c9);border:1px solid #c7dda7;border-radius:10px;padding:10px 15px;box-shadow:inset 0 2px 1px #fff9,0 3px 0 #7f9e6975}
.workspace-page .browse-section-title span{color:#46633c}
.workspace-page #browseResults{background:#f4f9e4d9;color:#436036;border-radius:6px;padding:3px 8px}
.workspace-page .free-hub-heading{background:linear-gradient(125deg,#fffdebeb,#e5f3d4df);border:1px solid #bdd29f;border-radius:13px;padding:17px 20px;box-shadow:inset 0 2px 1px #ffffed,0 4px 0 #91ac70,0 10px 19px #194f3130}
.workspace-page .free-hub-heading :is(p,.eyebrow){color:#4b653c}
.course-detail .module-card{border:2px solid #c2cea5;box-shadow:var(--ti-panel-shadow);background:var(--ti-sculpted)}
@media(max-width:1000px){.workspace-page .studio-output{position:relative;top:0}}
@media(max-width:620px){.workspace-page .studio-heading .studio-buy>span{color:#42633b;text-shadow:none}.workspace-page .browse-section-title{padding:9px 12px}.workspace-page .free-hub-heading{padding:17px}.workspace-page #browseResults{font-size:10px}}
.landing-hero{isolation:isolate}
.landing-hero>.ti-atmosphere{position:absolute;inset:0;background:none}
.landing-hero>.ti-atmosphere::before{background:none}
.ti-landing-controls{position:absolute;right:5%;top:112px;z-index:12}
.landing-page .hero-copy h1{text-shadow:0 2px 0 #fffbdc,0 6px 14px #24472a1a}
.landing-page .hero-course{border:2px solid #b9c79a9c;box-shadow:inset 0 3px 2px #dbe8ad50,inset 0 -5px 6px #092b297d,0 5px 0 #61774e,0 9px 0 #baad6b,0 20px 35px #123c3159}
.landing-page .button{border-radius:12px;box-shadow:inset 0 2px 1px #e3eebb4d,inset 0 -3px 4px #082d275e,0 5px 0 #315c40,0 10px 19px #16463230}
.landing-page .button-outline,.landing-page .button-cream{box-shadow:inset 0 2px 1px #fff,inset 0 -2px 3px #7c8e6142,0 5px 0 #b1bc93,0 10px 17px #16463229}
.landing-page :is(.preview-frame,.free-resource,.curriculum-columns>section,.faq-list details){background:var(--ti-sculpted);border:2px solid #c2cea5;border-radius:15px;box-shadow:var(--ti-panel-shadow)}
.landing-page .curriculum-columns>section{padding:24px}
.landing-page .faq-list{display:grid;gap:17px}
.landing-page .faq-list details{padding:0 20px}
.landing-page :is(.fact-icon,.audience li>span,.learning-steps article>span){border:1px solid #d8dfbc;background:linear-gradient(135deg,#fffde1,#d3dfa8);box-shadow:inset 0 2px 1px #ffffec,inset 0 -3px 4px #8fa5667a,0 4px 0 #9baf7a,0 8px 12px #324b2729}
.landing-page .studio-product-card{background:linear-gradient(125deg,#09674a,#057c70);border:2px solid #84c493;box-shadow:inset 0 2px 2px #caffbf75,inset 0 -3px 6px #002b2963,0 5px 0 #365d45,0 8px 0 #bbbf7b,0 18px 29px #123c323d}
.landing-page .studio-product-card :is(h3,p,.eyebrow){color:#f1f8dc}
.landing-page .studio-product-actions strong{color:#f3f3bf}
@media(max-width:620px){.ti-landing-controls{right:20px;top:94px}.landing-page .curriculum-columns>section{padding:21px}.landing-page .faq-list details{padding:0 15px}.landing-page .hero-course{bottom:37px}}
@media(max-width:620px){.landing-page .menu-toggle{margin-left:auto}}
/* Touch screens get autonomous motion sized to the viewport, with no blur cost. */
@media(max-width:900px),(hover:none) and (pointer:coarse){
 .ti-atmosphere .ti-aurora{width:115vw;height:90vw;top:2%;right:-35%;filter:none;animation:ti-mobile-glow 6s ease-in-out infinite alternate!important;animation-delay:-2.5s!important}
 .ti-atmosphere .ti-aurora.second{top:auto;right:auto;bottom:6%;left:-35%;animation-duration:8s!important;animation-delay:-5s!important}
 .ti-atmosphere .ti-orbit{width:145vw;height:75vh;right:-50vw;top:8%;animation-duration:12s!important}
 .ti-atmosphere .ti-particle{animation-delay:var(--delay)!important;box-shadow:0 0 8px 2px #ffdb7299}
 .ti-atmosphere .ti-particle:nth-child(n+18){display:none}
 .ti-atmosphere .ti-stream{animation-duration:7s!important;animation-delay:-3s!important}
 .ti-atmosphere .ti-stream.second{animation-duration:9s!important;animation-delay:-6s!important}
}
@keyframes ti-mobile-glow{from{transform:translate3d(-12vw,-3vh,0) scale(.9);opacity:.4}to{transform:translate3d(18vw,12vh,0) scale(1.1);opacity:.85}}