:root{--bg-color:#000;--text-main:#f3f4f6;--text-muted:#9ca3af;--accent:#00f2fe;--accent-hover:#4facfe;--glass-bg:#0a0a0a66;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-color);color:var(--text-main);scroll-behavior:smooth;font-family:Outfit,sans-serif;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.max-w-2xl{max-width:800px}.mt-4{margin-top:24px}.mt-2{margin-top:8px}h1{margin-bottom:24px;font-size:4.5rem;font-weight:700;line-height:1.1;transition:opacity .5s}h2{margin-bottom:20px;font-size:2.5rem;font-weight:600;line-height:1.2}p{color:var(--text-muted);font-size:1.2rem;line-height:1.6}.text-gradient{background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.turq-text{color:var(--accent);font-size:1.5rem;font-weight:600}.gray-text{color:var(--text-muted);font-size:1.5rem}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#000;cursor:pointer;border:none;border-radius:30px;padding:12px 28px;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00f2fe4d}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.btn-large{padding:16px 40px;font-size:1.2rem}.glow{box-shadow:0 0 20px #00f2fe66}.w-full{width:100%}.navbar{z-index:100;mix-blend-mode:difference;padding:30px 0;position:fixed;top:0;left:0;right:0}.nav-content{justify-content:space-between;align-items:flex-start;display:flex}.brand{flex-direction:column;display:flex}.logo{color:#fff;letter-spacing:-1px;font-size:2.5rem;font-weight:700;line-height:1}.logo-subtitle{color:#4facfe;letter-spacing:2px;text-transform:lowercase;margin-top:4px;font-size:.9rem;font-weight:300}.initial-overlay{z-index:90;pointer-events:none;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.scroll-indicator{color:#fff;letter-spacing:1px;flex-direction:column;align-items:center;font-size:1.5rem;font-weight:300;display:flex}.mouse{border:2px solid #fff;border-radius:15px;width:30px;height:46px;margin-top:16px;position:relative}.mouse:before{content:"";background:#fff;border-radius:50%;width:4px;height:6px;animation:1.5s infinite scrollDown;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes scrollDown{0%{opacity:1;top:8px}to{opacity:0;top:24px}}.scene-wrapper{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.scene-item{opacity:0;will-change:transform, opacity;mix-blend-mode:screen;transition:transform .1s linear,opacity .5s ease-in-out;position:absolute}#img-tooth,#img-aligner,#img-braces{object-fit:contain;width:600px;max-width:90vw}.duo-phones{perspective:1000px;flex-wrap:wrap;justify-content:center;gap:4rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.phone-wrapper{flex-direction:column;align-items:center;gap:16px;display:flex}.phone-label{letter-spacing:2px;text-transform:uppercase;color:var(--accent);background:#00f2fe14;border:1px solid #00f2fe33;border-radius:20px;padding:8px 20px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600}.phone-bezel{text-align:left;background:#000;border:10px solid #0a0a0a;border-radius:48px;flex-direction:column;width:320px;height:650px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #00f2fe26,0 30px 60px #000c,inset 0 0 0 2px #333,inset 0 0 10px #fff3}.dynamic-island{z-index:50;background:#000;border-radius:15px;width:100px;height:30px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 6px #ffffff26,0 0 10px #00000080}.static-phone{transition:transform .3s;transform:rotateX(5deg)}.static-phone:hover{transform:rotateX(0)translateY(-10px)}.phone-screen{color:#fff;background:#080a0f;flex-direction:column;flex:1;gap:16px;padding:24px 16px;display:flex;overflow-y:auto}.phone-screen::-webkit-scrollbar{display:none}.ui-header h3{margin:0;font-size:1.2rem;font-weight:600}.ui-header span{color:#888;font-size:.8rem}.ui-card{background:linear-gradient(145deg,#121e33,#0b111c);border-radius:16px;padding:20px;box-shadow:0 10px 20px #00000080}.ui-card.doctor-card h2{color:#fff;margin:4px 0 8px;font-size:1.6rem}.ui-card.doctor-card p{color:#9ab;margin-bottom:16px;font-size:.85rem;line-height:1.4}.greeting{color:#78a;letter-spacing:1px;font-size:.75rem;font-weight:700}.progress-info{color:#abc;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.8rem;display:flex}.progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:#00f2fe;width:70%;height:100%}.shield{color:#00f2fe}.ui-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ui-grid-card{background:#121620;border-radius:12px;padding:16px}.ui-grid-card h2{color:#fff;margin:8px 0 4px;font-size:1.6rem}.ui-grid-card span{color:#888;font-size:.75rem;font-weight:500}.icon-wrap{border-radius:8px;padding:6px;font-size:1.2rem;display:inline-block}.icon-wrap.blue{color:#4facfe;background:#4facfe1a}.icon-wrap.orange{color:orange;background:#ffa5001a}.icon-wrap.green{color:#2ecc71;background:#2ecc711a}.alert-card{background:#ffa5000d;border:1px solid #ffa50033;padding:16px}.alert-card strong{color:orange;margin-bottom:4px;font-size:.9rem;display:block}.alert-card p{color:#aaa;margin:0;font-size:.8rem}.flex-row{align-items:center;gap:12px;display:flex}.back-btn{cursor:pointer;padding:4px;font-size:1.2rem;font-weight:700}.section-title{color:#fff;justify-content:space-between;align-items:center;margin:16px 0 0;font-size:1rem;display:flex}.section-title span{color:#888;font-size:.75rem;font-weight:400}.summary-card{background:#0c1017;border:1px solid #ffffff0d;border-radius:12px;padding:16px}.split-3{text-align:left;justify-content:space-between;display:flex}.split-3 .label{color:#888;margin-bottom:4px;font-size:.65rem;font-weight:600;display:block}.split-3 strong{font-size:1rem}.appt-card{background:#121620;border-radius:12px;margin-bottom:0;padding:16px}.appt-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.appt-header strong{font-size:1rem}.badge{border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:600}.badge.blue{color:#4facfe;background:#4facfe26}.badge.orange{color:orange;background:#ffa50026}.appt-meta{color:#777;margin-bottom:8px;font-size:.75rem}.appt-note{color:#ccc;border-left:2px solid #333;padding-left:8px;font-size:.8rem;font-style:italic}.fab-btn{color:#fff;text-align:center;background:#4facfe;border-radius:24px;padding:12px 24px;font-weight:700;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 15px #4facfe66}.exact-payment-card{text-align:left;background:#0c1017;border:1px solid #ffffff0d;border-radius:16px;padding:20px}.exact-payment-card .label{color:#777;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.price-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.price-row h3{color:#fff;margin:0;font-size:2rem}.price-row .arrow{color:#555;font-size:1.5rem}.split-sec{justify-content:space-between;display:flex}.app-green{color:#2ecc71;margin:0;font-size:1.2rem}.app-gray{color:#666;margin:0;font-size:1.2rem}.scroll-content{z-index:10;position:relative}.hero-section{flex-direction:column;justify-content:center;height:100vh;display:flex}.feature-panel{align-items:center;min-height:100vh;padding:0 5%;display:flex}.left-panel{justify-content:flex-start}.right-panel{justify-content:flex-end}.center-panel{justify-content:center;align-items:center;padding-bottom:10vh}.glass-box{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:500px;padding:40px;box-shadow:0 30px 60px #000c}.photo-grid{align-items:flex-end;gap:16px;display:flex}.photo-placeholder{height:100px;color:var(--text-muted);background:#111;border-radius:12px;flex:1;justify-content:center;align-items:center;display:flex}.photo-placeholder.active{border:1px solid var(--accent);height:120px;color:var(--text-main);background:#00f2fe1a}.demo-section{background:#000c;justify-content:center;align-items:center;min-height:100vh;display:flex}.demo-box{text-align:center;max-width:600px}.demo-form{flex-direction:column;gap:16px;margin-top:32px;display:flex}.demo-form input,.demo-form textarea{border:1px solid var(--glass-border);color:#fff;resize:vertical;background:#111;border-radius:8px;padding:16px;font-family:inherit;font-size:1rem}.demo-form input:focus,.demo-form textarea:focus{border-color:var(--accent);outline:none}footer{background:#000;border-top:1px solid #111;padding:60px 0}.fade-in-up{opacity:0;animation:1s cubic-bezier(.2,.8,.2,1) forwards fadeInUp;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transition:all 1s cubic-bezier(.2,.8,.2,1);transform:translateY(60px)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.info-section{border-top:1px solid #ffffff0d;padding:120px 0}.info-header{text-align:left;max-width:800px;margin-bottom:60px}.eyebrow{letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:16px;font-family:SF Mono,ui-monospace,monospace;font-size:.75rem;font-weight:600;display:block}.big-heading{letter-spacing:-.04em;color:#fff;margin-bottom:24px;font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:1.1}.lede{color:#9ca3af;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6}.angle-chips{flex-wrap:wrap;gap:12px;margin-bottom:60px;display:flex}.chip{color:#ccc;background:#ffffff08;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:10px;padding:8px 18px;font-size:.9rem;display:flex}.chip .dot{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:6px;width:16px;height:16px}.timeline{border-top:1px solid #ffffff1a;gap:0;padding-top:24px;display:flex}.time-step{flex:1;padding-right:40px;position:relative}.time-step:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;top:-27px;left:0}.time-step:nth-child(2):before{background:#4facfe;box-shadow:0 0 10px #4facfe}.time-step:nth-child(3):before{background:#fff;box-shadow:0 0 10px #fff}.step-label{letter-spacing:2px;color:#555;text-transform:uppercase;margin-bottom:12px;font-family:SF Mono,ui-monospace,monospace;font-size:.75rem;font-weight:700;display:block}.time-step p{color:#9ca3af;font-size:.95rem}.feature-list{margin:0;padding:0;list-style:none}.feature-list li{border-top:1px solid #ffffff1a;gap:24px;padding:32px 0;display:flex}.feature-list li:last-child{border-bottom:1px solid #ffffff1a}.list-num{color:var(--accent);margin-top:4px;font-family:SF Mono,ui-monospace,monospace;font-size:.85rem;font-weight:700}.feature-list p{color:#9ca3af;margin:0;font-size:1.2rem}.feature-list strong{color:#fff;font-weight:600}.roadmap-section{background:#00f2fe05}.roadmap-grid{justify-content:center;margin-top:40px;display:flex}.roadmap-card{text-align:left;background:linear-gradient(145deg,#121e33,#0b111c);border:1px solid #00f2fe33;border-radius:24px;max-width:500px;padding:40px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.roadmap-card:before{content:"";filter:blur(50px);background:#00f2fe26;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.roadmap-card h3{color:#fff;margin:16px 0;font-size:1.8rem;font-weight:700}.roadmap-card p{color:#9ca3af;margin:0;font-size:1.1rem;line-height:1.6}.problems-section{z-index:10;margin-top:10vh;padding:80px 0;position:relative}.problems-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;display:grid}.problem-card{-webkit-backdrop-filter:blur(20px);background:#0c101799;border:1px solid #ffffff0d;border-radius:16px;padding:30px 24px}.problem-icon{margin-bottom:16px;font-size:1.5rem;display:block}.problem-card h3{color:#fff;margin-bottom:12px;font-size:1.1rem;font-weight:700}.problem-card p{color:#9ca3af;margin:0;font-size:.9rem;line-height:1.5}@media (width<=900px){h1{font-size:3rem}#img-tooth,#img-aligner,#img-braces{width:350px}.phone-bezel{width:300px;height:600px}.feature-panel{justify-content:center;align-items:flex-end;padding-bottom:10vh}.center-panel{justify-content:flex-start;padding-top:10vh}.glass-box{text-align:center}.exact-payment-card{text-align:left}.timeline{border-top:none;border-left:1px solid #ffffff1a;flex-direction:column;gap:40px;margin-left:8px;padding-top:0;padding-left:24px}.time-step:before{top:6px;left:-27px}.problems-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.problems-grid{grid-template-columns:1fr}}