:root{--teal-1: #33CCBF;--teal-2: #26A699;--teal-3: #1A8C80;--teal-4: #14736B;--teal-5: #0d5c55;--bg-light: #eef8f7;--bg-white: #ffffff;--text-dark: #0a1f1d;--text-body: #2d5c57;--text-muted: #4d8079;--border: rgba(20, 115, 107, .14);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-light);color:var(--text-dark);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.22;animation:drift 24s infinite ease-in-out}.orb-a{width:600px;height:600px;background:var(--teal-1);top:-200px;left:-150px;animation-delay:0s}.orb-b{width:500px;height:500px;background:var(--teal-3);bottom:-200px;right:-100px;animation-delay:7s}.orb-c{width:380px;height:380px;background:var(--teal-2);top:45%;right:8%;animation-delay:14s}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-60px) scale(1.08)}66%{transform:translate(-40px,40px) scale(.93)}}.navbar-wrap{position:fixed;top:20px;left:0;right:0;z-index:200;display:flex;justify-content:center;padding:0 16px;pointer-events:none}nav{pointer-events:all;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border:1px solid var(--glass-border);border-radius:100px;padding:10px 20px 10px 16px;display:flex;align-items:center;gap:24px;box-shadow:0 8px 32px #14736b1f,0 1px #fff9 inset;max-width:640px;width:100%}.nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.nav-logo img{width:36px;height:36px;object-fit:contain}.nav-logo span{font-size:1.1rem;font-weight:800;color:var(--teal-4);letter-spacing:-.02em;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:4px;flex:1}.nav-links a{color:var(--text-body);text-decoration:none;font-size:.88rem;font-weight:500;padding:6px 12px;border-radius:100px;transition:background .2s,color .2s;white-space:nowrap}.nav-links a:hover{background:#14736b14;color:var(--teal-4)}.nav-cta{flex-shrink:0}.nav-cta a{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--teal-4);color:#fff;border-radius:100px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}.nav-cta a:hover{background:var(--teal-5);transform:translateY(-1px)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1320px;margin:0 auto;padding:120px 4rem 80px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:#14736b1a;border:1px solid rgba(20,115,107,.25);border-radius:100px;color:var(--teal-4);font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:2rem}.badge-dot{width:7px;height:7px;background:var(--teal-3);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hero h1{font-size:clamp(3rem,5.5vw,5.2rem);font-weight:900;line-height:1.06;letter-spacing:-.04em;margin-bottom:1.6rem;color:var(--text-dark)}.hero h1 .accent-line{display:block;background:linear-gradient(135deg,var(--teal-1) 0%,var(--teal-4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.2rem;color:var(--text-body);line-height:1.75;margin-bottom:2.5rem;max-width:460px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn-app-store-official{display:inline-flex;text-decoration:none;transition:transform .2s,opacity .2s}.btn-app-store-official:hover{transform:translateY(-2px);opacity:.88}.btn-app-store-official img{display:block}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;color:var(--teal-4);border:1.5px solid rgba(20,115,107,.3);border-radius:16px;text-decoration:none;font-weight:600;font-size:.95rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.btn-ghost:hover{background:#14736b14;border-color:var(--teal-4)}.hero-social{display:flex;align-items:center;gap:12px;margin-top:2rem}.hero-social span{font-size:.82rem;color:var(--text-muted);font-weight:500}.hero-social a{display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}.hero-social a:hover{transform:translateY(-2px);opacity:.75}.hero-social img{width:24px;height:24px}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.phone-scene{position:relative;width:280px;overflow:visible}.phone-shell{width:280px;height:560px;background:#0a1f1d;border-radius:44px;position:relative;z-index:1;box-shadow:0 60px 120px #0a1f1d59,0 0 0 1px #ffffff0f,0 0 0 3px #0a1f1dcc,inset 0 0 0 1px #ffffff0a;overflow:hidden}.phone-notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:90px;height:8px;background:#ffffff1f;border-radius:4px;z-index:10}.phone-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#0d2622,#133028,#0a1f1d);display:flex;flex-direction:column;align-items:center;padding:56px 20px 24px;gap:0}.phone-status{display:flex;justify-content:space-between;width:100%;margin-bottom:20px}.phone-status span{color:#ffffff80;font-size:.65rem;font-weight:600}.phone-app-icon{width:56px;height:56px;border-radius:14px;overflow:hidden;margin-bottom:10px;box-shadow:0 8px 24px #0006}.phone-app-icon img{width:100%;height:100%;object-fit:cover}.phone-app-name{color:#fff;font-size:1.1rem;font-weight:800;margin-bottom:4px;letter-spacing:-.02em}.phone-prompt{color:#ffffff73;font-size:.72rem;margin-bottom:18px}.waveform{display:flex;align-items:center;gap:3px;margin-bottom:18px}.wave-bar{width:4px;background:linear-gradient(180deg,var(--teal-1),var(--teal-3));border-radius:2px;animation:wave 1.4s infinite ease-in-out}.wave-bar:nth-child(1){height:10px;animation-delay:0s}.wave-bar:nth-child(2){height:22px;animation-delay:.1s}.wave-bar:nth-child(3){height:34px;animation-delay:.2s}.wave-bar:nth-child(4){height:26px;animation-delay:.3s}.wave-bar:nth-child(5){height:42px;animation-delay:.4s}.wave-bar:nth-child(6){height:26px;animation-delay:.5s}.wave-bar:nth-child(7){height:34px;animation-delay:.4s}.wave-bar:nth-child(8){height:22px;animation-delay:.3s}.wave-bar:nth-child(9){height:10px;animation-delay:.2s}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.35)}}.phone-result-card{background:#33ccbf1a;border:1px solid rgba(51,204,191,.25);border-radius:16px;padding:14px 20px;width:100%;text-align:center;margin-bottom:12px}.result-label{color:#fff6;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.result-flag{font-size:1.6rem;line-height:1;margin-bottom:4px}.result-accent{color:var(--teal-1);font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.result-confidence{color:#ffffff59;font-size:.62rem;margin-top:2px}.phone-mentor-row{display:flex;align-items:center;justify-content:space-between;width:100%;background:#ffffff0d;border-radius:12px;padding:10px 14px}.mentor-info{display:flex;align-items:center;gap:8px}.mentor-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--teal-1),var(--teal-3));display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff}.mentor-name{color:#ffffffb3;font-size:.72rem;font-weight:600}.mentor-tag{color:#ffffff59;font-size:.6rem}.mentor-status{width:8px;height:8px;background:var(--teal-1);border-radius:50%;animation:pulse-dot 2s infinite}.float-card{position:absolute;z-index:10;background:var(--bg-white);border:1px solid var(--border);border-radius:16px;padding:12px 16px;box-shadow:0 8px 32px #0a1f1d1f;white-space:nowrap;animation:float-idle 4s infinite ease-in-out}.float-card-left{left:-90px;top:20%;animation-delay:0s}.float-card-right{right:-80px;bottom:25%;animation-delay:2s}@keyframes float-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-card .fc-label{font-size:.65rem;color:var(--text-muted);font-weight:500}.float-card .fc-value{font-size:.9rem;font-weight:800;color:var(--text-dark)}.float-card .fc-sub{font-size:.62rem;color:var(--text-muted);margin-top:1px}.float-stars{color:#f59e0b;font-size:.8rem;letter-spacing:-1px}.stats-strip{background:var(--bg-white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2rem 4rem}.stats-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-val{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,var(--teal-1),var(--teal-4));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-lbl{color:var(--text-muted);font-size:.9rem;font-weight:500}.section-inner{max-width:1320px;margin:0 auto;padding:0 4rem}.section-eyebrow{font-size:.78rem;font-weight:700;color:var(--teal-4);text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px}.section-title{font-size:clamp(2rem,3.5vw,3.2rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;margin-bottom:16px}.section-sub{font-size:1.1rem;color:var(--text-body);line-height:1.75;max-width:560px}.how-section{padding:7rem 0;background:var(--bg-white)}.how-header{text-align:center;margin-bottom:5rem}.how-header .section-sub{margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;position:relative}.steps-grid:before{content:"";position:absolute;top:48px;left:calc(16.66% + 20px);right:calc(16.66% + 20px);height:1px;background:linear-gradient(90deg,var(--teal-2),var(--teal-3));opacity:.25}.step-card{text-align:center;padding:2.5rem 2rem;border-radius:28px;background:var(--bg-light);border:1px solid rgba(20,115,107,.1);transition:transform .3s,box-shadow .3s}.step-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px #14736b1a}.step-num{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--teal-1),var(--teal-3));color:#fff;font-size:1.3rem;font-weight:900;margin-bottom:1.5rem;box-shadow:0 8px 24px #14736b4d}.step-card h3{font-size:1.25rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.02em}.step-card p{color:var(--text-body);font-size:.95rem;line-height:1.7}.accents-section{padding:7rem 0}.accents-layout{display:grid;grid-template-columns:340px 1fr;gap:5rem;align-items:center}.accents-sidebar .section-sub{margin-bottom:2rem}.accent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.accent-card{background:var(--bg-white);border:1px solid var(--border);border-radius:20px;padding:1.5rem;transition:all .25s;cursor:default;position:relative;overflow:hidden}.accent-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal-1),var(--teal-3));transform:scaleX(0);transform-origin:left;transition:transform .3s}.accent-card:hover{transform:translateY(-4px);border-color:#14736b4d;box-shadow:0 12px 32px #14736b1a}.accent-card:hover:after{transform:scaleX(1)}.accent-flag{font-size:1.8rem;margin-bottom:10px;line-height:1}.accent-card h3{font-size:1rem;font-weight:800;margin-bottom:4px;letter-spacing:-.01em}.accent-card p{color:var(--text-muted);font-size:.8rem;line-height:1.5}.features-section{padding:7rem 0;background:var(--bg-white)}.features-header{text-align:center;margin-bottom:5rem}.features-header .section-sub{margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{padding:2.5rem;border-radius:28px;background:var(--bg-light);border:1px solid rgba(20,115,107,.1);transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px #14736b1a}.feature-number{font-size:4.5rem;font-weight:900;letter-spacing:-.05em;line-height:1;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--teal-1) 0%,var(--teal-4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.5}.feature-card h3{font-size:1.35rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.02em}.feature-card p{color:var(--text-body);font-size:.95rem;line-height:1.75}.coming-section{padding:7rem 0;background:var(--teal-5);position:relative;overflow:hidden}.coming-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(51,204,191,.12) 0%,transparent 70%)}.coming-inner{max-width:1320px;margin:0 auto;padding:0 4rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;position:relative}.coming-left .section-eyebrow{color:#33ccbfb3}.coming-left .section-title{color:#fff}.coming-left .section-sub{color:#ffffffa6;max-width:400px}.coming-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:2rem}.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:100px;border:1px solid rgba(51,204,191,.25);background:#33ccbf14;color:#ffffffd9;font-size:.85rem;font-weight:600}.chip-dot{width:7px;height:7px;border-radius:50%;background:var(--teal-1)}.coming-right{display:flex;flex-direction:column;gap:1rem}.coming-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px 24px;transition:background .2s}.coming-card:hover{background:#ffffff14}.coming-card-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.coming-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--teal-2),var(--teal-4));display:flex;align-items:center;justify-content:center;flex-shrink:0}.coming-card h4{color:#fff;font-size:1rem;font-weight:700}.coming-card p{color:#ffffff8c;font-size:.88rem;line-height:1.6}.mentor-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.mentor-item{display:flex;align-items:center;gap:10px}.mentor-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--teal-1),var(--teal-3));display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0}.mentor-item-text strong{color:#fff;font-size:.88rem;font-weight:700}.mentor-item-text span{color:#ffffff73;font-size:.78rem;display:block}.cta-section{padding:7rem 0;text-align:center}.cta-section .section-title{margin-bottom:1.2rem}.cta-section .section-sub{margin:0 auto 2.5rem;text-align:center}.cta-group{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}footer{border-top:1px solid var(--border);padding:2.5rem 4rem}.footer-inner{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-copy{color:var(--text-muted);font-size:.88rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.88rem;transition:color .2s}.footer-links a:hover{color:var(--teal-4)}.footer-social{display:flex;gap:10px;align-items:center}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--bg-light);border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.footer-social a:hover{transform:translateY(-2px);box-shadow:0 4px 16px #14736b26}.footer-social img{width:18px;height:18px}@media (max-width: 1100px){.hero{grid-template-columns:1fr;padding:110px 3rem 5rem;text-align:center}.hero-desc{margin:0 auto 2.5rem}.hero-actions,.hero-social{justify-content:center}.hero-visual{display:none}.accents-layout,.coming-inner{grid-template-columns:1fr;gap:3rem}}@media (max-width: 900px){.steps-grid{grid-template-columns:1fr}.steps-grid:before{display:none}.features-grid{grid-template-columns:1fr}.accent-grid,.stats-inner{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){nav{padding:9px 14px;justify-content:center;gap:16px}.nav-links{display:none}.hero{padding:100px 1.5rem 4rem}.section-inner{padding:0 1.5rem}.stats-strip{padding:2rem 1.5rem}.how-section,.accents-section,.features-section,.cta-section{padding:5rem 0}.coming-inner{padding:0 1.5rem}footer{padding:2rem 1.5rem}.footer-inner{flex-direction:column;text-align:center}.accent-grid{grid-template-columns:1fr 1fr}.float-card{display:none}}@media (max-width: 400px){.accent-grid{grid-template-columns:1fr}}