html{scroll-behavior:smooth;scroll-padding-top:80px}.landing-container{background-color:#061314;color:#f0fafa;font-family:Quicksand,sans-serif;min-height:100vh;overflow-x:hidden}.text-teal-gradient{background:linear-gradient(135deg,#00f0ff,#08757a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-screenshot{max-width:100%;height:auto;border-radius:20px;border:1px solid rgba(214,249,251,.15);box-shadow:0 20px 50px #0009,0 0 30px #08757a33;object-fit:contain;display:block}.hero-screenshot{max-width:280px;max-height:560px}.vocab-screenshot{max-width:260px;max-height:520px}.nav-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:#061314d9;border-bottom:1px solid rgba(214,249,251,.08)}.nav-content{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-logo{height:28px;width:auto;object-fit:contain}.brand-name{font-size:1.25rem;font-weight:700;color:#f0fafa}.nav-right-cluster{display:flex;align-items:center;gap:1rem;margin-left:auto}.nav-actions{display:flex;align-items:center;gap:1.5rem}.nav-link{color:#a8dadc;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.nav-link:hover{color:#00f0ff}.nav-link.active{color:#00f0ff;font-weight:700;position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:2px;background:#00f0ff;border-radius:2px;box-shadow:0 0 8px #00f0ffcc}.btn-primary-sm{background:linear-gradient(135deg,#08757a,#065b5f);color:#fff;padding:.5rem 1.25rem;border-radius:9999px;font-size:.9rem;font-weight:600;text-decoration:none;box-shadow:0 0 15px #08757a4d;transition:all .2s}.btn-primary-sm:hover{transform:translateY(-1px);box-shadow:0 0 25px #00f0ff66}.nav-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;background:transparent;border:1px solid rgba(214,249,251,.15);border-radius:10px;cursor:pointer}.hamburger-line{display:block;width:22px;height:2px;background:#f0fafa;border-radius:2px;transition:transform .25s ease,opacity .25s ease}.nav-menu-toggle.is-open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-menu-toggle.is-open .hamburger-line:nth-child(2){opacity:0}.nav-menu-toggle.is-open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.nav-menu-toggle{display:flex}.nav-actions{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.5rem 1.25rem;background:#061314f2;border-bottom:1px solid rgba(214,249,251,.08);backdrop-filter:blur(16px);transform:translateY(-10px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s ease,opacity .25s ease,visibility .25s ease}.nav-actions.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.nav-link{padding:.85rem 0;border-bottom:1px solid rgba(214,249,251,.06)}.nav-actions .btn-primary-sm{margin-top:.75rem;text-align:center}.nav-actions .nav-user-portal{margin-left:0;padding-top:.85rem;border-bottom:1px solid rgba(214,249,251,.06)}}.hero-section{position:relative;padding:5rem 1.5rem 3rem;max-width:1200px;margin:0 auto}.hero-glow-bg{position:absolute;top:10%;left:50%;transform:translate(-50%);width:600px;height:350px;background:radial-gradient(circle,#08757a40,#06131400 70%);filter:blur(60px);pointer-events:none}.hero-inner{display:flex;align-items:center;gap:3rem}.hero-body{flex:1;text-align:left}@media(max-width:900px){.hero-inner{flex-direction:column;text-align:center;gap:3rem}.hero-body{text-align:center}}.pill-badge{display:inline-flex;align-items:center;gap:.5rem;background:#08757a26;border:1px solid rgba(8,117,122,.4);padding:.35rem 1rem;border-radius:9999px;font-size:.85rem;color:#d6f9fb;margin-bottom:1.5rem}.pill-dot{width:8px;height:8px;border-radius:50%;background-color:#00f0ff;box-shadow:0 0 8px #00f0ff}.hero-h1{font-size:3.5rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:1.25rem}@media(max-width:768px){.hero-h1{font-size:2.25rem}}.hero-subtext{font-size:1.2rem;color:#a8dadc;line-height:1.6;max-width:680px;margin:0 auto 2.5rem}.hero-download-buttons,.final-download-group{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:1rem}.btn-store{display:inline-flex;align-items:center;gap:.85rem;background:#0a2123;border:1px solid rgba(214,249,251,.15);padding:.75rem 1.6rem;border-radius:14px;color:#f0fafa;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0006}.btn-store:hover{border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 0 30px #08757a66;background:#0f2c2e}.btn-webapp{border-color:#00f0ff4d;background:linear-gradient(135deg,#08757a4d,#061314cc)}.btn-webapp:hover{border-color:#00f0ff;background:linear-gradient(135deg,#08757a80,#061e20e6)}.btn-web-icon{color:#00f0ff;flex-shrink:0}.nav-user-portal{color:#7a9a9c!important;font-size:.85rem;font-weight:500;opacity:.85;margin-left:.5rem}.nav-user-portal:hover{color:#f0fafa!important;opacity:1}.btn-store-lg{padding:.9rem 2rem}.btn-store-text{display:flex;flex-direction:column;text-align:left}.btn-store-sub{font-size:.65rem;color:#7a9a9c;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.btn-store-title{font-size:1.1rem;font-weight:700;line-height:1.1}.btn-appstore img{filter:brightness(0) invert(1)}.btn-googleplay img{width:28px;height:28px}.hero-mockup-wrapper{position:relative;z-index:10;display:flex;justify-content:center;flex-shrink:0}.hero-metrics{margin-top:1.5rem;display:flex;justify-content:center}.hero-store-strip{margin-top:1.25rem;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.hero-metric{display:inline-flex;align-items:center;gap:.6rem;background:#08757a26;border:1px solid rgba(0,240,255,.3);padding:.6rem 1.25rem;border-radius:10px;box-shadow:0 0 20px #00f0ff1a}.hero-metric-value{font-size:1.3rem;font-weight:900;color:#00f0ff;text-shadow:0 0 12px rgba(0,240,255,.4)}.hero-metric-label{font-size:.9rem;color:#d6f9fb;font-weight:600}.mockup-frame{max-width:860px;margin:0 auto;background:#0a2123cc;backdrop-filter:blur(20px);border:1px solid rgba(214,249,251,.15);border-radius:20px;box-shadow:0 20px 60px #0009,0 0 40px #08757a33;overflow:hidden}.mockup-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#061314e6;border-bottom:1px solid rgba(214,249,251,.08)}.window-dots{display:flex;gap:6px}.window-dots span{width:10px;height:10px;border-radius:50%;background:#fff3}.mockup-title{font-size:.85rem;color:#7a9a9c;font-weight:500}.mockup-badge-cloud{font-size:.75rem;background:#08757a33;color:#00f0ff;padding:.15rem .5rem;border-radius:99px}.mockup-viewport{padding:1.5rem}.mockup-video-canvas{height:260px;background:linear-gradient(135deg,#0a2526,#0f2c2e);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(214,249,251,.05)}.dancer-avatar-emoji{font-size:4rem;display:none}.video-overlay-controls{position:absolute;bottom:1rem;left:1rem;display:flex;gap:.5rem}.speed-pill,.loop-pill{background:#061314d9;border:1px solid rgba(8,117,122,.4);color:#f0fafa;padding:.3rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600}.mockup-timeline{margin-top:1.25rem;background:#06131480;padding:1rem;border-radius:12px;border:1px solid rgba(214,249,251,.05)}.timeline-bar{height:8px;background:#ffffff1a;border-radius:99px;position:relative;margin-bottom:1rem}.timeline-progress{width:55%;height:100%;background:linear-gradient(90deg,#08757a,#00f0ff);border-radius:99px}.marker{position:absolute;top:-4px;width:16px;height:16px;border-radius:50%;background:#061314;border:2px solid #08757a}.marker.active{background:#00f0ff;border-color:#fff;box-shadow:0 0 10px #00f0ff}.timeline-step-preview{display:flex;align-items:center;gap:.75rem;font-size:.85rem;text-align:left}.step-time{background:#08757a;color:#fff;padding:.15rem .4rem;border-radius:4px;font-weight:700}.step-name{font-weight:700;color:#f0fafa}.step-note{color:#7a9a9c;margin-left:auto}.social-proof-section{padding:3rem 1.5rem;border-y:1px solid rgba(214,249,251,.08);background:#0a21234d}.metrics-grid{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:1.5rem}.metric-item{text-align:center}.metric-value{font-size:2rem;font-weight:700;color:#00f0ff}.metric-label{font-size:.85rem;color:#7a9a9c;margin-top:.25rem}.metric-divider{width:1px;height:40px;background:#d6f9fb1a}@media(max-width:768px){.metric-divider{display:none}}.bento-section{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 6rem}.section-heading{text-align:center;max-width:600px;margin:0 auto 4rem}.section-tag{color:#00f0ff;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.section-title{font-size:2.5rem;font-weight:700;margin:.5rem 0 1rem}.section-desc{color:#a8dadc;font-size:1.1rem}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bento-grid{grid-template-columns:1fr}}.bento-card{background:#0a212399;backdrop-filter:blur(12px);border:1px solid rgba(214,249,251,.08);border-radius:20px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.bento-card:hover{border-color:#08757a66;box-shadow:0 0 30px #08757a26;transform:translateY(-3px)}.bento-badge{display:inline-block;font-size:.75rem;font-weight:700;color:#facc8e;background:#7a4a0933;padding:.2rem .6rem;border-radius:6px;margin-bottom:.75rem}.bento-title{font-size:1.35rem;font-weight:700;margin-bottom:.5rem}.bento-desc{color:#a8dadc;font-size:.95rem;line-height:1.5}.bento-card:not(.bento-card-large):not(.bento-card-wide) .bento-content{text-align:center}.bento-visual{display:flex;flex-direction:column;align-items:center;justify-content:center}.bento-visual .app-screenshot{max-width:220px;max-height:440px}.folder-mock-item{display:flex;align-items:center;gap:.75rem;background:#0a2123cc;padding:.75rem;border-radius:8px;margin-bottom:.5rem}.folder-mock-item.secondary{opacity:.7}.folder-meta{display:flex;flex-direction:column}.folder-title{font-weight:700;font-size:.85rem}.folder-sub{font-size:.75rem;color:#7a9a9c}.check-badge{margin-left:auto;font-size:.75rem;color:#00f0ff;font-weight:700}.avatars-cluster{display:flex;align-items:center;gap:-8px;margin-bottom:.75rem}.avatar-circle{width:36px;height:36px;border-radius:50%;background:#0a2526;border:2px solid #061314;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.space-code-pill{font-size:.8rem;color:#facc8e;font-weight:600}.deepdive-section{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 6rem}.deepdive-box{position:relative;overflow:hidden;background:linear-gradient(135deg,#0a2123f2,#0f2c2ef2);border:1px solid rgba(8,117,122,.35);border-radius:28px;padding:3.5rem 3rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;box-shadow:0 20px 50px #0006,inset 0 1px #ffffff0d}.deepdive-interactive-demo{display:flex;justify-content:center;align-items:center;position:relative;width:100%;max-width:100%;box-sizing:border-box}.phone-mockup-frame{position:relative;width:100%;max-width:270px;background:#091c1e;border:9px solid #143538;border-radius:40px;box-shadow:0 25px 60px #000000bf,0 0 40px #00f0ff33,inset 0 0 0 1px #d6f9fb1f;overflow:hidden;margin:0 auto;transition:transform .3s ease,box-shadow .3s ease}.phone-mockup-frame:hover{transform:translateY(-4px);box-shadow:0 30px 70px #000000d9,0 0 50px #00f0ff4d,inset 0 0 0 1px #00f0ff59}.phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:75px;height:14px;background:#061314;border-radius:10px;z-index:10;box-shadow:inset 0 1px 2px #0009}.deepdive-screenshot{width:100%;height:auto;max-width:100%;max-height:none;border-radius:0;border:none;box-shadow:none;display:block;object-fit:cover}.deepdive-text h2{font-size:2.2rem;font-weight:700;margin:.5rem 0 1rem;line-height:1.25}.deepdive-text p{color:#a8dadc;margin-bottom:2rem;line-height:1.6}.deepdive-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.deepdive-checklist li{display:flex;gap:1rem}.check-icon{font-size:1.5rem;background:#08757a33;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.deepdive-checklist strong{display:block;color:#f0fafa;font-size:.95rem;margin-bottom:.15rem}.deepdive-checklist span{font-size:.85rem;color:#7a9a9c}@media(max-width:900px){.deepdive-section{padding:1.5rem 1rem 4rem}.deepdive-box{grid-template-columns:1fr;padding:2.5rem 2rem;gap:2.25rem;border-radius:24px}.deepdive-text h2{font-size:1.85rem}}@media(max-width:640px){.deepdive-box{padding:1.75rem 1.25rem;gap:1.75rem;border-radius:20px}.deepdive-text h2{font-size:1.45rem;line-height:1.3;margin:.4rem 0 .75rem}.deepdive-text p{font-size:.92rem;margin-bottom:1.25rem;line-height:1.5}.deepdive-checklist{gap:.9rem}.deepdive-checklist li{gap:.75rem}.check-icon{width:38px;height:38px;font-size:1.2rem;border-radius:10px}.deepdive-checklist strong{font-size:.9rem}.deepdive-checklist span{font-size:.82rem}.phone-mockup-frame{max-width:230px;border-width:7px;border-radius:34px}.phone-notch{width:65px;height:12px;top:6px}}@media(max-width:400px){.deepdive-box{padding:1.25rem 1rem;gap:1.25rem}.phone-mockup-frame{max-width:200px;border-width:6px;border-radius:28px}.phone-notch{width:55px;height:10px;top:5px}}.player-demo-card{background:#061314;border:1px solid rgba(214,249,251,.15);border-radius:16px;overflow:hidden;box-shadow:0 15px 40px #00000080}.player-top-bar{display:flex;align-items:center;gap:6px;padding:.6rem 1rem;background:#0a2123e6;border-bottom:1px solid rgba(214,249,251,.05)}.player-dot{width:8px;height:8px;border-radius:50%}.player-dot.red{background:#ff6b6b}.player-dot.yellow{background:#facc8e}.player-dot.green{background:#00f0ff}.player-title{margin-left:.5rem;font-size:.75rem;color:#7a9a9c}.player-screen{height:220px;background:linear-gradient(135deg,#0a2526,#143d3f);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.mirror-indicator{position:absolute;top:.75rem;right:.75rem;background:#08757a66;border:1px solid #08757a;color:#d6f9fb;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:6px}.player-dancer{font-size:4.5rem;transform:scaleX(-1)}.player-controls{display:flex;gap:.5rem;padding:.75rem 1rem;background:#0a2123}.ctrl-btn{flex:1;background:#ffffff0d;border:1px solid rgba(214,249,251,.1);color:#7a9a9c;padding:.4rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:default}.ctrl-btn.active{background:#08757a4d;border-color:#08757a;color:#00f0ff}.notes-section{max-width:1200px;margin:0 auto;padding:0 1.5rem 6rem}.notes-box{background:linear-gradient(135deg,#0a2123e6,#0f2c2ee6);border:1px solid rgba(8,117,122,.3);border-radius:24px;padding:3.5rem 3rem;display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center;box-shadow:0 20px 50px #0006}.notes-text{max-width:650px;margin:0 auto}.notes-text h2{font-size:2.2rem;font-weight:700;margin:.5rem 0 1rem;color:#f0fafa}.notes-text p{color:#a8dadc;font-size:1.1rem;line-height:1.5}.notes-images{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;width:100%}.notes-images .app-screenshot{max-width:260px;max-height:520px;object-fit:contain;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.notes-images .app-screenshot:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 25px 60px #000c,0 0 35px #00f0ff4d}@media(max-width:768px){.notes-box{padding:2rem 1.5rem;gap:1.5rem}.notes-text h2{font-size:1.75rem}.notes-images{gap:1.25rem}.notes-images .app-screenshot{max-width:220px}}.pricing-wrap{background:#061314;padding:5rem 1.5rem 6rem}.pricing-inner{max-width:1200px;margin:0 auto}.pricing-head{text-align:center;max-width:600px;margin:0 auto 3rem}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;align-items:start}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pricing-grid{grid-template-columns:1fr}}.pcard{background:#0a2123;border:1px solid rgba(214,249,251,.1);border-radius:18px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;transition:border-color .2s,box-shadow .2s}.pcard:hover{border-color:#08757a80;box-shadow:0 0 24px #08757a26}.pcard-popular{border-color:#00f0ff59;box-shadow:0 0 30px #08757a33}.pcard-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#08757a,#00f0ff);color:#061314;font-size:.68rem;font-weight:800;padding:.2rem .75rem;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pcard-audience{font-size:.72rem;font-weight:700;color:#7a9a9c;text-transform:uppercase;letter-spacing:.05em}.pcard-name{font-size:1.35rem;font-weight:700;color:#f0fafa;margin:.15rem 0 0}.pcard-price{display:flex;align-items:baseline;gap:.15rem;margin-top:.5rem}.pcard-currency{font-size:1.1rem;font-weight:700;color:#00f0ff}.pcard-amount{font-size:2rem;font-weight:800;color:#f0fafa}.pcard-period{font-size:.8rem;color:#7a9a9c}.pcard-headline{font-size:.85rem;color:#a8dadc;line-height:1.45;margin:0}.pcard-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;font-size:.83rem;color:#d6f9fb;flex:1}.pcard-features li{display:flex;gap:.5rem;line-height:1.35}.pcard-check{color:#00f0ff;font-weight:700;flex-shrink:0}.pcard-tech-info{margin-top:.75rem}.tech-info-toggle-btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:.45rem;font-size:.75rem;font-family:inherit;font-weight:500;color:#7a9a9c;cursor:pointer;padding:.35rem .55rem;border-radius:999px;background:#d6f9fb0a;border:1px solid rgba(214,249,251,.1);backdrop-filter:blur(8px);transition:all .25s cubic-bezier(.4,0,.2,1);user-select:none;box-shadow:none}.tech-info-toggle-btn:hover{color:#b8e0e2;border-color:#00f0ff33;background:#00f0ff0f}.tech-info-toggle-btn[aria-expanded=true]{color:#00f0ff;border-color:#00f0ff40;background:#00f0ff14}.info-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#00f0ff1a;color:#7a9a9c;font-size:.6rem;font-weight:800;font-style:italic;font-family:serif;line-height:1;flex-shrink:0;border:1px solid rgba(0,240,255,.2)}.tech-toggle-arrow{font-size:.8rem;color:#00f0ff;transition:transform .25s cubic-bezier(.4,0,.2,1);margin-left:auto}.tech-info-toggle-btn[aria-expanded=true] .tech-toggle-arrow{transform:rotate(180deg)}.tech-info-panel{margin-top:.65rem;padding:.85rem 1rem;background:#061314e6;border:1px solid rgba(0,240,255,.2);border-radius:14px;display:flex;flex-direction:column;gap:.45rem;box-shadow:inset 0 0 20px #0009}.tech-info-panel[hidden]{display:none}.panel-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.4rem 0;border-bottom:1px solid rgba(214,249,251,.08)}.panel-item:last-child{border-bottom:none;padding-bottom:0}.panel-label{color:#7a9a9c;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.panel-val{color:#00f0ff;font-size:.85rem;font-weight:700;line-height:1.3}.pcard-tagline{font-size:.95rem;color:#f0fafa;font-weight:600;line-height:1.45;margin:0}.pcard-cta{display:block;text-align:center;padding:.65rem 1rem;border-radius:10px;font-weight:700;font-size:.88rem;text-decoration:none;border:1px solid rgba(214,249,251,.15);color:#f0fafa;background:#ffffff0d;transition:all .2s}.pcard-cta:hover{background:#08757a;border-color:#08757a;color:#fff}.pcard-cta-popular{background:linear-gradient(135deg,#08757a,#065b5f);border-color:transparent;color:#fff;box-shadow:0 0 18px #08757a4d}.vocab-banner-section{max-width:1200px;margin:0 auto;padding:0 1.5rem 4rem}.vocab-banner-box{background:#0a2123a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(214,249,251,.12);border-radius:28px;padding:3rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px #0000004d}.vocab-banner-box:before{content:"";position:absolute;top:-50%;left:-20%;width:350px;height:350px;background:radial-gradient(circle,#00f0ff1f,#06131400 70%);pointer-events:none}.vocab-banner-box:hover{border-color:#00f0ff59;box-shadow:0 0 40px #08757a40;transform:translateY(-2px)}.vocab-banner-content{display:flex;flex-direction:column;gap:1.5rem}.vocab-banner-title{font-size:2.2rem;font-weight:800;margin:.5rem 0 .75rem;color:#f0fafa}.vocab-banner-desc{color:#a8dadc;font-size:1rem;line-height:1.6;margin:0;max-width:600px}.vocab-style-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.25rem}.vocab-pill{background:#08757a33;border:1px solid rgba(214,249,251,.15);color:#f0fafa;padding:.4rem .9rem;border-radius:50px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease}.vocab-pill:hover{background:#00f0ff26;border-color:#00f0ff66;transform:translateY(-1px)}.pill-emoji{font-size:.95rem}.vocab-banner-stats{display:flex;gap:2rem;padding:1rem 0;border-top:1px solid rgba(214,249,251,.08);border-bottom:1px solid rgba(214,249,251,.08)}.vocab-stat-item{display:flex;flex-direction:column;gap:.15rem}.vocab-stat-num{font-size:1.4rem;font-weight:800;color:#00f0ff}.vocab-stat-lbl{font-size:.8rem;color:#7a9a9c;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.vocab-cta-row{margin-top:.5rem}.btn-vocab{display:inline-flex;align-items:center;gap:.75rem;white-space:nowrap;background:linear-gradient(135deg,#08757a,#065b5f);border:1px solid rgba(0,240,255,.3);color:#fff;padding:.85rem 1.75rem;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;box-shadow:0 0 20px #08757a4d;transition:all .25s ease}.btn-vocab:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ff73;background:linear-gradient(135deg,#0a969c,#08757a)}.btn-vocab .btn-arrow{font-size:1.1rem;transition:transform .2s ease}.btn-vocab:hover .btn-arrow{transform:translate(4px)}.vocab-mockup-wrapper{display:flex;justify-content:center;align-items:center}@media(max-width:900px){.vocab-banner-box{grid-template-columns:1fr;padding:2rem 1.5rem;gap:2rem;text-align:center}.vocab-banner-content{align-items:center}.vocab-banner-desc{max-width:100%}.vocab-style-pills{justify-content:center}.vocab-banner-stats{justify-content:center;width:100%;gap:1.5rem}.vocab-cta-row{display:flex;justify-content:center;width:100%}.btn-vocab{white-space:normal;text-align:center;justify-content:center;max-width:100%}.vocab-mockup-wrapper{order:0}}@media(max-width:600px){.vocab-banner-title{font-size:1.75rem}.vocab-banner-stats{gap:1.25rem}.btn-vocab{font-size:.95rem;padding:.85rem 1.25rem}}.final-cta-section{background-color:#061314;background:radial-gradient(circle at 50% 30%,#08757a33,#061314 75%);padding:4rem 1.5rem 2rem;margin:0;width:100%;text-align:center;position:relative;z-index:1}.footer-cta-text{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:800;text-align:center;color:#f0fafa;margin:0 0 2.5rem;padding:0 1.5rem;letter-spacing:-.03em;line-height:1.15;background:linear-gradient(135deg,#f0fafa,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 18px rgba(0,240,255,.25))}.final-store-strip{display:flex;justify-content:center;align-items:center;gap:1.25rem;flex-wrap:wrap;padding-bottom:3rem}.footer-section{background:#040e0f;border-top:1px solid rgba(214,249,251,.08);padding:4rem 1.5rem 2.5rem}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem}.footer-brand{display:flex;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;color:#f0fafa;margin-bottom:1rem}.footer-brand img{height:32px;width:auto;object-fit:contain}.footer-tagline{color:#7a9a9c;font-size:.95rem;line-height:1.6;max-width:320px}.footer-title{font-size:1rem;font-weight:700;color:#f0fafa;margin-bottom:1.25rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:#7a9a9c;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:#00f0ff}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(214,249,251,.06);text-align:center;color:#7a9a9c;font-size:.85rem}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}.brand-col{grid-column:1 / -1}}@media(max-width:600px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-cta-text{font-size:1.4rem}}.hero-cta-row{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.hero-cta-row-top{margin-bottom:1.25rem}.btn-hero{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;border-radius:9999px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:150px}.btn-hero-primary{background:linear-gradient(135deg,#08757a,#065b5f);color:#fff;border:1px solid transparent;box-shadow:0 0 18px #08757a59}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 0 28px #00f0ff73;background:linear-gradient(135deg,#0a969c,#08757a)}.btn-hero-secondary{background:#0a212399;color:#f0fafa;border:1px solid rgba(214,249,251,.2);backdrop-filter:blur(8px)}.btn-hero-secondary:hover{border-color:#00f0ff;color:#00f0ff;background:#08757a26;transform:translateY(-2px)}.audience-section{position:relative}.audience-section-b2b{background:linear-gradient(180deg,#040e0f,#061314);padding:3rem 1.5rem 5rem}.pricing-wrap-b2c{padding-top:2rem;padding-bottom:6rem}.pricing-grid-b2c{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;margin:0 auto}.pcard-highlight-free{border-color:#00f0ff40}.pcard-highlight-pro{border-color:#facc8e40}.pcard-badge-pro{background:linear-gradient(135deg,#b47d2b,#facc8e);color:#061314}.pcard-tagline{font-size:.9rem;color:#a8dadc;line-height:1.5;margin:.75rem 0 0}@media(max-width:768px){.pricing-grid-b2c{grid-template-columns:1fr}.hero-cta-row{flex-direction:column;align-items:stretch}.btn-hero{width:100%}}.for-schools-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center}.for-schools-content{display:flex;flex-direction:column;gap:1.25rem}.for-schools-content .section-title{font-size:2.2rem;line-height:1.2}.for-schools-content .section-desc{font-size:1.05rem}.schools-checklist{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:1.25rem}.schools-checklist li{display:flex;gap:1rem}.schools-checklist .check-icon{font-size:1.1rem;background:#08757a33;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.schools-checklist strong{display:block;color:#f0fafa;font-size:.95rem;margin-bottom:.15rem}.schools-checklist span{font-size:.85rem;color:#7a9a9c}.school-form-box{position:relative;background:linear-gradient(145deg,#0a2d30eb,#061618f5);backdrop-filter:blur(24px);border:1px solid rgba(0,240,255,.22);border-radius:28px;padding:2.5rem;box-shadow:0 30px 80px #0000008c,0 0 60px #08757a33,inset 0 1px #ffffff0f;overflow:hidden}.school-form-box:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.7),transparent)}.school-form-head{text-align:center;margin-bottom:1.75rem}.school-form-badge{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#08757a,#00f0ff);color:#061314;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:.4rem 1rem;border-radius:9999px;margin-bottom:.85rem;box-shadow:0 0 20px #00f0ff66,inset 0 1px #ffffff59}.school-form-head h3{font-size:1.8rem;font-weight:800;margin:0 0 .45rem;color:#f0fafa;letter-spacing:-.02em;line-height:1.15}.school-form-head p{color:#a8dadc;font-size:.95rem;margin:0;line-height:1.5}.school-form{display:flex;flex-direction:column;gap:1.1rem}.school-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1rem}.school-form-field{display:flex;flex-direction:column;gap:.4rem}.school-form-field-full{grid-column:1 / -1}.school-form-label{font-size:.72rem;font-weight:700;color:#b8e0e2;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:.35rem}.school-form-label:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;border:1px solid rgba(184,224,226,.45);background:transparent}.school-form-field-required .school-form-label:before{background:#00f0ff;border-color:#00f0ff;box-shadow:0 0 7px #00f0ffb3}.school-form-field-required .school-form-input,.school-form-field-required .school-form-textarea{border-left:2px solid rgba(0,240,255,.55)}.school-form-input,.school-form-textarea{background:#030c0dbf;border:1px solid rgba(214,249,251,.12);border-radius:14px;padding:.95rem 1.1rem;color:#f0fafa;font-family:inherit;font-size:.95rem;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box;box-shadow:inset 0 1px 3px #00000059,0 1px #ffffff08}.school-form-input:hover,.school-form-textarea:hover{border-color:#00f0ff66;background:#030c0dd9}.school-form-input:focus,.school-form-textarea:focus{border-color:#00f0ff;box-shadow:0 0 0 4px #00f0ff1f,inset 0 1px 3px #00000040;background:#030c0de6}.school-form-input::placeholder,.school-form-textarea::placeholder{color:#5a7a7c;opacity:.85}.school-form-textarea{resize:vertical;min-height:80px}.school-form-error{background:#ff6b6b1a;color:#ff8a8a;font-size:.85rem;font-weight:600;margin:0;padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(255,107,107,.25);border-left:3px solid #ff6b6b;display:flex;align-items:center;gap:.5rem}.school-form-error:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ff6b6b40;color:#ff8a8a;font-size:.75rem;font-weight:800;flex-shrink:0}.school-form-result{font-size:.9rem;font-weight:600;margin:0;padding:.85rem 1rem;border-radius:10px;border-left:3px solid;display:flex;align-items:center;gap:.5rem}.school-form-result-success{background:#00f0ff14;color:#00f0ff;border-color:#00f0ff}.school-form-result-error{background:#ff6b6b1a;color:#ff8a8a;border-color:#ff6b6b}.school-form-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.school-form-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1.05rem 1.5rem;border-radius:14px;font-weight:700;font-size:.98rem;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .2s ease;width:100%;position:relative;overflow:hidden}.school-form-btn-primary{background:linear-gradient(135deg,#00f0ff,#08757a);color:#061314;box-shadow:0 6px 24px #00f0ff4d,inset 0 1px #ffffff59;font-size:1rem;letter-spacing:.01em}.school-form-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s ease}.school-form-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px #00f0ff73,inset 0 1px #ffffff59;filter:brightness(1.08)}.school-form-btn-primary:hover:after{left:100%}.school-form-btn-primary:active{transform:translateY(0)}.school-form-btn-text{flex:1;text-align:center}.school-form-btn-arrow{transition:transform .2s ease}.school-form-btn-primary:hover .school-form-btn-arrow{transform:translate(3px)}.school-form-btn-secondary{background:transparent;color:#a8dadc;border-color:#d6f9fb26;font-size:.9rem;padding:.9rem 1.25rem}.school-form-btn-secondary:hover{border-color:#00f0ff66;color:#00f0ff;background:#00f0ff0d}.school-form-trust{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;padding-top:.25rem;font-size:.75rem;color:#9abbbc}.school-form-trust-item{display:inline-flex;align-items:center;gap:.45rem;background:#08757a1f;border:1px solid rgba(0,240,255,.1);padding:.35rem .75rem;border-radius:9999px}.school-form-trust-icon{color:#00f0ff;font-weight:800;font-size:.85rem}@media(max-width:900px){.for-schools-inner{grid-template-columns:1fr;gap:2.5rem}.for-schools-content{text-align:center;align-items:center}.schools-checklist{text-align:left;max-width:500px}.for-schools-content .section-title{font-size:1.9rem}.school-form-box{padding:1.75rem}}@media(max-width:480px){.school-form-grid{grid-template-columns:1fr}.school-form-head h3{font-size:1.45rem}}
