@import "https://fonts.googleapis.com/css2?family=Aldrich&display=swap";:root{--primary-base:#0f172a;--primary-accent:#34d399;--secondary-accent:#10b981;--supporting-tone:#64748b;--canvas:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{background-color:var(--canvas);color:var(--primary-base);-webkit-font-smoothing:antialiased;font-family:Aldrich,sans-serif;line-height:1.6}img{max-width:100%;height:auto}header{background-color:var(--canvas);border-bottom:1px solid var(--supporting-tone);z-index:10;justify-content:space-between;align-items:center;padding:1.25rem 6%;display:flex;position:relative}.logo-link{flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.logo-img{border-radius:6px;width:auto;height:32px;display:block}.nav-links{align-items:center;gap:1.75rem;display:flex}.nav-links a{color:var(--primary-base);padding:.25rem 0;font-size:1rem;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--primary-accent)}.nav-pill-btn{letter-spacing:.9px;text-transform:uppercase;background-color:#e6f9f3;border-radius:50px;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex;color:#059669!important;padding:.28rem .75rem!important;font-size:.72rem!important;transition:background-color .25s,transform .2s,box-shadow .25s,color .25s!important}.nav-pill-btn:hover{background-color:#d1fae5;transform:translateY(-1px);box-shadow:0 3px 8px #0596691f;color:#047857!important}.nav-pill-btn.active{background-color:#d1fae5;box-shadow:0 0 0 2px #10b9814d;color:#047857!important}.hero{text-align:center;background-color:var(--canvas);padding:5rem 8%}.hero h1{color:var(--primary-base);margin-bottom:1.25rem;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.2}.hero p{color:var(--supporting-tone);max-width:800px;margin:0 auto 2.5rem;font-size:clamp(1.05rem,2.5vw,1.25rem);line-height:1.7}.cta-button{background-color:var(--primary-accent);color:var(--primary-base);touch-action:manipulation;border-radius:50px;padding:.9rem 2.25rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background-color .3s,transform .2s;display:inline-block}.cta-button:hover{background-color:var(--secondary-accent);transform:translateY(-2px)}.meaning-section{background-color:var(--canvas);border-top:1px solid #e2e8f0;padding:5.5rem 8% 6rem}.meaning-header{text-align:center;max-width:800px;margin:0 auto 3rem}.section-tag{text-transform:uppercase;letter-spacing:2px;color:var(--secondary-accent);background:#34d39926;border-radius:50px;margin-bottom:1rem;padding:.35rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.meaning-header h2{color:var(--primary-base);margin-bottom:1rem;font-size:clamp(2rem,4.5vw,2.75rem);line-height:1.2}.meaning-subhead{color:var(--supporting-tone);font-size:clamp(1.05rem,2.5vw,1.25rem);line-height:1.6}.name-breakdown-container{max-width:1000px;margin:0 auto}.equation-banner{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2.5rem;padding:2rem 2.5rem;display:flex;box-shadow:0 10px 30px #0f172a0a}.interactive-hint{color:var(--supporting-tone);text-transform:uppercase;letter-spacing:1.5px;opacity:.85;text-align:center;margin-bottom:1.25rem;font-size:.8rem;font-weight:700}.equation-inputs{justify-content:center;align-items:center;gap:1.5rem;width:100%;display:flex}.equation-pill{background:var(--primary-base);max-width:260px;color:var(--canvas);text-align:center;cursor:pointer;touch-action:manipulation;border:2px solid #334155;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.85rem 1.5rem;font-family:inherit;transition:transform .25s,border-color .25s,box-shadow .25s,background-color .25s;display:flex;box-shadow:0 4px 12px #0f172a14}.equation-pill:hover{border-color:#34d39980;transform:translateY(-3px);box-shadow:0 8px 20px #0f172a26}.equation-pill.active{border-color:var(--primary-accent);background-color:#1e293b;transform:translateY(-2px);box-shadow:0 0 0 3px #34d39940,0 8px 24px #0f172a33}.equation-pill.permanent-selected{border-color:var(--primary-accent);background-color:#1e293b;box-shadow:0 0 0 4px #34d39959,0 10px 28px #0f172a40}.eq-word{color:var(--primary-accent);letter-spacing:1px;font-size:1.4rem;font-weight:700}.eq-meaning{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem;font-size:.75rem}.equation-op{color:var(--primary-accent);-webkit-user-select:none;user-select:none;font-size:1.75rem;font-weight:700;line-height:1}.equation-op.equals-op{margin:.85rem 0;font-size:1.85rem}.equation-result{background:var(--canvas);border:1px solid #cbd5e1;border-radius:14px;justify-content:center;align-items:center;padding:.85rem 2.5rem;display:flex;box-shadow:0 4px 14px #0f172a0d}.equation-logo{border-radius:4px;width:auto;height:34px;display:block}.breakdown-wrapper{grid-template-rows:0fr;width:100%;margin-bottom:0;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1),margin-bottom .45s cubic-bezier(.16,1,.3,1);display:grid}.breakdown-wrapper.open{grid-template-rows:1fr;margin-bottom:2.5rem}.breakdown-inner{grid-template-columns:1fr;justify-items:center;width:100%;min-height:0;display:grid;overflow:hidden}.breakdown-card{opacity:0;visibility:hidden;border:2px solid var(--primary-accent);pointer-events:none;background:#fff;border-radius:16px;flex-direction:column;grid-area:1/1;width:100%;max-width:680px;padding:2.5rem 2.25rem;transition:opacity .3s,transform .35s cubic-bezier(.16,1,.3,1),visibility .3s;display:flex;transform:translateY(12px)scale(.98);box-shadow:0 16px 36px #0f172a14,0 0 0 2px #34d39933}.breakdown-card.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2;transform:translateY(0)scale(1)}.breakdown-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.term-group{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.term-title{color:var(--primary-base);font-size:2rem;line-height:1.1}.pronunciation{color:var(--supporting-tone);font-size:.9rem;font-style:italic}.origin-tag{color:var(--supporting-tone);background:var(--canvas);white-space:nowrap;border:1px solid #e2e8f0;border-radius:6px;padding:.3rem .65rem;font-size:.8rem}.card-highlight{color:var(--primary-base);border-left:3px solid var(--primary-accent);margin-bottom:.6rem;padding-left:.65rem;font-size:1.15rem;font-weight:700}.card-desc{color:var(--supporting-tone);flex:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.65}.card-pill-list{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.card-pill-list span{background:var(--canvas);color:var(--primary-base);border:1px solid #cbd5e1;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.synthesis-card{background:var(--primary-base);color:var(--canvas);border:1px solid var(--supporting-tone);border-radius:16px;padding:2.75rem 2.5rem;box-shadow:0 15px 35px #0f172a1f}.synthesis-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.synthesis-icon{background:#fff;border-radius:10px;flex-shrink:0;width:42px;height:42px;padding:2px}.synthesis-header h3{color:var(--primary-accent);font-size:1.4rem;line-height:1.2}.synthesis-card p{color:#cbd5e1;margin:0;font-size:1.05rem;line-height:1.8}.synthesis-card strong{color:#fff;font-weight:700}.vision-section{background-color:var(--primary-base);color:var(--canvas);padding:5.5rem 8%}.vision-header{text-align:center;max-width:800px;margin:0 auto 3rem}.vision-header h2{color:var(--canvas);margin-bottom:1.25rem;font-size:clamp(2rem,4vw,2.5rem);line-height:1.2}.vision-intro{color:#94a3b8;font-size:clamp(1.05rem,2.5vw,1.25rem);line-height:1.7}.features-grid{justify-content:center;gap:2rem;max-width:1100px;margin:0 auto;display:flex}.feature-card{text-align:center;border:1px solid var(--supporting-tone);background-color:#1e293b;border-radius:14px;flex:1;padding:2.25rem 2rem;transition:transform .3s,border-color .3s}.feature-card:hover{border-color:var(--primary-accent);transform:translateY(-4px)}.feature-card h3{color:var(--primary-accent);margin-bottom:.85rem;font-size:1.35rem}.feature-card p{color:var(--supporting-tone);font-size:.95rem;line-height:1.6}.contact-section{background-color:var(--canvas);justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding:3.5rem 6%;display:flex}.contact-card{background-color:var(--primary-base);color:var(--canvas);text-align:center;border:1px solid var(--supporting-tone);border-radius:16px;width:100%;max-width:580px;padding:3.5rem 2.5rem;box-shadow:0 20px 40px #0f172a1f}.contact-card h1{color:var(--canvas);margin-bottom:1rem;font-size:clamp(2rem,4.5vw,2.75rem);line-height:1.2}.contact-subtext{color:#94a3b8;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.email-display{border:1px solid var(--supporting-tone);background-color:#1e293b;border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:2.25rem;padding:1.1rem;display:flex}.email-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary-accent);font-size:.8rem}.email-address{color:var(--canvas);word-break:break-all;font-size:clamp(1rem,3.5vw,1.15rem);font-weight:500;text-decoration:none;transition:color .3s}.email-address:hover{color:var(--primary-accent)}.apps-hero{text-align:center;background-color:var(--canvas);padding:4.5rem 8% 2rem}.apps-hero h1{color:var(--primary-base);margin-bottom:1rem;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.2}.apps-hero p{color:var(--supporting-tone);max-width:750px;margin:0 auto;font-size:clamp(1.05rem,2.5vw,1.2rem);line-height:1.7}.apps-section{background-color:var(--canvas);padding:2rem 8% 5.5rem}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1100px;margin:0 auto;display:grid}.app-card{background-color:var(--primary-base);color:var(--canvas);border:1px solid var(--supporting-tone);border-radius:16px;flex-direction:row;align-items:flex-start;gap:1.5rem;padding:2.25rem;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;box-shadow:0 10px 30px #0f172a14}.app-card:hover{border-color:var(--primary-accent);transform:translateY(-4px);box-shadow:0 20px 40px #0f172a29}.app-icon-wrapper{flex-shrink:0;align-items:flex-start;display:flex}.app-icon{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;min-width:52px;height:52px;padding:.5rem .75rem;display:inline-flex;box-shadow:0 2px 8px #00000026}.app-icon-img{object-fit:contain;width:auto;max-width:120px;height:auto;max-height:34px;display:block}.app-icon-text{font-size:2rem;line-height:1}.app-content{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.app-name{color:var(--canvas);margin-bottom:.35rem;font-size:1.75rem;line-height:1.2}.app-tagline{color:var(--primary-accent);margin-bottom:.85rem;font-size:1rem;font-weight:500}.app-description{color:#94a3b8;margin-bottom:1.75rem;font-size:.95rem;line-height:1.6}.app-card-footer{flex-wrap:wrap;gap:.75rem;margin-top:auto;display:flex}.app-cta{text-align:center;touch-action:manipulation;border-radius:50px;flex:1;justify-content:center;align-items:center;min-width:120px;padding:.8rem 1.2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background-color .3s,transform .2s,border-color .3s,opacity .3s;display:inline-flex}.app-cta-primary{background-color:var(--primary-accent);color:var(--primary-base)}.app-cta-primary:hover{background-color:var(--secondary-accent);transform:translateY(-2px)}.app-cta-secondary{color:var(--canvas);background-color:#334155;border:1px solid #475569}.app-cta-secondary:hover{border-color:var(--primary-accent);background-color:#475569;transform:translateY(-2px)}.app-cta.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important}.no-apps-card{background-color:var(--primary-base);color:var(--canvas);text-align:center;border:1px dashed var(--supporting-tone);border-radius:16px;grid-column:1/-1;padding:3rem}.no-apps-card h3{color:var(--primary-accent);margin-bottom:.75rem;font-size:1.5rem}.no-apps-card p{color:#94a3b8}footer{text-align:center;background-color:var(--primary-base);color:var(--supporting-tone);border-top:1px solid #1e293b;padding:2rem 5%;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.7s forwards fadeIn}@media (width<=768px){header{padding:1rem 5%}.nav-links{gap:1.25rem}.nav-links a{font-size:.95rem}.features-grid{flex-direction:column;gap:1.5rem}.hero,.meaning-section,.vision-section,.apps-hero,.apps-section{padding-left:5%;padding-right:5%}}@media (width<=640px){header{padding:.9rem 4%}.logo-img{height:28px}.nav-links{gap:.85rem}.nav-links a{font-size:.85rem}.nav-pill-btn{letter-spacing:.6px;padding:.22rem .6rem!important;font-size:.65rem!important}.hero{padding:3.5rem 5%}.meaning-section{padding:3.5rem 5% 4rem}.breakdown-wrapper.open{margin-bottom:2rem}.equation-banner{padding:1.5rem 1.25rem}.equation-inputs{flex-direction:column;gap:.65rem;width:100%}.equation-pill{width:100%;max-width:100%;padding:.75rem 1rem}.eq-word{font-size:1.2rem}.eq-meaning{font-size:.7rem}.equation-op{font-size:1.4rem}.equation-op.equals-op{margin:.65rem 0;font-size:1.5rem}.equation-result{width:100%;padding:.75rem 1.5rem}.equation-logo{height:28px}.breakdown-card{padding:1.75rem 1.25rem}.synthesis-card{padding:2rem 1.25rem}.vision-section{padding:4rem 5%}.app-card{flex-direction:column;gap:1.25rem;padding:1.75rem 1.25rem}.contact-section{padding:2.5rem 4%}.contact-card{padding:2.5rem 1.25rem}.apps-grid{grid-template-columns:1fr}}@media (width<=420px){.nav-links{gap:.5rem}.nav-links a{font-size:.75rem}.nav-pill-btn{letter-spacing:.4px;padding:.18rem .45rem!important;font-size:.6rem!important}.app-card-footer{flex-direction:column;width:100%}.app-cta{width:100%}}