1<!DOCTYPE html> 2<html lang="en"> 3<head><link rel="canonical" href="https://www.theastudy.com/about-thea"> 4<meta charset="UTF-8">
5<script 6id="usercentrics-cmp" 7src="https://web.cmp.usercentrics.eu/ui/loader.js" 8data-ruleset-id="OpQt-RzcAr_rgh" async></script>
8 9 <!-- Google Tag Manager -->
10<script>
vendor: 327 bytes, lines 10-14
10(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 11new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 12j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 13'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 14})(window,document,'script','dataLayer','
14GTM-WLTBSL32
vendor: 3 bytes, line 14
14');
14</script>
14 15<!-- End Google Tag Manager --> 16<meta name="viewport" content="width=device-width, initial-scale=1.0"> 17<title>Thea | About Us</title> 18<meta name="description" content="Thea was built by a student, for every student. Learn the story behind Thea's founding and its mission to democratize world-class AI-based learning."> 19 20<!-- Open Graph (Facebook, LinkedIn, Discord, WhatsApp, iMessage) --> 21<meta property="og:type" content="website" /> 22<meta property="og:site_name" content="theastudy.com" /> 23<meta property="og:url" content="https://theastudy.com/" /> 24<meta property="og:title" content="Thea | Built by a Student for Students" /> 25<meta property="og:description" content="Thea was built by a student, for every student. Learn the story behind Thea's founding and its mission." /> 26<meta property="og:image" content="/images/Thea-Study-Share-Image.png" /> 27<!-- Adjust width/height to match your image (recommended: 1200x630) --> 28<meta property="og:image:width" content="1200" /> 29<meta property="og:image:height" content="630" /> 30 31<!-- Twitter Card (X) --> 32<meta name="twitter:card" content="summary_large_image" /> 33<meta name="twitter:title" content="Thea | Built by a Student for Students" /> 34<meta name="twitter:description" content="Thea was built by a student, for every student. Learn the story behind Thea's founding and its mission."/> 35<meta name="twitter:image" content="/images/Thea-Study-Share-Image.png" /> 36 37<!--Favicons, first one is for old browsers, we don't want to see if on most--> 38<link rel="icon" href="images/favicon.ico" sizes="any"> 39<!-- The one we want browsers to use --> 40<link rel="icon" type="image/svg+xml" href="images/favicon.svg"> 41<!-- Ios Fallback--> 42<link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 43<link rel="preconnect" href="https://fonts.googleapis.com"> 44<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 45<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Onest:wght@600;700;800&display=swap" rel="stylesheet"> 46<style> 47*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; } 48:root { 49 --blue:#2563EB; --purple:#A78BFA; --purple-light:#C4B5FD; 50 --dark:#1a1a2e; --text:#1e1b4b; --muted:#6b7280; 51 --faint:rgba(167,139,250,0.15); --parchment:#F5F0FF; 52 --card:rgba(255,255,255,0.88); --radius:16px; --radius-lg:22px; 53} 54body { font-family:'DM Sans',sans-serif; background:transparent; color:var(--text); } 55h1,h2,h3 { font-family:'Onest',sans-serif; } 56 57.page { max-width:700px; margin:0 auto; padding:94px 24px 80px; } 58 59/* ââ HEADER ââ */ 60.eyebrow { font-size:11px; font-weight:700; color:var(--blue); text-transform:uppercase; letter-spacing:0.12em; display:block; text-align:center; margin-bottom:14px; } 61.page-title { font-family:'Onest',sans-serif; font-size:clamp(32px,8vw,56px); font-weight:800; letter-spacing:-0.03em; line-height:1.05; text-align:center; color:var(--dark); margin-bottom:16px; } 62.page-title .accent { color:var(--purple); } 63.mission-block { background:linear-gradient(135deg,#1e1b4b,#312e81); border-radius:var(--radius-lg); padding:28px 28px; color:#fff; text-align:center; margin:0 0 52px; position:relative; overflow:hidden; } 64.mission-block::before { content:''; position:absolute; top:-40px; right:-40px; width:160px; height:160px; border-radius:50%; background:rgba(255,255,255,0.05); } 65.mission-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:var(--purple-light); display:block; margin-bottom:10px; position:relative; z-index:1; } 66.mission-text { font-family:'Onest',sans-serif; font-size:clamp(16px,3.5vw,22px); font-weight:800; letter-spacing:-0.02em; line-height:1.3; position:relative; z-index:1; } 67 68/* ââ DIVIDER ââ */ 69.divider { height:1px; background:var(--faint); margin:44px 0; } 70 71/* ââ SECTIONS ââ */ 72.section-eyebrow { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:var(--purple); display:block; margin-bottom:10px; } 73.section h2 { font-size:clamp(22px,5vw,30px); font-weight:800; letter-spacing:-0.02em; color:var(--dark); margin-bottom:14px; line-height:1.15; } 74.section p { font-size:15px;
74 color:var(--muted); line-height:1.8; } 75.section p + p { margin-top:14px; } 76 77/* ââ ORIGIN STORY ââ */ 78.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:28px 0; } 79.story-card { background:var(--card); border:1.5px solid var(--faint); border-radius:var(--radius); padding:20px 18px; backdrop-filter:blur(8px); } 80.story-card .sc-num { font-family:'Onest',sans-serif; font-size:28px; font-weight:800; color:var(--purple); display:block; margin-bottom:6px; } 81.story-card .sc-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:var(--muted); display:block; margin-bottom:6px; } 82.story-card p { font-size:13px; color:var(--muted); line-height:1.65; } 83 84/* ââ NAME CALLOUT ââ */ 85.name-box { background:var(--parchment); border:1.5px solid rgba(167,139,250,0.25); border-radius:var(--radius-lg); padding:24px 22px; margin:28px 0; display:flex; gap:18px; align-items:flex-start; } 86.name-box-icon { font-size:32px; flex-shrink:0; } 87.name-box h3 { font-size:17px; font-weight:800; color:var(--dark); margin-bottom:6px; } 88.name-box p { font-size:13px; color:var(--muted); line-height:1.65; } 89 90/* ââ STATS ROW ââ */ 91.stats-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:28px 0; } 92.stat-block { background:var(--card); border:1.5px solid var(--faint); border-radius:var(--radius); padding:18px 14px; text-align:center; backdrop-filter:blur(8px); } 93.stat-num { font-family:'Onest',sans-serif; font-size:clamp(20px,4vw,28px); font-weight:800; color:var(--dark); display:block; margin-bottom:4px; } 94.stat-label { font-size:11px; color:var(--muted); display:block; line-height:1.4; } 95 96/* ââ AWARDS ââ */ 97.awards-list { display:flex; flex-direction:column; gap:10px; margin:20px 0; } 98.award-item { background:var(--card); border:1.5px solid var(--faint); border-radius:var(--radius); padding:16px 18px; display:flex; gap:14px; align-items:flex-start; backdrop-filter:blur(8px); } 99.award-emoji { font-size:22px; flex-shrink:0; margin-top:1px; } 100.award-body h4 { font-size:14px; font-weight:700; color:var(--dark); margin-bottom:3px; } 101.award-body p { font-size:12px; color:var(--muted); line-height:1.55; } 102 103/* ââ TEAM CALLOUT ââ */ 104.team-box { background:linear-gradient(135deg,#1e1b4b,#312e81); border-radius:var(--radius-lg); padding:28px 24px; color:#fff; position:relative; overflow:hidden; margin:28px 0; } 105.team-box::before { content:''; position:absolute; top:-30px; right:-30px; width:130px; height:130px; border-radius:50%; background:rgba(255,255,255,0.05); } 106.team-box h3 { font-family:'Onest',sans-serif; font-size:20px; font-weight:800; margin-bottom:10px; position:relative; z-index:1; } 107.team-box p { font-size:14px; opacity:0.75; line-height:1.7; position:relative; z-index:1; } 108 109/* ââ VALUES REMINDER ââ */ 110.values-chips { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; } 111.v-chip { background:var(--parchment); border:1px solid rgba(167,139,250,0.25); border-radius:999px; padding:7px 14px; font-size:12px; font-weight:600; color:var(--text); } 112 113/* ââ CTA ââ */ 114.cta-section { text-align:center; margin-top:52px; } 115.cta-section p { font-size:14px; color:var(--muted); margin-bottom:16px; } 116.btn-primary { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:14px 36px; background:linear-gradient(135deg,var(--blue),#7c3aed); color:#fff; border:none; border-radius:999px; font-size:16px; font-weight:700; font-family:'DM Sans',sans-serif; cursor:pointer; text-decoration:none; box-shadow:0 8px 24px rgba(37,99,235,0.3); transition:transform 0.15s,box-shadow 0.15s; } 117.btn-primary:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(37,99,235,0.42); } 118.btn-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 24px; background:transparent; color:var(--blue); border:1.5px solid rgba(37,99,235,0.3); border-radius:999px; font-size:14px; font-weight:700; font-family:'DM Sans',sans-serif; cursor:pointer; text-decoration:none; margin-top:10px; transition:background 0.15s,border-color 0.15s; } 119.btn-secondary:hover { background:rgba(37,99,235,0.06); border-color:var(--blue); } 120 121@media(max-width:520px) { 122 .story-grid { grid-template-columns:1fr; } 123 .stats-row { grid-template-columns:1fr 1fr; } 124} 125</style> 126</head> 127<body> 128 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 128-129
128 129<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
129GTM-WLTBSL32
vendor: 83 bytes, lines 129-130
129" 130height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
131<!-- End Google Tag Manager (noscript) --> 132<div id="site-header"><style> 133 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 134 :root { --blue: #2563EB; --text: #1e1b4b; --purple-faint: rgba(167,139,250,0.15); --dark: #24243a; --muted: #6b7280; } 135 body { 136 font-family: 'Inter', sans-serif; 137 background: rgba(238,240,255,0.97); 138 border-bottom: 1px solid var(--purple-faint); 139 } 140 141 nav { 142 display: flex; align-items: center; justify-content: space-between; 143 padding: 12px 12px; 144 min-height: 56px; 145 } 146 .logo img { height: 26px; display: block; flex:1;} 147 .nav-right { display: flex; align-items: center; flex:1; justify-content: flex-end; gap: 12px; } 148 149 /* Desktop links â hidden on mobile */ 150 .nav-links { display: none; gap: 45px; margin: 0 auto; flex:1; justify-content: center; } 151 .nav-links a { 152 font-size: 16px; font-weight: 600; color: var(--text); 153 text-decoration: none; transition: color 0.15s; white-space: nowrap; 154 } 155 .nav-links a:hover { color: var(--blue); } 156 .nav-login { 157 display: none; /* hidden on mobile â appears in mobile menu instead */ 158 font-size: 14px; font-weight: 600; color: var(--text); 159 text-decoration: none; padding: 8px 12px; transition: color 0.15s; 160 } 161 .nav-login:hover { color: var(--blue); } 162 163 .nav-cta { 164 background: var(--blue); color: #fff; 165 border: none; border-radius: 999px; 166 padding: 10px 18px; font-size: 14px; font-weight: 700; 167 cursor: pointer; text-decoration: none; white-space: nowrap; 168 -webkit-tap-highlight-color: transparent; 169 transition: background 0.2s; 170 } 171 .nav-cta:hover { background: #1d4ed8; } 172 173 /* Hamburger */ 174 .hamburger { 175 display: flex; flex-direction: column; justify-content: center; gap: 5px; 176 cursor: pointer; background: none; border: none; 177 padding: 8px; margin-right: -8px; 178 -webkit-tap-highlight-color: transparent; 179 min-width: 44px; min-height: 44px; align-items: center; 180 } 181 .hamburger span { 182 display: block; width: 22px; height: 2px; 183 background: var(--text); border-radius: 2px; 184 transition: transform 0.22s, opacity 0.22s; 185 } 186 .hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); } 187 .hamburger.open span:nth-child(2) { opacity: 0; } 188 .hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } 189 190 /* ââ MOBILE DRAWER (left slide-in) ââ */ 191 /* Overlay â sits behind drawer, on top of page content. 192 Set opacity to 0 to disable dimming, or e.g. 0.35 to enable. */ 193 .drawer-overlay { 194 display: none; 195 position: fixed; 196 inset: 0; 197 background: rgba(0,0,0,0); /* â change this value to dim the page (e.g. rgba(0,0,0,0.35)) */ 198 z-index: 1000; 199 transition: background 0.28s ease; 200 } 201 .drawer-overlay.open { display: block; } 202 203 /* Drawer panel */ 204 .mobile-menu { 205 position: fixed; 206 top: 0; 207 left: 0; 208 width: 65%; 209 height: 100dvh; /* full device viewport height */ 210 background: #EFF0FF; 211 z-index: 1001; 212 display: flex; 213 flex-direction: column; 214 transform: translateX(-100%); 215 transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1); 216 overflow-y: auto; 217 -webkit-overflow-scrolling: touch; 218 box-shadow: none; 219 } 220 .mobile-menu.open { 221 transform: translateX(0); 222 box-shadow: 10px 0 24px rgba(37,99,235,0.10); 223 } 224 225 /* ââ DRAWER INNER LAYOUT ââ */ 226 /* Scrollable content area */ 227 .drawer-scroll { 228 flex: 1; 229 overflow-y: auto; 230 -webkit-overflow-scrolling: touch; 231 padding-bottom: 16px; 232 } 233 234 /* Drawer header â logo + close area */ 235 .drawer-header { 236 display: flex; 237 align-items: center; 238 justify-content: space-between; 239 padding: 14px 16px; 240 border-bottom: 1px solid var(--purple-faint); 241 min-height: 56px; 242 } 243 .drawer-header img { height: 22px; display: block; } 244 .drawer-close { 245 background: none; border: none; cursor: pointer; 246 display: flex; align-items: center; justify-content: center; 247 min-width: 36px; min-height: 36px; 248 color: var(--text); font-size: 20px; line-height: 1; 249 -webkit-tap-highlight-color: transparent; 250 border-radius: 8px; 251 transition: background 0.15s; 252 }
253 .drawer-close:hover { background: var(--purple-faint); } 254 255 /* Top nav links */ 256 .drawer-nav { 257 padding: 0 16px; 258 border-bottom: 1px solid var(--purple-faint); 259 } 260 .drawer-nav a { 261 display: flex; align-items: center; 262 font-size: 16.5px; font-weight: 600; color: var(--text); 263 text-decoration: none; 264 padding: 13px 0; 265 border-bottom: 1px solid var(--purple-faint); 266 min-height: 48px; 267 transition: color 0.15s; 268 -webkit-tap-highlight-color: transparent; 269 } 270 .drawer-nav a:last-child { border-bottom: none; } 271 .drawer-nav a:hover { color: var(--blue); } 272 273 /* ââ FOOTER ACCORDION SECTIONS inside drawer ââ */ 274 .drawer-footer-sections { 275 padding: 0 0; 276 } 277 .drawer-section { 278 border-bottom: 1px solid var(--purple-faint); 279 } 280 .drawer-section-toggle { 281 width: 100%; 282 display: flex; 283 align-items: center; 284 justify-content: space-between; 285 background: none; 286 border: none; 287 padding: 13px 16px; 288 cursor: pointer; 289 font-family: 'Inter', sans-serif; 290 min-height: 48px; 291 -webkit-tap-highlight-color: transparent; 292 } 293 .drawer-section-toggle h4 { 294 font-size: 10px; font-weight: 700; color: var(--dark); 295 text-transform: uppercase; letter-spacing: 0.1em; 296 margin: 0; 297 } 298 .drawer-section-chevron { 299 font-size: 9px; 300 color: var(--muted); 301 opacity: 0.6; 302 transition: transform 0.22s ease; 303 flex-shrink: 0; 304 } 305 .drawer-section.open .drawer-section-chevron { transform: rotate(180deg); } 306 307 .drawer-section-links { 308 display: none; 309 flex-direction: column; 310 padding: 0 16px 8px; 311 } 312 .drawer-section.open .drawer-section-links { display: flex; } 313 314 .drawer-section-links a { 315 display: flex; align-items: center; gap: 7px; 316 font-size: 13.5px; color: var(--muted); 317 text-decoration: none; font-weight: 500; 318 min-height: 40px; padding: 2px 0; 319 border-bottom: 1px solid var(--purple-faint); 320 -webkit-tap-highlight-color: transparent; 321 transition: color 0.15s; 322 } 323 .drawer-section-links a:last-child { border-bottom: none; } 324 .drawer-section-links a:hover { color: var(--blue); } 325 326 /* Social icons row â below the accordions */ 327 .drawer-social-row { 328 display: flex; gap: 6px; flex-wrap: wrap; 329 padding: 14px 16px 8px; 330 } 331 .drawer-social-icon { 332 width: 36px; height: 36px; border-radius: 9px; 333 background: rgba(255,255,255,0.72); border: 1px solid var(--purple-faint); 334 display: flex; align-items: center; justify-content: center; 335 font-size: 15px; text-decoration: none !important; 336 border-bottom: none !important; 337 min-height: unset !important; 338 -webkit-tap-highlight-color: transparent; 339 transition: background 0.15s; 340 } 341 .drawer-social-icon:hover { background: rgba(255,255,255,0.95); color: inherit !important; } 342 343 /* ââ FIXED BOTTOM CTA ââ */ 344 .drawer-bottom { 345 flex-shrink: 0; 346 padding: 12px 16px 40px; 347 border-top: 1px solid var(--purple-faint); 348 background: #EFF0FF; 349 margin:0 auto; 350 } 351 .drawer-bottom a { 352 display: flex; align-items: center; 353 font-size: 15px; font-weight: 600; color: var(--text); 354 text-decoration: none; 355 min-height: 48px; 356 transition: color 0.15s; 357 -webkit-tap-highlight-color: transparent; 358 } 359 .drawer-store-btn { 360 display: flex; 361 align-items: center; 362 justify-content: center; 363 gap: 8px; 364 width: 100%; 365 background: var(--blue); 366 color: #fff; 367 border: none; 368 border-radius: 999px; 369 padding: 14px 18px; 370 font-size: 15px; 371 font-weight: 700; 372 font-family: 'Inter', sans-serif; 373 cursor: pointer; 374 text-decoration: none; 375 -webkit-tap-highlight-color: transparent; 376 transition: background 0.2s; 377 min-height: 52px; 378 margin:0 auto; 379 } 380 .drawer-store-btn:hover { background: #1d4ed8; } 381 .drawer-store-btn .btn-icon { font-size: 18px; line-height: 1; } 382 383 /* ââ LANGUAGE SELECTOR ââ */ 384 .lang-selector { 385 position: relative; 386 display: none; /* hidden on mobile by default */ 387 align-items: center; 388 } 389 390 .lang-btn { 391 display: inline-flex; 392 align-items: center; 393 gap: 5px; 394 background: rgba(238,240,255,0.97); 395 border: 1px solid rgba(167,139,250,0.28); 396 border-radius: 8px; 397 padding: 5px 10px; 398 font-size: 12px; 399 font-weight: 600; 400 color: var(--dark); 401 cursor: pointer; 402 font-family: 'Inter', sans-serif; 403 min-height: 30px; 404 transition: background 0.15s, border-color 0.15s, transform 0.15s; 405 white-space: nowrap; 406 -webkit-tap-highlight-color: transparent; 407 } 408 .lang-btn:hover { 409 background: rgba(204, 210, 255, 0.97); 410 border-color: rgba(167,139,250,0.5); 411 } 412 .lang-btn:active { transform: scale(0.97); } 413 414 .lang-btn .lang-flag { font-size: 14px; line-height: 1; } 415 .lang-btn .lang-chevron { 416 font-size: 9px; 417 opacity: 0.5; 418 transition: transform 0.2s; 419 margin-left: 1px; 420 } 421 .lang-selector.open .lang-chevron { transform: rotate(180deg); } 422 423 /* Drop-down panel (opens downward from nav) */ 424 .lang-menu { 425 position: absolute; 426 top: calc(100% + 8px); 427 right: 0; 428 border-radius: 14px; 429 padding: 8px; 430 min-width: 210px; 431 display: none; 432 z-index: 2000; 433 } 434 .lang-selector.open .lang-menu { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; } 435 436 .lang-option { 437 display: flex; 438 align-items: center; 439 gap: 8px; 440 padding: 8px 10px; 441 border-radius: 9px; 442 cursor: pointer; 443 text-decoration: none; 444 font-size: 12.5px; 445 font-weight: 500; 446 color: var(--dark); 447 transition: background 0.12s; 448 white-space: nowrap; 449 -webkit-tap-highlight-color: transparent; 450 } 451 .lang-option:hover { background: rgba(37,99,235,0.07); color: var(--blue); } 452 .lang-option.active { 453 background: rgba(37,99,235,0.09); 454 color: var(--blue); 455 font-weight: 700; 456 } 457 .lang-option .lo-flag { font-size: 15px; line-height: 1; flex-shrink: 0; } 458 .lang-option .lo-name { flex: 1; } 459 .lang-option .lo-check { font-size: 11px; color: var(--blue); opacity: 0; } 460 .lang-option.active .lo-check { opacity: 1; } 461.drawer-store-btn.store-btn-badge { 462 background: none; 463 padding: 0; 464 min-height: unset; 465 border-radius: 0; 466 justify-content: flex-start; 467} 468.drawer-store-btn.store-btn-badge:hover { 469 background: none; 470 opacity: 0.85; 471} 472 @media (min-width: 680px) { 473 nav { padding: 14px 32px; } 474 .logo img { height: 30px; } 475 .nav-links { display: flex; } 476 .nav-login { display: block; } 477 .hamburger { display: none; } 478 .lang-selector { display: flex; }
479 /* On desktop, hide all drawer-related elements */ 480 .mobile-menu, 481 .drawer-overlay { display: none !important; } 482 } 483</style> 484 485<div style="background-color: #eef0ff; position: fixed; top:0; left:0; right:0; z-index:1000"> 486 487 <nav> 488 <a href="/" class="logo" style="flex:1;"> 489 <img src="/images/Thea-Logo-Primary-FullColor-Night.png" alt="Thea Logo Full Color Night Quill"> 490 </a> 491 <div class="nav-links"> 492 <a href="/" target="_top">For Students</a> 493 <a href="/for-educators" target="_top">For Educators</a> 494 <a href="/for-institutions" target="_top">For Institutions</a> 495 </div> 496 <div class="nav-right"> 497 <a href="https://www.thea.study/login?referralCode=Web-HeLogin" data-track-id="Web-He1d" class="nav-login" target="_blank">Log in</a> 498 <a href="https://www.thea.study/register?referralCode=Web-HeSignup" data-track-id="Web-He2d" class="nav-cta" target="_blank">Study Free â︎</a> 499 <button class="hamburger" id="hamburger" aria-label="Open menu" aria-expanded="false"> 500 <span></span><span></span><span></span> 501 </button> 502 </div> 503 </nav> 504 505 <!-- Overlay (behind drawer, in front of page) --> 506 <div class="drawer-overlay" id="drawerOverlay"></div> 507 508 <!-- Left slide-in drawer --> 509 <div class="mobile-menu" id="mobileMenu" aria-hidden="true"> 510 511 <!-- Scrollable top section --> 512 <div class="drawer-scroll"> 513 514 <!-- Drawer header with logo + X button --> 515 <div class="drawer-header"> 516 <a href="/" target="_top"> 517 <img src="/images/Thea-Logo-Primary-FullColor-Night.png" alt="Thea"> 518 </a> 519 <button class="drawer-close" id="drawerClose" aria-label="Close menu">â</button> 520 </div> 521 522 <!-- Primary nav links --> 523 <div class="drawer-nav"> 524 <a href="/" target="_top">For Students</a> 525 <a href="/for-educators" target="_top">For Educators</a> 526 <a href="/for-institutions" target="_top">For Institutions</a> 527 </div> 528 529 <!-- Footer accordion sections --> 530 <div class="drawer-footer-sections"> 531 532 <!-- Community --> 533 <div class="drawer-section" id="drawer-col-community"> 534 <button class="drawer-section-toggle" aria-expanded="false" aria-controls="drawer-links-community"> 535 <h4>Company</h4> 536 <span class="drawer-section-chevron">â¼</span> 537 </button> 538 <div class="drawer-section-links" id="drawer-links-community"> 539 <a href="/testimonials" target="_top">Testimonials</a> 540 <a href="/about-thea" target="_top">About Thea</a> 541 <a href="/our-team" target="_top">Our Team</a> 542 <a href="/careers" target="_top">Careers</a> 543 <a href="/contact" target="_top">Contact Us</a> 544 </div> 545 </div> 546 547 <!-- Product --> 548 <div class="drawer-section" id="drawer-col-product"> 549 <button class="drawer-section-toggle" aria-expanded="false" aria-controls="drawer-links-product"> 550 <h4>Product</h4> 551 <span class="drawer-section-chevron">â¼</span> 552 </button> 553 <div class="drawer-section-links" id="drawer-links-product"> 554 <a href="/how-it-works" target="_top">How It Works</a> 555 <a href="/features" target="_top">Product Features</a> 556 <a href="/tutorials" target="_top">Tutorials</a> 557 <a href="/course-catalog" target="_top">Course Catalog</a> 558 <a href="/thea-plus" target="_top">Thea+</a> 559 <a href="https://www.thea.study/register?referralCode=Web-mMenu1" target="_blank">Web App</a> 560 <a href="/faq" target="_top">FAQ</a> 561 </div> 562 </div> 563 564 <!-- Follow --> 565 <div class="drawer-section" id="drawer-col-follow"> 566 <button class="drawer-section-toggle" aria-expanded="false" aria-controls="drawer-links-follow"> 567 <h4>Follow</h4> 568 <span class="drawer-section-chevron">â¼</span> 569 </button> 570 <div class="drawer-section-links" id="drawer-links-follow"> 571 <a href="/newsroom" target="_top">In the News</a> 572 <a href="/blog/the-thea-times-june-2026" target="_top">Blog</a> 573 <a href="https://www.youtube.com/playlist?list=PLbcAwY-6avUhFUzPYMcIDzaH6JPPh4aSa" target="_blank">Music / Playlist</a> 574 </div> 575 </div> 576 577 </div> 578 579 <!-- Social icons â always visible below accordions -->
580 <div class="drawer-social-row"> 581 <a href="https://www.instagram.com/thea.study" class="drawer-social-icon" aria-label="Instagram" target="_blank"><img src="/images/Insta-Logo.png" width="18" alt="Instagram"></a> 582 <a href="https://www.tiktok.com/@get.thea" class="drawer-social-icon" aria-label="TikTok" target="_blank"><img src="/images/Tiktok-Logo.png" width="16" alt="TikTok"></a> 583 <a href="https://x.com/Thea_Study" class="drawer-social-icon" aria-label="X / Twitter" target="_blank"><img src="/images/X-Logo.webp" width="16" alt="X"></a> 584 <a href="https://www.linkedin.com/company/theaai-corporation" class="drawer-social-icon" aria-label="LinkedIn" target="_blank"><img src="/images/Linkedin-Logo.png" width="18" alt="LinkedIn"></a> 585 <a href="https://discord.com/invite/6sJuWrNvPe" class="drawer-social-icon" aria-label="Discord" target="_blank"><img src="/images/Discord-Logo.png" width="18" alt="Discord"></a> 586 <a href="https://www.youtube.com/@Thea_Study" class="drawer-social-icon" aria-label="YouTube" target="_blank"><img src="/images/Youtube-Logo.png" width="18" alt="YouTube"></a> 587 <a href="https://www.pinterest.com/theastudy/" class="drawer-social-icon" aria-label="Pinterest" target="_blank"><img src="/images/Pinterest-Logo.png" width="18" alt="Pinterest"></a> 588 </div> 589 590 </div><!-- /.drawer-scroll --> 591 592 <!-- Fixed bottom store CTA --> 593 <div class="drawer-bottom"> 594 <a id="drawerStoreCta" href="#" class="drawer-store-btn" target="_blank"> 595 <span class="btn-icon" id="drawerStoreIcon">ð±</span> 596 <span id="drawerStoreLabel">Download the App</span> 597 </a><br><br> 598 <a href="https://www.thea.study/login?referralCode=Web-mMenu2" data-track-id="Web-mMenu2" target="_top">Log in</a> 599 </div> 600 601 </div><!-- /.mobile-menu --> 602 603</div> 604
605<script> 606 (function() { 607 608 /* ââ STORE BUTTON: detect iOS vs Android vs fallback ââ */ 609 const storeBtn = document.getElementById('drawerStoreCta'); 610 const storeIcon = document.getElementById('drawerStoreIcon'); 611 const storeLabel = document.getElementById('drawerStoreLabel'); 612 const ua = navigator.userAgent || ''; 613 if (/iPhone|iPad|iPod/i.test(ua)) { 614 storeBtn.href = 'https://apps.apple.com/us/app/thea-study-smart/id6742800289'; 615 storeBtn.innerHTML = '<img src="/images/Apple-App-Store-Download-Button.svg" alt="Download on the App Store" style="height:44px; width:auto; display:block;">'; 616 storeBtn.classList.add('store-btn-badge'); // removes pill styling 617 618 } 619 else if (/Android/i.test(ua)) { 620 storeBtn.href = 'https://play.google.com/store/apps/details?id=study.thea.www.twa&hl=en_US&utm_source=Web-Stu&ct=Web-Stu'; 621 storeBtn.innerHTML = '<img src="/images/Google-Play-Store-Download-Button.svg" alt="Get it on Google Play" style="height:44px; width:auto; display:block;">'; 622 storeBtn.classList.add('store-btn-badge'); 623 } 624 else { 625 /* Desktop fallback â link to web app */ 626 storeBtn.href = 'https://www.thea.study/register?referralCode=Web-mMenu3'; 627 storeIcon.textContent = 'â'; 628 storeLabel.textContent = 'Study Free'; 629 } 630 631 /* ââ DRAWER OPEN / CLOSE ââ */ 632 const hamburger = document.getElementById('hamburger'); 633 const menu = document.getElementById('mobileMenu'); 634 const overlay = document.getElementById('drawerOverlay'); 635 const closeBtn = document.getElementById('drawerClose'); 636 637 function openDrawer() { 638 menu.classList.add('open'); 639 overlay.classList.add('open'); 640 hamburger.classList.add('open'); 641 hamburger.setAttribute('aria-expanded', 'true'); 642 menu.setAttribute('aria-hidden', 'false'); 643 document.body.style.overflow = 'hidden'; /* prevent page scroll behind drawer */ 644 } 645 646 function closeDrawer() { 647 menu.classList.remove('open'); 648 overlay.classList.remove('open'); 649 hamburger.classList.remove('open'); 650 hamburger.setAttribute('aria-expanded', 'false'); 651 menu.setAttribute('aria-hidden', 'true'); 652 document.body.style.overflow = ''; 653 } 654 655 hamburger.addEventListener('click', () => { 656 const isOpen = menu.classList.contains('open'); 657 isOpen ? closeDrawer() : openDrawer(); 658 }); 659 660 closeBtn.addEventListener('click', closeDrawer); 661 662 /* Tapping overlay closes drawer */ 663 overlay.addEventListener('click', closeDrawer); 664 665 /* Escape key closes drawer */ 666 document.addEventListener('keydown', (e) => { 667 if (e.key === 'Escape' && menu.classList.contains('open')) { 668 closeDrawer(); 669 hamburger.focus(); 670 } 671 }); 672 673 /* ââ FOOTER SECTION ACCORDIONS inside drawer ââ */ 674 document.querySelectorAll('.drawer-section-toggle').forEach(toggle => { 675 toggle.addEventListener('click', () => { 676 const section = toggle.closest('.drawer-section'); 677 const isOpen = section.classList.toggle('open'); 678 toggle.setAttribute('aria-expanded', isOpen); 679 }); 680 }); 681 682 })(); 683</script>
vendor: 1 bytes, line 683
683
684<script> 685 (function () { 686 var queryParams = new URLSearchParams(window.location.search); 687 var referralCode = queryParams.get("referralCode") 688 || queryParams.get("ref") 689 || queryParams.get("via") 690 || queryParams.get("utm_campaign") 691 || queryParams.get("utm_source"); 692 if (!referralCode) { return; } 693 694 document.addEventListener("click", function (e) { 695 var anchor = event.target.closest("a"); 696 if (!anchor) { return; } 697 698 var queryParameter = anchor.href.indexOf("thea.study") >= 0 ? "referralCode" 699 // e.g. https://play.google.com/store/apps/details?id=study.thea.www.twa&utm_source=Web-StuApp 700 : anchor.href.indexOf("play.google.com") >= 0 ? "utm_source" 701 // e.g. https://apps.apple.com/app/apple-store/id6742800289?pt=127490259&ct=theastudy.com&mt=8 702 : anchor.href.indexOf("apps.apple.com") >= 0 ? "ct" 703 : null; 704 705 if (queryParameter) { 706 var url = new URL(anchor.href); 707 url.searchParams.set(queryParameter, referralCode); 708 anchor.href = url.toString(); 709 } 710 }) 711 }()); 712</script>
712 713</div> 714 715<a id="scroll-top" style="position:absolute;top:0;left:0;height:0;width:0;overflow:hidden;display:block;"></a> 716 717<div class="page"> 718 719 <!-- ââ HEADER ââ --> 720 <span class="eyebrow">Our Story</span> 721 <h1 class="page-title">Built by a student.<br><span class="accent">For every student.</span></h1> 722 723 <div class="mission-block"> 724 <span class="mission-label">Our Mission</span> 725 <p class="mission-text">"To democratize access to world-class AI-based learning. For all students and educators."</p> 726 </div> 727 728 <!-- ââ ORIGIN ââ --> 729 <div class="section"> 730 <span class="section-eyebrow">Where it started</span> 731 <h2>A high schooler who believed study apps could be better.</h2> 732 <p>The idea behind Thea came from our founder, Baker, when he was a junior in high school. He saw a gap â he believed there were simply no good study applications â and being enthusiastic about everything technical, he started building his own.</p> 733 <p>When large language models emerged, Baker signed up on day one and integrated AI into his developing platform. He envisioned something that could do all the busywork needed to start studying (flashcards, summaries, study guides) and then dynamically tutor learners with questions of increasing complexity, prioritizing understanding over memorization.</p> 734 </div> 735 736 <div class="story-grid"> 737 <div class="story-card"> 738 <span class="sc-num">2023</span> 739 <span class="sc-label">It begins</span> 740 <p>Baker prototypes Thea as a high school junior, convinced that studying doesn't have to be painful.</p> 741 </div> 742 <div class="story-card"> 743 <span class="sc-num">Day 1</span> 744 <span class="sc-label">LLMs arrive</span> 745 <p>AI is integrated into Thea on the first day large language models are publicly available. The vision clicks into place.</p> 746 </div> 747 <div class="story-card"> 748 <span class="sc-num">+1</span> 749 <span class="sc-label">A Father-Son Duo</span> 750 <p>Baker's father Anthony, co-founder and CEO of Applied Predictive Technologies (sold to Mastercard), joins the team. The rest follows quickly.</p> 751 </div> 752 <div class="story-card"> 753 <span class="sc-num">Today</span> 754 <span class="sc-label">Global platform</span> 755 <p>Millions of students in 200+ countries. 1 billion+ practice questions. Growing every day.</p> 756 </div> 757 </div> 758 759 <!-- ââ NAME ââ --> 760 <div class="name-box"> 761 <span class="name-box-icon">ð</span> 762 <div> 763 <h3>Why "Thea"?</h3> 764 <p>One of the reasons we're called Thea is because we're all about helping you get "The-A", as in acing your exams. The core of what Thea offers is also hidden within our logo, for those who look closely.</p> 765 </div> 766 </div> 767 768 <div class="divider"></div> 769 770 <!-- ââ BY THE NUMBERS ââ --> 771 <div class="section"> 772 <span class="section-eyebrow">By the numbers</span> 773 <h2>The scale of what students have built with us.</h2> 774 </div> 775 776 <div class="stats-row"> 777 <div class="stat-block"> 778 <span class="stat-num">1B+</span> 779 <span class="stat-label">Practice questions answered</span> 780 </div> 781 <div class="stat-block"> 782 <span class="stat-num">200+</span> 783 <span class="stat-label">Countries & territories</span> 784 </div> 785 <div class="stat-block"> 786 <span class="stat-num">80+</span> 787 <span class="stat-label">Languages supported</span> 788 </div> 789 </div> 790 791 <div class="divider"></div> 792 793 <!-- ââ WHAT WE BELIEVE ââ --> 794 <div class="section"> 795 <span class="section-eyebrow">What we believe</span> 796 <h2>AI should make you smarter. Not do the thinking for you.</h2> 797 <p>Most AI tools race to give you the answer faster. Thea was built to do the opposite. When students upload their course materials, Thea asks them questions, challenges their thinking, and adapts in real time to close the gaps in understanding.</p> 798 <p>We believe real learning comes from understanding concepts deeply and that practice should build confidence, mastery, and long-term success. That's why Thea is designed around active recall and the Socratic method, not shortcuts.</p> 799 </div> 800 801 <div class="values-chips"> 802 <span class="v-chip">ð Active recall</span> 803 <span class="v-chip">ð Spaced repetition</span> 804 <span class="v-chip">ð¯ Course-aligned practice</span> 805 <span class="v-chip">ð No judgment</span> 806 <span class="v-chip">ð§ Socratic by design</span> 807 <span class="v-chip">ð Free to study</span> 808 <span class="v-chip">ð Built for everyone</span> 809 <span class="v-chip">ð« Not a cheat tool</span> 810 </div> 811 812 <div class="divider"></div> 813 814 <!-- ââ RECOGNITION ââ --> 815 <div class="section"> 816 <span class="section-eyebrow">Recognition</span> 817 <h2>Validated by people who know ed-tech.</h2> 818 <p>We're proud of these recognitions â not because awards matter more than outcomes, but because they reflect the consistency of what students and educators have experienced on the platform.</p> 819 </div> 820 821 <div class="awards-list"> 822 <div class="award-item">
823 <span class="award-emoji"><img src="/images/EdTech-Breakthrough-Award-Badge-2026-Thea.png" height="25px" alt="EdTech Breakthrough Award Badge"></span> 824 <div class="award-body"> 825 <h4>Best Online Study Tool 2026 â EdTech Breakthrough Awards</h4> 826 <p>One of the most competitive recognition programs in educational technology, drawing nominations from hundreds of companies globally.</p> 827 </div> 828 </div> 829 <div class="award-item"> 830 <span class="award-emoji"><img src="/images/TAAFT-logo.png" height="24px" alt="There's An AI For That Logo"></span> 831 <div class="award-body"> 832 <h4>#3 Best AI Tool Globally â There's An AI For That</h4> 833 <p>Ranked among the top AI tools in the world, across all categories, not just education.</p> 834 </div> 835 </div> 836 <div class="award-item"> 837 <span class="award-emoji"><img src="images/WFA-logo-square.png" height="22px" alt="World Future Award Winners Logo"></span> 838 <div class="award-body"> 839 <h4>World Future Award â Best AI-Powered Study Platform for Personalized Learning</h4> 840 <p>Recognized internationally for innovation in personalized, adaptive learning.</p> 841 </div> 842 </div> 843 <div class="award-item"> 844 <span class="award-emoji"><img src="/images/bptw-logo-26-circle.webp" height="24px" alt="Washington Business Journal Annual Best Places To Work Competition Logo"></span> 845 <div class="award-body"> 846 <h4>Best Place to Work â Washington Business Journal, DMV 2026</h4> 847 <p>A recognition that belongs entirely to the Thea team.</p> 848 </div> 849 </div> 850 </div> 851 852 <div class="divider"></div> 853 854 <!-- ââ TEAM ââ --> 855 <div class="team-box"> 856 <h3>Who we are.</h3> 857 <p>Thea is a team of technologists, educators, and experienced entrepreneurs who are passionate about helping students succeed. We are energized by the positive potential for artificial intelligence to change how we learn and deeply committed to building it responsibly.</p> 858 </div> 859 860 <div class="section"> 861 <p>What started as a simple idea from a high school student has grown into a platform used by students and educators in more than 200 countries. After one billion questions in less than three years, it still feels like we're just getting started.</p> 862 </div> 863 864 <!-- ââ CTA ââ --> 865 <div class="cta-section"> 866 <p>Ready to start earning better grades?</p> 867 <a href="https://www.thea.study/register?referralCode=Web-Abt1" class="btn-primary" target="_blank" rel="noopener noreferrer">Study for free</a><br> 868 <a href="/our-team.html" class="btn-secondary" target="_blank" rel="noopener noreferrer">Meet the team â</a> 869 </div> 870 871</div> 872<div id="site-footer"><style> 873 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 874 :root { --blue: #2563EB; --muted: #6b7280; --dark: #1a1a2e; --faint: rgba(167,139,250,0.15); } 875 876 body { 877 font-family: 'Inter', sans-serif; 878 background: rgba(238,240,255,0.97); 879 border-top: 1px solid var(--faint); 880 } 881 882 footer { max-width: 1200px; margin: 0 auto; padding: 48px 20px 32px; } 883 884 /* ââ BRAND BLOCK ââ */ 885 .footer-brand { margin-bottom: 40px; } 886 .footer-brand a { display: inline-block; margin-bottom: 12px; } 887 .footer-brand img { height: 26px; opacity: 0.85; display: block; } 888 .footer-tagline { 889 font-size: 13px; color: var(--muted); line-height: 1.65; 890 max-width: 280px; margin-bottom: 18px; 891 } 892 893 /* Store badges */ 894 .store-row { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; } 895 .store-badge { 896 display: flex; align-items: center; gap: 6px; 897 background: rgba(255,255,255,0.72); border: 1px solid var(--faint); 898 border-radius: 8px; padding: 6px 10px; 899 font-size: 11px; font-weight: 600; color: var(--dark); 900 text-decoration: none; min-height: 34px; 901 -webkit-tap-highlight-color: transparent; 902 transition: background 0.15s; 903 } 904 .store-badge:active { background: rgba(255,255,255,0.95); } 905 .sb-icon { font-size: 13px; display:flex; align-items:center; } 906 907 /* Trophy room link */ 908 .trophy-link { 909 display: inline-flex; align-items: center; gap: 5px; 910 font-size: 12px; font-weight: 600; color: var(--blue); 911 text-decoration: none; margin-bottom: 18px; 912 -webkit-tap-highlight-color: transparent; 913 transition: opacity 0.15s; 914 } 915 .trophy-link:hover { opacity: 0.7; } 916 917 /* Award pills */ 918 .footer-awards { display: flex; flex-wrap: wrap; gap: 55px; } 919 .award-pill { 920 display: inline-flex; align-items: center; gap: 4px; 921 background: rgba(255,255,255,0.62); border: 1px solid var(--faint); 922 border-radius: 999px; padding: 6px 11px; 923 font-size: 11px; font-weight: 600; color: var(--dark); 924 } 925 926 /* ââ NAV COLUMNS ââ */ 927 .footer-nav { 928 display: grid; 929 grid-template-columns: repeat(3, 1fr); 930 gap: 0 40px; 931 margin-bottom: 0; 932 } 933 934 .footer-col h4 { 935 font-size: 11px; font-weight: 700; color: var(--dark); 936 text-transform: uppercase; letter-spacing: 0.1em; 937 margin-bottom: 14px; 938 } 939 .footer-col a { 940 display: flex; align-items: center; gap: 7px; 941 font-size: 14px; color: var(--muted); 942 text-decoration: none; font-weight: 500; 943 min-height: 38px; padding: 2px 0; 944 -webkit-tap-highlight-color: transparent; 945 transition: color 0.15s; 946 } 947 .footer-col a:hover { color: var(--blue); } 948 949 /* Follow section */ 950 .social-row { 951 display: flex; gap: 8px; flex-wrap: wrap; 952 margin-top: 4px; margin-bottom: 4px; 953 } 954 .social-icon { 955 width: 38px; height: 38px; border-radius: 10px; 956 background: rgba(255,255,255,0.72); border: 1px solid var(--faint); 957 display: flex; align-items: center; justify-content: center; 958 font-size: 16px; text-decoration: none; 959 -webkit-tap-highlight-color: transparent; 960 transition: background 0.15s, transform 0.15s; 961 } 962 .social-icon:hover { background: rgba(255,255,255,0.95); transform: translateY(-1px); } 963 .social-icon:active { transform: scale(0.95); } 964 965 /* ââ DIVIDER ââ */ 966 hr { border: none; border-top: 1px solid var(--faint); margin-bottom: 20px; } 967 968 /* ââ LEGAL BOTTOM ââ */ 969 .footer-bottom { 970 display: flex; flex-direction: column; gap: 10px; 971 } 972 .footer-copy { font-size: 12px; color: var(--muted); } 973 .footer-legal { display: flex; flex-wrap: wrap; gap: 4px 0; align-items: center; } 974 .footer-legal > a { 975 font-size: 12px; color: var(--muted); text-decoration: none; font-weight: 500; 976 min-height: 36px; display: flex; align-items: center; 977 padding: 0 14px 0 0; 978 -webkit-tap-highlight-color: transparent; 979 transition: color 0.15s; 980 } 981 .footer-legal > a:hover { color: var(--blue); } 982 .footer-legal > a:not(:last-child)::after { 983 content: '·'; margin-left: 14px; opacity: 0.4; 984 } 985 986 /* ââ LANGUAGE SELECTOR ââ */ 987 .lang-selector { 988 position: relative; 989 display: inline-flex; 990 align-items: center; 991 } 992 993 .lang-dot::before { 994 content: '·'; 995 opacity: 0.4; 996 margin-right: 14px; 997 font-size: 12px; 998 color: var(--muted); 999 } 1000 1001 .lang-btn { 1002 display: inline-flex; 1003 align-items: center; 1004 gap: 5px; 1005 background: rgba(255,255,255,0.72); 1006 border: 1px solid rgba(167,139,250,0.28); 1007 border-radius: 8px; 1008 padding: 5px 10px; 1009 font-size: 12px; 1010 font-weight: 600; 1011 color: var(--dark); 1012 cursor: pointer; 1013 font-family: 'Inter', sans-serif; 1014 min-height: 30px; 1015 transition: background 0.15s, border-color 0.15s, transform 0.15s; 1016 white-space: nowrap; 1017 -webkit-tap-highlight-color: transparent; 1018 } 1019 .lang-btn:hover { 1020 background: rgba(255,255,255,0.95); 1021 border-color: rgba(167,139,250,0.5); 1022 } 1023 .lang-btn:active { transform: scale(0.97); } 1024 1025 .lang-btn .lang-flag { font-size: 14px; line-height: 1; } 1026 .lang-btn .lang-chevron { 1027 font-size: 9px; 1028 opacity: 0.5; 1029 transition: transform 0.2s; 1030 margin-left: 1px; 1031 } 1032 .lang-selector.open .lang-chevron { transform: rotate(180deg); } 1033 1034 /* Drop-up panel */ 1035 .lang-menu { 1036 position: absolute; 1037 bottom: calc(100% + 8px); 1038 left: 0; 1039 background: rgba(248,248,255,0.98); 1040 backdrop-filter: blur(16px); 1041 -webkit-backdrop-filter: blur(16px); 1042 border: 1px solid rgba(167,139,250,0.22); 1043 border-radius: 14px; 1044 box-shadow: 0 -4px 24px rgba(37,99,235,0.08), 0 2px 8px rgba(0,0,0,0.06); 1045 padding: 8px; 1046 min-width: 210px; 1047 display: none; 1048 z-index: 100; 1049 } 1050 .lang-selector.open .lang-menu { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; } 1051 1052 .lang-option { 1053 display: flex; 1054 align-items: center; 1055 gap: 8px; 1056 padding: 8px 10px; 1057 border-radius: 9px; 1058 cursor: pointer; 1059 text-decoration: none; 1060 font-size: 12.5px; 1061 font-weight: 500; 1062 color: var(--dark); 1063 transition: background 0.12s; 1064 white-space: nowrap; 1065 -webkit-tap-highlight-color: transparent; 1066 } 1067 .lang-option:hover { background: rgba(37,99,235,0.07); color: var(--blue); } 1068 .lang-option.active { 1069 background: rgba(37,99,235,0.09); 1070 color: var(--blue); 1071 font-weight: 700; 1072 } 1073 .lang-option .lo-flag { font-size: 15px; line-height: 1; flex-shrink: 0; } 1074 .lang-option .lo-name { flex: 1; } 1075 .lang-option .lo-check { font-size: 11px; color: var(--blue); opacity: 0; } 1076 .lang-option.active .lo-check { opacity: 1; } 1077 1078 /* Social row visibility by breakpoint */ 1079 .social-row--mobile { display: none; } 1080 .social-row--desktop { display: flex; } 1081 1082 /* ââ DESKTOP ââ */ 1083 @media (min-width: 640px) { 1084 .footer-top { 1085 display: flex; gap: 48px; 1086 justify-content: space-between; margin-bottom: 40px; 1087 } 1088 .footer-brand { margin-bottom: 0; flex-shrink: 0; max-width: 280px; } 1089 .footer-bottom { 1090 flex-direction: row; justify-content: space-between; align-items: center; 1091 } 1092 /* Desktop: hide accordion controls */ 1093 .col-toggle { display: none; } 1094 .footer-col .col-links { display: contents; } 1095 } 1096 1097 /* ââ MOBILE ONLY ââ */ 1098 @media (max-width: 639px) { 1099 1100 footer { padding: 32px 16px 24px; } 1101 1102 /* Brand tighter on mobile */ 1103 .footer-brand { margin-bottom: 28px; } 1104 .footer-tagline { max-width: 100%; font-size: 12.5px; margin-bottom: 14px; } 1105 1106 /* Store badges: full width each */ 1107 .store-row { flex-direction: column; gap: 8px; margin-bottom: 14px; } 1108 .store-badge { width: 100%; } 1109 1110 /* Nav: single column accordion */ 1111 .footer-nav { 1112 display: flex; 1113 flex-direction: column; 1114 gap: 0; 1115 border-top: 1px solid var(--faint); 1116 margin-bottom: 28px; 1117 } 1118 1119 .footer-col { 1120 border-bottom: 1px solid var(--faint); 1121 } 1122 1123 /* Accordion header button */ 1124 .col-toggle { 1125 width: 100%; 1126 display: flex; 1127 align-items: center; 1128 justify-content: space-between; 1129 background: none; 1130 border: none; 1131 padding: 14px 0; 1132 cursor: pointer; 1133 font-family: 'Inter', sans-serif; 1134 -webkit-tap-highlight-color: transparent; 1135 } 1136 1137 .col-toggle h4 { 1138 font-size: 11px; font-weight: 700; color: var(--dark); 1139 text-transform: uppercase; letter-spacing: 0.1em; 1140 margin-bottom: 0; /* override default */ 1141 } 1142 1143 .col-chevron { 1144 font-size: 10px; 1145 color: var(--muted); 1146 opacity: 0.6; 1147 transition: transform 0.22s ease; 1148 flex-shrink: 0; 1149 } 1150
1151 .footer-col.open .col-chevron { transform: rotate(180deg); } 1152 1153 /* Links container: collapsed by default */ 1154 .footer-col .col-links { 1155 display: none; 1156 flex-direction: column; 1157 padding-bottom: 8px; 1158 } 1159 1160 .footer-col.open .col-links { display: flex; } 1161 1162 /* Tighter links on mobile */ 1163 .footer-col a { 1164 min-height: 42px; 1165 font-size: 13.5px; 1166 padding: 2px 0; 1167 } 1168 1169 /* Social row: mobile copy visible, desktop copy hidden */ 1170 .social-row--mobile { display: flex; gap: 6px; } 1171 .social-row--desktop { display: none; } 1172 .social-icon { width: 40px; height: 40px; } 1173 1174 /* Bottom legal: stack copyright above links */ 1175 .footer-bottom { flex-direction: column; gap: 8px; align-items: flex-start; } 1176 1177 .footer-legal { 1178 display: flex; 1179 flex-wrap: wrap; 1180 gap: 0; 1181 row-gap: 0; 1182 } 1183 1184 /* Legal links: smaller, tighter */ 1185 .footer-legal > a { 1186 font-size: 11.5px; 1187 min-height: 32px; 1188 padding: 0 10px 0 0; 1189 } 1190 1191 .footer-legal > a:not(:last-child)::after { 1192 margin-left: 10px; 1193 } 1194 1195 /* Lang selector: align left on mobile */ 1196 .lang-menu { left: 0; right: auto; } 1197 1198 .lang-dot::before { margin-right: 10px; } 1199 } 1200</style> 1201<footer> 1202 <!-- TOP: Brand + Nav --> 1203 <div class="footer-top"> 1204 1205 <!-- Brand --> 1206 <div class="footer-brand"> 1207 <a href="/index.html" data-track-id="Web-Fo1t" target="_blank"> 1208 <img src="/images/Thea-Logo-Primary-FullColor-Night.png" alt="Thea Logo Full Color Night Quill"> 1209 </a> 1210 <p class="footer-tagline">The fastest, easiest way to earn better grades â free for students in 200+ countries.</p> 1211 <div class="store-row"> 1212 <a href="https://apps.apple.com/us/app/thea-study-smart/id6742800289?ct=Web-FtApp" target="_blank"> 1213 <img src="/images/Apple-App-Store-Download-Button.svg" alt="Download on the App Store" style="height:40px; width:auto; display:block;"> 1214 </a> 1215 <a href="https://play.google.com/store/apps/details?id=study.thea.www.twa&hl=en_US&utm_source=Web-FtPlay&ct=Web-FtPlay" target="_blank"> 1216 <img src="/images/Google-Play-Store-Download-Button.svg" alt="Get it on Google Play" style="height:40px; width:auto; display:block;"> 1217 </a> 1218 </div> 1219 <a href="/trophy-room" class="trophy-link" target="_top">Visit our trophy room â</a> 1220 </div> 1221 1222 <!-- Nav columns --> 1223 <div class="footer-nav"> 1224 1225 <!-- Community --> 1226 <div class="footer-col" id="col-community"> 1227 <button class="col-toggle" aria-expanded="false" aria-controls="links-community"> 1228 <h4>Community</h4> 1229 <span class="col-chevron">â¼</span> 1230 </button> 1231 <div class="col-links" id="links-community"> 1232 <a href="/" target="_top">Students</a> 1233 <a href="/for-educators" target="_top">Educators</a> 1234 <a href="/for-institutions" target="_top">Institutions</a> 1235 <a href="/testimonials">Testimonials</a> 1236 <a href="/about-thea" target="_top">About Thea</a> 1237 <a href="/our-team" target="_top">Our Team</a> 1238 <a href="/careers">Careers</a> 1239 <a href="/contact" target="_top">Contact Us</a> 1240 </div> 1241 </div> 1242 1243 <!-- Product --> 1244 <div class="footer-col" id="col-product"> 1245 <button class="col-toggle" aria-expanded="false" aria-controls="links-product"> 1246 <h4>Product</h4> 1247 <span class="col-chevron">â¼</span> 1248 </button> 1249 <div class="col-links" id="links-product"> 1250 <a href="/how-it-works" target="_top">How It Works</a> 1251 <a href="/features">Product Features</a> 1252 <a href="/tutorials" target="_top">Tutorials</a> 1253 <a href="/course-catalog">Course Catalog</a> 1254 <a href="/thea-plus">Thea+</a> 1255 <a href="https://www.thea.study/register?referralCode=Web-Ft1" data-track-id="Web-Ft1" target="_blank">Web App</a> 1256 <a href="/faq" target="_top">FAQ</a> 1257 </div> 1258 </div> 1259 1260 <!-- Follow --> 1261 <div class="footer-col" id="col-follow"> 1262 <button class="col-toggle" aria-expanded="false" aria-controls="links-follow"> 1263 <h4>Follow</h4>
1264 <span class="col-chevron">â¼</span> 1265 </button> 1266 <div class="col-links" id="links-follow"> 1267 <a href="/newsroom">In the News</a> 1268 <a href="/blog/lastest">Blog</a> 1269 <a href="https://www.youtube.com/playlist?list=PLbcAwY-6avUhFUzPYMcIDzaH6JPPh4aSa" target="_blank">Music / Playlist</a> 1270 <!-- Social icons: desktop only (inside accordion) --> 1271 <div class="social-row social-row--desktop" style="margin-top: 8px;"> 1272 <a href="https://www.instagram.com/thea.study" class="social-icon" aria-label="Instagram" target="_blank"><img src="/images/Insta-Logo.png" width="20" alt="Instagram Logo"></a> 1273 <a href="https://www.tiktok.com/@get.thea" class="social-icon" aria-label="TikTok" target="_blank"><img src="/images/Tiktok-Logo.png" width="18" alt="Tiktok Logo"></a> 1274 <a href="https://x.com/Thea_Study" class="social-icon" aria-label="X / Twitter" target="_blank"><img src="/images/X-Logo.webp" width="18" alt="X (formerly twitter) Logo"></a> 1275 <a href="https://www.linkedin.com/company/theaai-corporation" class="social-icon" aria-label="LinkedIn" target="_blank"><img src="/images/Linkedin-Logo.png" width="21" alt="LinkedIn Logo"></a> 1276 <a href="https://discord.com/invite/6sJuWrNvPe" class="social-icon" aria-label="Discord" target="_blank"><img src="/images/Discord-Logo.png" width="21" alt="Discord Logo"></a> 1277 <a href="https://www.youtube.com/@Thea_Study" class="social-icon" aria-label="YouTube" target="_blank"><img src="/images/Youtube-Logo.png" width="20" alt="Youtube Logo"></a> 1278 <a href="https://www.pinterest.com/theastudy/" class="social-icon" aria-label="Pinterest" target="_blank"><img src="/images/Pinterest-Logo.png" width="20" alt="Pinterest Logo"></a> 1279 </div> 1280 </div> 1281 </div> 1282 1283 </div> 1284 1285 <!-- Social icons: mobile only (always visible, below accordions) --> 1286 <div class="social-row social-row--mobile" style="margin-bottom: 28px;"> 1287 <a href="https://www.instagram.com/thea.study" class="social-icon" aria-label="Instagram" target="_blank"><img src="/images/Insta-Logo.png" width="20" alt="Instagram Logo"></a> 1288 <a href="https://www.tiktok.com/@get.thea" class="social-icon" aria-label="TikTok" target="_blank"><img src="/images/Tiktok-Logo.png" width="18" alt="Tiktok Logo"></a> 1289 <a href="https://x.com/Thea_Study" class="social-icon" aria-label="X / Twitter" target="_blank"><img src="/images/X-Logo.webp" width="18" alt="X (formerly twitter) Logo"></a> 1290 <a href="https://www.linkedin.com/company/theaai-corporation" class="social-icon" aria-label="LinkedIn" target="_blank"><img src="/images/Linkedin-Logo.png" width="21" alt="LinkedIn Logo"></a> 1291 <a href="https://discord.com/invite/6sJuWrNvPe" class="social-icon" aria-label="Discord" target="_blank"><img src="/images/Discord-Logo.png" width="21" alt="Discord Logo"></a> 1292 <a href="https://www.youtube.com/@Thea_Study" class="social-icon" aria-label="YouTube" target="_blank"><img src="/images/Youtube-Logo.png" width="20" alt="Youtube Logo"></a> 1293 <a href="https://www.pinterest.com/theastudy/" class="social-icon" aria-label="Pinterest" target="_blank"><img src="/images/Pinterest-Logo.png" width="20" alt="Pinterest Logo"></a> 1294 </div> 1295 1296 </div> 1297 1298 <hr> 1299 1300 <!-- BOTTOM: Legal --> 1301 <div class="footer-bottom"> 1302 <p class="footer-copy">© 2026 Theaai Corporation. All rights reserved.</p> 1303 <div class="footer-legal"> 1304 <a href="/privacy" target="_blank">Privacy Policy</a> 1305 <a href="/termsofservice" target="_blank">Terms of Service</a> 1306 <a href="#site-footer" onClick="__ucCmp.showSecondLayer();">Cookie Settings</a> 1307 <a href="/accessibility" target="_blank">Accessibility</a> 1308 </div> 1309 </div> 1310 1311</footer> 1312
1313<script> 1314 (function() { 1315 /* ââ MOBILE ACCORDION ââ (no-op on desktop since .col-toggle is display:none) ââ */ 1316 document.querySelectorAll('.col-toggle').forEach(toggle => { 1317 toggle.addEventListener('click', () => { 1318 const col = toggle.closest('.footer-col'); 1319 const isOpen = col.classList.toggle('open'); 1320 toggle.setAttribute('aria-expanded', isOpen); 1321 }); 1322 }); 1323 })(); 1324</script>
1324 1325<!-- 100% privacy-first analytics -->
1326<script data-collect-dnt="true" async src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
1326 1327<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif?collect-dnt=true" alt="" referrerpolicy="no-referrer-when-downgrade"/></noscript>
1328<script> 1329 if (!window.__saClickHandlerBound) { 1330 window.__saClickHandlerBound = true; 1331 document.addEventListener('click', function(e) { 1332 const link = e.target.closest('a[href]'); 1333 if (!link) return; 1334 const href = link.href; 1335 if (href.includes('thea.study')) { 1336 sa_event('click_web'); 1337 } else if (href.includes('apps.apple.com')) { 1338 sa_event('click_ios'); 1339 } else if (href.includes('play.google.com')) { 1340 sa_event('click_android'); 1341 } 1342 }); 1343 } 1344</script>
1344</div> 1345 1346</body> 1347</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.